html,body
{
	min-height: 100%;
	margin: 0px;
}

body
{
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	padding: 0px;
	text-align: center;
	color: #666;
	background-repeat: repeat-x; /* à enlever si fond blanc */
}

a
{
	color: #666;
}

img,fieldset
{
	border-style: none;
}

ul,ol
{
	margin: 0px;
	padding: 0px;
}

ul li,ol li
{
	margin: 0px;
	padding: 0px;
}

sup
{
	vertical-align: text-top;
}

sub
{
	vertical-align: text-bottom;
}

div#ingredient div.vide,div#detail div.vide
{
	background-image: url("../pix/fond_cartouche.png");
	height: 89px;
}

div#contenu
{
	width: 942px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background-repeat: repeat-x;
	padding: 10px 10px 20px;
}

div#haut
{
	height: 110px;
	background-repeat: no-repeat;
}

div#haut object,div#haut embed
{
	width: 250px;
	height: 40px;
	float: right;
}

div#haut a.home
{
	height: 33px;
	width: 114px;
	display: block;
	margin-bottom: 10px;
}

div#haut li
{
	float: left;
}

ul#fa-nav
{
	height: 14px;
	color: #FFF;
	padding-left: 12px;
	clear: both;
	background-repeat: no-repeat;
	background-position: 0px 50%;
	list-style-type: none;
}

ul#fa-nav li
{
	padding-left: 6px;
	margin-left: 6px;
	background: url("../pix/fleche_etape_fa.gif") no-repeat 0px 50%;
}

ul#fa-nav li.premier
{
	padding-left: 0px;
	margin-left: 0px;
	background-image: none;
}

ul#fa-nav a
{
	color: #FFF;
	text-decoration: none;
}

div#centre
{
	margin: -60px 0px 0px 250px;
	width: 498px;
	background-repeat: no-repeat;
}

div.centre-haut
{
	background-repeat: no-repeat;
	background-position: 0px 100%;
	position: relative;
	padding-bottom: 150px;
}

h1,h2,h3
{
	text-transform: uppercase;
}

h1
{
	font-size: 1.4em;
	margin: 1em 0px .5em;
}

h2
{
	font-size: 1.3em;
	font-weight: normal;
	margin: 1em 0px .5em;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
}

h5
{
	font-size: 1em;
}

h6
{
	font-size: 1em;
}

p.visuel
{
	text-align: right;
	margin: 0px;
	padding-top: 2px;
	height: 158px;
}

p.visuel img
{
	height: 158px;
	width: 158px;
	margin-right: 2px;
}

div.centre-contenu
{
	margin: 0px 67px 0px 0px;
	background-color: #FFF;
	min-height: 380px;
}

div.centre-contenu h1
{
	background-repeat: no-repeat;
	padding-top: 14px;
	margin: -30px 40px 0px 20px;
}

div.centre-contenu p.recap
{
	margin: 6px 22px 10px;
	color: #000;
	font-size: 10px;
	line-height: 1em;
}

div.centre-contenu p.recap span
{
	margin-right: 2em;
}

div.centre-detail
{
	margin-top: 10px;
	padding: 10px 20px 10px;
	background: url("../pix/filet_centre.gif") repeat-x;
}

ul#action
{
	margin: 0px;
	padding: 0px;
	width: 431px;
	height: 80px;
	background: url("../pix/filet_centre.gif") repeat-x;
	position: absolute;
	bottom: 0px;
	list-style-type: none;
}

ul#action li
{
	float: left;
	height: 31px;
	background-repeat: no-repeat;
	cursor: pointer;
	margin: 10px 0px 0px;
	padding: 0px;
}

ul#action li#imprimer
{
	width: 82px;
	margin-left: 40px;
}

ul#action li#envoyer
{
	width: 140px;
	margin-left: 60px;
}

