/* terkane - just dessous main css file - jerome@yazo.net 2007/08 */

* {margin:0;padding:0;font-family:Arial,sans-serif;}
html {font-size:100%;}
body {margin:0;font-size:1em;}
img {border:0;}
ul, ol {list-style:none;}
a {color:#000000;text-decoration:none;}
a:hover {color:#000000;text-decoration:underline;}



body{
	margin:0;
	padding:0;
	text-align:center;
	background-color:#16232d;
	font-family:Arial, Helvetica, sans-serif;
}



#conteneur{

	margin:0 auto;
	padding:0;
	text-align:left;
	
	background-image:url(../images/motif.gif);
	background-position:top left;
	background-repeat:repeat;
	width:900px;
	
	/*border:1px solid pink;*/
	
}

#zone_haute{
	/*border:1px dotted pink;*/
	/*height:150px;*/
	overflow:auto;
	width:100%;
}


#zone_haute #zone_logo{
	/*border:1px dotted orange;*/
	margin-left:18px;
	margin-top:30px;
	
	float:left;
	width:160px;
	
}

#zone_haute #zone_typo{
	/*border:1px dashed green;*/
	margin-top:80px;
	
	float:left;
	width:540px;
	
}

/* -------------------  */
/*        zone_client        */
/* -------------------  */



#zone_haute #zone_client{
	/*border:1px dotted yellow;*/
	margin-top:10px;
	
	float:left;
	width:150px;
	
	background-color:#16232d;
	
}


#zone_haute #zone_client p{
	margin:0;
}

#zone_haute #zone_client p.horaires{
	color:white;
	font-size:10px;
	padding:0 8px;
	text-align:right;
}

#zone_haute #zone_client ul{
	list-style-type:none;
	margin:0 12px;
	margin-top:5px;
	padding:0;
	/*border:1px solid blue;*/
}


#zone_haute #zone_client ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	font-size:11px;
	text-align:right;

	background-image:url(../images/filet-menu.gif);
	background-position:top right;
	background-repeat:no-repeat;	
	/*border:1px dotted orange;*/
}

#zone_haute #zone_client ul li a{
	/*border:1px solid red;*/
	display:block;
	padding:4px 0;
	text-decoration:none;
	color:#666666;
}

#zone_haute #zone_client ul li a img{
	border:none;
	vertical-align:middle;
}

#zone_haute #zone_client ul li a:hover{
	color:#bbbbbb;
}


/* -------------------  */
/*        onglet        */
/* -------------------  */


#zone_haute ul.onglet{
	margin:0;
	padding:0;
	list-style-type:none;
	margin-left:172px;
	position:relative;
	top:-28px;
	width:500px;
	/*border:1px dotted yellow;*/
	
}

#zone_haute ul.onglet li{
	margin:0;
	padding:0;
	list-style-type:none;
	display:block;
	float:left;
	width:120px;
	height:30px;
	margin-right:4px;
}

#zone_haute ul.onglet li.femme{
	background-color:#e3db49;
	
}

#zone_haute ul.onglet li.homme{
	background-color:#658691;
	
}



#zone_haute ul.onglet li a img{
	display:block;
	margin-left:7px;
	margin-top:5px;
}

#zone_haute ul.onglet li a img{
	border:none;
}



/* -------------------  */
/*    zone_centrale     */
/* -------------------  */


#zone_centrale{
	clear:both;
	/*border:1px dotted orange;*/
	margin-top:-28px;
}

/* not for IE 6 Hack */

html>body #zone_centrale{
	margin:0;
	position:relative;
	top:-28px;
}



#zone_centrale #en_tete{
	height:50px;
	/*border:2px dashed blue;*/
	
}


.en_tete_homme{
	background-color:#658691;
}


.en_tete_femme{
	background-color:#e3db49;
}



