@charset "iso-8859-1";
body{font-family:Arial, Helvetica, sans-serif;font-size:12px;padding:0;margin:0;text-align:center;color:#3d464c;}

#nav{margin-top:5px;margin-bottom:5px; font-family:Helvetica, Arial, sans-serif;color:#FFF;}
#nav ul{list-style:none;float:left;margin:0;padding:0;}
#nav li{float:left;margin:0;text-align:center;height:20px; font-size:14px; color:#aeaeae;}
#nav a{color:#6B7277;height:20px;padding:3px 10px 2px 10px;font-size:14px}
#nav a:hover, .nav_contact a:hover{color:#F58300;}
#recherche{width:230px;height:20px;padding-left:0px;float:left;color:#6B7277;margin-top:5px;}
input, select, textarea{font-family:Arial, Helvetica, sans-serif;background-color:#FFF;font-size:12px;border:#CCC;border-style:solid;border-width:1px;}

.vignette {float:left;display:inline; margin:8px;width: 75px; height:50px; border: 1px solid #cfd1d2;}
.tabs li .lien_tech a{padding:8px;color:#0C0;}
.tabs li .lien_tech a:hover{padding:8px;background-color:#0C0;color:#fff}
.tabs li .lien_desc a{padding:8px;color:#F58300;}
.tabs li .lien_desc a:hover{padding:8px;background-color:#F58300;color:#fff}
#site{width:920px;margin-left:auto;margin-right:auto;text-align:left;margin-top:0;padding:30px 0 5px 5px;background-color:white;position:relative;z-index:1;}
#logo_marque{margin-bottom:3px;}

#imgplus{vertical-align:-3px;}
#colonne{width:215px;float:left;}

#colonne table{margin-left:10px;font-size:11px;}
#colonne table p{padding-left:15px;padding-bottom:3px;margin-bottom:0px;}
#colonne table img{margin-left:0px;}
#tablemention td{border-width:0px;}
#tablemention li{list-style-type:none; list-style-image: url(charte/puce_menu.gif);}
#tablemention ul{margin:0px ; padding:0 0 0 25px;}

#description_marque img{float:left;}
#description_marque{color:#3d464d;width:560px}
#description_marque p{margin-top:5px; margin-left:170px;width:330px;}
#description_marque h1{margin-left:170px; margin-bottom: -8px;}
#description_marque h2{margin-left:170px}
#description_marque div{padding-top:15px;}
#titre_produit{max-width:400px;font-size:12px;margin-top:0;border:none;font-weight:bold;}
.separation{clear:both; visibility:hidden}
#menu_colonne{margin-top:2px;margin-left:0px;}

#menu_colonne ul{list-style-image:url('charte/puce-fleche.gif');list-style-position:inside;padding:0;margin:0 0 0 10px;}
#menu_colonne li{color:#6B7277;text-decoration:none;margin:0 0 5px 0;padding:0 }
#menu_colonne ul li ul li {color:#D77700;text-decoration:none;margin:5px 0 0 0;padding:0}
#menu_colonne ul li ul li:hover{color:#D77700;text-decoration:none;margin:5px 0 0 0;padding:0}
#menu_colonne li:hover{color:#D77700;text-decoration:none;cursor:pointer;padding:0}
#menu_colonne .not_main_cat{color:#3d464c;margin:0 0 5px 0;}
#menu_colonne .not_main_cat:hover{color:#D77700;}
#menu_colonne a{color:#3d464c;text-decoration:none}
#menu_colonne a:hover{color:#D77700;text-decoration:none}
#menu_colonne #current >a{color:#D77700;}
#main{width:656px;float:left;margin-left:30px;}
.main_cat{background-image:url(charte/puce_menu.gif);background-repeat:no-repeat;padding-top:6px;padding-bottom:6px;padding-left:12px;width:168px;display:block;font-size:11px;text-transform:uppercase;}
img{border:0;}
.tr1 td{border-bottom:1px solid #CFD1D2;}
.tr2 td{border-bottom:1px solid #CFD1D2;}
#btn_add img{margin-top:5px;}
.prix_promo{color:#900;}
#image_produit{float:left;width:260px;text-align:center;font-size:9px;color:#999;}
#descriptif_produit{float:left;width:220px; }
#descriptif_produit .reference{font-size:10px;  }
#prix_panier{float:right;width:155px;border:1px solid #CFD1D2;padding-left:10px; text-align:center;}
#nospromotions{clear:both;text-align:right;}
#PDF{width:100px;float:right;text-align:center;}
.livre_grat img{float:left;margin-right:3px;}
.livre_grat p{float:left;}
.livre_grat {margin:10px;color:#7E7E7E;font-weight:bold;height:10px;}
.orange{color:#D77700;}
.gris{color:#999;}
.vert{color:#33B044;}
.barrO{background-repeat:no-repeat;height:35px;font-size:20px;color:#990000;font-weight:bold;}
.barr1{background-image:url(charte/barr1.gif);background-repeat:no-repeat;height:26px;font-size:13px;color:#FFF;font-weight:bold;width:230px;text-align:left;padding:5px 0 0 32px}
.barr1 a{color:#FFF;}
.spacer{clear:both;height:10px;}

#message_impression{display:none;}
ul.tabs{list-style:none;margin:0 !important;padding:0;height:15px;}
ul.tabs li{float:left;text-indent:0;padding:0;margin:0 !important;padding-right:5px;list-style-image:none !important;}
ul.tabs a{color:#D77700;}
ul.tabs a:hover{color:#CCC;}
ul.tabs a.current{color:#000000;}
ul.tabs a:active{outline:none;}
a:active{outline:none;}
:focus{-moz-outline-style:none;}
.imgprod{float:left;}

.prod_index{width:145px;float:left;margin-left:3px;margin-right:1px;font-size:10px;}
#main.promotion div.prod_index{margin-right:15px;  }
.descr_index{background-image:url("charte/puce_orange.gif");background-repeat:no-repeat;border-top:1px solid #CFD1D2;float:left;padding:7px 0 0 14px;width:118px;}
.descr_index a:hover{color:#D77700;}
.descr_index a{color:#3D464C;}
.descr_index strong {color:#3D464C;}
.prod_index img{border-bottom:2px solid white;float:left;margin-left:15px;}
.actu{clear:both;}
.actu h2{color:#D77700;margin-left:81px;}
.actu p{width:540px;float:left;margin:0px;padding:0px;padding-bottom:10px;border-bottom-color:#999;border-bottom-style:solid;border-bottom-width:1px;margin-bottom:20px;}
.date_actu{text-align:center;float:left;width:70px;padding:0px;border-color:#D77700;border-style:solid;border-width:1px;background-color:#D77700;color:#FFF;font-size:24px;font-weight:bold;margin-right:10px;}
.jour_actu{display:block;padding:1px;background-color:#FFF;color:#D77700;font-size:22px;}
.top_page{text-align:center;font-size:9px;clear:both;}
.top_page a{color:#69C}
.asterisque{font-size:10px;color:#999;}
.list_info{list-style-image:url(charte/puce_orange.gif);padding:0 0 0 20px;}
.list_info li{margin-bottom:5px;}
.list_light{list-style-image:url(charte/puce_grise.gif);margin:0 0 0 1px;margin-top:0px;padding:0 0 15px 15px;}
.list_light li{font-size:12px;padding:0 0 0 -5px;margin-bottom:-2px;}
.exergue{margin:3px 15px;padding:3px;color:red;border:#999;border-style:solid;border-width:1px;text-align:center;width:90%;}
h1{ border-bottom: 1px solid #CFD1D2;margin-top:10px;margin-bottom:3px;font-size:18px;text-transform:uppercase;color:#3C4043;font-weight:300;}
h2{font-size:14px;color:#D77700;margin-bottom:2px;}
h3{font-size:12px;color:#D77700;padding:0;margin:15px 0 3px 0;}
h4{padding:0;margin:15px 0 3px 0;}

a{color:#3d464c;text-decoration:none}
a:hover{color:#D77700;text-decoration:none}

#haut_page h1{font-size:10px; padding: 0; margin:0; margin-left:8px; text-transform:none; color:#aeaeae;}
#haut_page h2{font-size:9px;padding: 0; margin:0; margin-left:8px; text-transform:none; color:#aeaeae;}
/* page panier*/





p
{
margin-top : 0px;
margin-bottom : 0px;
} 
.gras
{

font-weight:bolder;
}

.imgp
{
margin: 10px 0 5px 0;
}

.grisp
{
color:#5a5a5c;
}
.cgvp{margin:0;padding:3px 0 0 0;}
.form_contact{text-align:center;}
.form_contact label{margin:4px 5px 3px 0;float:left;display:block;text-align:right;width:250px;}
.form_contact input{margin:3px 0 3px 0;float:left;width:150px;}
.form_contact p{clear:both;padding:10px 0 0 0;margin:0px;}
#print_footer{height:10px;visibility:hidden;}
.question_produit{background-image:url(charte/question2.gif);background-repeat:no-repeat;padding:9px 0 30px 25px; font-size:10px; text-align:left;}
.question_produit a{color:#7E7E7E;}
.question_produit a:hover{color:#D77700;}
#form_recherche input{font-size:10px;}
.lien_couleur a{color:#D77700;text-decoration:none;}
.lien_couleur a:hover{color:#D77700;text-decoration:underline;}
#liens_bottom{width:900px;text-align:center;border-top:solid #999999 1px;}
#liens_bottom a{font-size:11px;color:#999;text-decoration:none;margin-right:8px;}
#liens_bottom a:hover{font-size:11px;color:#D77700;text-decoration:underline;margin-right:8px;}
.tete_tableau{background-color:#3C4043;color:white;font-weight:bold;}
.tete_tableau_port{background-color:#62696e;color:white;font-weight:bold;margin-top:1px;}
.tbl_recap td{border-left:0;}
.bottom_tableau{background-color:#D77700;color:white;font-weight:bold;}
.tbl_titre{background-color:#D77700;color:#FFF;font-weight:bold;}
.tbl_bord{border-left:#CCC solid 1px;border-bottom:#CCC solid 1px;border-right:#CCC solid 1px;}
.titreOnglet{width:550px;}
.titreOnglet span{ background:#fff url('images/flechedroite.gif') no-repeat 3px ;text-decoration:none;border-left:1px solid #D77700;border-right:1px solid #D77700;border-top:1px solid #D77700;color:#5c5c5c;padding:4px 10px;margin-right:5px;display:inline-block;position:relative;bottom:-1px;z-index:2;outline:none;padding-left:18px;}
.titreOnglet span:hover, .titreOnglet span:focus,.titreOnglet span:active, .titreOnglet span.en_cours{background:#fff url('images/flechebas.gif') no-repeat 3px ;border-bottom:1px solid #fff;border-left:1px solid #CFD1D2;border-right:1px solid #CFD1D2;border-top:1px solid #CFD1D2;cursor:pointer;color:#000;padding-left:18px;}
.content{width:636px;min-height:200px;background:#fff;border:1px solid #CFD1D2;padding:10px;margin-left:0px;line-height:1.4;}
#intro_titre{text-align:center;margin-bottom:-12px;}
#intro_titre h2{margin:0;}
#slideshow{width:640px;height:230px}
.titre_cata h3 {font-size:12px;color:#3D464C;padding:0;margin:15px 0 0 0;}
.titre_cata p {margin:0; padding:0;}
.wrap {


position:relative;
width:650px;
overflow:hidden;
float:left;

z-index:1;
margin-left:35px;
}



.wrap ul
{
margin:0;
padding:0;
position: relative;
list-style-type:none;
z-index:1;
}

.wrap li img{z-index:1;}
.wrap li
{
position: relative;
z-index:1;
overflow:hidden;
float:left;
width:650px;
height:250px;
text-align:center;
}
.externalControl{
margin:5px 15px 5px 0;
}
.externalControl a{
float:left;
display:block;
width:34px;
height:34px;
background:url("charte/boutons-slider.gif")   no-repeat;
}

.externalControl  a.un{ background-position:0 0;}
.externalControl  a.un:hover{ background-position:0 -33px;}
.externalControl  a.un.btn_encours{ background-position:0 -33px;}
.externalControl  a.deux{ background-position:-32px 0;}
.externalControl  a.deux:hover{ background-position:-32px -33px;}
.externalControl  a.deux.btn_encours{ background-position:-32px -33px;}
.externalControl  a.trois{background-position:-65px 0; }
.externalControl  a.trois:hover{background-position:-65px -33px; }
.externalControl  a.trois.btn_encours{background-position:-65px -33px; }




/* ELEMENTS DU MENU HORIZONTAL*/
/*Div*/
#menu_hor{


position:relative;

width:900px;
height:58px;
margin-top:5px;
z-index:100;



}

#menu_hor .cadre a{
font-size:12px;
color:#d77700;

}
#menu_hor .cadre{
padding:4px;
margin-left:10px;

}

#menu_hor #recherche{
margin-left:5px;


}

/*ul*/
#menu_h
{
	display:block;
	position:absolute;
	top:32px;
	left:0px;
	list-style:none;

	height:26px;
	width:900px;
	background-color:#d77700;
	line-height:25px;
	margin:0;
	padding:0;
	z-index:5;
	
	
}
#menu_h ul{
margin:0;
padding:0;
}
#menu_h .onglet{
	background:url('charte/separation.gif') right center no-repeat #d77700;
	float:left;

}



#menu_h li.last_onglet{
background:none;
position:relative;
}

#menu_h  li  a.categorie{

font-size:14px;
color:white;
width:auto;

}

#menu_h .contenu{
display:none;


}


#menu_h .contenu.depli
{
display:block;
position:absolute;
top:25px;

width:630px;
border:3px solid #3c4043;
background-color:white;
z-index:10;
}
#menu_h li ul li  a:hover {
text-decoration:underline;

}

#menu_h li.onglet:hover  a.categorie {
display:block;
height:25px;
position: relative;

z-index:3;

}
#menu_h li.onglet:hover {
height:25px;
z-index:3;
background-color:#3c4043;
}





#menu_h div.contenu div.right{
float:right;

}

#menu_h div.contenu.right .image_cat{
position:absolute;
left:10px;
top:10px;
width:125px;
}
#menu_h div.contenu.right .image_cat img{
float:left;
}
#menu_h div.contenu div{
float:left;

}

#menu_h div.contenu  ul li {
list-style-type: none;
background:url('charte/puce-fleche.gif') center left no-repeat;
padding-left: 15px;
}



#menu_h div.contenu  ul {
padding:10px 10px 10px 0 ;
list-style-type:none;

}
#menu_h div.contenu .image_cat{
position:absolute;
right:10px;
top:10px;
width:130px;
text-align:right;

}


/****MENU VERTICAL****/
#menu_ver{
margin-top:10px;
margin-bottom:10px;
border:1px solid #CFD1D2;

}
#menu_ver h2{
margin:0;
display:block;
background:url('charte/puce_orange_2.gif') no-repeat 3px center #3c4043 ;
font-size:14px;
color:white;
height:26px;
width:auto;
line-height:28px;
padding-left:15px;
font-weight:normal;
}
#menu_ver  > ul{

margin-top:10px;
}
#menu_ver > ul li  {
font-size:11px;

}

#menu_ver a:hover{
text-decoration:underline;
}




/***GRAND MENU INDEX****/

#grand_menu {
clear:both;
margin-top:20px;
width:920px;
font-size:10px;
height:500px;
padding-left:0px;



}
#grand_menu ul{
margin:0;
padding:0;
display:block;
padding-left:0px;
list-style:none;
}
#grand_menu  ul h3 {

width:115px;
border-bottom:1px solid #CFD1D2;
}
#grand_menu ul h3 a{
color:#D77700;
}

#grand_menu  ul img{
width:75px;
}

#grand_menu  ul  .grdm_li{
display: block;
float:left;
border:1px solid #CFD1D2;
margin:0 9px 9px 0;
padding:0 0  3px 3px; 
width:290px;
height:150px;


}
#grand_menu .contenu 
{
position:relative;
width:290px;
height:150px;
}

#grand_menu .contenu  ul {
padding:0 0 0 2px;
list-style:none;


}

#grand_menu  .contenu  ul li a:hover {
text-decoration:underline;
}
#grand_menu .contenu  ul li.voir_tout a {
color:#D77700;
text-decoration:underline;
}

#grand_menu  .produit_avant .prod_index{
width:120px;



}
#grand_menu  .produit_avant .prod_index .descr_index {
border:none;
padding-left:10px;

}

#grand_menu  .produit_avant .prod_index .descr_index a{
display:block;
width:115px;
}

#grand_menu .produit_avant {
position:absolute;
top:2px;
right:2px;
}


#grand_menu .contenu  ul li.voir_tout {
margin-top:5px;


}
/***Produits similaires***/

#similaires{

width:900px;
height:170px;
margin:0 auto 0 auto;
}

#similaires .prod_index{
margin-left:15px;
}

.voirtout{
background:url(charte/fleche_gauche.gif) #ffffff left center  no-repeat;
padding:4px 0 0 11px;
}
.voirtout a{
text-decoration:underline;}
/**MARQUES***/
#menu_marque{float:left;width:900px;height:100px;margin-bottom:20px;}
#menu_marque a.lien_marque:hover{
text-decoration:underline;
}
.marque {border: 1px solid #cfd1d2;width:75px;margin-right:4px;}
#plusmarque{margin-right:20px;margin-top:10px;}

/***Vignettes rubriques****/

#vignette_rubrique {
float:left;
height:auto;
width:679px;
margin:10px auto 20px auto;
}


#vignette_rubrique .vignette_rub img{
margin: 0 30px 0 30px;
}

#vignette_rubrique .vignette_rub{
width:155px;
height:130px;
margin:0 10px 10px 0 ;
border:1px solid #CFD1D2;
}

#vignette_rubrique .vignette_rub p{
height:20px;
 line-height:20px;}


/***PANIER TOP SITE***/
#top_site{
position:fixed;
top:0;
left:0;
background-color:#3C4043;
height:30px;
color:white;

width:100%;
z-index:10;
}

#top_site #panier{
margin-top:10px;
}
#top_site #panier a{
color:white;
}
#top_site #top_presentation {
text-align:left;
}
#top_site #top_presentation h2{
color:#D77700;
font-size:10px;
margin:0;
}