div#ingredient,div#detail
{
	float: right;
	margin: 80px 20px 0px -60px;
	width: 206px;
	
	/*position: absolute;
	top: 260px;
	right: 60px;*/
}

div#ingredient object,div#ingredient embed,div#detail object,div#detail embed
{
	width: 187px;
	height: 140px;
	border-style: none;
}

p#anim-menu
{
	height: 140px;
	overflow: hidden;
	margin: 0px;
}

div.ingr-haut
{
	padding: 16px 10px 60px;
	background-repeat: no-repeat;
	background-color: #FFF;
}

div.ingr-bas
{
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 21px;
}

div.detail-haut
{
	background-repeat: no-repeat;
}

div.detail-bas
{
	background-repeat: no-repeat;
	background-position: 0px 100%;
	padding-bottom: 21px;
}

div#ingredient h3
{
	margin: 0px 0px 20px;
	background: url("../pix/fleche_centre.gif") no-repeat 0px 50%;
	padding-left: 12px;
}

div#detail h3
{
	margin: 0px 0px 0px 10px;
	background: url("../pix/fleche_centre.gif") no-repeat 0px 14px;
	padding: 10px 0px 0px 12px;
	height: 30px;
}

div#detail p
{
	margin: 5px 0px;
}

div#ingredient h4,div#detail h4
{
	margin: 0px 0px 2px;
}

div#detail h5
{
	margin: 5px 0px;
	font-size: 1em;
	font-weight: normal;
}

div#ingredient ul,div#detail ul
{
	margin: 0px 0px 14px;
	list-style-type: none;
}

div#ingredient ul li,div#detail ul li
{
	padding-left: 1em;
	margin: 0px;
	background: url("../pix/tiret_centre.gif") no-repeat 0px .5em;
}

div.module-centre
{
	background: url("../pix/actu/ml_bord_h.gif") repeat-x;
	margin: 0px 0px 5px;
	/*clear: left;*/
}

div.module-centre-b
{
	background: url("../pix/actu/ml_bord_b.gif") repeat-x 0px 100%;
}

div.module-centre-g
{
	background: url("../pix/actu/ml_bord_g.gif") repeat-y 0px 0px;
}

div.module-centre-d
{
	background: url("../pix/actu/ml_bord_d.gif") repeat-y 100% 0px;
}

div.module-centre-hg
{
	background: url("../pix/actu/ml_coin_hg.gif") no-repeat;
}

div.module-centre-hd
{
	background: url("../pix/actu/ml_coin_hd.gif") no-repeat 100% 0px;
}

div.module-centre-bg
{
	background: url("../pix/actu/ml_coin_bg.gif") no-repeat 0px 100%;
}

div.module-centre-bd
{
	background: url("../pix/actu/ml_coin_bd.gif") no-repeat 100% 100%;
	padding: 10px;
	min-height: 90px;
}

p.action
{
	text-align: center;
}

p.action input
{
	cursor: pointer;
}

p.info-legale
{
	font-size: .8em;
}

div#footer
{
	clear: both;
}

ul#foot
{
	letter-spacing: .05em;
	height: 10px;
	list-style-type: none;
	font-size: 10px;
}

ul#foot li
{
	border-left: 1px dotted #FFF;
	padding: 0px 15px;
	display: inline;
	color: #FFF;
}

ul#foot li.pop-sante
{
	cursor: pointer;
	text-decoration: underline;
}

ul#foot li.premier
{
	/*margin-left: 180px;*/
	border-left-style: none;
}

ul#foot li a
{
	color: #FFF;
}

p.error
{
	text-align: center;
	margin: 1em 0px;
	padding-top: 10px;
	letter-spacing: .1em;
}

p.faq-select
{
	text-align: center;
}

.ambiance-0 body
{
	background-image: url("../pix/fond_page_ambiance0.gif");
	background-color: #96d7ee;
}

.ambiance-0 div#haut a.home
{
	background-image: url("../pix/logo_lesucre_ambiance0.gif");
}

