/* CSS Document */
/* D�finition des styles g�n�raux de la page */
body{font-family:Century Gothic,Geneva,Arial,Helvetica;font-size:12px;color:#7f7f7f;background-color:#bfbfbf;}
.textegris{font-family:Century Gothic,Geneva,Arial,Helvetica;font-size:12px;color:#7f7f7f;}
.textegris a:visited, .textegris a:link { color:#577b00; text-decoration: none; }
.textegris a:hover { color:#ffa700; }
.texteblanc{font-family:Century Gothic,Geneva,Arial,Helvetica;font-size:12px;font-weight:bold;color:#FFFFFF;}
.texteblanc:hover { color:#ffa700; }

.texteblanc2{font-family:Century Gothic,Geneva,Arial,Helvetica;font-weight:normal;font-size:12px;color:#FFFFFF;}
.textenoir{font-family:Century Gothic,Geneva,Arial,Helvetica;font-size:12px;color:#000000;}
.actus{font-size:22px;color:#FFFFFF;font-family:Century Gothic,Geneva,Arial,Helvetica;}
.actus2{font-size:16px;color:#FFFFFF;font-family:Century Gothic,Geneva,Arial,Helvetica;}
h1, h2, h3, h4, h5, h6{padding:0;margin:0;}
h1 {font-size:28px;color:#577b00;font-family:Century Gothic,Geneva,Arial,Helvetica;font-weight:normal;}
h1 a:visited, h1 a:link { color:#577b00; text-decoration: none; }
h1 a:hover { color:#ffa700; }
h2 {margin-top: 6px;font-size:14px;color:#577b00;font-family:Century Gothic,Geneva,Arial,Helvetica;font-weight:normal;}
h2 a:visited, h2 a:link { color:#80b600; text-decoration: none; }
h2 a:hover { color:#ffa700; }
h3 {font-size:12px;color:#80b600;font-family:Century Gothic,Geneva,Arial,Helvetica;}
h3 a:visited, h3 a:link { color:#80b600; text-decoration: none; }
h3 a:hover { color:#ffa700; }

h2.homeH2 {font-size:22px}

h5{font-size:15px;color:#577b00;font-family:Century Gothic,Geneva,Arial,Helvetica;font-weight:normal;}

#idlang {float: right; width: 210px; margin: 5px; color:#7f7f7f}
#idlang a{text-decoration: none;}
#idlang a:visited, a:link { color:#7f7f7f; }
#idlang a:hover { color:#ffa700; }
#idlang ul.lang { margin: 0; padding: 0; list-style-type: none; font-size: 16px; }
#idlang ul.lang li {width:90px; padding: 5px; list-style-type: none; position: relative; text-align: right; cursor: pointer; float: left;}

#categorymenu { font-size:14px;font-weight:normal; margin: 0; padding: 0; list-style-type: none;}
#categorymenu a{text-decoration:none; color:#80b600;}
#categorymenu a:visited{color:#80b600;}
#categorymenu a:hover{color:#C60}
#categorymenu a.sel {color:#ffa700;}
#categorysubmenu { font-size:12px; margin-left: 10px; padding: 0; list-style-type: none; color:#80b600;}




ul#categorymenu {width:305px; overflow:hidden; font-size:14px; font-weight:bold}
ul#categorysubmenu li { width:500px; overflow:hidden}
ul#categorysubmenu li a { width:200px; display:inline ; font-family:Arial; font-size:11px; letter-spacing:-0.2px ;  font-weight:normal}
ul#categorysubmenu li a:hover { width:500px; overflow:visible; display:inline}
ul#categorysubmenu li a:first { width:500px; overflow:visible; display:inline}

ul#categorysubmenu { padding-bottom:10px}


span#logo {display:none}

H3{ font-weight:normal;}



/* Fin de d�finition des styles g�n�raux de la page */
/*d�finition des conteneurs de la page*/
#conteneur{background:url(/images/charte/tranche-fondNO.jpg);background-repeat:repeat-x;width:960px;margin:0px auto; background-color:#fff }
#contenu-gauche{background:url(/images/charte/tranche-fond-gauche.jpg);background-repeat:repeat-x;width:310px;margin:0px 10px 0px 0px;padding:10px; background-position:bottom}
#contenu-menu{width:270px;margin-left:24px;padding:0px;}
#header{width:960px;height:115px;background-position:top;background-position:center;}
#anglais{width:78px;height:31px;background-position:right;background-position:top;}
#headervisu{width:960px;height:253px;background:url(/images/charte/header-visu.gif);}
#bandeau-menu{width:960px;height:21px;background-color:#80b600;}
.menu{font-size:12px;font-family:Century Gothic,Geneva,Arial,Helvetica;line-height:20px;padding:0 0 0 12px;background-color:#80b600;}
.visuel_famille{margin:25px 25px 0px 25px;}
.produits{width:270px;height:230px;background-color:#fff7b2;margin:10px 0px 0px 20px;padding:5px 0px 0px 0px;}
.produits-gris{width:270px;height:230px;background-color:#ededec;margin:10px 0px 0px 20px;padding:5px 0px 0px 0px;}
.produits-second{width:270px;height:230px;background-color:#f1ffb2;margin:10px 0px 0px 20px;padding:5px 0px 0px 0px;}
.case_select{font-size:10px;font-family:Century Gothic,Geneva,Arial,Helvetica;}
.case{font-size:10px;font-family:Century Gothic,Geneva,Arial,Helvetica;text-align:right;}
.prix{font-size:16px;font-weight:bold;background-color:#ffa700;text-align:right;padding:2px 3px 2px 0px;margin:3px 0px 5px 0px;width:60px;}
.prix-barre{color:#000000;font-size:12px;text-decoration:line-through;}
.prix-produits{background-color:#ffa700;color:#000000;font-size:15px;font-weight:bold;text-align:right;padding:3px 3px 4px 0px;margin:3px 2px 1px 0px;width:60px;}
.menuCatalogueRepos { height: 20px; font-size:14px;font-weight:normal;}
.menuCatalogueActif { height: 20px; font-size:14px;font-weight:normal;}
.menuCatalogueRepos a{text-decoration:none;color:#80b600;}
.menuCatalogueRepos a:hover{color:#ffa700;}
.menuCatalogueActif a{text-decoration:none;color:#ffa700;}

.pourcentage{background-color:#00c0ff;color:#FFFFFF;font-size:12px;font-weight:bold;}
.bt-panier{font-size:12px;text-decoration:none;font-weight:bold;color:#FFF;}
.bt-panier:hover{color:#ffa700;}
.bt-panier a:visited, .bt-panier a:link { color:#fff; }

.bt-echantillon{font-size:12px;text-decoration:none;font-weight:bold;color:#80b600;}
.bt-echantillon:hover{color:#ffa700;}

#footer{margin-top:20px;background-color:#000000;}
#footerlist {margin: 0px; color:#80b600}
#footerlist a{color:#80b600;text-decoration: none;}
#footerlist a:visited, a:link { color:#80b600; }
#footerlist a:hover { color:#ffa700; }
#footerlist ul.lang { margin: 0; padding: 0; list-style-type: none; font-size: 14px; }
#footerlist ul.lang li {width:180px; padding: 0 4px; list-style-type: none; position: relative; text-align: center; cursor: pointer; float: left;}

#legal{ margin: 0; padding: 0; font-size: 12px; font-family:Century Gothic,Geneva,Arial,Helvetica;color:#FFFFFF;}
#legal div {padding-left: 20px; text-align: right; float: right;}
#legal a{color:#ffffff;text-decoration: none;}
#legal a:visited, .site a:link { color:#ffffff; }
#legal a:hover { color:#ffa700; }
#legal .arthemis {position: relative; top:2px;}

#contact {float: left;width:550px; padding-top:20px;color:#000000;}
#contact p {font-family:Century Gothic,Geneva,Arial,Helvetica;font-size:12px;color:#000000;}
#contact i{font-style: normal;color:#FF4E00}
#contact .result {height: 20px;}
#contact .f1 {float:left;width: 100px;padding-top:2px}
#contact .f2 {float:left;width: 200px;padding-top:0px}
#contact .f3 {float:left;width: 70px;padding-top:2px}
#contact .f4 {float:left;width: 150px;padding-top:0px}
#contact .tb {float:left;}
#contact a{color:black;font-size:14px;font-weight:bold;text-decoration: none;}
#contact a:visited, #contact a:link { color:black; }
#contact .row{padding:6px;}
#contact a:hover { color:#ffa700; }
.sep {margin-top:15px;margin-bottom:14px;border-top: 1px solid #999999}
.clear {clear:both}

.homeH2{ 
font-size:12px;
letter-spacing:-0.3px;
line-height:20px;
padding-bottom: 5px;
height: 40px;
}
#footerlist { margin-bottom:15px }
#footerlist a { font-size:10px; margin-bottom:30px }
#footer { padding-bottom:2px; }