#top_site #ban_haut{
margin:0 auto 0 auto;
width:900px;
}

/*********************************FOOTER *****************************/
#footer{
margin-top:20px;
background-color:#3C4043;
color:white;
width:900px;
text-align:center;
}

#footer .asterisque{
color:white;
margin-bottom:10px;

}

#menu_bas{
margin:10px auto 0 auto;
padding-top:10px;
width:900px;
height:120px;
text-align:left;


}
#menu_bas  div{
float:left;
margin: 0 12px 0 12px;

width:174px;
border-right:1px solid #999999;
}
#menu_bas div.grandeliste{
margin: 0 ;
width:300px;
border:none;
}

#menu_bas  h3{
font-size:14px;
font-weight:normal;
color:#D77700;
margin:0;
padding:0;
display:block;
width:150px;

}
#menu_bas  ul{
display:block;
list-style-type:none;
text-align:left;
padding:0;
margin:0;
height:60px;
width:150px;
float:left;

}
#menu_bas ul li {
background:url('charte/puce_blanche.gif') center left no-repeat;
padding-left:15px;
}
#menu_bas a {

color:white;
}

#menu_bas a:hover {
text-decoration:underline;
color:#D77700;
}
.border_right{

}
#div_blanc{
width:500px;
margin:0 auto 0 auto;
background-color:white;
height:30px;
text-align:center;
}