.ambiance-0 ul#fa-nav
{
	background-image: url("../pix/fleche_d_fa_ambiance0.gif");
}

.ambiance-0 div#centre
{
	background-image: url("../pix/fond_h_centre_ambiance0.gif");
}

.ambiance-0 div.centre-haut
{
	background-image: url("../pix/fond_bas_ambiance0.png");
}

.ambiance-0 li#imprimer
{
	background-image: url("../pix/btn_imprimer_ambiance0.gif");
}

.ambiance-0 h1,.ambiance-0 h2,.ambiance-0 h3,.ambiance-0 h4,.ambiance-0 h5,.ambiance-0 h6,.ambiance-0 a,.ambiance-0 strong
{
	color: #76359f;
}

.ambiance-0 div.detail-haut,.ambiance-0 div.ingr-haut
{
	background-image: url("../pix/onglet_h_ambiance0.gif");
}

.ambiance-0 div.detail-bas,.ambiance-0 div.ingr-bas
{
	background-image: url("../pix/onglet_b_ambiance0.gif");
}

.ambiance-0 div.centre-contenu h1
{
	background-image: url("../pix/tit_sucre_ambiance0.gif");
}


.ambiance-1 body
{
	background-image: url("../pix/fond_page_ambiance1.gif");
	background-color: #7ed0ff;
}

/*.ambiance-1 body
{
	background-color: #FFF;
}

.ambiance-1 div#contenu
{
	background-image: url("../pix/fond_page_ambiance1.gif");
	background-color: #7ed0ff;
}*/

.ambiance-1 div#haut a.home
{
	background-image: url("../pix/logo_lesucre_ambiance1.gif");
}

.ambiance-1 ul#fa-nav
{
	background-image: url("../pix/fleche_d_fa_ambiance1.gif");
}

.ambiance-1 div#centre
{
	background-image: url("../pix/fond_h_centre_ambiance1.gif");
}

.ambiance-1 div.centre-haut
{
	background-image: url("../pix/fond_bas_ambiance1.png");
}

.ambiance-1 li#imprimer
{
	background-image: url("../pix/btn_imprimer_ambiance1.gif");
}

.ambiance-1 h1, .ambiance-1 h2, .ambiance-1 h3, .ambiance-1 h4, .ambiance-1 h5, .ambiance-1 h6, .ambiance-1 a, .ambiance-1 strong
{
	color: #00a2ff;
}

.ambiance-1 div.detail-haut,.ambiance-1 div.ingr-haut
{
	background-image: url("../pix/onglet_h_ambiance1.gif");
}

.ambiance-1 div.detail-bas,.ambiance-1 div.ingr-bas
{
	background-image: url("../pix/onglet_b_ambiance1.gif");
}

.ambiance-1 div.centre-contenu h1
{
	background-image: url("../pix/tit_sucre_ambiance1.gif");
}


.ambiance-2 body
{
	background-image: url("../pix/fond_page_ambiance2.gif");
	background-color: #ff7100;
}

.ambiance-2 div#haut a.home
{
	background-image: url("../pix/logo_lesucre_ambiance2.gif");
}

.ambiance-2 ul#fa-nav
{
	background-image: url("../pix/fleche_d_fa_ambiance2.gif");
}

.ambiance-2 div#centre
{
	background-image: url("../pix/fond_h_centre_ambiance2.gif");
}

.ambiance-2 div.centre-haut
{
	background-image: url("../pix/fond_bas_ambiance2.png");
}

.ambiance-2 li#imprimer
{
	background-image: url("../pix/btn_imprimer_ambiance2.gif");
}

.ambiance-2 h1,.ambiance-2 h2,.ambiance-2 h3,.ambiance-2 h4,.ambiance-2 h5,.ambiance-2 h6,.ambiance-2 a,.ambiance-2 strong
{
	color: #ff7300;
}

