/* reset.css v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; 
background: transparent; }
/*vertical-align: baseline; */
body { 	line-height: 1; }
ol, ul { 	list-style: none; }
blockquote, q { 	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { 	content: ''; 	content: none; }
/* remember to define focus styles! */
:focus { 	outline: 0; }
/* remember to highlight inserts somehow! */
ins { 	text-decoration: none; }
del { 	text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { 	border-collapse: collapse; 	border-spacing: 0; }



html, body{
width: 100%;height: 100%;
}
body {
	margin:0;background-image:url(images/fond2.png); background-repeat:repeat;
	text-align: center; /* pour corriger le bug de centrage IE */
}
body, p {
	margin: 0;padding: 0;
}


#conteneur {
	position: absolute;
	background-color:#F7F1E2;
	
background-repeat:no-repeat; background-position: center top; background-image:url(images/accueil/fond_accueil_4.jpg);
	left:0px; width:100%;
}


#site{ /* inutilise */
	width:1024px;
margin-left: auto;margin-right: auto;;position:relative;
}


/**************
* HEADER / TEMPLATE   HOME *
**************/

#header_cont {
background-position: center top; background-image:url(images/template/fond_header.jpg); background-repeat:no-repeat;
height:150px;
left:0px; width:100%;
}

#header{
	margin-left: auto;margin-right: auto;background-position: center top; background-image:url(images/template/fond_header_centre.jpg); background-repeat:no-repeat; background-color:#FFF;
	width:1024px; 
	height:110px;
	color: #FFF;
	}
#header_nosBoutiques{
	padding-top:60px;
	margin-left:347px;
	text-align:left;
}

#header p{
margin : 0;
padding : 60px 0 0 0;
float : left;	text-align:left;
font: normal 10px Arial, Verdana, sans-serif;
}
#header_nosBoutiques ul li{
list-style-type: none;
				 }
				 
/*******
MENU ROUGE
*****/


#menured{
margin-left: auto;margin-right: auto;
height :30px;
width : 1024px;}
#menured ul{
display:inline;
padding : 0;
}

#menured ul li{
font: bold 11px Arial, Verdana, sans-serif;
text-align : right;
position:relative;
display:inline;
list-style-type: none;
float : left;
height : 30px;
}

#menured a{
padding:9px 0 0 33px; height:30px;
color:#000000 ; display:block; text-align:left;
text-decoration:none;
}
#menured a:hover{
color:#FFF;
}

#menured_accueil {
width : 115px ;
}
#menured_accueil a{
background-image:url(images/template/fond_menu_accueil.png) ; background-position:left top; background-repeat: no-repeat;
}
#menured_accueil a:hover{
background-image:url(images/template/fond_menu_accueil_hover.png) ;
}

#menured_gauche {
width : 20px ;
background-image:url(images/template/barre_menu_rouge_2.png); background-position:left top; background-repeat: no-repeat;
}
#menured_rechercher {
width : 147px ;
}
#menured_rechercher a{
background-image:url(images/template/fond_menu_rechercher.png) ; background-position:left top; background-repeat: no-repeat; padding-left:48px;
}
#menured_rechercher a:hover{
background-image:url(images/template/fond_menu_rechercher_hover.png) ;
}

#menured_panier{
width :147px ;
}
#menured_panier a{
background-image:url(images/template/fond_menu_panier.png) ; background-position:left top; background-repeat: no-repeat; padding-left:68px;
}
#menured_panier a:hover{
background-image:url(images/template/fond_menu_panier_hover.png) ;
}
#menured_panier a.menured_panier_pasvide{
color:#FFFFFF;
}

#menured_compte{
width : 147px ;
}
#menured_compte a{
background-image:url(images/template/fond_menu_compte.png) ; background-position:left top; background-repeat: no-repeat; padding-left:50px;
}
#menured_compte a:hover{
background-image:url(images/template/fond_menu_compte_hover.png) ;
}