#zone_centrale #en_tete ul.choix{
	margin:0;
	padding:0;
	list-style: none;
	float:left;
	width:390px;
	padding-left:22px;
	padding-top:6px;
	
	/*border:1px solid red;*/
}


 #zone_centrale #en_tete ul.choix li {
	margin:0;
	padding:0;
	list-style: none;
	display:inline;
}



 #zone_centrale #en_tete ul.choix li a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
	letter-spacing:1px;
}

 #zone_centrale #en_tete ul.choix li a:hover{
	text-decoration:underline;
}



 #zone_centrale #en_tete ul.choix li a.current{
	color:#000;
}

 #zone_centrale #en_tete ul.choix li a.current:hover{
	text-decoration:none;
}


 #zone_centrale ul.choix li img{
	vertical-align:middle;
}

/* le formulaire */

#zone_centrale #en_tete form{
	margin:0;
	float:left;
	width:460px;
	padding-top:6px;
	/*border:1px dotted yellow;*/
	
}

#zone_centrale #en_tete form p{
	margin:0;
}

#zone_centrale #en_tete form p select{
	vertical-align:middle;
	font-size:11px;
}
 


#zone_centrale #en_tete form p img{
	vertical-align:middle;
}

 #zone_centrale #en_tete form p a{
	color:#fff;
	text-decoration:none;
	font-size:11px;
}

 #zone_centrale #en_tete form p a:hover{
	text-decoration:underline;
}

/* petit poucet */
 
 #zone_centrale #en_tete div.petit_poucet{
 	clear:both;
	margin:0;
	margin-top:5px;

	font-size:11px;
	padding-left:22px;
}

 #zone_centrale #en_tete div.petit_poucet img{
 	margin:0 4px;
 	vertical-align:baseline;
}

 #zone_centrale #en_tete div.petit_poucet a{
 	color:#000;
 	text-decoration:none;
}

 #zone_centrale #en_tete div.petit_poucet a:hover{
 	text-decoration:underline;
}

/* -------------------  */
/*   contenu central    */
/* -------------------  */

#zone_centrale  div#contenu_central{
	background-color:#ffffff;
	/*border:2px dashed pink;*/
	
	/* l'image de fond et la hauteur sont ajoutés inline par php */
}


/* -------------------  */
/*   colonne gauche    */
/* -------------------  */

#zone_centrale #contenu_central div#colonne_gauche { 

	float:left;
	width:160px;
	/*border:1px solid orange;*/
	position:relative;
}


#zone_centrale #contenu_central div#colonne_gauche form.menu_collections { 
	
	margin:0;
	position:absolute; /* sort du flux */
	top:8px; 
	left:8px; 
	/*border:1px solid red;*/
}

div#colonne_gauche form.menu_collections select { 
	font-size:11px;
	}
	
	
	
/* le menu vertical */


#zone_centrale #contenu_central #colonne_gauche ul#menu_vertical{
	width: 150px;
	padding:0;
	margin:0;
	list-style-type:none;
	margin-top:5px; 
	margin-left:5px; 
	

}


#colonne_gauche ul#menu_vertical li{
	margin:0;
	padding:0;
	margin-top:2px;
	margin-bottom:2px;
	/*width:100%;*/
}


#colonne_gauche ul#menu_vertical li a{
	display:inline-block;
}



#colonne_gauche ul#menu_vertical li a.lien_rayon { 

	display:block;

	padding:5px 3px; 
	padding-left:12px;

	background-image:url(../images/puce-menu.gif);
	background-repeat:no-repeat;
	background-position:4px 50% ;
	
	color: #16232d;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	/*border:1px solid red;*/
	
}

#colonne_gauche ul#menu_vertical.femme a.lien_rayon {
	background-color: #eded90; 
}
#colonne_gauche ul#menu_vertical.homme a.lien_rayon {
	background-color: #9db6bd; 
}


/* cas unique guide des tailles */
#colonne_gauche #menu_vertical li strong{
	font-size:11px;
	font-weight:bold;
	padding-left:12px;
}


/* les categories */

#colonne_gauche #menu_vertical li ul{
	margin:0;
	padding:0;
	list-style-type:none;
}



#colonne_gauche #menu_vertical li ul li a.lien_categorie{
	display:block;
	text-decoration:none;
	color:#555;
	padding:4px 0;
	padding-left:12px;
	/*height:1.4em;*/
	/*border:1px dotted orange;*/
	font-size:11px;
}



#colonne_gauche #menu_vertical li ul li a.lien_categorie:hover{ 
	text-decoration:none;
}