/******************************* DIVERS ***************************/
.clear { 
    clear: both;
}
 
.left {
    float: left;
}
 
.right {
    float: right;
}

.cadre{
border:solid 1px #CFD1D2;
}

hr.separateur
{
display:block;
background-image:url('charte/separateur.gif') ;
border:none;
width:880px;
height:9px;
}
#ariane{

margin-top:11px;
}
#ariane a{
text-decoration:underline;
}
#livrsec{
margin-bottom:10px;
border:1px solid #CFD1D2;
width:213px;
}
p.entete_grise:hover{
cursor:pointer;
}
p.entete_grise{
background: url("charte/puce_orange_2.gif") no-repeat scroll 3px center #3C4043;

    color: white;
    display: block;
 margin: 0;
    padding-left: 15px;
    width: auto;
	text-align:left;
}
#produit_vu{
width:213px;
border:1px solid #CFD1D2;
text-align:center;
}
#produit_vu p{
 line-height: 26px;
    height: 26px;
 font-size: 14px;

}

#offre{
width:213px;
border:1px solid #CFD1D2;
text-align:center;
margin-bottom:10px;
}
#offre p{
 line-height: 26px;
    height: 26px;
 font-size: 14px;

}

.prodvu_img{
width:150xp;
margin-top:5px;
}
.souligne{
display:block;
border-bottom:1px solid #CFD1D2;
width:900px;
}

#h_ban{
margin:0px;
font-size:12px;
border:none;
}

#confirmation{
border:1px solid #CCC;
padding:5px;

}