#menured_mag{
width : 147px ;
}
#menured_mag a{
background-image:url(images/template/fond_menu_va.png) ; background-position:left top; background-repeat: no-repeat; padding-left:68px;
}
#menured_mag a:hover{
background-image:url(images/template/fond_menu_magasin_hover.png) ;
}


#menured_contact{
width : 147px ;
}
#menured_contact a{
background-image:url(images/template/fond_menu_ctt.png) ; background-position:left top; background-repeat: no-repeat; padding-left:64px;
}
#menured_contact a:hover{
background-image:url(images/template/fond_menu_contact_hover.png) ;
}


#menured_CGV{
width : 147px ;
}		
#menured_CGV a{
background-image:url(images/template/fond_menu_cgv.png) ; background-position:left top; background-repeat: no-repeat;padding-left:72px;
}
#menured_CGV a:hover{
background-image:url(images/template/fond_menu_cgv_hover.png) ;
}






/**************
* HOME PAGE  => variantes_index *
**************/

#page_cadre_haut{
margin-top:30px;
background-image : url(images/Menunavig/descri2.jpg); background-repeat:no-repeat; background-position: left top;
height : 75px ;
width : 635px ;
margin-left:0px;
}
#page_cadre_haut h3{
padding: 10px 10px 15px 20px; margin:0;
font : bold 12px Arial, Verdana, sans-serif;
}
#page_cadre_haut h3 a{color: #000000;text-decoration:none; font-weight:normal;}
#page_cadre_haut h3 a.page_cadre_hauts_sel{color: #FFF; text-transform:uppercase; text-decoration:none;}
#page_cadre_haut p{
padding: 0px 10px 0 20px;
font : bold 12px Arial, Verdana, sans-serif;
color: #000000;
}


div.page_cadre{
width : 630px ; 
/*height : 900px;*/
margin-left : 12px;
margin-top : 10px;
position : relative ;
}

div.page_cadre_tete{
background : url(images/communs/headfen.png);
font : normal 12px arial, verdana, sans-serif; 
color : #ffffff;
height : 39px;
width: 630px;
}
div.page_cadre_tete p{
font : bold 14px arial, verdana, sans-serif; 
color : #ffffff;
}
div.page_cadre_pied{
background : url(images/communs/piedfen.png);
font : normal 12px arial, verdana, sans-serif; 
color : #ffffff;
height : 35px;
width: 630px;
}

div.page_cadre_contenu{
	border:0;
	background : url(images/communs/midfen.png);
	/*width:548px;*/
	padding: 10px 20px 2px 15px;
	text-align:left;
	font-family : arial, verdana, sans-serif; 
	font-size : 12px ;
	line-height : 24px;
}
div.page_cadre_contenu h3{font-style:normal;text-align:center;}
a.form_btn{
background-image : url(images/icones/ico_ok.png);
background-repeat : no-repeat;
background-position: left 3px;
height:23px;
font : bold 12px arial, verdana, sans-serif; 
color : #000000;
text-decoration:none;
cursor:pointer;
padding-top: 8px;
padding-left: 25px;
padding-right: 40px;
clear:both;
float:right;
}
a.form_btn_ok{
background-image : url(images/icones/ico_ok.png);
background-repeat : no-repeat;
background-position: left 3px;
height:23px;
font : bold 12px arial, verdana, sans-serif; 
color : #000000;
text-decoration:none;
cursor:pointer;
padding-top: 8px;
padding-left: 25px;
padding-right: 40px;
float:right;
}
a.form_btn_historique{
background-image : url(images/icones/ico_pan.png);
background-repeat : no-repeat;
background-position: left 3px;
height:23px;
font : bold 12px arial, verdana, sans-serif; 
color : #000000;
text-decoration:none;
cursor:pointer;
padding-top: 8px;
padding-left: 25px;
padding-right: 40px;
float:right;
}
a.form_btn_supp{
background-image : url(images/icones/ico_supprimer2.png);
background-repeat : no-repeat;
background-position: left 3px;
height:23px;
font : bold 12px arial, verdana, sans-serif; 
color : #000000;
text-decoration:none;
cursor:pointer;
padding-top: 8px;
padding-left: 25px;
padding-right: 40px;
float:right;
}
div.page_cadre_contenu  input.form_btn{margin-left:40%; vertical-align:middle}
div.page_cadre_contenu label{
float:left;
padding-right:5px;
text-align:left;
width:140px;font-weight:bold; text-transform:uppercase; font-size:11px;
}
div.page_cadre_contenu input[type=text], div.page_cadre_contenu input[type=password],
div.page_cadre_contenu select, div.page_cadre_contenu textarea
{
border:1px solid #000000; margin-bottom:10px;
width:400px;
}
.formu_inscription
{
border:1px solid #000000; margin-bottom:10px;
width:400px;
}
/*#content_panier form{margin:0;display:inline;}*/