#colonne_gauche #menu_vertical.femme li ul li a.lien_categorie:hover{ 
	background-color:#f7f4c8;
}
#colonne_gauche #menu_vertical.homme li ul li a.lien_categorie:hover{ 
	background-color:#d6e2e4;
}



#zone_centrale #contenu_central #colonne_gauche p{
	margin:0;
	padding-left:5px;

}



/* -------------------  */
/*   colonne droite    */
/* -------------------  */

#zone_centrale #contenu_central #colonne_droite { 

	float:left;
	width: 725px; /* 735 */
	/*border:1px dotted orange;*/
	padding-left:10px;
}

#zone_centrale #contenu_central #colonne_droite h3.titre_principal{ 
	clear:both;
	font-size:12px;
	font-weight:bold;
	color:#666;
	margin:0;
	padding-top:10px;
	padding-left:5px; 
	padding-bottom:16px;
	
	/*border:1px dotted red;*/
}



#zone_centrale #contenu_central #colonne_droite div.item_area{ 
	float:left;
	width:136px;
	height:260px;
/*	border:1px dashed red;*/
	margin-left:5px;
	margin-bottom:20px;
	position:relative;
	top:0;
	
}


#zone_centrale #contenu_central #colonne_droite div.femme{ 

	background-image:url(../images/fond-item-femme.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	
}

#zone_centrale #contenu_central #colonne_droite div.homme{ 

	background-image:url(../images/fond-item-homme.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	
}


/* l'image produit */

div.item_area div.bloc_image { 
	width:134px;
	height:186px;
	overflow:hidden;
	/*border:1px dotted blue;*/
	
}


div.item_area  div.bloc_image a img.vignette{ 
	/*border:1px dashed green !important;*/
	margin-left:2px;
	width:130px;
	border:none;
}



div.item_area p{ 
	margin:0;
	padding:0;
	font-size:10px;

	color:#333;
	text-align:right;
}


div.item_area p.item_collection{
		margin-top:6px;
		padding-right:8px;
		font-weight:bold;
		}

div.item_area p.item_designation{
		padding-right:8px;
		position:relative;
		top:0;
		left:0;
		}	


div.item_area p.item_designation span.eclate_remise{
		position:absolute;
		top:0;
		left:4px;
		display:block;
		height:45px;
		width:45px;
		/*border:1px solid blue;*/
		background-image:url(../images/eclate.gif);
		background-position:top left;
		background-repeat:no-repeat;
		color:#fff;
		text-align:center;
		font-size:11px;
		}
		
div.item_area p.prix{ 
	margin:0;
	color:#cc0033;
	font-weight:bold;
	background-color:#16232d;

	padding-top:3px;
	padding-bottom:3px;
	
	font-family:Trebuchet;
	letter-spacing:1px;
	color:#e3db49;
	
	position:absolute;
	bottom:12px;
	left:2px;
	width:130px;
}



	
/* -------------------  */
/*   footer   */
/* -------------------  */

div.footer_separator{
	clear:both;
	margin:0;
	padding:0;
	border-bottom:6px solid #16232d;
}


p.footer_line{
	height:30px;
	line-height:30px;
	/*border:1px solid red;*/
	margin:0;
	padding:0;
	padding-left:10px;
	background-color:#fff;
}

p.footer_line a{
	font-size:11px;
	text-decoration:none;
	color:#333;
}

p.footer_line a:hover{
	text-decoration:underline;
}

p.footer_line img{
	vertical-align:middle;
	margin:0;
	margin-left:20px;
	}


p#w3cicons{
	text-align:right;
	/*border:1px solid orange;*/
	margin:0;
	margin-top:1em;
}

html > body p#w3cicons{
	margin-top:0;
	/*background-color:yellow;*/
}



a.credits{
	display:block;
	background-color:#16232d;
/*	background-color:pink;*/
	float:right;
	width:auto;
	
	font-size:11px;
	text-align:right;
	padding:4px 6px;
	text-decoration:none;
	color:#666666;

}

html >body a.credits{
	margin-top:-22px;
}


a.credits:hover{
	color:#bbbbbb;
}