.ambiance-2 div.detail-haut,.ambiance-2 div.ingr-haut
{
	background-image: url("../pix/onglet_h_ambiance2.gif");
}

.ambiance-2 div.detail-bas,.ambiance-2 div.ingr-bas
{
	background-image: url("../pix/onglet_b_ambiance2.gif");
}

.ambiance-2 div.centre-contenu h1
{
	background-image: url("../pix/tit_sucre_ambiance2.gif");
}



.ambiance-3 body
{
	background-image: url("../pix/fond_page_ambiance3.gif");
	background-color: #cf496d;
}

.ambiance-3 div#haut
{
	background-image: url("../pix/logo_lesucre_ambiance3.gif");
}

.ambiance-3 ul#fa-nav
{
	background-image: url("../pix/fleche_d_fa_ambiance3.gif");
}

.ambiance-3 div#centre
{
	background-image: url("../pix/fond_h_centre_ambiance3.gif");
}

.ambiance-3 div.centre-haut
{
	background-image: url("../pix/fond_bas_ambiance3.png");
}

.ambiance-3 li#imprimer
{
	background-image: url("../pix/btn_imprimer_ambiance3.gif");
}

.ambiance-3 li#envoyer
{
	background-image: url("../pix/btn_envoyer_ambiance3.gif");
}

.ambiance-3 h1,.ambiance-3 h2,.ambiance-3 h3,.ambiance-3 h4,.ambiance-3 h5,.ambiance-3 h6,.ambiance-3 a,.ambiance-3 strong
{
	color: #d30d38;
}

.ambiance-3 div.detail-haut,.ambiance-3 div.ingr-haut
{
	background-image: url("../pix/onglet_h_ambiance3.gif");
}

.ambiance-3 div.detail-bas,.ambiance-3 div.ingr-bas
{
	background-image: url("../pix/onglet_b_ambiance3.gif");
}

.ambiance-3 div.centre-contenu h1
{
	background-image: url("../pix/tit_sucre_ambiance3.gif");
}



.ambiance-4 body
{
	background-image: url("../pix/fond_page_ambiance4.gif");
	background-color: #7fbb19;
}

.ambiance-4 div#haut
{
	background-image: url("../pix/logo_lesucre_ambiance4.gif");
}

.ambiance-4 ul#fa-nav
{
	background-image: url("../pix/fleche_d_fa_ambiance4.gif");
}

.ambiance-4 div#centre
{
	background-image: url("../pix/fond_h_centre_ambiance4.gif");
}

.ambiance-4 div.centre-haut
{
	background-image: url("../pix/fond_bas_ambiance4.png");
}

.ambiance-4 li#imprimer
{
	background-image: url("../pix/btn_imprimer_ambiance4.gif");
}

.ambiance-4 h1,.ambiance-4 h2,.ambiance-4 h3,.ambiance-4 h4,.ambiance-4 h5,.ambiance-4 h6,.ambiance-4 a,.ambiance-4 strong
{
	color: #9ca800;
}

.ambiance-4 div.detail-haut,.ambiance-4 div.ingr-haut
{
	background-image: url("../pix/onglet_h_ambiance4.gif");
}

.ambiance-4 div.detail-bas,.ambiance-4 div.ingr-bas
{
	background-image: url("../pix/onglet_b_ambiance4.gif");
}

.ambiance-4 div.centre-contenu h1
{
	background-image: url("../pix/tit_sucre_ambiance4.gif");
}

/* ZOOM */

div#trailimagediv {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  /*width: 300px;*/
  /*height: 200px;*/
  z-index: 200;
  background: #fff;
  margin: 0;
  padding: 0;
  border: 1px solid #999;
  text-align: left;
}

div#trailimagediv img.bigarticleimg {
	/*width: 300px;*/
  /*height: 200px;*/
  margin: 0;
	padding: 0;
}

div.clear {
  clear: both;
}