/* devrait etre dans prd_recherche */
p.page_cadre_btndubas{text-align:right; margin-right:40px;}
p.page_cadre_btndubas a{
font: bold 11px Arial, Verdana, sans-serif;
color:#000000;
text-decoration:none;
}
p.page_cadre_btndubas img{
border:0;
}
p.page_cadre_btndubas a:hover{
cursor:pointer;
color:#000000;
}

/* pour les formulaires */
.page_cadre_form {text-align:left;margin:0;padding:0;}
.page_cadre_form  label{float:left;padding-right:5px;text-align:right;width:100px;}
.page_cadre_form p {margin:0 0 10px 0;}
.page_cadre_form .form_btn{margin-left:40%; vertical-align:middle}
.inputchamps{width:250px; border:1px solid #000;}
.mention{margin:0 0 0 40px; padding:0; color:#000; font-size:9px; font-style:italic;}


/********************
MENU GAUCHE
**********************/

#menugh_cont{
margin:10px 0 0 20px;
padding:0px;
float: left;
width:246px;
}
#menugh {
margin-top:0px;
margin-left:0px;
width:246px; text-align:left;
}
#menugh a{
font : bold 9px Arial, Verdana, sans-serif; 
color : #dddddd; margin:0;
}
#menugh div{
padding:0px;
margin:0px;
list-style: none;
}

#menugh div.menugh_ghv {
padding: 0px; 
/*height:50px; gk081117 */
background-image: url(images/Menus/menu_centre.png);
}
#menugh div.menugh_ghv_img {
float:left; vertical-align:middle; margin:5px 0 0 5px;padding:0;clear:both;
}
/* pos texte grande rub */
#menugh div.menugh_ghv a{
font: bold 12px Arial, Verdana, sans-serif;
text-decoration:none;
cursor:pointer;
padding-left:5px;
}

#menugh_gho {
height : 33px;
width : 246px ;
background-image:url(images/Menus/menu_haut.png);
}
#menugh_ghf {
height : 45px;
width : 246px ;
background-image: url(images/Menus/menu_bas.png); background-repeat:no-repeat;

}
#menugh_ghn {
margin : 15px 0 0 -7px ;

width : 246px;
background-image : url(images/Menus/ghn.jpg);

}

/*
#menugh img{
padding : 8px 0 0 15px;
}
*/

#menugh div.menugh_sub{
margin:0;padding:0;
width:246px;
background-image:url(images/Menus/fond_sous_menu.jpg); background-repeat:repeat-y; background-position:left top;
}
#menugh ul.menugh_sub{
margin:0;padding:0;
list-style: none;
cursor:pointer;
}
#menugh div.menugh_ghs {
padding:0;margin:0;
overflow:hidden;
height: 19px;
}
/* decalages par niveaux */
#menugh div.menugh_sub   div.menugh_ghs {padding : 0 0 0 0px ;}
#menugh div.menugh_sub0 div.menugh_ghs {padding : 0 0 0 20px;}
#menugh div.menugh_sub1 div.menugh_ghs {padding : 0 0 0 40px;}
#menugh div.menugh_sub2 div.menugh_ghs {padding : 0 0 0 60px;}
#menugh div.menugh_sub3 div.menugh_ghs {padding : 0 0 0 80px;}

