/* police des titres : lobster pour les titres et openSans pour corps de texte*/

@import url('http://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Lobster');

body { text-align:center; margin:0; padding:0; font-family: 'Open Sans', sans-serif; background:#EEE; }

/*********** style commun ****************/
FORM, IMG, SPAN { margin:0; padding:0;  }
H1, H2, H3, H4, H5, H6, H7 { font-family:'Lobster', cursive; margin:0; padding:0; font-weight:normal; }
p { margin:0; padding:0; }
FORM, INPUT, SELECT, UL, LI { margin:0; padding:0; border:0; }
IMG { border:0; }
hr { height:1px; color:#DDD; margin:0 0 10px 0; background-color:#DDD; border:0; }

A { text-decoration:none; color:#44831B; font-weight:bold; }
A:HOVER { text-decoration:underline; }
A.toutes { background:#EEE; background:-moz-linear-gradient(top, #EEEEEE, #FFFFFF);background: -webkit-gradient(linear, left top, left bottombottom, from(#EEEEEE), to(#FFFFFF)); padding:5px 5px 5px 30px; margin:0 20px 0 0;  position: relative; font-size:15px; color:#5B8213; border:0; float:right; display:block; } 
A.btn { width:250px; display:block; background:#FFB401; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB401', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFB401), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFB401,  #FFFFFF);  padding:10px 0 10px 0; margin:0 20px 0 0;  position: relative; font-size:14px; color:#5B8213; border:0; border-radius:5px; text-align:center; } 
A.btnBig { width:320px; display:block; background:#FFB401; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFB401', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFB401), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFB401,  #FFFFFF);  
padding:10px 10px 10px 10px; margin:0 20px 20px 0;  position:relative; font-size:14px; color:#5B8213; border:0; border-radius:5px; text-align:center; border:1px solid #FFB401; } 
span.suite { color:#44831B; font-weight:bold; padding:0 0 0 8px; margin:0 0 0 5px; background:url("images/2011/sprite_icones.png") no-repeat scroll -216px -41px transparent; }

/***** TITRES *****/
H1 { margin:0 0 10px 0; }
H2 { color:#44831B; margin:0 0 10px 0; }
H3 { color:#666; margin:0 0 10px 0; }

H1 { border-bottom:1px solid #EC8B1A; padding:0 0 5px 10px; color:#ff6d00; }
H1.titreArticle { border-bottom:1px solid #EC8B1A; padding:0 0 7px 45px; background:url(images/2011/sprite_icones.png) no-repeat 0 -105px; color:#ff6d00; font-size:29px; }
H1.titreVideos { border-bottom:1px solid #EC8B1A; padding:0 0 10px 45px; background:url(images/2011/sprite_icones.png) no-repeat 0 -147px; color:#ff6d00; font-size:29px;}
H1.titreNombre { border-bottom:1px solid #EC8B1A; padding:0 0 7px 0; color:#ff6d00; font-size:29px; }

H1.etiquette, H2.etiquette, H3.etiquette, H1.fn { padding:5px 0 5px 30px; position:relative; font-size:24px; color:#5B8213; border:0; background:#92C13A; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#92C13A', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#92C13A), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #92C13A,  #FFFFFF); -moz-box-shadow: 1px 1px 3px #92C13A; -webkit-box-shadow: 1px 1px 3px #92C13A; box-shadow: 1px 1px 3px #92C13A; text-shadow: 0 1px 0 #FFF; height:30px; }
H1.etiquette, H1.fn { margin:0 0 10px -35px; }
H2.etiquette { margin:0 0 10px -25px; }  

.arrow { width:0; height:0; line-height:0; border-left:15px solid transparent; border-top: 10px solid #92C13A; top:103%; left:0; position:absolute; }

H2.fondGris { background:#BBB; }
H2.gris { color:#BBB; }
H2.description { font-size:16px; color:#999; margin:0 15px 0 0; text-align: right;}
H2 i { color:#666; }
.search h2 { font-size:20px; background: #EEE; padding: 3px; color: #666;}

H3.sousTitre, H3.summary { font-family: 'Open Sans', sans-serif; margin:0 0 15px 0; padding:10px 0 10px 0; border-bottom:1px dotted #92C13A; font-size:16px; 
font-weight:normal; color:#777; }
.conteneur .centre H3.typeRecettes { margin:0 10px 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #92C13A; color:#F60; font-size:20px; font-weight:lighter; 
text-align:center; font-family:'Lobster', cursive; }
H5.alaune { font-style:italic; margin:0 0 0 165px; padding:3px 0 3px 0; font-size:13px; font-weight:normal; color:#F60; }

/* séparateurs */
.sepCCC { border-bottom:1px solid #CCCCCC; clear:left; font-size:0px; height:0px; line-height:0px; margin:10px 0px; padding:0px; }
.sep { float:none; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; clear:both; }
.sepCR { font-size:0px; height:0px; line-height:0px; margin:0; padding:0; float:none; }
.sepCL { clear:left; font-size:0px; height:0px; line-height:0px; margin:0; padding:0; float:none; }

/* balise de flottage */
.fR { float:right; }
.fL { float:left; }
.droite {float:right; margin-left: 10px;}
.gauche {float:left; margin-right: 10px;}
.tAc { text-align:center; }
.mR10 { margin:0 10px 0 0; }
.mL20 { margin:0 0 0 20px; }
.pDL0 { padding-left:0; }

/* structure */
.conteneur { width:1170px; text-align:center; margin:0 auto 20px auto; position:relative; }
header, nav, footer, figure, section, aside, article { display:block; }
.conteneur .centre { width:810px; margin:0; padding:0; text-align:justify; float:left; position:relative; }
.conteneur .colD { width:340px; float:left; margin:0 0 0 20px; padding:5px 0 0 0; text-align:left; background:#FFF; }

/* span */
SPAN.fluxrss { width:31px; height:31px; display:block; background:url(images/2011/sprite_icones.png) no-repeat 0 -41px; }
SPAN.proposer { width:31px; height:31px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -32px -41px; }
SPAN.rechercher { width:23px; height:22px; display:block; background:url(images/2011/sprite_icones.png) no-repeat 0 -19px; }
SPAN.plus { width:17px; height:17px; display:block; background:url("images/2011/sprite_icones.png") no-repeat -23px -19px; }
SPAN.moins  { width:17px; height:17px; display:block; background:url("images/2011/sprite_icones.png") no-repeat -40px -19px; }
SPAN.print { width:19px; height:19px; display:block; background:url(images/2011/sprite_icones.png) no-repeat 0 0; }
SPAN.send { width:19px; height:11px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -19px 0; }
SPAN.contribuer { width:21px; height:19px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -38px 0; }
SPAN.enparler { width:19px; height:15px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -75px 0; }
SPAN.publier { width:16px; height:15px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -95px 0; }
SPAN.facebook { width:16px; height:17px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -59px 0; }

.colD .bloc.club A { float:left; margin:0 5px 10px 20px; }
SPAN.facebookBig { width:32px; height:32px; display:block; background:url(images/2011/fb.png) no-repeat; }
SPAN.twitter { width:32px; height:32px; display:block; background:url(images/2011/twitter.png) no-repeat; }
SPAN.instagram { width:32px; height:32px; display:block; background:url(images/2011/instagram.png) no-repeat; }
SPAN.bulle { width:32px; height:32px; display:block; background:url(images/2011/forum.png) no-repeat; }
SPAN.news { width:32px; height:32px; display:block; background:url(images/2011/news.png) no-repeat; }

SPAN.newsletter { width:30px; height:31px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -71px -41px; }
SPAN.panier { width:41px; height:31px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -102px -41px; }
SPAN.bckMenu { width:115px; height:86px; display:block; background:url(images/2011/sprite_blocs.jpg) no-repeat -680px -532px; }
SPAN.toque { width:34px; height:35px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -142px -37px;}
SPAN.play { width:27px; height:27px; display:block;background:url(images/2011/sprite_icones.png) no-repeat -6px -159px; }
SPAN.btnVideos { width:114px; height:35px; display:block; background:url(images/2011/sprite_icones.png) no-repeat 0 -194px; }
SPAN.icoLegume { width:48px; height:29px; display:block; background:url(images/2011/icos_cat.png) no-repeat 0 0; }
SPAN.icoPoisson { width:48px; height:24px; display:block; background:url(images/2011/icos_cat.png) no-repeat 0 -33px; }
SPAN.icoViande { width:48px; height:34px; display:block; background:url(images/2011/icos_cat.png) no-repeat 0 -61px; }
SPAN.icoDessert { width:48px; height:34px; display:block; background:url(images/2011/icos_cat.png) no-repeat 0 -98px; }
SPAN.icoMenu { width:37px; height:37px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -67px -234px; }
SPAN.icoForum { width:39px; height:37px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -113px -234px; }
SPAN.icoNewRecettes { width:29px; height:31px; display:block; background:url(images/2011/sprite_icones.png) no-repeat -32px -234px; }
SPAN.icoActualites { width:25px; height:31px; display:block; background:url(images/2011/sprite_icones.png) no-repeat 0 -234px; }

/* outils de partage */
.centre .outils {  width:auto; clear:both; text-align:center; padding:15px 0 0 20px; margin:20px 0 50px 0; border-top:1px solid #BBB; background:#DDDDDD; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF); overflow:hidden; }
.outils A, .outils SPAN, .outils2 SPAN, .outils_shop A, .outils_shop SPAN { width:32px; height:32px; float:left; display:block; margin:0 15px 0 0; }
.outils FORM { width:450px; float:right; overflow:hidden; margin:0 20px 0 0; }
.outils FORM SPAN { float:left; width:170px; margin:0; padding:0; font-size:20px; font-family:Lobster, arial; color:#666; text-align:left; font-weight:normal; }
.outils FORM .champs { float:left; width:230px; background:#FFF; color:#777; text-align:left; margin:0; padding:5px; border:1px solid #777; }
.outils FORM .ok {  border:0; background:#ff8400; color:#FFF; text-align:center; padding:5px; font-weight:bold; margin:0; cursor:pointer; border-radius:5px;}

.outils_shop {  width:auto; clear:both; padding:5px 0 0 0; margin:20px 0 0 0; overflow:hidden; border-top: 1px dotted #CCC; }
.outils2 { text-align:center; padding:5px; margin:0 0 0 200px; overflow:hidden; }
/*.outils2 A { font-size:13px; float:left; margin:5px 0px 5px 70px; display:block; }*/
.outils2 SPAN.voter { font-size:13px; margin:15px 10px 5px 30px; float:none; display:block; color:#44831B; font-weight:bold; }
.outils2 SPAN.info { font-size:11px; color:#990000; }
#msg SPAN { font-size:11px; color:#669933; background:#FFF; padding:5px; float:none; display:block; margin:10px 5px 10px 30px; }
/*.outils2 A SPAN { float:left; padding:0; margin:3px 5px 0 0; }*/
.outils2 SPAN.commenter {width:32px; height:32px; background:url("images/commenter.png") no-repeat 0 0; }
.outils2 SPAN.imprimer {width:32px; height:32px; background:url("images/imprimer.png") no-repeat 0 0; }
.outils2 SPAN.envoyer { width:32px; height:32px; background:url("images/envoyer.png") no-repeat 0 0; }

.outils2 .rate { font-size:12px; overflow:hidden; margin:15px 10px 5px 30px; }
.outils2 .rate SPAN.donner { font-size:13px; font-weight:bold; color:#44831B; margin:0; padding:0; display:block; clear:both; }
.outils2 A.note { width:13px; height:14px; display:block; float:left; background:url("images/2011/stars.png") 0 0 no-repeat; margin:0; padding:0; }
.outils2 A.note SPAN { width:13px; height:14px; display:block;  float:left; text-ident:-5000px; font-size:0; line-height:0; }
.outils2 A.note:HOVER { background:url("images/2011/stars.png") -13px 0 no-repeat; }

.outils2 .sociaux { padding:10px 0 0 0; border-top:1px solid #CCC; margin:25px 10px 0 20px; }

.centre #monForm.ratingForm { width:70px; height:14px; position:relative; padding:0; margin:5px 10px 5px 30px; }
.ratingForm A { width:11px; height:14px; float:left; margin:0 3px 0 0; padding:0; position:relative; }
.centre #monForm.ratingForm .deja { width:200px; font-size:10px; color:#990000; line-height:12px; position:absolute; top:-20px; font-weight:normal; padding:0; }
.ratingForm A:HOVER { margin:0; padding:0; }
.ratingForm #appreciation { width:100px; position:absolute; bottom:-5px; left:90px; padding:5px; }

.centre #monForm.ratingForm0 { background:url("images/2011/stars.png") 0 -14px no-repeat;}
.centre #monForm.ratingForm1 { background:url("images/2011/stars.png") 0 -28px no-repeat;}
.centre #monForm.ratingForm2 { background:url("images/2011/stars.png") 0 -42px no-repeat;}
.centre #monForm.ratingForm3 { background:url("images/2011/stars.png") 0 -56px no-repeat;}
.centre #monForm.ratingForm4 { background:url("images/2011/stars.png") 0 -70px no-repeat;}
.centre #monForm.ratingForm5 { background:url("images/2011/stars.png") 0 -84px no-repeat;}

.article .resultatNote { width:130px; overflow:hidden; font-size:11px; color:#555; position:absolute; right:30px; top:177px; z-index:20; }
.each .resultatNote { width:140px; overflow:hidden; font-size:11px; color:#555; position:absolute; right:-10px; top:10px; z-index:20; }

.article .resultatNote .rating-foreground { width:70px; height:14px; display:block; float:right; }
.each .resultatNote .rating-foreground { width:70px; height:14px; margin:0 5px 0 0; display:block; float:left; }
.each .resultatNote .count { border-left:1px solid #CCC; padding-left:5px; }

.resultatNote #note0 { background:url("images/2011/stars.png") 0 -14px no-repeat;}
.resultatNote #note1 { background:url("images/2011/stars.png") 0 -28px no-repeat;}
.resultatNote #note2 { background:url("images/2011/stars.png") 0 -42px no-repeat;}
.resultatNote #note3  { background:url("images/2011/stars.png") 0 -56px no-repeat;}
.resultatNote #note4 { background:url("images/2011/stars.png") 0 -70px no-repeat;}
.resultatNote #note5 { background:url("images/2011/stars.png") 0 -84px no-repeat;}

.outils SPAN.icone_send, .outils_shop SPAN.icone_send { background:url("images/envoyer.png") no-repeat left center; }
.outils SPAN.icone_publier { background:url("images/publier.png") no-repeat left center; }
.outils SPAN.icone_print { background:url("images/imprimer.png") no-repeat left center; }

A.parasol { height:21px; display:block; padding:10px 0 0 35px;margin:0 0 5px 0; background:url(images/2011/sprite_icones.png) no-repeat 0 -74px; font-size:12px; }
A.vignettes { border:1px solid #CCC; padding:3px; display:block; float:left; margin:0 10px 20px 10px; background:#EEE; }

.paveRecette { text-align:left; margin:10px 0 10px -10px; }

/* HEADER*/
.header { height:201px; text-align:left; position:relative; background:url(images/2011/bck_header.png) repeat-x 0 15px #FFF; }

.header .contentHeader { width:1170px; height:201px;  margin:0 auto; position:relative; z-index:500; } 
.header .bandeau1 { width:100%; height:50px; display:block; bottom:27px; position:absolute; background:#FF6D00; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9600', endColorstr='#FF6D00'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FF9600), to(#FF6D00)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FF9600,  #FF6D00); background:linear-gradient(to bottom,#FF9600 50%,#FF6D00 100%); } 
.header .degrade_header { width:100%; height:100px; display:block; top:-40px; position:absolute; background:#adb62f; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adb62f', endColorstr='#EEEEEE'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#adb62f), to(#EEEEEE)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #adb62f,  #EEEEEE); background:linear-gradient(to bottom,#adb62f 50%,#EEEEEE 100%);} 

.header .panier { width:222px; height:116px; position:absolute; right:0; top:58px; background:url(images/2011/bck_panier.png) no-repeat left top; z-index:2; }

.header .pub { width:468px; height:60px; position:absolute; top:70px; right:90px; }
.header .logo { width:250px; height:84px; display:block; position:absolute; top:20px; left:0; background:url("http://www.club-sandwich.net/images/logoclub.png") no-repeat left top; z-index:3; cursor:pointer; text-indent:-5000px; font-size:0; border:0; padding:0; }
.header .logo15a { width:264px; height:140px; display:block; position:absolute; top:0; left:0; background:url("http://www.club-sandwich.net/images/logoclub15a.png") no-repeat left top; z-index:3; cursor:pointer; text-indent:-5000px; font-size:0; border:0; padding:0; }
.header .logoNoel { width:220px; height:70px; display:block; position:absolute; top:20px; left:10px; background:url("http://www.club-sandwich.net/images/logonoel.png") no-repeat left top; z-index:3; cursor:pointer; text-indent:-5000px; font-size:0; border:0; padding:0; }
.header .logo A { width:145px; height:132px; display:block; }
.header span.slogan { width:450px; height:70px; background:url(images/2011/sprite_icones.png) no-repeat -300px -275px; font-family: Lobster,Arial,sans-serif; font-size: 34px; color:#329932; position:absolute; left:260px; padding:30px 0 0 20px; top:0; z-index: 3; }
.header span.recettesNb { font-size:13px; position:absolute; top:70px; left:375px; color:#FF6D00; z-index:3; font-weight:bold; }

.header .ssLiens { position:absolute; top:10px; right:0; z-index:3; }
.header .ssLiens A { display:inline; font-size:13px; font-weight:bold; color:#666; text-decoration:none; margin-left:15px; }
.header .ssLiens A:HOVER { text-decoration:underline; color:#990000; }

.header UL.topNav { height:31px; list-style-type:none; position:absolute; bottom:40px; left:70px; } 
.header UL.topNav .decoNav { width:860px; height:10px; background:#FF9600; position:absolute; left:0; top:-16px; }
.header UL.topNav .decoNav:before, .header UL.topNav .decoNav:after { width: 0; height: 0; content:""; display:block; position:absolute; border-style: solid; border-width:0 10px 10px 10px; border-color: transparent transparent #FF9600; }
.header UL.topNav .decoNav:before { left:-10px; }
.header UL.topNav .decoNav:after { right:-10px; }

UL.topNav LI { height:32px; float:left; position:relative; margin:0 0 0 25px; z-index:3; }
UL.topNav LI A { float:left; color:#FFF; font-weight:normal; font-family:'Lobster', Arial, sans-serif; font-size:24px; padding:0 15px 13px 10px; position:relative; text-decoration:none; }
UL.topNav LI A:HOVER { /*background:#EB8717;*/ border-radius:4px; }
UL.topNav LI A SPAN { width:11px; height:6px; display:block; position:absolute; right:0; top:15px; background:url(images/2011/) no-repeat -57px -19px;  }
	
#pageRecettes A.pageRecettes, #pageActualite A.pageActualite, #pageMagazine A.pageMagazine, #pageUtile A.pageUtile, #pageAsavoir A.pageAsavoir, #pageVous A.pageVous { background:#ff6d00; border-radius:4px; }

.header UL.subNav { width:830px; height:210px; padding:15px; border:3px solid #FF6D00; background:#FFF; position:absolute; top:169px; left:0; list-style-type:none; z-index:50; -webkit-box-shadow:0 15px 10px rgba(0,0,0, 0.45); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.45); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.45); }

.header .subNav:before { width:0; height:0; content: ""; display: block; position: absolute; top:-10px; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff; }
.header #subNav1:before { left:130px; }
.header #subNav2:before { left:260px; }
.header #subNav3:before { left:395px; }
.header #subNav5:before { left:530px; }
.header #subNav4:before { left:665px; }
.header #subNav6:before { left:810px; }

UL.subNav LI { height:32px; float:left; font-size:20px; position:relative; margin:0 0 10px 20px;  }
UL.subNav LI A { float:left; color:#FFF; background:#FF6D00; font-size:14px; font-weight:600; margin:5px 0 0 0; padding:5px; border-radius:5px; }

UL.subNav UL { width:100%; height:120px; background:#FF6D00; bottom:0; left:0; position:absolute; list-style-type:none; padding:10px 0 10px 0; }
UL.subNav UL LI { width:250px; height:auto; margin-right:15px; }
UL.subNav UL LI.titresubNav { width:auto; background:#FFF; font-size:20px; font-family:'Lobster'; padding:0 0 5px 0; margin:-8px 0 0 0; display:block; float:none; text-align:center; color:#ff6d00; }
UL.subNav UL LI IMG { width:80px; height:80px; float:left; margin:0 10px 0 0; border:2px solid #FFF; }
UL.subNav UL LI A { }

.pub_leader { text-align:center; padding:5px 0 10px 0; margin:0 auto; }

#subNav1, #subNav2, #subNav3, #subNav4, #subNav5, #subNav6 { display:none; }

/* diaporama HP */
.diaporamaAccueil { background:#DDD; padding:20px 0 40px 0; overflow:hidden; position:relative; }
.main_view { width:740px; background:#635C5D; position:relative; margin:0 auto 0 auto; padding:0; }
.main_view img {border:0;}
.window { width:670px; height:300px; overflow:hidden; position:relative; }
.image_reel { position:absolute; top:0; left:0; z-index:90; }
.image_reel A { width:670px; display:block; float:left; font-size:20px; position:relative; text-decoration:none; }
.image_reel A H2 { width:600px; height:50px; text-align:center; padding:0 0 5px 0; position:absolute; left:0; bottom:6px; font-size:22px; margin:0; opacity:.60; background:#222; color:#FFF; }
.image_reel A H2 SPAN { display:block; font-size:18px; margin:0; z-index:112; }
.main_view .paging { width:140px; height:250px; position:absolute; top:0; right:0; z-index: 100; text-align:left; display: none; /*--Hidden by default, will be later shown with jQuery--*/ }
.main_view .paging A { width:140px; height:40px; display:block; background:#FAF5EF; padding:10px 0 0 0; margin:0 0 2px 0; text-decoration: none; font-family:'Lobster'; font-size:22px; font-weight:lighter; color:#777; text-align:center; outline:none; }
.paging A.active { width:140px; height:30px; background:url("images/2011/ongletActive.png") left top; color:#FFF; text-align:center; padding-left:18px; margin-left:-18px }

/* moteur de recherche */
.header .recherche { width:310px; height:35px; position:absolute; padding:0; right:0; top:15px; z-index:20; overflow:hidden; }
.header .recherche SPAN.rechercher { position:absolute; top:5px; left:16px; z-index:10; }
.header .recherche .champs { width:220px; height:20px; padding:5px 5px 5px 30px; color:#44831B; margin:0 0 0 10px; border:1px solid #CCE0A8; font-weight:bold; font-size:14px; border-radius:5px; background:#FFF; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF); }
.header .recherche .btnOK { width:35px; height:32px; text-align:center; padding:5px 0 5px 0; border:1px solid #CCC; position:absolute; top:0; right:5px; text-align:center;  font-weight:bold; text-transform:uppercase; cursor:pointer; border-radius:5px; background:#FFF; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF); color:#44831B; }
.header .recherche .btnOK:hover {color:#FFF; background:#ec8c1b; }
.header .recherchePlus SPAN, .header .rechercheMoins SPAN  { float:left; margin:0 5px 0 10px; }
.header .recherche .recherchePlus, .header .recherche .rechercheMoins { display:block; float:right; margin:5px 5px 10px 0; font-size:12px; color:#FFF; }
.header .social { position:absolute; padding:0; right:350px; top:20px; z-index:20; overflow:hidden; }
.header .social SPAN {width:25px; height:25px;  display:block; float:left; margin-right:5px; }
SPAN.socialFB {  background:url(images/2011/fb_mini.png) no-repeat;}
SPAN.socialTW { background:url(images/2011/tw_mini.png) no-repeat;  }
SPAN.socialIG { background:url(images/2011/ig_mini.png) no-repeat;  }

/* recherche avancée */
.centre .recherchePlus SPAN, .colD .rechercheMoins SPAN  { float:left; margin:0 5px 0 10px; }
.centre .recherchePlus, .colD .rechercheMoins { display:block; float:right; margin:10px 5px 10px 0; font-size:12px; }
.centre #rechercheAvancee { width:770px; height:230px; border:1px solid #92C13A; clear:both; margin:10px;}
.avancee FORM { width:750px; border:1px solid #92C13A; z-index:4; margin:10px; padding:0 15px 5px 15px; text-align:left; background:#FFF; }
.avancee FORM .champs { width:260px; height:25px; padding:5px; color:#44831B; margin:5px 0 10px 0; border:2px solid #CCE0A8; position:relative; }
.avancee FORM .champs2 { width:180px; margin:10px 0 5px 0; }
.avancee FORM H3 { margin:10px 0 0 0; }
.avancee FORM p { color:#444; font-size:14px; margin:10px 0 3px 0; padding:0; }
.avancee input[type="text"] { border:2px solid #CCE0A8; font:normal 16px Arial, sans-serif; color:#44831B; padding:5px; border-radius:5px;  }
.avancee input[type="submit"] { padding:5px; background:#FF8400; color:#FFF; font-size:16px; text-align:center; clear:both; display:block; margin:10px auto 0 auto; border-radius:5px; cursor:pointer; }
.avancee input[type="checkbox"] + input[type="checkbox"] { margin:0 0 0 20px; }
.avancee input[type="radio"] + input[type="radio"] { margin:0 0 0 20px; }

/* COL DROITE*/
.colD H3 { color:#ff6d00; font-size:22px; padding:0 0 3px 10px; margin:0 0 10px 0; border-bottom:2px solid #ff6d00; }
.colD .recherche { width:310px; position:relative; background:url(../images/2011/sprite_blocs.jpg) no-repeat -366px -532px; padding:30px 0 20px 0; }
.colD .recherche SPAN.rechercher { position:absolute; top:40px; left:16px; z-index:10; }
.colD .recherche .champs { width:220px; height:25px; padding:5px 5px 5px 30px; color:#44831B; margin:0 0 0 10px; border:1px solid #CCE0A8; background:#FFF; font:bold arial 14px; }
.colD .recherche .btnOK { width:35px; height:37px; text-align:center; padding:5px 0 5px 0; border:1px solid #CCC; position:absolute; top:30px; right:5px; text-align:center; background:#FFF; font-weight:bold; text-transform:uppercase; cursor:pointer; }
.colD .recherche .btnOK:hover {color: #FFF; background: #99CC33;}

.colD .flux { width:300px; height:105px; background:url(images/2011/sprite_blocs.jpg) no-repeat -566px -39px; margin:15px 0 0 0; padding:35px 0 0 0; }
.colD .flux A { height:25px; display:block; clear:both; font-size:13px; padding:0 0 10px 0; vertical-align:middle; line-height:30px; margin:0 0 0 40px; color:#726933; }
.colD .flux A SPAN { float:left; margin:0 10px 0 0; vertical-align:middle; }
.colD .flux H3 { border:0; text-align:center; }

.colD .nuages { margin:15px 0 15px 10px; position:relative; } 
.colD .nuages A { color:#666; text-decoration:none; line-height:30px;font-weight:lighter; } 
.colD .nuages A:hover { color:#96C43F; } 

.colD .pub { text-align:center; margin:15px 0 15px 0;}
.colD .bloc {margin: 20px 0 20px 0;}
.colD .facebox {width: 300px; height: 235px; margin: 5px 0 0 0; overflow: hidden; background: #FFF; border: 1px solid #CCC; text-align: center;}
.colD .protec {text-align: center; }
.colD .protec a {color: #666; font-size: 11px; font-weight: normal; }

.colD .liste, .colD .listeForum { overflow:hidden; }
.colD .liste A, .colD .listeForum H3 { border:0; font-size:16px; color:#5E9229; font-weight:normal; padding:10px 0 0 0; margin:5px 0 5px 0; text-decoration: none;}
.colD .listeForum H3 { padding:0 0 0 10px; }
.colD .listeForum A.dernieresDicussions { background:url(images/2011/sprite_icones.png) no-repeat -216px -38px; font-size:16px; color:#5E9229; font-weight:normal; 
padding:0 0 0 10px; margin:5px 0 0 10px; text-decoration:none; line-height:25px; }
.colD .liste A:hover, .colD .listeForum:hover { text-decoration:underline; }
.colD .liste SPAN { float:left; margin:0 10px 0 15px; }

/* CENTRE*/	
.centre .blocHP { position:relative; }
.centre .blocHP H2 { font-size:22px; padding:10px 0 3px 5px; margin:0 0 10px 0; position:relative; }
.centre .blocHP H3 { font-size:18px; line-height:18px; color:#5E9229; text-align:left; }
.centre .blocHP IMG { float:left; margin:0 10px 0 0; }
.centre .blocHP A  { text-align:justify; }

SPAN.savoir { color:#669933; font-weight:bold; font-size:14px; text-decoration:underline; margin:0 0 0 10px; }

.centre .actuHP H2, .centre .newRecettes H2 { color:#FFF; padding:40px 0 15px 0; text-align:center; position:relative; }
.centre .actuHP H2 SPAN.bulle, .centre .newRecettes H2 SPAN.bulle { width:50px; height:50px; display:block; border-radius:50%; position:absolute; left:45%; top:-27px; }
.centre .actuHP H2 SPAN.bulle { background:#ADB62F; border:3px solid #FFF; }
.centre .newRecettes H2 SPAN.bulle { background:#FF6D00; border:3px solid #FFF; }

.centre .actuHP H2 SPAN.icoActualites { position:absolute; left:48.5%; top:-15px; }
.centre .newRecettes H2 SPAN.icoNewRecettes { position:absolute; left:49%; top:-15px; }

.actuHP { width:470px; height:490px; float:left; margin:0; background:#FFF; }
.actuHP .uneNews { display:block; font-family:'lobster'; font-size:19px; font-weight:normal; color:#5E9229; overflow:hidden; margin:25px 10px 0 15px; }
.actuHP .uneNews A { font-weight:normal; }
.actuHP .uneNews p { color:#444; font-weight:normal; font-size:14px; font-family:Open Sans; line-height:20px; padding:10px 0 10px 0; }
.actuHP H2 { background:#ADB62F; }
.actuHP A:HOVER, .gourmande A:HOVER { text-decoration:none; color: #FF6D00; }
.actuHP A:HOVER H3 { color:#44831B; text-decoration:underline; }

.centre .sandwichJour { background:none; float:right; margin-right:15px; text-align:center; }
.centre .sandwichJour H2 { text-align:center; color:#FF6D00; margin:0;}
.centre .sandwichJour IMG { width:280px; height:185px; float:none; margin:0 auto; border:3px solid #FFF; border-radius:5px;}

.centre .newRecettes { width:310px; height:250px; float:right; margin:0 0 10px 0; background:#FFF; border:2px solid #FF6D00; }
.centre .newRecettes H2 { background:#FF6D00; }
.centre .newRecettes A { display:block; color:#5E9229; font-weight:bold; font-size:15px; padding:0 0 5px 20px; margin:5px 0 10px 0; border-bottom:1px solid #CCC; }

/* remontee articles HP */
.centre .gourmande { background:#DDD; margin:20px 0 0 0; padding:10px 0 10px 0; overflow:hidden; border-top:1px solid #CCC;}
.centre .gourmande .each {float:left; margin: 0 10px 0 10px; text-align:center;}
.centre .gourmande .each IMG {width:240px; height:184px; float:none; margin:0; border:3px solid #FFF; border-radius:5px;}
.centre .gourmande .each A SPAN { font-weight:normal; color:#555; font-size:18px; font-family:'lobster'; display:block; width:240px; }
.centre .gourmande .each A:HOVER SPAN, .centre .newRecettes A:HOVER {color: #FF6D00; text-decoration:none;}

.centre .newsletter { background:#FFF; margin:20px 0 20px 0; padding:20px 0 20px 0; overflow:hidden; text-align:center; border-top:1px solid #CCC;}
.centre .newsletter H2 { color:#FE750F; margin:0 20px 0 30px; padding:0; float:left;}
.centre .newsletter input.champ {padding:5px; border:1px solid #CCC; margin:0; font-size:14px; color:#888; float:left;}
.centre .newsletter input.valider {margin:0; padding:4px; font-size:15px; background:#FE750F; color:#FFF; cursor:pointer; float:left;}
.centre .newsletter H2 SPAN, .centre .forumHP H2 SPAN { position:absolute; left:5px; top:0; }

.centre .forumHP, .centre .menu, .centre .videoHP  { width:270px; height:245px; float:left; margin:20px 0 0 0; }
.centre .forumHP { background:#666; }
.centre .forumHP .icoForum { position:absolute; right:35px; top:5px; }
.centre .forumHP H2 { color:#ADB62F; text-align:center; }
.centre .forumHP A { display:block; padding:0 0 3px 10px; margin:2px 5px 0 10px; text-align:left; color:#FFF; font-size:13px; font-weight: normal; background:url(images/2011/sprite_icones.png) no-repeat -216px -42px; }

.centre .menu { position:relative; background:#ADB62F; }
.centre .menu .icoMenu { position:absolute; right:30px; top:5px; }
.centre .menu SPAN { position:absolute; top:35px; right:0; z-index:10; }
.centre .menu H2 { color:#FFF; padding-left:60px; }
.centre .menu A { font-size:16px; color:#FFF; text-decoration:underline; margin-bottom:20px; line-height:50px; padding:0 0 0 15px; position:relative; z-index:2; text-align:left; }
.centre .menu H3 { font-size:16px; color:#FFF; text-align:left; font-family:Open Sans; margin-bottom:20px; padding:0 0 0 15px; position:relative; z-index:2; }

.centre .videoHP { background:url(images/2011/sprite_icones.png) no-repeat left -278px #FF6D00; text-align:center; }
.centre .videoHP H2 { color:#FFF; }
.centre .blocHP.videoHP IMG { float:none; margin:0; }
.centre .blocHP.videoHP A { width:250px; display:block; margin:10px auto 0 auto; line-height:20px; color:yellow; font-weight:bold; font-size:16px; padding:0 10px 0 0; text-align:center; }
.centre .videoHP p { font-size:16px; display:block;  padding:5px 0 0 0; }

.centre .blocHP.shopping {background:#FFF; margin:20px 0 0 0; padding:5px; overflow:hidden; text-align:center;}
.centre .blocHP.shopping IMG {width:120px; margin-right:10px;}

p span.titre_vert, p span.titre_orange { font-weight:bold; color:#44831B; }
p span.gras { font-weight:bold; }

/* FIL D'ARIANE */
.ariane { margin:0 0 10px 10px; color: #333;}
.ariane UL { list-style-type:none; }
.ariane UL LI { font-size:11px; display:inline; margin-left:5px; color:#666;}
.ariane UL LI A { color: #333; font-weight: normal;}

.centre.white { width:790px; padding-right:10px; padding-left:10px; background:#FFF;    }
.article { padding:0 10px 0 10px; margin:0; }
.centre .article H4, .centre .article A H4 { font-size:22px; color:#44831B; margin:0 0 10px 0; }
.centre p { font-size:15px; color:#333; line-height:20px; }
.centre p STRONG {color: #44831B;}

.exergue { color:#444; font-size:14px; font-weight:normal; }
.exergue A {font-family:'Lobster', cursive; margin:0 0 10px 0; padding:0 0 5px 0; font-weight:normal; font-size:22px;}
.exergue A span.suite { font-size:15px; font-weight:normal;}
.exergue p { margin-top:10px; line-height:22px; }

.centre .texte A {border-bottom: 1px dotted #44831B; font-weight: normal;}
.centre .publication { float:right; font-weight:normal; font-size:12px; font-style:italic; color:#666; margin:10px 0 20px 0; }

.article .photoArticle { float:left; margin:5px 15px 5px 0; position:relative; z-index:2; }
.article .photoArticle .copyright { background:#EEE; display:block; margin:-5px 0 0 0; padding:3px; font-size:10px; color:#777; z-index:2; position:relative; }
.article .photoArticle .copyright A {color:#777; }
.article .photoBig {width:auto; float:none; margin: 5px 0 25px 0; position: relative; z-index: 2; text-align:center; }

.photoArticle:before, .photoArticle:after { width:45%; z-index:-1; position:absolute; content: ""; bottom:12px; left:10px; top:80%; background: rgba(0, 0, 0, 0.45); 	 -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); }
.photoArticle:after {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg); right:10px; left:auto; }
.hrecipe .photoArticle:before, .hrecipe .photoArticle:after { display:none; }
.hrecipe .photoArticle:after { display:none; }

.fiche_recette .photoArticle { width:250px; float:left; margin:0; position:relative; }
.fiche_recette .photoArticle .copyright { background:#EEE; display:block; margin:0; padding:3px; font-size:10px; color:#777; }

.centre .photoArticle .outils { text-align:left; padding:10px 0 10px 0; border:0; background:#DDDDDD; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #DDDDDD); /* for firefox 3.6+ */ }
.centre .photoArticle .outils A { display:block; margin:0 0 10px 20px; line-height:20px; font-size:11px; float:none;  }
.centre .photoArticle .outils SPAN { float:left; margin:0 10px 0 0; }

.hrecipe .photoArticle { width:auto; float:none; margin: 5px 0 25px 0; position: relative; z-index: 2; text-align:center; background:#DDD; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EDEDED'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EDEDED)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #EDEDED); }
.hrecipe .photoArticle .photo, .article .photoBig .photo { margin:0 auto; padding:10px; background:#FFF; box-shadow:0 3px 3px rgba(0, 0, 0, 0.35); }
.hrecipe .photoArticle .copyright { background:none; display:block; margin:0 50px 0 0; padding:3px; font-size:10px; color:#777; text-align:right; }
.hrecipe .photoArticle .protec { width:100%; height:90%; z-index:100; position:absolute; top:0; }

ul.listeArticles { list-style-type:none; margin:20px 0 0 0; }
.centre ul.listeArticles LI { width:340px; height:80px; padding:5px; float:left; text-align:left; border:1px solid #CCC; margin:0 30px 10px 0; position:relative; }
.centre ul.listeArticles LI .corner { width:320px; height:70px; position:absolute; left:-1px; top:-1px; background:url("images/2011/sprite_blocs.jpg") no-repeat left -533px;  }
.centre ul.listeArticles LI A { width:330px; height:80px; display:block; /*margin:20px 0 0 50px; *padding-top:20px;*/ z-index:2; position:absolute; left:0; top:0; }
.centre ul.listeArticles LI A:HOVER span { text-decoration:underline; }
/*.centre ul.listeArticles LI A span, .centre ul.listeArticles LI span { width:190px; display:block; position:absolute; top:30px; left:70px; font-size:14px; font-weight:bold; color:#44831B; }*/
.centre ul.listeArticles LI A span, .centre ul.listeArticles LI span { font-size:16px; font-weight:normal; color:#44831B; margin-top:10px; padding-top:10px; display:block; }
.centre ul.listeArticles IMG { float:left; margin: 0 10px 0 10px; padding-top:5px; width:80px; }

.centre ul.videos { list-style-type:none; margin:15px 0 15px 0; padding: 5px; overflow:hidden;}
.centre ul.videos LI { width:220px; height: 90px; padding:5px; margin:10px; float:left; text-align:left; border:1px solid #DDD; border-width:1px 2px 2px 1px; position:relative; padding:0; overflow:hidden; 
background:#EEEEEE; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE); /* for firefox 3.6+ */ }
.centre ul.videos LI A { width:200px; display:block; margin:0; z-index:2; position:relative; padding:5px; font-size:14px; font-weight:normal; }
.centre ul.videos IMG { position:relative; float:left; margin:0 10px 0 0; padding:0; top:0; left:0; }
.conteneur .centre .videos LI .play { width:27px; position:absolute; top:50px; left:180px; }

.centre ul.videos LI.large { width:320px; height:80px; overflow:hidden; padding:5px; margin:15px;}
.centre ul.videos LI.large A { display:inline; font-size:16px; font-weight:normal; padding:0;}
.centre ul.videos LI.large SPAN { padding: 0;}
.centre ul.videos LI.large IMG { float:left; margin:0 15px 0 0; padding:0;}
.centre ul.videos LI.large P { font-size:11px; color:#555; margin: 5px 0 0 0;}
.centre ul.videos LI.large .play { width:27px; position:absolute; top:50px; left:300px; }

.fiche_recette .details { width:500px; float:right; margin:0; }
.fiche_recette .details UL.instructions { color:#92C13A; list-style-type:decimal; margin:0 0 0 15px; }
.fiche_recette .details UL LI, .hrecipe .colIngredients UL LI { color:#444; font-size:14px; margin:0 0 10px 0; padding: 0; }
.fiche_recette .details UL LI A, .hrecipe .colIngredients UL LI A, H3.sousTitre A, H3.summary A {font-weight:normal; border-bottom: 1px dashed;}

.hrecipe .colIngredients { width:220px; float:left; margin:0 15px 5px 30px; position: relative; z-index: 2; }
.hrecipe .colIngredients UL.ingredients { color:#92C13A; list-style-type:disc; margin: 0px 0px 15px 15px; }
.hrecipe .colIngredients .sociaux { margin:30px 0 0 -20px; }

.fiche_recette .btnVideos { margin:0 0 0 290px; }

.bloc_newsletter { margin: 22px; text-align:center; font-family: Lobster, arial; color: #ff6d00; font-size:20px;}
.bloc_newsletter .champ {width:250px; font-size: 14px; color: #777; padding:5px; border:1px solid #DDD;}
.bloc_newsletter .ok {cursor:pointer; background: #ff6d00; color: #FFF; font-size: 14px; padding:4px; border:1px solid #DDD;}

.hrecipe .details { width:500px; float:right; margin:0; }
.hrecipe .details UL.ingredients { color:#92C13A; list-style-type:disc; margin:0 0 15px 15px; }
.hrecipe .details UL.instructions { color:#92C13A; list-style-type:decimal; margin:0 0 0 15px; }
.hrecipe .details UL LI { color:#444; font-size:14px; margin:0 0 10px 0; padding: 0; }
.hrecipe .btnVideos { margin:0 0 0 290px; }
.hrecipe .details A { border-bottom:1px dashed #44831b; font-weight:normal; }

.centre .focus { border-top:2px solid #EEE; clear:both; margin:20px; padding:10px 5px 5px 5px; background:#EEE; overflow:hidden; }
.centre .focus H3 {font-size:22px;}
.centre .focus .each { border:1px dotted #CCC; padding:10px; margin:10px; overflow: hidden; background:#FFF; font-size:15px; position:relative; width:200px; float:left; }
.centre .focus .each IMG { float:left; margin-right:10px; width: 80px;}
.centre .focus .each A { color: #555; font-weight:normal;}
.centre .focus .each A:HOVER { text-decoration:none; }
.centre .focus .each A STRONG { display:block; font-size:16px; color:#64831B; margin:10px 0 5px 0; }
.centre .focus .each A:HOVER STRONG { text-decoration:underline; }
.focus h2 { color:#ff6d00; margin:0 0 10px 0; padding-bottom:5px; border-bottom:1px solid #ff6d00; }
.centre .recetteVedette {  padding:10px 15px 0 15px; }
.centre .recetteVedette .each{ width:auto; float:none; }

.centre .focus.recetteVedette .each A STRONG { margin-top:0; font-size:16px; color:#5B8213; }

.centre .avis { border-top:2px solid #EEE; clear:both; margin:20px 10px 20px 10px; padding:10px 5px 5px 5px; }
.centre .avis .btnOK { padding:4px; background:#FF8400; color:#FFF; text-align:center; clear:both; display:block; margin:10px auto 0 auto; border-radius:5px; cursor:pointer; }
.centre .avis h3 {margin:0 0 10px 0; color: #ff6d00; font-size:25px;}
.centre .avis p { margin:5px 0 5px 0; font-size:14px; display:block;}
.centre .avis UL { list-style-type:none; }
.centre .avis LI { display:block; padding:5px; margin: 5px 0 0 0; text-align:left; background:#FFF; border-bottom:1px dotted #DDD; color: #444; overflow:hidden;}
.centre .avis IMG { float: left; width: 50px; margin: 0 5px 5px 0;}
.centre .avis .icone { float: left; width: 50px; margin: 0 5px 5px 0; overflow:hidden;}
.centre .avis span.note { font-weight:bold; color:#CC6600; display:block; padding: 5px 0 0 5px;}
.centre .avis span.titre { font-weight:bold; font-size:14px;}
.centre .avis span.auteur { font-style: italic; color: #666;}
.centre .avis SPAN.reponsecom { color: #44831b; display: block; font-style: italic; background: #FFF; padding:3px; }

.centre .autre { background:#FFF; margin:20px 0 0 0 ; text-align:center; padding:0 0 5px 0; overflow:hidden; }
.centre .autre A.art { width:230px; display:block; float:left; margin:0 10px 0 0; }
/*.centre .autre H3 { background:#CCCCCC; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF'); background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#FFFFFF)); background: -moz-linear-gradient(top,  #CCCCCC,  #FFFFFF); overflow:hidden; padding:5px 0 5px 0; }*/
.centre .autre ul { margin:0 0 0 0px; padding:10px 0 0 45px; list-style-position:inside; color:#92C13A; }
.centre .autre ul li { font-size:13px; float:left; margin:0 20px 15px 0; }
.centre .autre A.liensimple {display: block; text-align: left; border-bottom: 1px dotted #CCC; padding: 5px; font-size: 14px;}

.centre .autre ul li:first-letter { color:#5B8213; font-size:14px; font-weight:bold; }

.centre IFRAME { margin:0 0 20px 10px; }
.centre IFRAME#wxButtonFrame { margin-left:20px; }
.visionnage object { margin:0 0 0 10px; }

.liste { padding:5px 0 10px 0; border-bottom:1px dotted #CCC; margin:5px 0 5px 0; overflow:hidden;}
.liste IMG { float:left; margin:0 10px 0 5px; position:relative; z-index:2; }
.liste .photoArticle { float:left; margin:0 5px 0 0; position:relative; z-index:2; width: 100px; }
.liste .etiquette SPAN { position:absolute; left:200px; top:5px; }
.centre .liste H3 A { color:#44831b; font-size:22px; font-weight: normal; margin:0; padding: 0; }
.liste A P, .liste P, .liste_boutique P { font-size:14px; margin: 0; padding: 0;}
.liste A span.voir { display:block; color: #44831B; font-weight:bold; margin:5px 0 0 0; font-size:12px; }
.liste A:HOVER H3 { text-decoration:underline; }
.centre .liste H5 {color: #555; font-weight: normal; font-size: 15px; padding: 5px 0 5px 0;}

.liste A.btnBig { font-weight:normal; color:#5B8213; font-family:'Lobster', Arial, sans-serif; font-size:19px; }

.liste ul { width:480px; margin:0; padding:0 0 0 5px; float:left; list-style-position:inside; color:#92C13A; }
.liste ul.etendue { width:auto; margin:15px 0 0 0; }
/*.liste ul li { font-size:14px; float:left; zoom:1; margin:0 30px 13px 0; text-align:left; position:relative; }*/
.liste ul li:first-letter { color:#5B8213; font-size:16px; font-weight:bold; }

.liste ul.etendue li { width:360px; border-bottom:1px dotted #CCC; list-style-type:none; float:left; margin:0 20px 15px 10px; padding-bottom:5px; overflow:hidden; }
.liste ul.etendue li A IMG { height:80px; margin:0 10px 0 0; }  
.centre ul.etendue li A span.fn { display:block; color:#5B8213; margin:0 0 5px 0; font-weight:bold; font-size:15px; }
.liste ul.etendue li .ingredients { color:#666;font-size:14px; }

.liste .toque { float:left; margin:0 10px 10px 0; }
.liste_boutique { padding:5px; border-bottom:1px dotted #CCC; margin:5px; overflow:hidden; float: left; text-align: center; width:130px; background: #EEE;}

.maplist {border-bottom: 1px dotted #CCC; font-size: 12px; margin: 0 0 10px 0; overflow: hidden;}
.maplist P {font-size: 12px;}
.maplist IMG {float: left; width: 50px; margin-right: 5px; }

.centre .reussir { width:600px; margin:20px 0 20px 80px; padding:5px; background:#EEE; background:-moz-linear-gradient(top, #EEEEEE, #FFFFFF); background:-webkit-gradient(linear, left top, left bottombottom, from(#EEEEEE), to(#FFFFFF)); clear:both; position:relative; }
.centre .reussir A {font-weight: normal; border-bottom: 1px dashed;}

.navliens { text-align:center; list-style-type:none; margin: 15px 0 15px 0;}
.centre .navliens LI { display:inline; margin: 0;}
.navliens A { font-size:13px; border-right:1px solid #CCC; padding: 10px; }
.navliens span { font-size:13px; border-right:1px solid #CCC; background: #EEE; padding: 10px; color: #ff6d00; font-weight: bold;}
.navliens A+A+A { border:0; }

.livredor {background: #EEE; border-bottom: 1px dashed #ff6d00; margin: 0 0 10px 0; padding: 5px;}
.livredor H3 { font-size:16px; font-weight:normal; color: #83AE3E;}

.centre li {margin:0 0 0 50px; padding:0; color: #444; font-size:13px;}

.meteoplage {margin:30px 0 0 50px; float:left;border:1px solid #CCC;width:420px;}

/***** PUB *****/
.centre .pub468 { height:80px; text-align:center; margin:30px 0 0 0; }
.centre .ban600 { text-align:left; margin:20px 0 20px 0; height: 230px;}
.centre .pave336 { text-align:center; margin:20px; }
.centre .pubvideo { text-align:center; margin:20px 0 20px 100px; }
/*recommandation */
.reco {margin: 10px 0 20px 0;}
.reco .TF_1.ob-strip-layout .ob-widget-header { display: block; height:30px; width:760px; font-family:'Lobster', cursive; padding:5px 0 5px 30px; margin:0 0 10px 0; font-size:24px; color:#5B8213; border:0; 
background:#CCCCCC; background: linear-gradient(to bottom,  #CCCCCC,  #FFFFFF); box-shadow: 1px 1px 3px #CCCCCC; text-shadow: 0 1px 0 #FFF; font-weight:normal; } /*titre */
.reco .TF_1.ob-widget .ob-rec-image-container img.ob-rec-image {width:90%;} /*photo*/
.reco .TF_1.ob-strip-layout .ob-rec-text {width:220px; color:#44831b; font-weight:normal;} /*texte*/


/********* QUIZZ *********/
.quizz {margin: 10px 20px 0 20px; padding: 5px; border: 1px dotted #CCC;}
.quizz h2 { font-size: 22px; } /* question */
.quizz h3 {font-style: italic; font-size: 14px; margin: 0;} /*numéro question */
.quizz h4 {margin: 5px 0 5px 0; font-weight: bold;} /* correction */
h5.quizz { padding: 0; margin: 10px 0 10px 0; color:#ff6d00; font-size: 25px; border: 0; text-align: center; position:absolute; top: 180px; left: 250px; z-index:100;} /* score */
.quizz p {} /* texte */
.quizz .reponse {background: #EEE; padding: 5px; margin: 10px; }
.validQuizz {	width:100px; color:#FFF; font-weight:bold; background:#F60; cursor:pointer; border:0; font-size: 16px; margin-top: 10px;}
.validQuizz:hover { color:#F60; background:#FFF; border: 1px solid #F60; }

/********* GALERIE *********/
.centre .galerie { margin:10px 0 30px 0; text-align:center; overflow:hidden; background:#EEE; padding:15px 0 0 0; background:#DDDDDD; /* for non-css3 browsers */filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF)); /* for webkit browsers */ background: -moz-linear-gradient(top,  #DDDDDD,  #FFFFFF); }
.centre .galerie IMG { border:8px solid #FFF; background: rgba(0, 0, 0, 0.30); -webkit-box-shadow:0 12px 10px rgba(0,0,0, 0.30); -moz-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.30); box-shadow: 0 12px 10px rgba(0, 0, 0, 0.30); margin:0 0 20px 0; moz-border-radius:5px; /* If supported by the browser, you'll see rounded corners */ border-radius:5px;	-webkitborder-radius:5px;	}
.centre .galerie p { font-weight:bold;	}

/******** BOUTIQUE *********/
h2.titre_boutique  {font-size: 22px; font-weight: normal; text-align: left; margin:0 5px 10px 5px; border-bottom:1px solid #EC8B1A; padding:0 0 5px 10px; color:#ff6d00;}
.navboutique {margin: 15px 0 15px 0; text-align:center;}
.navboutique a {background: #EEE; color: #669933; border: 1px solid #99cc00; font-size: 15px; font-weight: bold; padding: 5px; margin: 0 10px 10px 10px;
 width: 170px; display: inline-block; text-align: center; text-decoration: none; border-radius:5px;}
.navboutique a:hover, .navboutique a.on:hover, .navboutique a.on { background: #FF6D00; color: #FFF; border: 1px solid #99cc00; text-decoration: none;}
.boutique {margin: 10px 0 0 0;}
.boutique P {margin: 15px;}
.boutique h5 {	background: #DDD; font-size: 13px; text-align:left; color: #555; font-weight: bold; padding:5px; margin: 10px;}
.produit {background: #EEE; float: left; width: 190px; margin: 0 10px 15px 30px; padding:10px; text-align: center;}
.produit A { font-size: 13px; color: #555; text-align: center; font-weight: normal; font-style: normal; margin:0; padding:0;}
.produit h4 { font-size: 15px; color: #FF6633;  font-weight: normal; margin:0; padding:0; background: none; text-align: center;}
.produit img { width: 150px; border: 1px solid #99cc00;}
.fiche_produit {background: #EEE; padding:15px; margin: 10px; border:1px solid #CCC;}
.fiche_produit img {float: left; width: 200px; margin: 0 15px 0 10px;}
.fiche_produit h1 {font-size: 28px; margin:5 0 10px 5px; padding:0; color: #669933; border: 0;}
.fiche_produit h4 {font-size: 16px; color: #555; text-align: left; font-weight: normal; margin:10px 0 0 0; padding:0; background: none;}
.fiche_produit h3 {font-size: 26px; margin:0 0 5px 0; padding:0; font-style: normal; color: #FF6633;}
.fiche_produit .bouton {text-align: right; margin: 20px 100px 10px 0; }
.fiche_produit .bouton a {background: #E34619; color: #FFF; padding: 5px 15px 5px 15px; text-decoration: none; font-size: 15px; border-radius:5px;}
.fiche_produit .bouton a:hover {text-decoration: underline; }
.shop_search {text-align: center; margin: 20px; overflow: hidden;}
.shop_search .valider {	width:40px; height:33px; margin: 0; padding: 0; font-weight:bold; background:#EEE; cursor:pointer; border:0; font-size:16px; color: #44831b; border: 1px solid #CCC; }
.shop_search .valider:hover { color:#FFF; background:#ec8c1b;  }

.boutique .bloc_cat {}
.boutique .bloc_cat .eachcat { width: 220px; font-size: 20px; font-weight: normal; color: #666; margin: 10px 20px 10px 10px; padding: 0; background:#EEE; border-radius: 3px; float: left; text-align: center; border: 1px dotted #DDD; }
.boutique .bloc_cat .eachcat  h2 {font-size: 22px; color: #FFF; margin: 0 0 5px 0; padding: 3px; font-weight: normal; background: #888;}
.boutique .bloc_cat .eachcat  h3 {font-family: Arial, Helvetica, sans-serif;  font-size: 10px; color: #F50; margin: 5px 0 5px 0; padding: 0; text-align: center; font-weight: normal; border-bottom: 1px dotted #999;}
.boutique .bloc_cat .eachcat img {  border: 1px solid #CCC; width: 130px; height: 130px;}
.boutique .bloc_cat .eachcat UL { font-size: 14px; color: #555; margin: 0 0 5px 0; padding: 0; text-align: left; list-style-type: disc; }
.boutique .bloc_cat .eachcat LI A { margin: 0; padding: 0; list-style-type: disc; display: block; color:#666; font-weight: normal;}
.boutique .bloc_cat .eachcat a.tous {display: block; color: #5e9229; font-weight: normal; text-align: right; padding: 5px; font-size: 12px; }
.boutique .bloc_cat .eachcat a:hover {text-decoration: underline; }
.boutique .bloc_cat .eachcat a:hover IMG { border:1px solid #6699FF; }

/***** FORMULAIRES *****/
TEXTAREA { border:1px solid #96C43F; font-size:13px; padding:5px; }
#monForm { zoom:1; margin:10px 0 0 0; padding:10px 0 0 0; font-size:12px; position:relative; }
#monForm.quizzForm, .quizzForm {  padding:20px 0 0 100px; position:relative; }
#monForm fieldset { moz-border-radius:5px; /* If supported by the browser, you'll see rounded corners */ border-radius:5px;	-webkitborder-radius:5px;	margin:0 0 20px 0;background-color:#f2f9fe;	border:solid 1px #aedcf5;padding:20px 15px 10px 15px; position:relative; /* To assist in fixing the background bleed issue on IE */	float:left;	width:360px; margin-right:20px; }
Cfieldset:hover { background-color:#FFF; border:solid 1px #ffdb60; }
#monForm fieldset:hover input {	background-color:#fff;	border:solid 1px #ffdb60; }
#monForm fieldset:hover textarea { background-color:#fff; border:solid 1px #ffdb60; }
#monForm fieldset:hover select { background-color:#fff;	border:solid 1px #ffdb60; }
#monForm fieldset:hover .narrow { /*	Needed to stop border hover on radio buttonsand checkboxes in IE */border:none;	background-color:#fffccd; }
#monForm legend {position:absolute; /* Fixes background bleed issue on IE. Fieldset must be position:relative for this to work */top:-8px;color:#fd8f00;	font-family:Georgia, "Times New Roman", Times, serif; /* Just adding a little variation */	font-style:italic;	font-size:11px;	padding:3px; position:absolute; /* Stops IE from centering the legend text. Seriously - why IE, why?!!! */	left:10px;	background:#FFF; }
#monForm .smallField { width:25px; text-align:left; }
#monForm .bigField { width:150px; }
#monForm fieldset:hover legend { /* Changes text colour of the legend when you  hover over the fieldset */	color:#3f87e9;}
#monForm label { width:200px; /* Must match the exact width specified in the span */display:block; float:left;font-weight:bold; font-size:11px; text-align:right; padding:5px 0 0 0;margin:0 10px 8px 0; color:#666; text-transform:uppercase; }
.centre #monForm label.quizzQuestions { width:auto; float:none; display:inline; font-weight:bold; font-size:11px; padding:5px 0 0 0;	margin:0 10px 8px 0; color:#666; text-transform:uppercase; text-align:left; cursor:pointer; }
#monForm span { font-size:12px;	/* Must match the exact width specified in the label */	font-weight:bold;	color:#F60; padding:0 0 3px 0; display:block; }
#monForm.quizzForm span.question, .quizzForm span.question { width:60px; height:30px; font-size:13px;	/* Must match the exact width specified in the label */	font-weight:bold;	color:#F60; padding:10px; display:block; left:0; margin:5px 0 0 10px; border:1px solid #F60; border-radius:3px; position:absolute; background:#E2DFBE; text-align:center; }
#monForm em {font-size:.8em;	font-style:normal;	font-weight:normal;	color:#007bae;	position:relative;	top:-7px; /* Moves the em's up a little to line up with the radio buttons and checkboxes*/}
#monForm .radio {	width:auto; height:auto; border:0; display:inline; float:none; margin:5px; padding:10px 0 0 0; }
#monForm input, .shop_search input { width:400px; height:30px; border-radius:3px; border-radius: 3px; -webkitborder-radius: 3px; border:solid 1px #888; margin:0 10px 5px 0; padding-left:5px; color:#444; font-size:14px; }
.shop_search input { width:250px; }
#monForm input.checkbox { width:15px; height:auto; margin:0 3px 15px 10px; }
#monForm .plusIngredients { width:420px; padding:5px 0 10px 0; float:left; }
#monForm input.obligatoire { background:url(/Icons/asterisque.gif) no-repeat 370px 8px #FFF; }
#monForm input:hover {	border:solid 1px #44831B;}
#monForm textarea {	width:420px; height:130px; background:url(/Icons/asterisque.gif) no-repeat 370px 8px #FFF; 	border-radius: 5px; /* If supported by the browser, you'll see rounded corners */	border-radius: 5px;	-webkitborder-radius: 5px;border:solid 1px #888;	margin:0 0 13px 0;	color:#444;	font-size:14px;	padding:5px 3px 3px 3px;	font-family:Arial, Helvetica, sans-serif;}
#monForm .narrow {	width:13px;	margin:0 0 0 15px; /* Add a little spacing between radio button options */	border:none; }
#monForm .narrow:hover { border:none; /* Removes boders from radio buttons and checkboxes in IE on hover  */}
#monForm select {width:270px; height:29px; border-radius: 5px; /* If supported by the browser, you'll see rounded corners */border-radius: 5px;-webkitborder-radius: 5px;	border:solid 1px #666;	margin:0 0 13px 0;	color:#444;	font-size:1.2em;	padding:4px 3px 2px 3px;}   
#monForm select:hover {	border:solid 1px #CCC; /* Hover efefct won't work in IE, but then you're probably not surprised */}
#monForm .valider{	width:100px; color:#FFF; font-weight:bold; background:#F60; cursor:pointer; margin-left:350px; border:0; font-size:16px; }
#monForm .valider:hover { color:#F60; font-weight:bold; background:#FFF; border: 1px solid #F60; }
#monForm .codebox { width:80px; height:30px; border-radius:3px; border-radius: 3px;	-webkitborder-radius:3px;border:solid 1px #888;margin:0 10px 5px 0; padding-left:5px; color:#444; font-size:14px; font-weight:bold;}
.bck_Ganswer { background:#CCFFD3; padding:5px; border-radius:5px; margin:10px 0 0 0; }
.bck_Banswer { background:#FFCCCC; padding:5px; border-radius:5px; margin:10px 0 0 0; }
.faux {color:#CC3300; }
.vrai {color:#3E6823; }
#monForm span { font-family: Arial,Helvetica,sans-serif; color: #cc0000; font-size: 13px; font-weight: bold; display: block; clear: both; margin: 5px 0 0 5px; padding: 5px 0 5px 0; }

/********** NOTATION PAR ETOILES *********/
ul.notes-echelle {
	margin:0;
	padding:0;
	font:10px Arial, Helvetica, sans-serif;
}
ul.notes-echelle li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	min-width:20px;
	min-height:20px;
}
/* Correctif IE6 sur min-width & min-height */
* html ul.notes-echelle.js li {
	width:20px;
	height:20px;
}
ul.notes-echelle li label {
	display:block;
	text-align:center;
	line-height:20px;
	background:url(images/etoiles.gif) center top no-repeat;
	cursor:pointer;
}
ul.notes-echelle li.note-off label {	background-position:center -60px;}
ul.notes-echelle.js input { position:absolute; left:-999%; }
/* Effet lorsque une note est cochée */
 ul.notes-echelle li.note-checked {	font-weight:bold;}
/* Effet lorsque une note est tabulée au clavier */
 ul.notes-echelle.js li.note-focus {	outline:1px dotted #000;}		

/********* PAGINATION ****************/
.pagination { color:#555; font-size:14px; margin:20px 0px 10px 0px; text-align:center;}
.pagination A { text-decoration:none; padding:5px; display:inline; margin:5px; color: #669933; font-size:14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; border: 1px solid #669933;}
.pagination A:HOVER { color: #FFF; background: #669933; }
.pagination SPAN.pageactive A { color:#555; font-weight:bold; font-size:14px; background:#DDD; }
.pagination SPAN.pageactive { color:#555; font-weight:bold; font-size:15px; background:#DDD; margin:10px; padding:5px; border: 1px solid #669933;}

/* REDIRECTION MOBILE */
#annonce_site_mobile { width:100%; height:60%; line-height:50px; padding:5% 0 5% 0; top:0; left:0; background:#FFF; position:absolute; z-index:999; text-align:center; overflow:hidden; -moz-box-shadow: 0px 30px 40px 0px #CCCCCC; -webkit-box-shadow: 0px 30px 40px 0px #CCCCCC; -o-box-shadow: 0px 30px 40px 0px #CCCCCC; box-shadow: 0px 30px 40px 0px #CCCCCC; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, Direction=180, Strength=40);}
#annonce_site_mobile p { width:70%; font-size:50px; color:#444; text-align:center; margin:0 auto; }
#annonce_site_mobile A { -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; font-size:50px; margin:70px 50px 0 0; padding:30px; background:#F60; color:#FFF; }

/* BANDEAU COOKIE CNIL */
.cookieCNIL { background:#ADB62F; padding:5px; }
.cookieCNIL .content_cookieCNIL { width:800px; margin:5px auto; color:#FFF; line-height:18px; font-size:14px; font-family: 'Open Sans', sans-serif; }
.cookieCNIL .content_cookieCNIL .icoContexte { float:left;  width:44px; height:50px; display:block; background:url(http://www.lettres-utiles.com/images/spritePNG.png) no-repeat -86px -293px; }
.cookieCNIL .content_cookieCNIL A { margin:0 0 0 10px; text-decoration:underline; color:#FFF; }

/* annonce adblock */
#antiBlock { display: none; padding: 150px 0 20px 0; text-align: center; font-weight: normal; color: #666; height:20%; width:100%; position: fixed; bottom:0;
z-index: 900; background:url("images/info.png") no-repeat top center #E2EFCC; border:1px solid #CCC;}

/* FOOTER*/
footer { clear:both; margin:0 auto; padding:10px 0 10px 0; border-top:2px solid #CCC;  text-align:center; position:relative; background:#888; background:linear-gradient(to bottom,#888888,#EEEEEE);}
footer.gris {background:#888;}
footer .tamponPalmeris { width:110px; height:94px; display:block; position:absolute; bottom:20px; right:280px; z-index:50; background:url("http://www.palmeris.com/images/tampon_palmeris.png") no-repeat 0 0; }

footer .footlink { width:1000px; margin:0 auto 0 auto; padding:10px; color: #FFF; font-weight: normal; clear:both; font-size:13px; }
footer .footlink A { color: #FFF; font-weight: normal; }
footer .footlink SPAN.baseline {display:block; font-family: 'Lobster', cursive; font-size:26px; margin:5px;}
footer .footlink SPAN.rappel {margin:10px; font-size:15px;}
footer .footlink SPAN.liens {margin:10px; display:block;}

footer .rapide { width:1170px; margin:10px auto 10px auto; text-align:center; border-bottom:1px dotted #FFF;  overflow:hidden; font-size:12px;}
UL.col { width:170px; float:left; padding:0 0 0 10px; margin:0 0 10px 10px; text-align:left; border-right:1px dotted #FFF; list-style-type:none; }
UL.col + UL.col + UL.col + UL.col + UL.col + UL.col { border:0;}
UL.col h4 { font-size:18px; font-weight:normal; margin:5px 0 0 0; padding:0; color:#EEE;}
UL.col LI { display:block; margin-top:3px;}
UL.col LI A { text-decoration:none; display:block; color:#444; font-weight: normal;}
UL.col LI A:HOVER { text-decoration:underline; }