@charset "utf-8";
/* CSS Document */

/**************************
Keyven Ferland
http://www.keyvenferland.com
Default Stylesheet
**************************/

/* =General-----------------------------------------------------------------------------*/

html{ height: 100.1%}
p{ margin: 0; padding: 0; }
blockquote{}
ul{ margin: 0; padding: 0; list-style: none; }
dt{ /* definition term */}
dd{ /* definition description */margin: 0; padding: 0; }
.clear{ /* Class for clearing floats */clear:both; }
img{ /* Remove border around linked images */border: 0; }

/* =Typography-----------------------------------------------------------------------------*/

body { margin: 0; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 10pt; text-align: left;  }

.index{ background: #211A14 url(../../img/bg.jpg) repeat-x top left;}
.intern{ background: #211A14 url(../../img/bg_intern.jpg) repeat-x top left;}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
h1{ font-size: 125%; color: #EC7300; letter-spacing: -1px; margin: 10px 0 4px 0;}
#infobox h1{ margin: 0 0 4px 0;}
h1.recettes{margin:0; padding: 10px 10px 10px 15px; width: 467px; height: 56px; background: transparent url(../../img/bg_recettes.gif) no-repeat top left;}
h2{ font-size: 110%; padding-top:10px; }
#wrapContIntern #content h2{ font-size: 110%; padding:15px; background: transparent url(../../img/bg_h2.gif) no-repeat top left;}
h3{ font-size: 105%; color: #2C221B; padding-bottom:10px; }
h4{ font-size: 80%;  color: #5CA73D; padding:3px 3px 0 5px; margin: 0; }
h5{ font-size: 95%;  color: #666; padding-bottom:10px; }
h6{ font-size: 115%;  color: #F47D01; text-transform: uppercase; display: inline;}

/* =Links-----------------------------------------------------------------------------*/

a{ color: #333; text-decoration: underline; }
a:hover{ color: #333; text-decoration: none; }

#infobox a{ color: #333; text-decoration: none; }
#infobox a:hover{ color: #333; text-decoration: none; }

#footer a{ color: #000; text-decoration: none; }
#footer a:hover{ background: none; text-decoration: underline; }

/* =Branding-----------------------------------------------------------------------------*/

#header{width: 800px; height: 259px; }
#pubIntern{width: 800px; height: 104px; text-align: center; }
#pubIntern img{ margin: 8px 0 0 0; }

/* =Main Nav-----------------------------------------------------------------------------*/

#nav{ background: transparent url(../img/bg_menu.gif) repeat-x top left; width: 800px; color:#626262; padding: 0; font-size: 9pt; font-weight: bold; position: relative; top: 0; }
#nav ul{ list-style: none; margin: 0; padding: 0; }
#nav ul li{ float: left; position: relative; }
#nav ul li a{ display: block; padding: 6px .6em 8px .6em; padding-left: 9px; padding-right: 9px; margin: 0 0 4px 5px ; }
#nav ul li a:link, #nav ul li a:visited, #nav ul li a:active { color: #fff; text-decoration: none; }
#nav ul li a:hover{ color: #201812; background: url(../../img/bg_roll_nav.gif) repeat-x top left; }

/* =Wrap Header-----------------------------------------------------------------------------*/

#wrap{ padding:0; margin:0; }

#wrapContent{ background: transparent url(../../img/bg_wrap.jpg) no-repeat top center; width: 804px; margin: 0 auto; text-align: left; }

#wrapIntern{ background: transparent url(../../img/bg_wrap_intern.jpg) no-repeat top center; width: 804px; margin: 0 auto; text-align: left; }

/* =Top-----------------------------------------------------------------------------*/

#top{ position:relative; height:70px; width: 800px;}
#top #logo{ position: absolute; left: 15px; top: 15px;}
#top #search{ position: absolute; right: 20px; top: 20px;}
#top .search_field{ width:150px; height:20px; border: solid #0C0907 1px; background-color: #F5F2EB; padding:1px; font-size: 12px; color: #0C0907; margin: 0 4px 3px 4px;}
#top .searchbutton{ padding: 1px; border: solid #222 0; background: transparent url(../../img/bt_search.gif) no-repeat center right; height: 36px; width: 37px; font-size: 80%; }

/* =Main Content-----------------------------------------------------------------------------*/

#mainContentWrap{ padding:0; margin:0;}

#mainContent{ width: 804px; text-align: left; clear: both; margin: 0 auto;  }

#wrapIndex{background: transparent url(../../img/bg_content.gif) repeat-y top center; float: left; clear: both; position: relative; padding: 0 309px 0 0;}
#wrapIndex #pub {position: absolute; right: 0; top: 0;}
#wrapIndex #pub img{ padding: 4px 8px 10px 0; margin: 0;}
 
#wrapIndex #infobox{background: transparent url(../../img/bg_infobox.gif) no-repeat top center; width: 483px; height: 80px; margin: 4px 0 0 3px;}
#infobox #info1{ width: 260px; display: inline; float: left; padding: 8px 0 0 8px;}
#infobox #info2{ width: 205px; display: inline; float: left; padding: 8px 0 0 8px;}

#infobox img.imgBorder{ padding:3px; border: 1px solid  #D9D1C2; background-color: #FFFFFF; float: left; margin: 0 4px 6px 4px;}

#wrapIndex #sondage{float: left; width: 154px; padding: 5px 5px 10px 15px;}
#wrapIndex #sondage p{ padding: 0 0 10px 0; font-size:85%; line-height: 14px;}
#wrapIndex .sondagebutton{ margin: 10px 10px 0 0; border: none; background: transparent url(../../img/bt_sondage.gif) no-repeat center right; height: 20px; width: 30px; float: right; }

#wrapIndex #content{float: right; width: 295px; border-left: 1px dotted #D0D0D0; padding: 5px 5px 15px 12px;}
#wrapIndex #content p{ padding: 8px; font-size:85%; line-height: 16px;}
#wrapIndex #content ul{ list-style: none; margin: 0; padding: 15px 0 15px 30px; font-size: 90%;}
#wrapIndex #content ul li{ list-style-image: url(../img/img_puce.gif);  }

/* =Intern Content-----------------------------------------------------------------------------*/

#mainContentIntern{ width: 804px; text-align: left; clear: both; margin: 0 auto;  }

#wrapContIntern {background: transparent url(../../img/bg_content.gif) repeat-y top center; float: left; padding: 0;}
#sideContent{ float: right; width: 309px;}
#sideContent #pub { }
#sideContent img{ padding: 0 8px 10px 0; margin: 0;}

#sideContent #saviez { width: 282px; height: 178px; padding: 10px; background: transparent url(../../img/bg_saviez.gif) no-repeat top center;}
#sideContent #saviez p{padding: 4px; font-size:75%; line-height: 16px; color: #666;}

#wrapContIntern #content{float: left; width: 478px; padding: 5px 5px 15px 12px;}
#wrapContIntern #content p{ padding: 8px; font-size:85%; line-height: 16px;}
.p{ padding: 10px; font-size:95%; line-height: 20px;}
#wrapContIntern #content ul{ list-style: none;  padding: 15px 0 15px 30px; font-size: 85%;}
#wrapContIntern #content ul li{ list-style-image: url(../../img/img_puce.gif); margin: 0 0 0 25px;  }

.right{ float: right; background: transparent url(../../img/img_arrow.gif) no-repeat center right; padding-right: 20px; font-size:90%;} 

#content img.imgBorder{ padding:3px; border: 1px solid  #D9D1C2; background-color: #FFFFFF; float: left; margin: 10px 10px 10px 15px;}

/* =Footer-----------------------------------------------------------------------------*/

#footerWrap{ clear: both; padding: 0; margin: 0; }
#footer{ text-align: center; color: #5C4836; font-size: 80%; width: 804px; margin: 0 auto; padding: 30px 10px 0 0; background: transparent url(../../img/bg_top_footer.gif) no-repeat top;}

/* =Misc 1-----------------------------------------------------------------------------*/

.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } 
.clearfix { display: inline-block; } 
/* Hide from IE Mac \*/ 
.clearfix { display:block; } 
/* End hide from IE Mac */ 
* html .clearfix{ height: 1px; }

/* =Misc 2-----------------------------------------------------------------------------*/