@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#fff; font-size:12px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1 { color:#fff; font-weight:bold; font-size:12px; padding-bottom:20px; }
h2 { color:#fff; font-weight:bold; font-size:1.3em; /*text-transform: uppercase;*/ }
h3 { color:#fff; font-weight:bold; font-size:1.17em; /*text-transform: uppercase;*/ }
h4 { color:#fff; font-weight:700; font-size:1em; /*text-transform: uppercase;*/ }
h5 { color:#fff; font-size:0.83em; }
h6 { color:#fff; font-size:0.67em; }
p { color:#fff; font-size:1em; }
ul, ol{ color:#fff; font-size:1em; }
li { color:#fff; font-size:1em; }
a { color:#fff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#fff; padding:3px; }
input { color:#fff; padding:3px; }

/* Liens de bas de page */
#societe p, #societe a {color:#000; } /* couleur des liens de bas de page */
#societe p { font-size:.92em; }

/* Image de validation W3C */
/*#validator a img { background-color:#000; } - Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding:0 2em 0 0; }
.imgRight { float:right; padding:0 0 0 2em; }
.imgRight1 { float:right; padding:7px 0 0 2em; }
.imgRight2 { float:right; padding:7px 0 0 2em; width:220px;}


/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }

/*	Mise en page
----------------------------------------------------------*/

/* Page d'accueil */
.illustration { float:left; padding:5px 10px 0px 0; }

/*	Site en cours de réalisation */
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales */

.plan {
	width:850px;
	height:480px;
	border: 5px solid #ffffff;
	margin:0 auto;
	
}

#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding-bottom:5px;
	padding-top:5px;
	text-align:center;
}
.plan-titre {
	font-size: 14px;
	color: #970c08;
	font-weight: bold;
	margin-bottom: 10px;
	text-align:center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align:center;
	!text-align:center;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:10px;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

.div1-al{ background:url(../images/photo/bg.jpg) no-repeat; width:900px; margin:0 auto;}
.div1-al p{color:#000000;}

.div2-al{width: 285px; color:#000000; padding:5px;}

.div3-al{width:370px;}

.div4-al{width:160px;}

.bold1-al{color:#FF0000; font-weight:bold;}

.bullet-al{margin-left:5px; margin-right:7px;}

.bullet-al1{margin-left:5px; margin-right:7px; margin-bottom:20px; margin-top:2px;}

.mar-al{margin-left:5px; margin-right:5px;}

.text-al{font-size:14px; font-weight:bold;}

.text1-al{color:#b1c637; font-weight:bold;}

.mar1-al{margin-left:235px;}

.mar2-al{margin-left:395px;}

a.btn1-al{ display: block; height:34px; width:435px; background: url(../images/btn/1.jpg) no-repeat; }
a.btn1-al:hover { background: url(../images/btn/1-hover.jpg) no-repeat; }
a.btn1-al:active { background: url(../images/btn/1-hover.jpg) no-repeat; }
a.btn1-al span { display:none; }

a.btn2-al{ display: block; height:34px; width:435px; background: url(../images/btn/2.jpg) no-repeat; }
a.btn2-al:hover { background: url(../images/btn/2-hover.jpg) no-repeat; }
a.btn2-al:active { background: url(../images/btn/2-hover.jpg) no-repeat; }
a.btn2-al span { display:none; }

a.btn3-al{ display: block; height:34px; width:435px; background: url(../images/btn/3.jpg) no-repeat; }
a.btn3-al:hover { background: url(../images/btn/3-hover.jpg) no-repeat; }
a.btn3-al:active { background: url(../images/btn/3-hover.jpg) no-repeat; }
a.btn3-al span { display:none; }

a.btn4-al{ display: block; height:34px; width:125px; background: url(../images/btn/retour.jpg) no-repeat; }
a.btn4-al:hover { background: url(../images/btn/retour-hover.jpg) no-repeat; }
a.btn4-al:active { background: url(../images/btn/retour-hover.jpg) no-repeat; }
a.btn4-al span { display:none; }

a.btn5-al{ display: block; height:34px; width:435px; background: url(../images/btn/12.jpg) no-repeat; }
a.btn5-al:hover { background: url(../images/btn/12-hover.jpg) no-repeat; }
a.btn5-al:active { background: url(../images/btn/12-hover.jpg) no-repeat; }
a.btn5-al span { display:none; }

a.btn6-al{ display: block; height:34px; width:435px; background: url(../images/btn/stages.jpg) no-repeat; }
a.btn6-al:hover { background: url(../images/btn/stages-hover.jpg) no-repeat; }
a.btn6-al:active { background: url(../images/btn/stages-hover.jpg) no-repeat; }
a.btn6-al span { display:none; }

a.btn7-al{ display: block; height:34px; width:435px; background: url(../images/btn/methodes-de-travail.jpg) no-repeat; }
a.btn7-al:hover { background: url(../images/btn/methodes-de-travail-hover.jpg) no-repeat; }
a.btn7-al:active { background: url(../images/btn/methodes-de-travail-hoverr.jpg) no-repeat; }
a.btn7-al span { display:none; }

/*---------------Hanh-------------------*/
.text-r-conseil { float:right; padding-right:30px;}
.bullet-conseil-0 { vertical-align:middle; margin-right:7px; float:left; padding-top:2px;}
.bullet-conseil { vertical-align:middle; margin-right:7px; padding-bottom:20px; float:left; padding-top:2px;}
.bullet2-conseil { vertical-align:middle; margin-right:7px; float:left; padding-top:2px; margin-left:20px;}
.bullet3-conseil { vertical-align:middle; margin-right:7px; float:left; padding-top:2px; margin-left:50px;}
.bullet4-conseil { vertical-align:middle; margin-right:7px; float:left; padding-top:5px; margin-left:50px;}
sup { font-size:9px; vertical-align:super;}
#table-references { line-height:25px; width:100%;}
.width-1-ref { width:16%;}
.width-2-ref { width:84%;}
#header-plan { background:url(../images/plandusite/header-plan.jpg) no-repeat top; width:950px; height:275px;}

.fieldset-ref {border:1px solid #ffffff; padding:10px 13px 10px 13px;}
.legend-ref {border-left:3px solid #ffe9a0; padding:1px 15px 2px 10px; }
.space-ref {padding-top:20px; padding-top /*\**/: 10px\9;#padding-top /*\**/: 10px\9;}
.space-ref1 {padding-top:2px; padding-top /*\**/: 10px\9;#padding-top /*\**/: 10px\9;}

.align-c-conseil { vertical-align:top; margin-left:235px;}
a.conseils-pratiques { display: block; height:34px; width:435px; background: url(../images/conseils-pratiques/conseils-pratiques.jpg) no-repeat; }
a.conseils-pratiques:hover { background: url(../images/conseils-pratiques/conseils-pratiques-hover.jpg) no-repeat; }
a.conseils-pratiques:active { background: url(../images/conseils-pratiques/conseils-pratiques-hover.jpg) no-repeat; }
a.conseils-pratiques span { display:none; }

a.le-danger-des-edulcorants { display: block; height:34px; width:435px; background: url(../images/conseils-pratiques/le-danger-des-edulcorants.jpg) no-repeat; }
a.le-danger-des-edulcorants:hover { background: url(../images/conseils-pratiques/le-danger-des-edulcorants-hover.jpg) no-repeat; }
a.le-danger-des-edulcorants:active { background: url(../images/conseils-pratiques/le-danger-des-edulcorants-hover.jpg) no-repeat; }
a.le-danger-des-edulcorants span { display:none; }

a.le-cholesterol { display: block; height:34px; width:435px; background: url(../images/conseils-pratiques/btn-cholesterol.jpg) no-repeat; }
a.le-cholesterol:hover { background: url(../images/conseils-pratiques/btn-cholesterol-hover.jpg) no-repeat; }
a.le-cholesterol:active { background: url(../images/conseils-pratiques/btn-cholesterol-hover.jpg) no-repeat; }
a.le-cholesterol span { display:none; }

a.lait-sante { display: block; height:34px; width:435px; background: url(../images/conseils-pratiques/lait-sante.jpg) no-repeat; }
a.lait-sante:hover { background: url(../images/conseils-pratiques/lait-sante-hover.jpg) no-repeat; }
a.lait-sante:active { background: url(../images/conseils-pratiques/lait-sante-hover.jpg) no-repeat; }
a.lait-sante span { display:none; }

a.le-calcium { display: block; height:34px; width:435px; background: url(../images/conseils-pratiques/calcium.jpg) no-repeat; }
a.le-calcium:hover { background: url(../images/conseils-pratiques/calcium-hover.jpg) no-repeat; }
a.le-calcium:active { background: url(../images/conseils-pratiques/calcium-hover.jpg) no-repeat; }
a.le-calcium span { display:none; }

a.devitalisation-alimentaire { display: block; height:34px; width:435px; background:url(../images/conseils-pratiques/devitalisation-alimentaire.jpg) no-repeat; }
a.devitalisation-alimentaire:hover { background: url(../images/conseils-pratiques/devitalisation-alimentaire-hover.jpg) no-repeat; }
a.devitalisation-alimentaire:active { background: url(../images/conseils-pratiques/devitalisation-alimentaire-hover.jpg) no-repeat; }
a.devitalisation-alimentaire span { display:none; }

a.prise-masse { display: block; height:34px; width:435px; background:url(../images/conseils-pratiques/btn-prise-masse.jpg) no-repeat; }
a.prise-masse:hover { background: url(../images/conseils-pratiques/btn-prise-masse-hover.jpg) no-repeat; }
a.prise-masse:active { background: url(../images/conseils-pratiques/btn-prise-masse-hover.jpg) no-repeat; }
a.prise-masse span { display:none; }



/*==================LUAN====================*/
.heading1{
	font-size:14px;
	color:#b2c739;}
	
.luantable1{
width:100%; text-align:center;}

.luantable1 td{
padding:8px;
border:1px solid #FFFFFF; text-align:justify; vertical-align:middle;}

.bullet-luan{
vertical-align:middle;
margin-left:15px;
margin-right:7px;
}

.bullet-luanb{
vertical-align:middle;

margin-right:7px;
}

.bullet-luan1{
vertical-align:middle;
margin-left:15px;
margin-right:7px;
padding-bottom:10px;
margin-top:3px;
}

.bullet-luan1b{
vertical-align:middle;
margin-left:40px;
margin-right:7px;
padding-bottom:10px;
margin-top:5px;
}


.bullet-luan2{
vertical-align:middle;
margin-left:15px;
margin-right:7px;
padding-bottom:30px;
margin-top:3px;
}

.bullet-luan2b{
vertical-align:middle;
margin-left:65px;
margin-right:7px;
padding-bottom:30px;
margin-top:3px;
}

.bullet-luan3{
vertical-align:middle;
margin-left:15px;
margin-right:7px;
padding-bottom:60px;
margin-top:3px;
}

.mgtxt-luan{
margin-left:20px;}

.mgtxt-luan2{
margin-left:92px;}

.mgtxt-luan3{
margin-left:45px;}

.mgtxt-luan4{
margin-left:26px;}

sup{
vertical-align:super;
font-size:10px;}

.td-luan{
width:50px;}

.pdbtom-luan{
padding-bottom:90px;}

.box-luan1{
width:250px;
margin-left:50px;}
.box-luan2{
width:410px;
}

.mar1-luan{margin-left:230px;}

a.btn1-luan{ display: block; height:34px; width:435px; background: url(../images/btn/4.jpg) no-repeat; }
a.btn1-luan:hover { background: url(../images/btn/4-hover.jpg) no-repeat; }
a.btn1-luan:active { background: url(../images/btn/4-hover.jpg) no-repeat; }
a.btn1-luan span { display:none; }

a.btn2-luan{ display: block; height:34px; width:435px; background: url(../images/btn/5.jpg) no-repeat; }
a.btn2-luan:hover { background: url(../images/btn/5-hover.jpg) no-repeat; }
a.btn2-luan:active { background: url(../images/btn/5-hover.jpg) no-repeat; }
a.btn2-luan span { display:none; }

a.btn3-luan{ display: block; height:34px; width:435px; background: url(../images/btn/6.jpg) no-repeat; }
a.btn3-luan:hover { background: url(../images/btn/6-hover.jpg) no-repeat; }
a.btn3-luan:active { background: url(../images/btn/6-hover.jpg) no-repeat; }
a.btn3-luan span { display:none; }

a.btn4-luan{ display: block; height:34px; width:435px; background: url(../images/btn/7.jpg) no-repeat; }
a.btn4-luan:hover { background: url(../images/btn/7-hover.jpg) no-repeat; }
a.btn4-luan:active { background: url(../images/btn/7-hover.jpg) no-repeat; }
a.btn4-luan span { display:none; }

a.btn5-luan{ display: block; height:34px; width:435px; background: url(../images/btn/8.jpg) no-repeat; }
a.btn5-luan:hover { background: url(../images/btn/8-hover.jpg) no-repeat; }
a.btn5-luan:active { background: url(../images/btn/8-hover.jpg) no-repeat; }
a.btn5-luan span { display:none; }

a.btn6-luan{ display: block; height:34px; width:435px; background: url(../images/btn/9.jpg) no-repeat; }
a.btn6-luan:hover { background: url(../images/btn/9-hover.jpg) no-repeat; }
a.btn6-luan:active { background: url(../images/btn/9-hover.jpg) no-repeat; }
a.btn6-luan span { display:none; }

a.btn7-luan{ display: block; height:34px; width:435px; background: url(../images/btn/10.jpg) no-repeat; }
a.btn7-luan:hover { background: url(../images/btn/10-hover.jpg) no-repeat; }
a.btn7-luan:active { background: url(../images/btn/10-hover.jpg) no-repeat; }
a.btn7-luan span { display:none; }

a.btn8-luan{ display: block; height:34px; width:435px; background: url(../images/btn/11.jpg) no-repeat; }
a.btn8-luan:hover { background: url(../images/btn/11-hover.jpg) no-repeat; }
a.btn8-luan:active { background: url(../images/btn/11-hover.jpg) no-repeat; }
a.btn8-luan span { display:none; }

a.bio_nut{ display: block; height:34px; width:435px; background: url(../images/btn/bio-nutritionnelle.jpg) no-repeat; }
a.bio_nut:hover { background: url(../images/btn/bio-nutritionnelle-hover.jpg) no-repeat; }
a.bio_nut:active { background: url(../images/btn/bio-nutritionnelle-hover.jpg) no-repeat; }
a.bio_nut span { display:none; }


/*==========================================*/
#text-c-glucides { float:left; padding-left:40px;}
sub { vertical-align:sub; font-size:9px;}



/*============ HIGHLIGHT =============*/

.highslide {
	cursor: url(../images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border: none;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 0px;
    background-image: url(../images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(../images/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.bor-pic{border:#ffffff solid 2px;}

.mar3-al{margin-top:4px;}

.wdiv-d{ width:435px;}


.txt-d{color:#b2c739;}

ul.liste li{
	list-style:circle inside;
	margin-left:10px;
	display:list-item;}
	
.yingyang{margin:10px 0;}
