body{color: #7d5b6d; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
h1{color: #853960;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.7em; font-weight: normal; padding:0; margin: 0 0 2px 0;}
h2{color: #853960;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; font-weight: normal;
border-bottom:1px solid #dfbbcd; background: url(images/puce.gif) no-repeat 0 0.6em; padding:3px 0 3px 12px;}
h3{color: #c685a5;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; padding:0; margin: 0 0 2px 0;}
h4{color: #853960;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: normal; padding:0; margin: 0 0 2px 0;}
h5{color: #C58DA9;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; padding:0; margin: 0 0 2px 0;}
*{margin:0; padding:0; border:0}
p{color: #7d5b6d; margin: 0;}
a{color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em;}
a:hover{color:#a42f65;}
a.puce{background: url(images/puce.gif) no-repeat center left; padding:3px 0 3px 12px; width:auto; height:28px;}
a.vert{color:#298d35;}
a.puce.vert{background: url(images/puce2.gif) no-repeat center left; padding:3px 0 3px 12px; width:auto; height:28px;}
a.vert:hover{color: #00CC00;}
a img{border:0;}
strong{color:/*#853960*/#c58da9;}
b{color:#a42f65;}
u{clear:both; display:block; height:1px; font-size:0px; text-decoration:none;}
u.sep{height:26px;}
hr{display:block; text-decoration:none; height:0; clear:both; border:0; visibility: hidden; margin:0; padding:0;}
ul{list-style:none; /*color:#c58da9*/}
ul li{background:url(images/puce-ronde.gif) no-repeat 0 .7em; margin:0 0 0 15px; padding:4px 0 4px 12px;}
ol li{background:none; margin: 0 0 0 25px; padding:0 list-style-type: decimal-leading-zero;}
input, textarea, select{ margin: 5px 0 10px 2px;  background: url("images/fond_champ.gif") repeat-x top; background-color: #ffffff; border: 1px solid #cccccc; font-size: 1em;color: #7d5b6d; padding-left: 2px;font-weight: normal; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
input:focus, textarea:focus, select:focus{background: url("images/fond_champfocus.gif") repeat-x top; background-color: #ffffff; border-left: 1px solid #b23e73;border-top: 1px solid #b23e73; border-right: 1px solid #e36da2;  border-bottom: 1px solid #e36da2; color: #b23e73}
.erreur{background:  url("images/fond_champerreur.gif") repeat-x top; border: 1px solid #770000; color:#ffffff; }
.send{background: url("images/fond_send.gif") repeat-x center; background-color: #831c4c; color: #FFF; border:1px solid #450824; text-align : center; font-weight: normal; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 0 4px; }
.col{width:48%;float:left; display:block;}
/*######################CLASSES COURANTES####################*/
.fondViolet{background:#A42F65;}
/* CLASSES */
.mt0,	
.mb0,	
.ml0,	
.mr0		{margin:0;}
.ml2		{margin-left:2px;}
.ml5		{margin-left:5px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml30	{margin-left:30px;}
.ml40	{margin-left:40px;}
.ml50	{margin-left:50px;}
.ml60	{margin-left:60px;}
.ml70	{margin-left:70px;}
.ml80	{margin-left:80px;}
.ml90	{margin-left:90px;}
.ml100	{margin-left:100px;}
.ml120	{margin-left:120px;}
.ml140	{margin-left:140px;}
.ml150	{margin-left:150px;}
.ml160	{margin-left:160px;}
.ml180	{margin-left:180px;}
.ml200	{margin-left:200px;}
.mr2		{margin-right:2px;}
.mr5		{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr30	{margin-right:30px;}
.mr40	{margin-right:40px;}
.mr50	{margin-right:50px;}
.mr60	{margin-right:60px;}
.mr70	{margin-right:70px;}
.mr80	{margin-right:80px;}
.mr90	{margin-right:90px;}
.mr100	{margin-right:100px;}
.mr120	{margin-right:120px;}
.mr140	{margin-right:140px;}
.mr150	{margin-right:150px;}
.mr160	{margin-right:160px;}
.mr180	{margin-right:180px;}
.mr200	{margin-right:200px;}
.mt5		{margin-top:5px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt30	{margin-top:30px;}
.mt40	{margin-top:40px;}
.mt50	{margin-top:50px;}
.mt60	{margin-top:60px;}
.mt70	{margin-top:70px;}
.mt80	{margin-top:80px;}
.mt90	{margin-top:90px;}
.mt100	{margin-top:100px;}
.mt120	{margin-top:120px;}
.mt140	{margin-top:140px;}
.mt150	{margin-top:150px;}
.mt160	{margin-top:160px;}
.mt180	{margin-top:180px;}
.mt200	{margin-top:200px;}
.mt250	{margin-top:250px;}
.mb5		{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb20	{margin-bottom:20px;}
.mb30	{margin-bottom:30px;}
.mb40	{margin-bottom:40px;}
.mb50	{margin-bottom:50px;}
.mb60	{margin-bottom:60px;}
.mb70	{margin-bottom:70px;}
.mb80	{margin-bottom:80px;}
.mb90	{margin-bottom:90px;}
.mb100	{margin-bottom:100px;}

.pt0,	
.pb0,	
.pl0,	
.pr0		{padding:0;}
.pt5		{padding-top:5px;}
.pt10		{padding-top:10px;}
.pt15		{padding-top:15px;}
.pt20		{padding-top:20px;}
.pt30		{padding-top:30px;}
.pt40		{padding-top:40px;}
.pt50		{padding-top:50px;}
.pt60		{padding-top:60px;}
.pt70		{padding-top:70px;}
.pt80		{padding-top:80px;}
.pt90		{padding-top:90px;}
.pt100	{padding-top:100px;}
.pb5		{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb30	{padding-bottom:30px;}
.pb40	{padding-bottom:40px;}
.pb50	{padding-bottom:50px;}
.pb60	{padding-bottom:60px;}
.pb70	{padding-bottom:70px;}
.pb80	{padding-bottom:80px;}
.pb90	{padding-bottom:90px;}
.pb100	{padding-bottom:100px;}
.pl5		{padding-left:5px;}
.pl10		{padding-left:10px;}
.pl15		{padding-left:15px;}
.pl20		{padding-left:20px;}
.pl30		{padding-left:30px;}
.pl40		{padding-left:40px;}
.pl50		{padding-left:50px;}
.pl60		{padding-left:60px;}
.pl70		{padding-left:70px;}
.pl80		{padding-left:80px;}
.pl90		{padding-left:90px;}
.pl100	{padding-left:100px;}
.pr2		{padding-right:2px;}
.pr5		{padding-right:5px;}
.pr10		{padding-right:10px;}
.pr15		{padding-right:15px;}
.pr20		{padding-right:20px;}
.pr30		{padding-right:30px;}
.pr40		{padding-right:40px;}
.pr50		{padding-right:50px;}
.pr60		{padding-right:60px;}
.pr70		{padding-right:70px;}
.pr80		{padding-right:80px;}
.pr90		{padding-right:90px;}
.pr100	{padding-right:100px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.padd{padding-right:15px;}
.padg{padding-left:15px;}
.margd{margin:0 15px 6px 0;display: block; float:left;}
.margg{margin:0 0 6px 15px;display: block; float:right;}
.fleft,.fl { float: left; }
.fright,.fr { float: right; }
.centre,.c{text-align:center;}
.l,.g{text-align:left;}
.r,.d{text-align:right;}
.pointsbas{background: url(images/points-h.gif) repeat-x bottom; padding-bottom:1px;}
.clear,.cl{clear:both;}
.cadre{padding:1px; border:1px solid #E0BECE; background-color:#ffffff;}
.virgule{background:url(images/virgule-droite.gif) no-repeat bottom right; padding-right:50px;}
.justifie,.j{text-align: justify;}
.modale{display:none; padding:1px; border:1px solid #E0BECE; background-color:#ffffff;}
.contact{width: 450px; padding: 5px 5px 5px 30px; }
.cliquable { cursor: pointer; }
.l5{width:5%;}
.l10{width:10%;}
.l15{width:15%;}
.l20{width:20%;}
.l25{width:25%;}
.l30{width:30%;}
.l33{width:33%;}
.l35{width:35%;}
.l40{width:40%;}
.l45{width:45%;}
.l48{width:48%;}
.l50{width:50%;}
.l52{width:52%;}
.l55{width:55%;}
.l60{width:60%;}
.l65{width:65%;}
.l70{width:70%;}
.l75{width:75%;}
.l80{width:80%;}
.l85{width:85%;}
.l90{width:90%;}
.l95{width:95%;}
.l100{width:100%;}
.w100 {width:100px}
.l150{width:150px;}
.l200{width:200px;}
.l250{width:250px;}
.l300{width:300px;}
.l350{width:350px;}
.l400{width:400px;}
.l450{width:450px;}
.l500{width:500px;}
.l550{width:550px;}
.l600{width:600px;}
.l650{width:650px;}
.l700{width:700px;}

.h5{height:5px;}
.h10{height:10px;}
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h110{height:110px;}
.h120{height:120px;}
.h130{height:130px;}
.h140{height:140px;}
.h150{height:150px;}
.h160{height:160px;}
.h170{height:170px;}
.h180{height:180px;}
.h190{height:190px;}
.h200{height:200px;}
.h210{height:210px;}
.h220{height:220px;}
.h230{height:230px;}
.h240{height:240px;}
.h250{height:250px;}
.h260{height:260px;}
.h240{height:270px;}
.h280{height:280px;}
.h290{height:290px;}
.h300{height:300px;}
.h350{height:350px;}
.h400{height:400px;}
.h450{height:450px;}
.h500{height:500px;}
.h550{height:550px;}
.h600{height:600px;}
.h650{height:650px;}
.h700{height:700px;}
/*###################### MASTER####################*/
#sitemap {text-align:left;height:20px; margin: 10px 0 10px 15px; color:#a42f65;}
#sitemap a{font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#a42f65;font-size:1em; text-decoration:underline;}
#sitemap a:hover{color: #a42f65}

#global {width: 999px; margin-left: auto; margin-right: auto; margin-top:10px;}
p.navigHaut {color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; background:url(images/ico-home.gif) bottom left no-repeat; padding-left: 20px; margin-left:15px}
p.navigHaut a{color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none;}
p.navigHaut a:hover{color:#d13c81;}

#flashTop {width: 900px; height: 135px}
#navigation {width: 900px; height: 35px; color: #ffc8e1; background-color:#853960; border-bottom: 1px solid #ffffff; }
#navigation ul{padding-left:20px; margin:0; padding:0;}
#navigation li {font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #ffc8e1; width:115px; height:26px; float:left; list-style:none;background: none; text-align:center; margin:0; padding:0; overflow:hidden;}
#navigation li.savoirFaire{width:140px;}
#navigation li a{font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1.3em; color: #ffc8e1; text-decoration:none; display:block; width:100%; height:100%; padding-top:4px; height:22px;}
#navigation li a:hover{color: #ffffff;text-decoration:none;background-color:#a42f65;}
#navigation li a.selection{color:#ffffff; background-color:#a42f65;}
#navigation span{background-color:#a42f65; border-top:1px solid #ffffff; display:block; height:8px; clear:both;}

#homeLeft {float: left; width: 585px;height:526px; border-left:15px solid #a42f65; padding:0 0 0 0px; text-align:left;}
#homeLeft p{margin:0;}
#homeLeft h2{border:0; background:none; padding:0;}
#homeLeft .apidor{background: url(images/points-h.gif) repeat-x bottom; padding-bottom:1px; padding-top:0px; margin-top:0px; height:236px; clear: both;}
#homeLeft .apidor .visuel{margin-right: 20px; float:left;}
#homeLeft .colrecette{float:left; /*background: url(images/points-v.gif) repeat-y right ;*/ padding:8px; margin-top:1px; width: 162px; height:266px; text-align:center;}
#homeLeft .colvideo{float:left;background: url(images/points-v.gif) repeat-y right ; padding:8px;margin-top:1px; width: 186px; height:266px; display:none;}
#homeLeft .colrecrutement{float:right; width: 204px; height:266px;padding-left: 1px; margin-top:1px; }
#homeLeft .colrecrutement div{padding:0px;}
#homeRight{width: 398px; height:519px;  float: left; }
#homeRight span {float: left; display: block}
span#animDroite {width: 287px; height:526px; border-left: 11px solid #853960; padding-left:1px;}
span#bouillon{display: block; float:left; width:98px; height:520px; background: url(images/bouillon.jpg) no-repeat bottom right;}

#encartSemaineGout{float:left;background: url(images/service-conso.jpg) no-repeat center center; padding:0;margin:0; width:202px; height:288px;}
#encartSemaineGout a,#encartSemaineGout a:hover{text-decoration:none; display:block; height:100%;}


#volets{border-left:15px solid #a42f65; border-right: 40px solid #a42f65; width: 845px;float: left; min-height:520px;}
#voletNeutre{border-left:15px solid #a42f65; border-right: 40px solid #a42f65; width: 845px;float: left; min-height:520px;background:#511333 none repeat scroll 0 0;}

#voletheadGauche {float: left; width: 585px;/*text-align:left;*/}
#voletheadDroit{width: 240px; float: left;}
#voletheadDroit span {/*float: left; display: block*/}

#voletGauche {float: left; width: 530px; text-align:left;margin:0; padding:0;}
#voletDroit{width: 313px; float: left; margin:0; padding:0;}
#voletDroit span {/*float: left;*/ display: block}
/*Pour les pages internes*/
#colDroite{background: url(images/fond-menu-droite.gif) repeat-y left ;}
/*sousmenu droite*/
.sousmenu{margin:80px 0 0 0;}
.sousmenu li{margin:0; list-style: none; padding: 10px 0 12px 40px; background:url(images/puce-menu.gif) no-repeat top left;}
.sousmenu li:hover{background-image:url(images/puce-menu-over.gif);}
.sousmenu li a{color:#853960; text-decoration:none;display: block; }
.sousmenu li a:hover{color: #c95490; text-decoration:underline;}
.sousmenu li a.selected{color: #c95490; text-decoration:none; font-weight: bold}

.divmarge{margin:50px 30px 50px 40px;}

#footer {width: 900px; height: 78px; background:url(images/arrondi-adresse.gif) top left no-repeat; float: left;
color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; border-top:1px solid #a42f65;}
#footer div{display:block;}
#footer .adresse{float:left; width: 260px; height:70px; padding: 12px 0 0 14px; font-size:0.9em; color:#ffffff;}
#footer .liensbas{float:right; text-align:right; width:600px; height:70px; padding:10px 0 0 0; color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none;}
#footer .liensbas a{color: #853960; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:1em; text-decoration:none;}
#footer .liensbas a:hover{color:#d13c81;}

#contenugauche{margin: 30px auto; width:500px}

#photofamille{height:260px; width:450px}



/* OUTILS */
#outils{height:202px; width:189px; margin: 0 auto/*30px 0 30px 64px*/; }
#outils *{margin:0; padding:0;}
#outils div{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/outils-virgule.png'); height:202px; width:189px; margin: 0;}
html>body #outils div{filter:none; background:url(images/outils-virgule.png) no-repeat top left;}


#outils ul{padding:25px 0 12px 0;}
#outils li{height:26px; width:189px;}


#outils li.contacteznous					{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/outils-contact.png');}
html>body #outils li.contacteznous	{filter:none; background:url(images/outils-contact.png) no-repeat top left;}
#outils li.contacteznous a{padding-left:50px;}

#outils li.imprimer							{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/outils-imprimer.png');}
html>body #outils li.imprimer			{filter:none; background:url(images/outils-imprimer.png) no-repeat top left;}
#outils li.imprimer a{padding-left:35px;}

#outils li.transmettre						{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/outils-transmettre.png');}
html>body #outils li.transmettre		{filter:none; background:url(images/outils-transmettre.png) no-repeat top left;}
#outils li.transmettre a{padding-left:30px;}

#outils li a{text-decoration: none; display:block; line-height: 2.1em; height:26px; position:relative; z-index:9998;}
#outils li a:hover{color:#ffffff;}

#btServiceconso{background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/outil-bt-serviceconso.png'); position:relative;display:block; width:189px; height:71px; text-decoration:none; cursor:pointer}
html>body #btServiceconso{filter:none; background:url(images/outil-bt-serviceconso.png) no-repeat top left;}

/*######################PAGE NUTRITION####################*/
#nutrition{width: 560px; background: url(images/nutrition-fond.gif) repeat-y right; margin-left:15px;}
#nutrition div{ background:url(images/nutrition-haut.gif) no-repeat top right; padding-top: 17px; width: 560px;  }
#nutrition p{clear:both; height:24px; background:url(images/nutrition-bas.gif) no-repeat bottom right;}
#nutrition div div p{clear:none; height:auto; background:none; }
#nutrition div div{background:none; margin:0 20px 0 44px; display: block; padding:0; width:auto; }
#nutrition div div div{background:none; margin:0; display: block; padding:0; width:auto;
	color: #c685a5;	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; padding:0; margin: 0 0 2px 0;}
#nutrition img{float: left; margin-right:20px;}

#pratique{width: 335px; background: url(images/pratique-fondD.gif) repeat-y right; margin: 20px 0 0 5px; float:left;}
#pratique div{background:url(images/pratique-haut.gif) no-repeat top right; padding-top: 71px; width: 335px;  }
#pratique p{clear:both; height:21px; background:url(images/pratique-bas.gif) no-repeat bottom right;}
#pratique div div p{clear:none; height:auto; background:none; }
#pratique div div{margin:0 10px 0 0; padding:0;display: block; background: none;width:auto; }
#pratique div div div{margin:0; padding:0; display: block; background: none; border:1px solid orange;width:auto; }
#pratique img{float: left;}

#actualites{background: url(images/actualites-haut.gif) no-repeat top left; margin:20px 0 0 0;  padding:14px 0 0 0; width: 242px; float:left; clear:right; height:auto;}
#actualites div{background: url(images/coinblanc-hg.gif) no-repeat top left #ffffff; margin:0; clear:both;}
#actualites div div{ background:url(images/coinblanc-hd.gif) no-repeat top right; padding-top: 17px;}
#actualites div div div{background:none; margin:0; padding:0; text-align:center; display: block; }
#actualites div p{clear:both; height:24px; background:url(images/coinblanc-bg.gif) no-repeat bottom left;}
#actualites div p span{height:24px; background:url(images/coinblanc-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}

#complices{width:304px; margin: 10px 0 20px 14px; border:1px dotted #d675a2;padding:6px; float:left}
#complices img{float: left; margin: 0 6px 0 0;}
#complices div img{float: none; margin:0;}
#complices div{display:block;margin:0;}
#complices i{display: block; clear:both; height:0;}

#videodiet{width:304px; margin: 10px 0 20px 14px; border:1px dotted #d675a2;padding:6px; float:left}
#videodiet img{float: left; margin: 0 6px 0 0;}
#videodiet div img{float: none; margin:0;}
#videodiet div{display:block;margin:0;}
#videodiet i{display: block; clear:both; height:0;}

#dietbanner{width:730px; margin: 10px 0 20px 14px; border:1px dotted #d675a2;padding:6px; float:left}
#dietbanner img{float: left; margin: 0 6px 0 0;}
#dietbanner div img{float: none; margin:0;}
#dietbanner div{display:block;margin:0;}
#dietnanner i{display: block; clear:both; height:0;}

#accesgrabeurk{width:239px; height:214px;float:right;}
#accesgrabeurk a,#accesgrabeurk a:hover{display:block; text-decoration:none; height:100%;}

#chroniques{width:230px; clear:both; background:url(images/chronique-bas.gif) no-repeat left bottom; padding-bottom:19px; margin: 42px 0 0 12px;}
#chroniques div{margin:0 15px 0 0; background:url(images/chronique-haut.gif) no-repeat left top; padding-top: 38px;}
#chroniques div div{text-align:center; background:url(images/chronique-fond.gif) repeat-y left; padding:0; margin:0;}
#chroniques img{padding:1px; margin: 0 0 5px 0;border:1px solid #E0BECE;}

#saviez{width:210px; clear:both;width: 230px;padding-top:27px; margin: 14px 0 10px 10px; background: url(images/lesaviezvous-titre.gif) no-repeat top left; text-align:justify;}
#saviez img{margin-right:10px;}

#recette{clear:both; background: url(images/recette-haut.gif) no-repeat top left; /*padding-top:107px;*/}
#recette a{display: block; margin:0; height:107px; text-decoration:none;}
#recette p{background:url(images/recette-fondBas.gif) no-repeat top left; height:29px;}
#recette p a{display: block; margin:0 0 0 120px; line-height:1.2em; height:12px}

/*######################PAGE CONTACT####################*/
#animcarte{height: 510px;}
#coordonnees{display:block; float: right; width:250px; /*height:350px;*/ margin: 60px 10px 20px 0; clear:both; min-height:350px; }
#coordonnees div{display: none;}
#coordonnees p{/*text-align:left;*/}
#coordonnees span{display:inline;}
/*######################PAGE RECRUTEMENT####################*/

#espritAPI{width: 535px; background: url(images/espritAPI-fond.gif) repeat-y right; margin-left:20px;}
#espritAPI .divH{background:url(images/espritAPI-haut.gif) no-repeat top right; height: 26px; width: 535px;  }
#espritAPI .divC{background:url(images/espritAPI-fond.gif) repeat-y right; width: 535px; }
#espritAPI .divC div{float: left; width:350px; margin: 0 0 0 20px;}
#espritAPI .divB{background:url(images/espritAPI-bas.gif) no-repeat bottom right; height:25px; width: 535px; clear:both;}

#triptique{width:535px; margin:20px 0 0 20px;min-height:40px;}
#triptique div{margin:0 0 0 14px; float:left;}
#triptique .triptiquea{width:184px; margin-left: 10px;}
#triptique .triptiqueb{width:140px; margin:0 0 0 15px; }
#triptique .triptiqueb ul li{background:url(images/puce-ronde.gif) no-repeat 0 .5em; margin:0; padding:1px 0 1px 10px;}
#triptique .triptiquec{width:146px;}
#triptique .triptiquec p{margin-left:14px;}

#centreformation{border:1px dotted #d675a2; border-left:0;  border-right:0; margin: 20px 0 20px 50px; width: 506px;}

.recrutement{background:url(images/points-v.gif) repeat-y left;margin: 42px 0 0 0;}
.recrutement div.annonces{margin: 0 20px 20px 20px;}
.recrutement div.annonces div.bt{float:left; margin: 10px 0 20px 0; width:95px; text-align:center; }
.recrutement div.annonces div.bt a, #recrutement div.annonces div.bt a:hover{font-weight: bold;}
.recrutement div#offresemploi div{background:url(images/points-h.gif) repeat-x bottom; padding: 10px 0 12px 40px; width:186px}
.recrutement div#offresemploi div a{color:#97d601; font-weight:bold; font-size:1.2em;}
.recrutement div#offresemploi div a:hover{color:#c2eb00; font-weight:bold; font-size:1.2em;}
.recrutement div#offresemploi p{padding: 10px 0 0 10px; text-align:center;}

/*######################PAGE METIERS####################*/
.visuel1{background: url(images/visuel-persil.jpg) no-repeat center left; height:460px; margin-top:30px}
.visuel2{background: url(images/visuel-concombre.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuel3{background: url(images/visuel-poivron.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuel4{background: url(images/visuel-pasteque.jpg) no-repeat center left; height:460px;margin-top:30px}

/*##### visuel societe */
.visueledito{background: url(images/visuel-edito.jpg) no-repeat center left; height:360px;margin-top:30px}
.visuelchiffrescles{background: url(images/visuel-chiffres-cles.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelhistorique{background: url(images/visuel-historique.jpg) no-repeat center left; height:460px;margin-top:30px}

/*##### visuel metiers */
.visuelpersonnesagees{background: url(images/visuel-personnes-agees.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelscolaire{background: url(images/visuel-scolaire.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelentreprise{background: url(images/visuel-entreprise.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelsante{background: url(images/visuel-sante.jpg) no-repeat center left; height:460px;margin-top:30px}

/*##### visuel services */
.visuelservicetraiteur{background: url(images/visuel-service-traiteur.jpg) no-repeat center left; height:360px;margin-top:30px}
.visuelservicequalite{background: url(images/visuel-service-qualite.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelserviceachat{background: url(images/visuel-service-achat.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelbureauetudes{background: url(images/visuel-bureau-etude.jpg) no-repeat center left; height:350px;margin-top:30px}

/*##### visuel recettes */
.visuelrecettemois{background: url(images/visuel-recette-mois.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelentrees{background: url(images/visuel-entrees.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelplats{background: url(images/visuel-plats.jpg) no-repeat center left; height:460px;margin-top:30px}
.visueldesserts{background: url(images/visuel-desserts.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelautresrecettes{background: url(images/visuel-autres-recettes.jpg) no-repeat center left; height:460px;margin-top:30px}
.visueltoutesrecettes{background: url(images/visuel-toutes-recettes.jpg) no-repeat center left; height:460px;margin-top:30px}

.visuelcreapi{background: url(images/visuel-creapi.jpg) no-repeat center left; height:460px;margin-top:30px}
.visuelenviesdesaison{background: url(images/visuel-envies-de-saison.jpg) no-repeat center left; height:910px;margin-top:30px}
.visueltablesdeprestige{background: url(images/visuel-porte-couverts.jpg) no-repeat center left; height:460px;margin-top:30px}


.menuderoulant{width:180px; margin:0; padding:0;position: absolute; top:0; left:0; background: #ffffff; display:none; z-index:2000;}
.menuderoulant ul{padding:0; margin:0;border: 1px solid #dddddd;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.menuderoulant li {text-align: left; list-style-type:none;padding:0; margin:0; background-image:none;}
.menuderoulant li a {color: #a42f65; text-decoration: none; display: block; border: 0 none; height: 100%; padding-left:10px; border:1px dotted #ffc8e1; margin:1px;}
.menuderoulant li a:hover {background-color: #a42f65; color: #ffc8e1;}

.menuderoulantvide{}

#creapi{margin-left:20px; clear:both;}
.encartblanc{background: url(images/coinblanc-hg.gif) no-repeat top left #ffffff; margin:16px 0 16px 0; clear:both;}
.encartblanc h2{padding:0; background:none; padding:0; border:0; color: #853960;}
.encartblanc div{ background:url(images/coinblanc-hd.gif) no-repeat top right; padding-top: 17px;}
.encartblanc div span{background:none; margin:0 20px 0 20px; display: block; }
.encartblanc div div{background:none; margin:0 20px 0 20px; display: block; }
.encartblanc div span p{clear:none; height:auto; background:none; }
.encartblanc div p{clear:none; height:auto; /*background:none; */}
.encartblanc p span{height:24px; background:url(images/coinblanc-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}
.encartblanc p{clear:both; height:24px; background:url(images/coinblanc-bg.gif) no-repeat bottom left;}
.encartblanc div div p{clear:none; height:auto; background:none; }

.encartrose{background: url(images/coinrose-hg.gif) no-repeat top left #ffffff; margin:16px 0 16px 0; clear:both;}
.encartrose h2{padding:0; background:none; padding:0; border:0;color: #853960;}
.encartrose div{ background:url(images/coinrose-hd.gif) no-repeat top right; padding-top: 17px;}
.encartrose div div { background: none; }
.encartrose div span{background:none; margin:0 20px 0 20px; display: block; }
.encartrose div span p{clear:none; height:auto; background:none; }
.encartrose p{clear:both; height:25px; background:url(images/coinrose-bg.gif) no-repeat bottom left;}
.encartrose p span{height:25px; background:url(images/coinrose-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}
.encartrose div img{float: left; margin-right:20px; padding:1px; border:1px solid #faeff4;}
.encartrose div span img{float: none ; margin:0; padding:0; border:0;}
.encartrose div div p{clear:none; height:auto; background:none; }

.encartrosedecroche{background: url(images/coinrose-hg.gif) no-repeat 10px 0 #ffffff; margin:16px 0 16px 0; clear:both; }
.encartrosedecroche h2{padding:0; background:none; padding:0; border:0;color: #853960;}
.encartrosedecroche div{ background:url(images/coinrose-hd.gif) no-repeat top right ; padding-top: 17px;}
.encartrosedecroche div span{background:none; margin:0 20px 0 30px; display: block;}
.encartrosedecroche div div{background:none; margin:0 20px 0 30px; display: block; }
.encartrosedecroche div span p{clear:none; height:auto; background:none; }
.encartrosedecroche p{clear:both; height:25px; background:url(images/coinrose-bg.gif) no-repeat 10px 0;}
.encartrosedecroche p span{height:25px; background:url(images/coinrose-bd.gif) no-repeat bottom right; margin:0; display:block; width: 100%;}
.encartrosedecroche div img{float: left; margin-right:20px; margin-bottom:4px; padding:1px; border:1px solid #faeff4;}
.encartrosedecroche div span img{float: none ; margin:0; padding:0; border:0;}
.encartrosedecroche div div p{clear:none; height:auto; background:none; }

.encarttransmettre{background: url(images/coinblanc-hg.gif) no-repeat 56px 0; margin:16px 0 16px 140px; float:left; width:350px;}
.encarttransmettre h2{padding:0; background:none; padding:0; border:0;}
.encarttransmettre div{ background:url(images/coinblanc-hd.gif) no-repeat top right; padding:0; margin:0;}
.encarttransmettre img{float:left; margin:20px 15px 0 0;}
.encarttransmettre span{background:none; padding:20px 20px 0 0; display: block; height: 80px;}
.encarttransmettre span p{clear:none; height:auto; background:none; }
.encarttransmettre p{clear:both; height:25px; background:url(images/coinblanc-bg.gif) no-repeat 56px 0; margin:0;}
.encarttransmettre p span{display: block;height:25px; width:100%; background:url(images/coinblanc-bd.gif) no-repeat bottom right; margin:0; padding:0;}


.btgaleriephoto{margin: 15px 50px 0 40px; width:222px; float:left;}
.btgaleriephoto a{display: block;}

.liste div{border:1px solid #faeff4; padding:1px; clear:both; margin: 0 0 2px 0; /*height:60px;*/ height:auto;}
/*.liste div strong{background:#faeff4; display: block; padding:0 5px; margin: 0 4px 0 0; float:left; width: 100px;}*/
.liste div a{background:#faeff4; display: block; padding:0 10px; margin: 0; float:right; text-decoration:none; height:100%; line-height:60px;}
.liste div div{float:left; width:260px; clear:none; border:none; margin:0 0 0 10px;}
.liste div img{float:left; margin: 0; width:auto;}
.liste div div img{float:none; width:auto; height:auto; margin:auto;}

/*######### GALERIE #########*/
.galerie{margin:0 0 20px 0; height:auto}
.galerie div{width: 32%; height:98px; float: left; background:url(images/encart-photo.gif) no-repeat top center; margin:0 0 10px 0; padding: 0 0 30px 0; text-align:center;}
.galerie div span{display: block;}
.galerie div img{display: block; margin:7px auto;}

.boutons_galerie { text-align: center; clear:both; border:1px solid #f8f1f4; background-color:#ffffff; margin: 2px 0; height:30px;}
#prevImage, #prevImage2 {background: url(images/navig-gauche.gif) no-repeat center center; width:25px; height:25px; display: block; float: left; text-decoration:none; margin: 2px 6px;}
#nextImage, #nextImage2{background: url(images/navig-droite.gif) no-repeat center center; width:25px; height:25px; display: block; float: right; text-decoration:none; margin: 2px 6px;}

#pageApidOr #outils{position:relative; left:630px; top:0; margin:0;margin-top:-210px;}
html>body #pageApidOr #outils{position:relative; left:630px; top:-210px; margin:0; height:0px;}

#pdfGrabeurk{background:#511333; padding:12px 0; text-align:center;}
#pdfGrabeurk div.blocTelechargement{width:32%; float:left; height:290px;}

.modaleZoom{ width:820px; height:640px; background-color:White; text-align:center; z-index:1500;}
.modaleZoom input{ width:220px; height:20px; background-color:White; border:1px solid #511333; margin:auto;}

#videoNav{float:right; overflow:auto; text-align:center; width:214px; height:520px; margin:20px 0 0 0;}
#videoNav a{display:block; margin:0 0 10px 0;text-decoration:none;}
#videoNav a span{display:block; text-decoration:none;}
#videoNav a img{padding:1px; border:1px solid #E0BECE; background-color:#ffffff; }
#videoNav a:hover img{border:1px solid #A42F65;}

/* page recette du mois */
#detailRecette{float:right; width:240px; margin-top:20px;}
