:focus {outline:none}

/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/ * html .clearfix {height:1%;}
.clearfix {display:block;}


/* ----------
 GENERIC HTML
---------- */

* { margin:0; padding:0; } 
body { font: normal 12px Verdana, Geneva, sans-serif; text-align:center; overflow-x:hidden; }
a span { position:absolute; left:-10000px; }
a img { border:none; }

.rub1, .rub1 a { color:#b44810; }
.rub2, .rub2 a { color:#b95201; }
.rub3, .rub3 a { color:#006602; }


#mainMenu > li > a { cursor:text;}
 
 
 /* -------------
 TEMPLATE SKULL
------------- */
#contener { width:1180px; position:absolute; left:50%; top:0; margin-left:-590px; text-align:left; background: url("../img/bg.jpg") 50% 128px no-repeat; }
#header { width:980px; margin:0 auto; padding:0 100px; height:128px; background:#fff url("../img/header.jpg") 280px 0 no-repeat; }
#page { width:980px; margin:0 100px; }
#footer { width:auto; clear:both; font-family:Arial, Helvetica, sans-serif; margin:0 auto; text-align:center; }
#content { font-family:Arial, Helvetica, sans-serif; color:#b4481F;}
 
 
/* -------------
 TEMPLATE HEADER
------------- */
 
h1 { padding-top:3px; }
h1 a { width:160px; height:125px; display:block; background:#fff url("../img/logo.png") 0 0 no-repeat; }
#header p { position:absolute; left:-10000px; }



/* -------------
 TEMPLATE PAGE
------------- */

/* MAIN MENU */
#mainMenu, #mainMenu ul { list-style:none; }
#mainMenu li { float:left; width:327px; padding:5px 0; text-align:center; font-family:Arial, Helvetica, sans-serif; }
#mainMenu li a { color:#b44810; font-size:26px; text-decoration:none; }
#mainMenu ul { margin-top:5px; }
#mainMenu li li { float:none; width:auto; display:inline; padding:0; font-weight:bold; font-size:10px; }
#mainMenu li li a { font-size:10px; text-transform:uppercase; padding:3px 5px 2px 5px; }

#mainMenu li.rub1 { background:url("../img/menu/bg-mainmenu-rub1.png") 0 0 no-repeat; height:60px; }
body.rub2 #mainMenu li.rub1, body.rub3 #mainMenu li.rub1 { background:url("../img/menu/bg-mainmenu-rub1-off.png") 0 0 no-repeat; }
#mainMenu li.rub1 a { color:#b44810; }
#mainMenu li.rub1 li.on a, #mainMenu li.rub1 li a:hover { border:2px ridge #fbc030; padding:3px 3px 2px 3px;  }

#mainMenu li.rub2 { background:url("../img/menu/bg-mainmenu-rub2.png") 0 0 no-repeat; height:60px; }
body.rub1 #mainMenu li.rub2, body.rub3 #mainMenu li.rub2 { background:url("../img/menu/bg-mainmenu-rub2-off.png") 0 0 no-repeat; }
#mainMenu li.rub2 a { color:#fff; }
#mainMenu li.rub2 li.on a, #mainMenu li.rub2 li a:hover { border:2px ridge #EF760E; padding:3px 3px 2px 3px;  }

#mainMenu li.rub3 { background:url("../img/menu/bg-mainmenu-rub3.png") 0 0 no-repeat; height:60px; width:326px; }
body.rub3 #mainMenu li.rub3 { background:url("../img/menu/bg-mainmenu-rub3-on.png") 0 0 no-repeat; }
body.rub1 #mainMenu li.rub3, body.rub2 #mainMenu li.rub3 { background:url("../img/menu/bg-mainmenu-rub3-off.png") 0 0 no-repeat; }
#mainMenu li.rub3 a { color:#fff; }
#mainMenu li.rub3 li.on a, #mainMenu li.rub3 li a:hover { border:2px ridge #01b723; padding:3px 3px 2px 3px;  }

/* SUB MAIN MENU */
#subMainMenu { float:right; clear:left; width:306px; padding:5px 10px 0 10px; margin-bottom:10px; background:url("../img/menu/bg-mainmenu-rub3-sub.png") 0 100% no-repeat; }
#subMainMenu p { color:#ffc; background:url("../img/menu/bg-mainmenu-rub3-sub2.png") 0 100% repeat-x; padding-bottom:15px; font-size:14px; }
#subMainMenu p.more { padding:7px 0; background:url("../img/bg-rub3-more.png") 100% 7px no-repeat; text-align:right; }
#subMainMenu p.more a { color:#fff; text-decoration:none; padding-right:30px; font-size:14px; font-weight:normal; }

/* HOME */
.col { width:317px; float:left; padding:10px 5px; display:inline; }
.col dl { margin-bottom:10px; }
.col dl dd.more { clear:left; padding:7px 00px 7px 0; background:url("../img/menu/bg-mainmenu-rub3-more.png") 100% 7px no-repeat; text-align:right; }
.col dl dd.more a { text-decoration:none; padding-right:40px;; font-size:18px; font-weight:normal; }
.col dl dt { padding:5px;}
.col dl dt span { padding:0 8px 0 0;}
.col dl dt span span { line-height:18px; padding:0 0 0 8px;}


/* COL 1 */
.col h2 { font-weight:normal; font-size:14px; margin-bottom:5px; heig	ht:180px; height:auto; min-height:180px; }
div.col.rub1 dl { background:url("../img/bg-rub1-dd-more.png") 0 100% no-repeat; }
div.col.rub1 dl dt { background:url("../img/bg-rub1-dt.png") 0 0 no-repeat; }
div.col.rub1 dl dt span { background:url("../img/bg-rub1-dt-r.png") 100% 0 no-repeat;  }
div.col.rub1 dl dt span span { background:url("../img/bg-rub1-dt-l.png") 0 0 no-repeat; }
div.col.rub1 dl dd.more { background:transparent url("../img/bg-rub1-more.png") 96% 5px no-repeat; }
div.col.rub1 dl dd.more a { font-size:14px; padding-right:40px; }

dl.blocExpert dd.content { background:#feb632 url("../img/home/expert.png") 0 0 no-repeat; height:79px; padding:25px 40px 0 125px; margin-top:-5px; line-height:12px; font-weight:bold; font-size:11px; }
dl.blocExpert dd .author { font-size:10px; margin-top:5px; font-weight:normal; }

dl.blocDuo dt { position:absolute; left:-10000px; }
dl.blocDuo dd.content { background:url("../img/home/duo.png") 0 0 no-repeat; padding:30px 10px 0 10px; height:115px; font-size:10px; font-weight:normal; }

/* COL 2 */
div.col.rub2 { padding-top:0; }
div.col.rub2 dl { background:url("../img/bg-rub2-dd-more.png") 0 100% no-repeat; }
div.col.rub2 dl dt { background:url("../img/bg-rub2-dt.png") 0 0 no-repeat; color:#fff; }
div.col.rub2 dl dt span { background:url("../img/bg-rub2-dt-r.png") 100% 0 no-repeat; }
div.col.rub2 dl dt span span { background:url("../img/bg-rub2-dt-l.png") 0 0 no-repeat; }
div.col.rub2 dl dd.more { background:transparent url("../img/bg-rub2-more.png") 96% 5px no-repeat; }
div.col.rub2 dl dd.more a { font-size:14px; line-height:14px; color:#fff;  }

div.col dl.blocPhrase { background:url("../img/home/phrase.png") 0 0 no-repeat; height:188px; margin-bottom:5px }
dl.blocPhrase dt { position:absolute; left:-1000px; }
dl.blocPhrase dd { padding:60px 30px 0 30px; color:#fff; }
dl.blocPhrase dd.rss { padding:0; position:relative; }
dl.blocPhrase dd.rss a { display:block; width:50px; height:25px; position:absolute; top:25px; right:25px; }
dl.blocPhrase dd.author { text-align:right; padding-top:5px; }

dl.blocRecette dd.date { background:#fff url("../img/calendar.png") 0 0 no-repeat; padding:20px 10px 0 10px; float:left; height:79px; font-size:18px; line-height:18px; width:38px; text-align:center;}
dl.blocRecette dd.date strong { font-size:22px; font-weight:normal; }
dl.blocRecette dd.content { background:#fff; padding:15px 0 0 5px; height:84px; width:88px; float:left; }
dl.blocRecette dd.visu { float:left; background:url("../img/fleche.png") 0 50% no-repeat; }
dl.blocRecette dd.visu a { display:block; }

.blocSlideShow { position:relative; height:178px; }
.blocSlideShow ol, .blocSlideShow ul { list-style:none; position:absolute; }
.blocSlideShow ol { right:60px; bottom:10px; z-index:100; padding:5px;  }
.blocSlideShow ol li { float:left; }
.blocSlideShow ol a { color:#fff; background:url("../img/home/bg-slide-pag-off.png") 50% 50% no-repeat; text-decoration:none; float:left; width:15px; text-align:center; font-size:10px; }
.blocSlideShow ol li.on a { background:url("../img/home/bg-slide-pag-on.png") 50% 50% no-repeat; }
.blocSlideShow ul { left:0; top:0; }
.blocSlideShow ul a { position:absolute; bottom:5px; text-decoration:none; padding:5px; width:100%; }
.blocSlideShow ul strong { display:block; width:140px; padding:0 5px; }
.blocSlideShow ul strong.date { color:#ed6f08; background:url("../img/home/date.png") 0 0 no-repeat; padding:5px 5px 0 5px; text-align:left; width:140px; height:20px; font:normal 16px Arial, Helvetica, sans-serif; }
.blocSlideShow ul strong.content { color:#fff; background:url("../img/home/slide-content.png") 0 100% no-repeat; padding-top:10px; padding-bottom:5px; font-size:12px; }


.blocSlideShowRecette { position:relative; height:10px; }
.blocSlideShowRecette ol, .blocSlideShowRecette ul { list-style:none; position:absolute; }
.blocSlideShowRecette ol { right:0px; bottom:0; z-index:100; padding:5px; background:url(/gene/img/home/bg-slide-pag.png) 0 0 no-repeat; }
.blocSlideShowRecette ol li { float:left; }
.blocSlideShowRecette ol a { color:#fff; background:url("/gene/img/home/bg-slide-pag-off.png") 50% 50% no-repeat; text-decoration:none; float:left; width:15px; text-align:center; font-size:10px; }
.blocSlideShowRecette ol li.on a { background:url("/gene/img/home/bg-slide-pag-on.png") 50% 50% no-repeat; }
.blocSlideShowRecette ul { left:0; top:0; }
.blocSlideShowRecette ul a { position:absolute; top:0; text-decoration:none; padding:5px; width:100%; }
.blocSlideShowRecette ul strong { display:block; width:140px; padding:0 5px; }
.blocSlideShowRecette ul strong.date { color:#ed6f08; background:url("/gene/img/home/date.png") 0 0 no-repeat; padding:10px 0 0 0; text-align:center; width:150px; height:33px; font:normal 22px Arial, Helvetica, sans-serif; }
.blocSlideShowRecette ul strong.content { color:#fff; background:url("/gene/img/home/slide-content.png") 0 100% no-repeat; padding-top:15px; padding-bottom:5px; }



/* COL 3 */ 
div.col.rub3 { padding-right:0; }
div.col.rub3 dl { background:url("../img/bg-rub3-dd-more.png") 0 100% no-repeat; }
div.col.rub3 dl dt { background:url("../img/bg-rub3-dt.png") 0 0 no-repeat; color:#fff; }
div.col.rub3 dl dt span { background:url("../img/bg-rub3-dt-r.png") 100% 0 no-repeat; }
div.col.rub3 dl dt span span { background:url("../img/bg-rub3-dt-l.png") 0 0 no-repeat; }
div.col.rub3 dl dd.more { background:transparent url("../img/bg-rub3-more.png") 96% 5px no-repeat; }
div.col.rub3 dl dd.more a { font-size:14px; color:#fef49f; }

dl.blocDiag dt { padding-bottom:0; }
dl.blocDiag dd.content { background:#01a01e url("../img/home/diag.jpg") 0 0 no-repeat; padding:76px 0 0 0; }
dl.blocDiag dd.content ul { background:url("../img/home/diag-p.png") 0 0 repeat; padding:5px 0; font-size:10px; list-style:none; }
dl.blocDiag dd.content li { float:left; width:148px; padding-left:10px; }
dl.blocDiag dd.content li strong { font-size:20px; width:30px; float:left; }
dl.blocDiag dd.content li span { float:left; width:110px; line-height:11px; font-weight:bold; }

dl.blocTemoin dd.content { color:#fef49f; background:#01a01e url("../img/home/temoin.jpg") 0 0 no-repeat; height:85px; padding:15px 120px 0 80px; }

dl.blocVideo dd.content { background:#01a01e url("../img/home/video.jpg") 0 0 no-repeat; height:112px; }
dl.blocVideo dd.content a { display:block; height:102px; font-size:16px; font-weight:bold; display:block; padding:10px 210px 0 5px; color:#006602; text-decoration:none; }

 
  
/* -------------
 TEMPLATE TEMOIN
------------- */

/* CHAPO */
body.rub1 .chapo h2 { background:url("../img/title-rub1.png") 30px 0 no-repeat; width:280px; height:105px; float:left; padding:0 0 0 55px; }
body.rub1 .chapo h2 span { position:absolute; left:-10000px; }
body.rub1 .chapo p { float:left; width:290px; padding:10px; }
body.rub3 .chapo h2 { background:url("../img/title-rub3.png") 30px 0 no-repeat; width:289px; height:80px; float:left; padding:0 0 0 55px; }
body.rub3 .chapo h2 span { position:absolute; left:-10000px; }
body.rub3 .chapo p { float:left; width:280px; padding-top:10px; }

/* LIST TEMOIN */
#listTemoin { clear:both; position:relative; }
#listTemoin ul { list-style:none; padding:0 0 20px 0; }
#listTemoin ul li { float:left; width:90px; height:90px; position:relative; margin:0 8px 8px 0; display:inline; }
#listTemoin ul li.double { margin-left:196px; }
#listTemoin ul li.triple { margin-left:294px; }
/*#listTemoin dl { position:absolute; left:-10000px; top:-10000px; width:150px; }*/
#listTemoin dt { padding:3px 0px 0px 3px; font-weight:bold; background:url("../img/bg-listTemoin-name.gif") 0 0 no-repeat; height:20px; font-size:10px; }
#listTemoin dd { background:url("../img/bg-listTemoin.gif") 0 0 repeat-y; height:51px; padding:3px 3px; font-size:10px;}
#listTemoin dd.more { background:url("../img/bg-listTemoin-more.gif") 0 0 no-repeat; font-weight:bold; font-size:11px; padding:3px 4px 3px 15px; }
#listTemoin dd.more a { text-decoration:none; }
/* #listTemoin li:hover dl, #listTemoin li.over dl { left:-23px; top:-23px; z-index:100; } */
.rub3 #listTemoin .pictoVideo { position:absolute; top:4px; left:4px; background:url("../img/picto-video.png") 0 0 no-repeat; width:16px; height:16px; }
.rub3 #listTemoin .pictoComment { position:absolute; top:4px; left:4px; background:url("../img/picto-comment.png") 0 0 no-repeat; width:16px; height:16px; }
#listTemoin .pictoVideo span, #listTemoin .pictoComment span { position:absolute; left:-10000px; }
#listTemoin .nbTemoin { position:absolute; right:5px; bottom:5px; font-size:26px; color:#fff; }

#listTemoin .bloc1 { position:absolute; top:98px; left:588px; width:188px; height:188px; overflow:hidden; background:#fff; } 
#listTemoin .bloc2 { position:absolute; top:196px; left:0; width:286px; height:90px; overflow:hidden; background:#fff; }
#listTemoin dl.blocPresse dt { background:#f8f4ed url("../img/presse1.png") 50% 100% no-repeat; color:#000; font-size:16px; font-weight:normal; padding-top:5px;}
#listTemoin dl.blocPresse dt strong { font:bold 24px Georgia, "Times New Roman", Times, serif; display:block; }
#listTemoin dl.blocPresse dd { background:#fff; color:#333; font-size:13px; line-height:13px; font-weight:normal; padding-bottom:0; }
#listTemoin dl.blocPresse dd.more { font-size:11px; }
#listTemoin dl.blocPresse dd a { color:#333; }

#listTemoin dl.blocPresse.bloc1 dt { padding-bottom:10px; }
#listTemoin dl.blocPresse.bloc2 dt { float:left; width:90px; height:90px; margin-right:5px; background:#f8f4ed url("../img/presse2.png") 100% 50% no-repeat; }

#blocRollOver { position:absolute; left:-23px; top:-23px; visibility:hidden; z-index:100;  }


/* EXPERT */ 
.rub1 #listTemoin ul li { width:188px; height:62px; }
.rub1 #listTemoin ul li dt { background:url("../img/bg-rub1-list-t.png") 0 0 no-repeat; padding:3px 10px; font-weight:normal; }
.rub1 #listTemoin ul li dd { color:#333; font-weight:bold; background:url("../img/bg-rub1-list-b.png") 0 100% no-repeat; padding-bottom:10px; }
.rub1 #listTemoin .pictoVideo { background:url("../img/picto-video-rub1.png") 0 0 no-repeat; width:24px; height:23px; }
.rub1 #listTemoin .pictoComment {background:url("../img/picto-comment-rub1.png") 0 0 no-repeat; width:18px; height:23px; }
.rub1 #listTemoin .pictoVideo, .rub1 #listTemoin .pictoComment { padding:0; float:right; margin:2px 10px 0 0; }

.rub1 #blocRollOver { left:-30px; top:-30px; width:265px; }
.rub1 #listTemoin #blocRollOver dt { background:url("../img/bg-list-name.png") 0 0 no-repeat; padding:25px 25px 5px 25px; }
.rub1 #listTemoin #blocRollOver dd { background:url("../img/bg-list-content.png") 0 0 repeat-y; padding:5px 25px 5px 70px; color:#666; }
.rub1 #listTemoin #blocRollOver dd.more { background:url("../img/bg-list-more.png") 0 100% no-repeat; font-weight:bold; font-size:11px; padding:5px 25px 20px 25px; text-align:right; }


/* PAGINATION */
.pagination { clear:both; padding-bottom:30px; list-style:none; }
.pagination li a { width:100px; padding:4px 5px 6px 5px; color:#fff; text-decoration:none; }
.pagination .previous a { float:left; background:url("../img/previous.png") 0 50% no-repeat; padding-left:30px; }
.pagination .next a { float:right; background:url("../img/next.png") 0 50% no-repeat; padding-right:30px; text-align:right; }
.rub1 .pagination .previous a { background:url("../img/previous-rub1.png") 0 50% no-repeat; }
.rub1 .pagination .next a { background:url("../img/next-rub1.png") 0 50% no-repeat; }

 
/* -------------
 TEMPLATE RECETTE
------------- */
.rub2 h3 { background:#fff; padding:0 10px 10px 10px; color:#ea6400; font-size:12px; font-weight:normal; }
.rub2 h2 { background:#fff; padding:10px 10px 10px 70px ; height:auto; min-height:inherit; margin:0; font-size:14px; font-weight:bold; }

div.col2 { width:443px; }
div.col3 { width:195px; padding-right:0; }

.chef { background:url("../img/chef.png") 0 0 no-repeat; padding:70px 0 0 150px; height:177px; }
.chef p { font-size:10px; padding-bottom:10px; }

.blocListRecette { background:#ea6300; padding:10px; list-style:none; }
.blocListRecette img { float:left; }
.blocListRecette div { float:left; padding:5px 10px 0 10px; margin-bottom:10px; width:215px; height:40px; background:url("../img/bg-list-recette.png") 0 0 no-repeat; line-height:12px; }
.blocListRecette li.on div { background:url("../img/bg-list-recette-on.png") 0 0 no-repeat; }
.blocListRecette span { font-size:10px; }
.blocListRecette strong { width:185px; display:block; }
.blocListRecette li a span { position:static; display:block; }
.blocListRecette li a span.pictoComment { float:right; background:url("../img/picto-recette.png") 0 0 no-repeat; width:13px; height:18px; margin:7px 3px 0 0; }
.blocListRecette li.on a { color:#fff; }
.blocListRecette li.on a span.pictoComment { background:url("../img/picto-recette-on.png") 0 0 no-repeat; }


.blocListPhrase { background:#ea6300; padding:10px; list-style:none; }
.blocListPhrase img { float:left; }
.blocListPhrase div { float:left; padding:5px 10px 0 10px; margin-bottom:10px; width:215px; height:40px; background:url("../img/bg-list-phrase.gif") 0 0 no-repeat; line-height:12px; }
.blocListPhrase li.on div { background:url("../img/bg-list-phrase-on.gif") 0 0 no-repeat; }
.blocListPhrase span { font-size:10px; }
.blocListPhrase strong { width:185px; display:block; }
.blocListPhrase li a span { position:static; display:block; }
.blocListPhrase li a span.pictoComment { float:right; background:url("../img/picto-recette.png") 0 0 no-repeat; width:13px; height:18px; margin:7px 3px 0 0; }
.blocListPhrase li.on a { color:#fff; }
.blocListPhrase li.on a span.pictoComment { background:url("../img/picto-recette-on.png") 0 0 no-repeat; }


div.col2 p { padding:0 10px 10px 10px; background:#fff; color:#666; }
div.col2 h3 { text-transform:uppercase; padding:10px 10px 0 10px; }
div.col2 p.date { background:url("../img/calendar.png") 0 0 no-repeat; color:#b95201; padding:20px 10px 0 10px; height:79px; font-size:18px; line-height:18px; width:38px; margin:5px; text-align:center; position:absolute; }
div.col2 p.date strong { font-size:22px; font-weight:normal; }

.tools { list-style:none; }
.tools li { float:right; background:#fffda8; width:105px; padding:10px 40px 10px 15px; }
.tools li a { text-decoration:none; font-weight:bold; color:#7f3600; padding-left:20px; display:block; font-size:10px; line-height:11px; }
.printthis a { background:url(../img/ico-print.png) 0 50% no-repeat; }
.sendto a { background:url(../img/ico-send.png) 0 50% no-repeat; }

div.col3 dt { color:#fff; }
div.col3 dd.more a { font-size:10px; color:#fff; }
div.col3 dd.content { background:#fff; }

div.col3 dl.blocDuo dt { position:static; left:0; }
div.col3 .rub1 { background:url("../img/bg-rub1-dd-more-small.png") 0 100% no-repeat; }
div.col3 .rub1 dt { background:url("../img/bg-rub1-dt-small.png") 0 0 no-repeat; }
div.col3 .rub1 dd.more { background:url("../img/bg-rub1-more.png") 96% 5px no-repeat;  }
div.col3 .rub3 dd.content { color:#018b1a; padding:25px 0 0 60px; font-size:10px; height:60px; background:#fff url(../img/recette/temoin.jpg) 0 0 no-repeat; }
div.col3 .rub3 dt { background:url("../img/bg-rub3-dt-small.png") 0 0 no-repeat; }
div.col3 .rub3 { background:url("../img/bg-rub3-dd-more-small.png") 0 100% no-repeat; }
div.col3 .rub3 dd.more { background:url("../img/bg-rub3-more.png") 96% 5px no-repeat;  }
div.col3 .blocExpert dd.content { background:#fff; padding:5px 10px; }
div.col3 .blocExpert dd.content img { float:left; margin:5px 5px 0 0; }
div.col3 .blocDuo dd.content { padding:60px 70px 5px 10px; background:#fff url("../img/recette/duo.jpg") 0 0 no-repeat; height:auto; }

 
 

/* -------------
 TEMPLATE FOOTER
------------- */

#footer ul { padding:10px 0; list-style:none; background:url("../img/bg-footer.png") 50% 0 no-repeat; }
#footer li { display:inline; padding:0 10px; background:url("../img/bg-footer-sep.png") 100% 0 no-repeat; }
#footer ul li.last { background:none; }
#footer a { color:#fff; text-decoration:none; }