#menugh div.menugh_ghs a{
font: normal 10px Arial, Verdana, sans-serif;
text-decoration:none; width:246px;
padding-left:53px;
}

/* changements d'apres le type nouveau promo etc */
div.menugh_ghs_typ {}

#menugh div.menugh_ghs_typnew a{color:#000;
background-image:url(images/Menunavig/fond_new.png);
background-repeat:no-repeat; background-position:48px 0px;padding:0 53px 2px 53px;}

#menugh div.menugh_ghs_typnew  a:hover     {color:#000;
background-image:url(images/Menunavig/fond_new_roll.png); 
background-repeat:no-repeat; background-position:48px 0px;padding:0 53px 2px 53px;}

#menugh div.menugh_ghs_typclub a{color:#000;
background-image:url(images/Menunavig/fond_club.png);
background-repeat:no-repeat; background-position:50px 0px;padding:0 53px 2px 53px;}

#menugh div.menugh_ghs_typclub  a:hover     {color:#000;
background-image:url(images/Menunavig/fond_club_roll.png); 
background-repeat:no-repeat; background-position:50px 0px;padding:0 53px 2px 53px;}

#menugh div.menugh_ghs_typvitrine a{color:#000;
background-image:url(images/Menunavig/fond_vitrine.png);
background-repeat:no-repeat; background-position:48px 0px;padding:0 53px 2px 53px;}

#menugh div.menugh_ghs_typvitrine  a:hover     {color:#000;
background-image:url(images/Menunavig/fond_vitrine_roll.png); 
background-repeat:no-repeat; background-position:48px 0px;padding:0 53px 2px 53px;}

/*
div.menugh_ghs_typvitrine{background-color:#00FF00;color:#FFFFFF;}
div.menugh_ghs_typclub      {background-color:#0000FF;color:#FFFFFF;}
div.menugh_ghs_typpromo    {background-color:#FFFF00;color:#808080;}
*/

/***************
* Bloc menu bas  *
**************/
#fond_bloc_haut{margin:0px; width:246px; height:29px;
background-image:url(images/Menus/fond_gauche_haut.png);
background-repeat:no-repeat; 
background-position:0px top; 
}
#fond_bloc_centre{ width:246px;
background-image:url(images/Menus/fond_gauche_centre.png);
background-repeat:repeat-y; 
background-position:0px top; }
#fond_bloc_bas{ width:246px; height:23px;
background-image:url(images/Menus/fond_gauche_bas.png);
background-repeat:no-repeat; 
background-position:0px top; 
}
#fond_bloc_centre p{ font-family:Arial, Helvetica, sans-serif; margin:0 12px; }
 
