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



body{
margin:0;
padding:0;
background: url(/images/background.jpg);
background-repeat:repeat ;
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}

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

#container{

margin:0 auto ;
width:927px;
text-align:left  ;
text-align: justify ;
position:relative ;
background:#FFFFFF;
color:#FFFFFF ;

}

#header{

float:left ;
width:927px;
/*height: 254px;*/
background:url(/images/bg.jpg) no-repeat ;
}

#menu_top{

float:left;
width:929px ;
height:51px;
margin-top:-2px;
/*display:inline; /*(*)*/}



#img_gauche{

background: url(/images/btn_01_06.jpg) no-repeat;
width:300px ;
height:51px;
float: left ;}





#lien_accueil a{

background: url(/images/btn_01.jpg) no-repeat;
width:72px ;
height:51px;
float: left ;}

#lien_accueil a:hover{

background: url(/images/btn_hover_01.jpg) no-repeat;
}

#lien_nouveautes a{
background: url(/images/btn_02.jpg) no-repeat ;
float:left ;
width:101px;
height:51px;
}


#lien_nouveautes a:hover{
background: url(/images/btn_hover_02.jpg) no-repeat ;

}


#lien_promotions a{
background: url(/images/btn_03.jpg) no-repeat ;
float:left ;
width:104px;
height:51px;

}

#lien_promotions a:hover{
background: url(/images/btn_hover_03.jpg) no-repeat ;

}

#lien_moncompte a{
background: url(/images/btn_04.jpg) no-repeat ;
float:left ;
width:105px;
height:51px;
}

#lien_moncompte a:hover{
background: url(/images/btn_hover_04.jpg) no-repeat ;
;
}

#lien_contact a{
background: url(/images/btn_05.jpg) no-repeat ;
float:left ;
width:89px;
height:51px;
}

#lien_contact a:hover{
background: url(/images/btn_hover_05.jpg) no-repeat ;

}


#lien_newsletter a{
background: url(/images/btn_06.jpg) no-repeat ;
float:left ;
width:158px;
height:51px;

}


#lien_newsletter a:hover{
background: url(/images/btn_hover_06.jpg) no-repeat ;


}
#maicontent{

background: url(/images/bg_container.gif) repeat-y ;
float:left;
width:929px ;
padding-bottom:20px;
/*display:inline; /*(*)*/
}




#homme{
width:156px ;
height:35px ;
float:left ;
margin-left:0px ;
margin-top:15px;
/*display:inline; /*(*)*/
}

#femme

{
width:156px ;
height:38px ;
float:left ;
margin-left:0px ;
margin-top:15px;
/*display:inline; /*(*)*/
clear:both ;
}

#accessoires
{
width:156px ;
height:28px ;
float:left ;
margin-left:0px ;
margin-top:15px;
/*display:inline; /*(*)*/
clear:both ;
}

#chaussures
{
width:156px ;
height:26px ;
float:left ;
margin-left:0px ;
margin-top:15px;
/*display:inline; /*(*)*/
clear:both ;
}


#menu_gauche{

width:156px ;
float:left ;
margin-left:30px ;
margin-top:15px;
display:inline; /*(*)*/

}





#menu_droite{
float:right ;
width:133px ;
margin-right:28px ;
/*height:88px;*/
margin-top:15px;
display:inline; /*(*)*/
}


#content{

float:left;
width:565px ;
margin-left:0px;
margin-top:25px;
/*display:inline; /*(*)*/
}




/*#identification{
background: url(/images/bg_creacompte_03.jpg) no-repeat ;
width:540px ;
height:688px ;
float:left ;
margin-left:0px ;
margin-top:40px;}
*/


#header_compte{
background: url(/images/bg_test_03.jpg)  no-repeat ;
width:560px ;
height:34px ;
float:left ;
margin-left:0px ;
margin-top:40px;}

#bg_compte{
background: url(/images/bg_test_06.jpg) repeat-y ;
width:560px ;
float:left ;
margin-left:0px ;
display:inline; /*(*)*/
}

#bg_footer{
background: url(/images/bg_test_11.jpg) no-repeat;
width:560px ;
height:34px ;
float:left ;
margin-left:0px ;
}


#bg_compte p{


margin-left:0px ;
margin-top:0px;
color:#2d54a9 ;


}

.titre{

margin-left:0px;
margin-top:0px;
font-size:14px ;
color:#2d54a9 ;
font-weight:bold ;}

#texte {
float:left ;
width:540px ;
margin-left:0px;
text-align:justify ;
margin-top:40px ;
/*display:inline; /*(*)*/

}


#formulaire h3{

margin-left:0px;
margin-top:0px;
color:#2d54a9 ;
display:inline; /*(*)*/

}

#formulaire {

width:480px;
float:left;
margin-left:50px;
margin-bottom:20px;
display:inline; /*(*)*/

}



.form_rangee {
			
			margin: 2px;
			padding:1px;

		}
		
.form_motpass {
			float:left;
			width:400px;
			font-size:12px;
		}

.form_nom {
			float:left;
			width:155px;
			font-size:12px;
		}



#img_guess{

float:left;
width:483px ;
height:202px;
margin-top:80px;
margin-left:30px ;
display:inline; /*(*)*/
}

#img_diesel{

float:left;
width:483px ;
height:202px;
margin-top:30px;
margin-left:30px ;
display:inline; /*(*)*/
}

#vignette{
background:url(/images/vignette.jpg) no-repeat;
width:188px ;
height:263px;
float:left;
margin-top:20px ;
margin-left:0px;}



#compte {
background:url(/images/bt_moncompte.jpg) no-repeat;
float:left ;
margin-left:0px ;
width:135px ;
height:109px;
margin-top:0px;
/*display:inline; /*(*)*/
}

#parainage{

float:left ;
margin-left:0px ;
width:134px ;
height:97px;
margin-top:20px;
/*display:inline; /*(*)*/
}

#nos_engagements{

float:left ;
margin-left:0px ;
width:134px ;
height:155px;
margin-top:20px;
/*display:inline; /*(*)*/
}

#laboutique
{

float:left ;
margin-left:0px ;
width:134px ;
height:169px;
margin-top:20px;
/*display:inline; /*(*)*/
}


#footer p{
color:#FFFFFF;
width:800px;
font-size:11px ;
margin-top:26px ;

}

#footer{
background:url(/images/footer2.jpg);
float:left ;
width:929px ;
display:inline; /*(*)*/
height:89px;
color:#FFFFFF ;
}

.lien a{

color:#FFFFFF ;
text-decoration:none ;}

.lien a:hover{

color:#FFFFFF ;
text-decoration: underline ;}

.lien2 a{

color:#FFFFFF ;
text-decoration: underline ;}

.lien a:visited{

color:#FFFFFF ;}

.inpcompte{
	background-color: transparent;
	border:0;
	margin-left: 20px;
	width: 90px;
	height: 10px;
	font-size:10px ;
}
#panier{
	position:absolute;
	top:106px;
	left:780px;
}
#nbart{
	position:absolute;
	top:145px;
	left:832px;
}
#nbart a{
	color:#000000;
}

#imgprod{
	background:url(/images/fonphoto.gif);	
	width: 372px;
	height: 396px;
	text-align:center;
}
#imgprod #supimg{
	padding-top: 15px;
	height:auto;
	width:auto;
}
#img{
	background:url(/images/fonvignettes.gif);	
	text-align:center;
	width:107px;
	float: left;
	padding-top: 5px;
	height:97px;
}
#imgplus{
	background:url(/images/fonplus.jpg);	
	text-align:center;
	width:107px;
	float: left;
	height:132px;
}
#srubrique{ 
	font-size:11px ;
	margin-left: 12px;
	color: #FFFFFF;
	margin-top: 5px;
}
#srubrique a{color: #FFFFFF;text-decoration: none;}
#srubrique a:hover{color: #FFFFFF;text-decoration: underline;}

#seprubrique{
	width: 120px;
	height: 1px;
	margin-left: 10px;
	margin-top: 5px;
	border-bottom: 1px dashed #919191;
}
h1{
	font-size:14px;
}

#blocrub{
	background:url(/images/toppanier.gif);
	width: 541px;
	height: 40px;
	color: #000000;
	font-weight:bold;
	font-size:11px;
}
.navs{
	cursor:pointer;
}	
.imgs{
	display:none;
}
#img1{
	display:block;
}
#boite{

float:left;
width:565px ;
margin-left:0px;
}
#nav{

float:left;
width:200px ;

color:#9c48b6 ;
margin-left:130px;
display:inline; /*(*)*/
}
#img_platinium  {
float:left ;
width:470px ;
height:136px ;
margin-left:40px;
text-align:justify ;
margin-top:40px ;
display:inline; /*(*)*/

}