#fond_bloc_centre label{ font-size:10px; text-align:left;} 
#fond_bloc_centre .form_ident,#fond_bloc_centre .form_chercher{
font : bold 12px arial, verdana, sans-serif; 
color : #FFF;
text-decoration:none;
cursor:pointer;
/*
padding-top: 8px;
padding-left: 25px;
padding-right: 10px;
*/
clear:both;
float:right;
}
#fond_bloc_centre .form_ident a,#fond_bloc_centre .form_chercher a{ 
font : bold 12px arial, verdana, sans-serif; 
color : #FFF;
text-decoration:none;
cursor:pointer;
}
#fond_bloc_centre a.form_ident{ 
/*background-image:url(images/template/picto_ident_recherche.png);*/
}
#fond_bloc_centre a.form_chercher{ 
/*background-image:url(images/template/picto_loupe_recherche.png);*/
}
.champRecherche{ width:220px; height:16px; padding:1px; font-size:10px; border:0px; margin:0 0 5px 0;}
.pg_oublie{ font-size:10px; padding-bottom:5px; text-align:right;}
.pg_oublie a{ color:#848281;text-decoration:none;}
.nb_recherche{ text-align:left; font-size:9px;color:#FFF;
background-image:url(images/template/barre_recherche.png); padding-bottom:25px;
background-repeat : no-repeat; background-position:left bottom;
}
.titre_recherche{ font-size:12px; color:#848281; text-align:left; padding:10px 0;}
.pg_recherche{ text-align:left;color:#FFF;}
.pg_recherche a{ text-align:left;color:#FFF;font-size:10px;text-decoration:none;}
.pg_recherche a:hover{ text-decoration:underline;}

/***************
* CONTENU  *
**************/

#contenu {
float: left;
width: 635px; text-align:left;

}
.highfen_prd{
width : 555px;
background : url(images/communs/highfen.jpg);
height : 22px;
padding:0;
margin:0;
}
.lowfen_prd{
width : 555px;
background : url(images/communs/lowfen.jpg);
height : 22px;
padding:0;
margin:0;
}

	
/***************
* navig bas , retour accueil  *
**************/
#navig_produits_h{
margin-top:5px;
margin-bottom:5px;
margin-left:0px;
background-image : url(images/Menunavig/navigbarre2.png);background-repeat:no-repeat; background-position: left top;
height : 32px ;
width : 635px ; 
position: relative;
clear:both;
}
#navig_produits_h img{border:0;}
#navig_produits_h a {text-decoration:none; color:#000;}


#navig_produits_h table{
height:30px;
font : bold 11px Arial, Verdana, sans-serif;
}

/***************
* FOOTER  *
**************/

#footer{clear:both;}
#footer p{text-align: center; color: #FFF; font: italic 9px Arial, sans-serif;}
#tablefooter{
font: normal 9px Arial, Verdana, sans-serif;
margin: 0 20px 20px 280px;
text-align: left;
border: 0;
width: 635px;
}
#tablefooter td ul{margin: 0; padding: 0; list-style-type: none;}
#tablefooter td ul h2{margin: 0 0 5px 0;}
#tablefooter td ul h2 a{font-size: 11px; text-decoration: none; color: #44583D;}
#tablefooter td ul h2 a:hover{text-decoration: none; color: #151C15;}
#tablefooter td ul li{line-height: 15px;}
#tablefooter td ul li a{text-decoration: none; color: #A1C597;}
#tablefooter td ul li a:hover{text-decoration: underline; color: #E9F0E8;}

/*******************
SHADOWS
http://www.alistapart.com/articles/onionskin/
<div class="ombre1"><div class="ombre2"> <div class="ombre3"><img  src="object.gif" /></div></div></div>
*********************/

.ombre1, .ombre2, .ombre3 {
/*display:inline-table;*/
display:block;
}
.ombre1 {
float:left;
background:url(images/communs/ombre.gif) right bottom no-repeat;
}
.ombre2 {
background:url(images/communs/ombre_bl.gif) left bottom no-repeat;
}
.ombre3 {
padding:0 4px 4px 0;
background:url(images/communs/ombre_tr.gif) right top no-repeat;
}
.ombre_img {
padding:0 3px 3px 0;
}


div.centrage_gauche,div.centrage_droit{float:left;width:auto;}
div.centrage_div{padding-left:auto;padding-right:auto;width:100%;}

/*--------compte------------*/
.titre_client{ font-size:16px; margin:10px 0;}
.lien_oublie{color:#848281;text-decoration:none; margin-left:145px;}
a.form_btn_2{
background-image : url(images/icones/ico_ok.png);
background-repeat : no-repeat;
font : bold 12px arial, verdana, sans-serif; 
color : #000000;
text-decoration:none;
cursor:pointer;
padding-top: 8px;
padding-left: 25px;
float:left; margin:10px 0 0 235px;
}
.error_compte{ font-size:14px; clear:both; text-align:center; color:#78CD14; font-weight:normal;}
.error_compte_rouge{ font-size:14px; clear:both; text-align:center; color:#FF0000;}
#facebook{border:0;width:150px;height:34px;float:left;margin-left:-5px;margin-top:25px;}