/* CSS Document */

*{

  margin: 0;

  padding: 0;

}

body,html{

height:100%;/*---obligatoire pour le footer---*/



}

html{

	scrollbar-base-color:#fff;

}

body{

	font-size:62.5%;

	background:#fff url(../images/charte/bg-body.jpg) repeat-x;

}

body.intro{

	background:#fff;

}



#header{

	width:980px;

	height:128px;

}

.menu-top span{

	display:none;

}

#logo{

	display:block;

	background:url(../images/charte/img-logo.jpg) no-repeat left 0px;

	width:540px;

	height:62px;



}



#menu {

	display:block;

	clear:both;

float:left;



width: 980px; /* précision pour Opera */

background-image:url(../images/charte/fond-menu.gif);



}

dl, dt, dd {

margin: 0;

padding: 0;

}

ul{

position:absolute;

width:121px;

border:1px solid #cccccc;

border-width:0 1px;

/*background:#fff;*/

font-weight:bold;

}

#menu li {

margin: 0;

padding: 0;

list-style-type: none;

font:normal 1em/22px Arial, Helvetica, sans-serif;

text-align: center;

border-bottom:1px solid #cccccc;

}

#menu dl {

float:left;

width:121px;

}

#menu dt {

cursor: pointer;

line-height:26px;

height:26px;





}

#menu dd {

display: none;

}

#menu li a {

color: #999999;

text-decoration: none;

height: 100%;

display:block;





}

#menu li a:hover{

color:#CCCCCC;

background:#fff;

text-decoration:none;

}

#menu dt a {

text-decoration: none;

display:block;

height:26px;

font:bold 1.2em/26px Arial, Helvetica, sans-serif;

text-align:center;

text-indent:2px;

color:#999999;

background:url(../images/charte/bt.gif) no-repeat scroll left bottom;



}

#menu dt a:hover {

text-decoration:none;

color:#CCCCCC;

background:url(../images/charte/bt-hover.gif) no-repeat scroll left bottom;

}



#newsletter-box{

	background:#fff;

	width:192px;

	height:73px;

	float:right;

	padding-left:20px;

	padding-top:11px;

	background-image:url(../images/charte/fond-recherche.gif);

	background-repeat:repeat-x;

}

#newsletter-box img{



}



#bouyav{

	width:500px;

	height:400px;

	position:absolute;

	top:100px;

	left:100px;

	background:#FF0000;

	font:7em Arial, Helvetica, sans-serif;

	color:#FFFF00;

}

#container{

	width:980px;

	margin:0 auto 0 auto;



	background:#fff url(../images/charte/bg-container.gif) repeat-x;

	

	position: relative;/*---obligatoire pour le footer---*/

min-height:100%; /*---obligatoire pour le footer:Firefox---*/

height:auto !important;/*---obligatoire pour le footer:Firefox---*/

height:100%;/*---obligatoire pour le footer:IE---*/

}

#menu-flash{

	float:left;

	width:100px;

	min-height:558px;

	height:auto !important;

	height:558px;

	background:#fff;

}

#menu-marques{

	display:block;

	float:left;

	width:130px;

	height:411px;

}

.menu-marque-accueil{

	float:left;

	width:130px;



}

.menu-marque-hommes{

	width:130px;

	float:left;

}

#menu-marques ul{



}

#menu-marques li{

 list-style:none;

 text-align:right;

 font-size:1.2em;

	

}

#menu-marques li a{

	display:block;

	font:bold 1em Arial, Helvetica, sans-serif;

	color:#999999;

	text-decoration:none;

	padding-right:5px;

	background-color:#FFFFFF;

}

#menu-marques li.marque-encours a{

	display:block;

	font:bold 1.2em Arial, Helvetica, sans-serif;

	color:#999999;

	text-decoration:none;

	padding:4px;

	padding-left:15px;

	background-color:#e6e6e6;

}

#menu-marques li a:hover{

	color:#fff;

	background-color:#9D9DA1;

}

#contenu{

	float:left;

	width:880px;

	padding-bottom:50px;

}

#footer{



position:relative;

clear: both;

width:100%;

height:37px;

margin-top:-37px;

background:url(../images/charte/bg-footer.gif) repeat-x;

}

#footer-container{

width:980px;

margin:0 auto 0 auto;

}





#footer-menu{

padding-left:236px;

	width:550px;

	font:normal 1.1em Arial, Helvetica, sans-serif;

	color:#fff;

	float:left;

	line-height:25px;

	text-align:center;

}

#footer img{

	float:left;

	margin-left:14px;

}

#footer-menu a{ 

font:Arial, Helvetica, sans-serif;

	text-decoration: none; 

	color: #fff;	

	}

#footer-menu a:hover, #footer-menu a:active{ 

text-decoration: underline; 

	}



#chemin{

	padding:2px 215px 2px 0;

	text-align:right;

	font:1.1em Arial, Helvetica, sans-serif;

	color:#c4c4c4;	

}

#chemin a {

	font:Arial, Helvetica, sans-serif;

	color:#c4c4c4;	

	text-decoration:none;

}

#chemin a:hover {

	color:#414141;	

}





/*****************************************************/

/*

/* 		TEXTES

/*

/*****************************************************/



h1 {

	color:#414141;

	font:1.8em Arial, Helvetica, sans-serif;

	padding:5px 20px 15px 20px;

}





h2{		

	color:#414141;

	font:1.4em Arial, Helvetica, sans-serif;

	padding:15px 35px 5px 35px;

	background:url(../images/charte/pict-h2.gif) 20px 17px no-repeat;

	clear:both;

	}

h3{

	font:1.2em Arial, Helvetica, sans-serif;

	padding:5px 35px 0px 0px;

	color:#666666;

	font-weight:bold;

}

p{	

	padding:5px 35px;

	font:1.2em Arial, Helvetica, sans-serif;

	color:#666666;

}

a{

  font:Arial, Helvetica, sans-serif;

	color:#000;

	text-decoration:underline;

	border:0px;

}

a:hover{

	color:#414141;

}

hr{

 border:none;

 background:url(../images/charte/bg-hr.gif) repeat-x;

 height:1px;

 color:#cccccc;

}



/*****************************************************/

/*

/* 		FORMULAIRES

/*

/*****************************************************/



.saisie{

background:#fff;

color:#666666;

font:1.1em Arial, Helvetica, sans-serif;

border:solid 1px #CCCCCC;

}

.bouton-newsletter{

background:#9BF150;

color:#000;

font:1.1em Arial, Helvetica, sans-serif;

text-transform:capitalize;

border:solid 1px;

border-bottom-color:#414141;

border-left-color:#868686;

border-top-color:#868686;

border-right-color:#414141;

}

.bouton{

background:#ccc;

color:#fff;

font:bold 1.1em Arial, Helvetica, sans-serif;

text-transform:capitalize;

border:solid 1px;

border-bottom-color:#414141;

border-left-color:#eee;

border-top-color:#eee;

border-right-color:#414141;

}



/*****************************************************/

/*

/* 		Page d'accueil

/*

/*****************************************************/



#menu-flash2{

	float:left;

	width:100px;

	min-height:558px;

	height:auto !important;

	height:558px;

	background:#fff;

}



#flash-accueil{

	width:520px;

	float:left;

	min-height:558px;

	height:auto !important;

	height:558px;

}

#flash-accueil div{

	width:236px;

	height:258px;

	padding:5px;

	float:left;

}





/*****************************************************/

/*

/* 		catalogue

/*

/*****************************************************/



#container-catalogue{

	width:510px;

	float:left;

}

#box-panier{

	width:212px;

	float:right;

	background-color:#fff;

	text-align:center;

}

#box-newz-pub{

	margin-top:20px;

	width:212px;

	float:left;

	background:#E6E6E6;

	text-align:center;

}

#box-panier table{

	font:1.1em Arial, Helvetica, sans-serif;

	width:202px;

	margin:5px;

	float:left;

}

#box-panier table th{

background:#c4c4c4;

color:#FFFFFF;

padding:2px;

}

#box-panier table td{

background:#fff;

color:#414141;

padding:2px;

text-align:right;

}

#box-panier table td.nomProduit{

text-align:left;

}

#box-panier table td.frais-port{

text-align:left;

font-size:0.9em;

font-style:italic;

color:#414141;

}

#box-panier table td.nomProduit a{

color:#414141;

text-decoration:none;

}

#box-panier table td.nomProduit a:hover{

text-decoration:underline;

}

#box-panier table tr.total td{

border-top:1px solid #E6E6E6;

font-weight:bold;

}

.a img{

border:none;

}



/*****************************************************/

/* 		fiche Produit

/*****************************************************/

a.miniprod{

	float:left;

	width:150px;

	background:#ccc;

	padding:1px;

	font:bold 1.1em Arial, Helvetica, sans-serif;

	color:#fff;

	text-decoration:none;

}



a.miniprod:hover{

background-color:#BEBEBE;

	color:#fff;

}

a.miniprod img{

	border:none;

	margin-bottom:5px;

	display:block;

	}

a.miniprod .picto{

	position:absolute;

	margin:5px 5px 0px 5px;

}

a.miniprod .infos-miniprod{

	text-align:center;

	}

a.miniprod .prix-miniprod{

	padding:3px;

	background:#E6E6E6;

	color:#414141;

	text-align:center;

	}

a.miniprod:hover .prix-miniprod{

	background:#fff;

}

#container-catalogue .img-prod{

	float:left;

	border:1px solid #fff;

}

#container-catalogue .infos-prod, #container-catalogue .infos-prod-ref{

	display:block;



	width:245px;



	border:1px solid #fff;

	border-top:none;

	font:1.2em Arial, Helvetica, sans-serif;

}

#container-catalogue .infos-prod2 {

	display:block;

float:right;

	width:245px;

	padding:2px;

	border:1px solid #fff;

	border-top:none;

	font:1.2em Arial, Helvetica, sans-serif;

}



#container-catalogue .infos-prod-ref{

	background:#ccc;

}

#container-catalogue .txtvert{

	color:#414141;

	font-weight:bold;

}

#container-catalogue .txttitre{

	font-weight:bold;

}

#container-catalogue .infos-prod a.ajout-panier{

	background:url(../images/charte/pict-panier.gif) no-repeat;

	text-indent:20px;

	font-weight:bold;

	display:block;

	text-decoration:none;

	color:#414141;

}



#container-catalogue .infos-prod a.ajout-panier:hover{

	text-decoration:underline;

}

#container-catalogue a.roll-img img{

	float:left;

	border:1px solid #fff;

}

#container-catalogue a:hover.roll-img img{

	border:1px solid #ccc;

}



/*****************************************************/

/*

/* 		page store

/*

/*****************************************************/

.container-store{

	width:50%;

	float:left;

	text-align:center;

}

.adresse-store{

	clear:both;

	padding-top:20px;

	text-align:center;

	color:#000;

	font:1.2em Arial, Helvetica, sans-serif;

}



/*****************************************************/

/*

/* 		page partenaires

/*

/*****************************************************/

a.partenaire-lien{

	float:left;

	width:280px;

	margin:19px;

	padding:10px;

	font:bold 1.2em Arial, Helvetica, sans-serif;

	color:#666666;

	border:1px solid #e6e6e6;

	background:#fff;

	text-decoration:none;

	text-align:center;

}

a.partenaire-lien:hover{

	color:#fff;

	border:1px solid #4D9B0D;

	background:#4D9B0D;

}

a.partenaire-lien img{

	padding-top:5px;

	border:none;

}

/*****************************************************/

/*

/* 		page Frais de port

/*

/*****************************************************/

.container-frais-port{

	margin:5px 35px;

	padding:10px;

	font:1.2em Arial, Helvetica, sans-serif;

	color:#666666;

	background:#fff;

	border:1px solid #e6e6e6;

	height:60px;

}

.container-frais-port img{

	float:left;	

	padding-right:10px;

}

/*****************************************************/

/*

/* 		page Contact

/*

/*****************************************************/



.container-contact{

	width:300px;

	padding:0 10px 0 10px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

}

.container-contact a img{

	margin-left:20px;

	border:1px solid #e6e6e6;

}

.container-contact a:hover img{

	margin-left:20px;

	border:1px solid #4D9B0D;

}

.container-contact-form{

	width:450px;

	padding:0 20px 0 50px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	border-left:1px solid #e6e6e6;

}

.formcontact{

	font:1.1 Arial, Helvetica, sans-serif;

	color:#666666;

	background:#e6e6e6;

	border:none;

}

/*****************************************************/

/*

/* 		page Faites connaitre à un ami

/*

/*****************************************************/

.container-ami-form{

	width:100%;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	color:#666666;

}

.container-ami-form div{

	float:left;

	padding:0 20px 0 0;

}

.container-ami-form label, .container-ami-form .txt-champs{

display:block;

	padding-left:35px;

}

.container-ami-form .labalS{

	display:block;

	width:170px;

	padding-left:35px;

}









#texte{

float:left;

width:500px;



}

















/*****************Nouveautés************************/









#Nouveautes{

	width:500px;

	float:left;

	height: auto;

	margin:3px 1px 10px 1px;

}















*html #Nouveautes{

	width:520px;

	float:left;

	min-height:700px;

	margin:3px 1px 10px 1px;

	height:700px;

	

}











.cadre_nouveautes{

	width:150px;

	height: auto;

	float:left;

	margin:2px 2px;

	border:2px solid black;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	background-color:#cccccc;

	margin:6px 6px 10px 6px;

}





.nouveautes_img{

float:left;

text-align:center;

vertical-align:center;

height:150px;

width:150px;

}



.nouveautes_ref{

width:150px;

text-align:center;

float:left;

background-color:#333333;

font-family:Arial, Helvetica, sans-serif;

font-size:1.1em;

color:#fff;

padding:1px 1px;



}



.nouveautes_designation{

	width:150px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	background-color:#666666;

	margin-bottom:1px;

	color: #FFFFFF;

	text-align: center;

}





.nouveautes_marque{

	width:150px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	background-color:#999999;

	margin-bottom:1px;

	color: #FFFFFF;

	text-align: center;

}



.nouveautes_prix{

width:75px;

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:1.1em;

text-align:center;

}





.nouveautes_prix_barre{

width:75px;

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:1.1em;

text-decoration:line-through;

text-align:center;

}



/*****************Fin Nouveautés************************/













/*****************Listing************************/



.file_dariane{



width:310px;

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:1.3em;

font-weight:bold;

color:#666;



}





.tri_cher{

	width:400px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	text-align: right;

	margin: 8px 0 15px 0;



}

  

  

.pointure{

	width:80px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.2em;

	text-align: center;

	margin: 8px 0 15px 0;



}





.texte_chekbox{



	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	text-align: right;

	font-weight:bold;



}









/*****************Fin Listing************************/





















#ref {

	float: left;

	width:500px;

	/*margin: 8px 4px 8px 5px;*/

	padding:1px 3px 2px 3px;

	border: 2px solid #999;

	margin-top:5px;

}







.ref1

{

	float:left;

	width:480px;

	height:210px;

	border:#951138 0px solid;

	margin: 3px 2px 4px 3px;

	background-color: #FFFFFF;

	padding: 4px 2px;

}









.GPhoto

{

	float:left;

	width:254px;

	height:200px;

	border:#951138 0px solid;

	margin: 3px 2px 4px 2px;

	background-color: #FFFFFF;

}



.Clavier

{

border:#000000 0px solid; width:307px; height:57px; margin-top:95px;

}



#MiniPhoto

{

	float:right;

	margin: 2px 2px 2px 4px;

	width:170px;

	border:#666666 1px solid;

	padding: 4px 2px 5px 2px;

	height: 170px;



}





#MiniPhoto .img 



{

	float:left;

	margin: 15px 5px 5px 5px;

	width:65px;

	border:red 0px solid;



}





.ref2

{

	float:left;

	width:480px;

	border:#333 1px solid;

	margin: 3px 2px 4px 3px;

	background-color: #FFFFFF;

	padding: 4px 4px;

}











.texte03{

	font-size:11px;

	font-weight:bold;

	letter-spacing:1px;

	color:#666666;

	text-align: justify;

	margin: 10px 0px 10px 0px;

}





#ref .des{

	float:left;

	width:480px;

	margin: 5px 2px 2px 2px;

	padding:1px 1px 1px 1px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:11px;

	text-align:left;

	color: #B43F39;

}









.separateur{

	float:left;

	width:180px;

	margin: 5px 2px 2px 140px;

}

.fiche_ref{

	width:80px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	padding:1px 1px;

	margin-left:15px;

	color:#666666;

	font-weight:bold;

	margin-top:4px;

	background-image: url(../images/puces/ref.jpg);

	background-repeat: no-repeat;

	padding-left: 22px;

	height: auto;

	padding-top: 4px;

}

.fiche_designation{

	width:80px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	padding:1px 1px;

	margin-left:30px;

	color:#666666;

	font-weight:bold;

	margin-top:4px;

	background-image: url(../images/puces/1.jpg);

	background-repeat: no-repeat;

	padding-left: 22px;

	height: auto;

	padding-top: 4px;

}

.fiche_marque{

	width:80px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	padding:1px 1px;

	margin-left:10px;

	color:#666666;

	font-weight:bold;

	margin-top:4px;

	background-image: url(../images/puces/marque.jpg);

	background-repeat: no-repeat;

	padding-left: 22px;

	height: auto;

	padding-top: 4px;

}



.fiche_pointure{

	width:90px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	font-weight:bold;

	margin-left:10px;

	color:#666666;

	margin-top:4px;

	background-image: url(../images/puces/3.jpg);

	background-repeat: no-repeat;

	padding-left: 24px;



}

.fiche_couleurs{

	width:185px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	font-weight:bold;

	color:#666666;

	margin-right: 10px;

	margin-top:4px;

	background-image: url(../images/puces/4.jpg);

	background-repeat: no-repeat;

	padding-left: 22px;

	margin-left: 10px;

}

/******************MAJ par el ifa mohamed***************/

.lesprix{

	float: right;

	margin-top:10px;

	margin-left:250px;

	width:auto ;

	height:30px;

}

.lesprix .fiche_prix{

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.3em;

	font-weight:bold;

	color:#006699;

	margin-left: 5px;

	margin-top:4px;

	background-image: url(../images/puces/euro.jpg);

	background-repeat: no-repeat;

	padding-left: 28px;

	padding-top: 4px;

	height: 20px ;

}



.lesprix .fiche_prix_promo{

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.3em;

	font-weight:bold;

	color:#006699;

	margin-left: 5px;

	margin-top:0px;

	background-image: url(../images/puces/euro.jpg);

	background-repeat: no-repeat;

	padding-left: 28px;

	padding-top: 8px;

	height: 20px;

	text-decoration:line-through;

}

/************Fin**************/

.fiche_quantite{

	width:150px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	font-weight:bold;

	color:#666666;

	margin-left: 30px;

	margin-top:20px;

	background-image: url(../images/puces/5.jpg);

	background-repeat: no-repeat;

	padding-left: 30px;

}



#inscription{

width:150px;

height:60px;

float:left;}



#inscription  span.inscri{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#c4c4c4;

padding-right:20px;

text-decoration:none;}



#inscription span.inscri a:hover {

text-decoration:none;

color:#c4c4c4;



}





.fiche_panier{

	width:130px;

	float:right;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	font-weight:bold;

	color:#666666;

	margin-left: 80px;

	margin-top:20px;

	background-image: url(../images/puces/panier.jpg);

	background-repeat: no-repeat;

	padding-left: 30px;

	height: 20px;

	padding-top: 4px;

}

#galeries{



	float:left;

	width:480px;

	border:#333 1px solid;

	margin: 3px 2px 4px 3px;

	background-color: #FFFFFF;

	padding: 4px 4px;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	font-weight:bold;

	color:#666666;





}

#galeries .img {

	float:right;

	margin: 15px 5px 5px 5px;

	width:65px;

	height : 64px;

	border:#999 1px solid;

	margin:5px 5px 5px 9px;

	padding: 1px 1px;

}

.produit_associes{



	width:100px;

	float:left;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.0em;

	font-weight:bold;

	color:#666666;



}

.images_galerie {

	float:right;

	margin: 15px 5px 5px 5px;

	width:65px;

	height : 64px;

	border:#999 1px solid;

	margin:5px 5px 5px 9px;

	padding: 1px 1px;

}

#cgv{

	float:left;

	width:530px;

	height:3200px;

	text-align:justify;

}

.texte_check_box1{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#666666;

padding:1px;

width:120px;

margin-right:10px;

}





.texte_check_box2{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#666666;

padding:1px;

width:40px;

}

.texte_check_box_couleurs{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color:#666666;

padding:1px;

width:120px;

}



/****************Ajouté par le développeur El Ifa Mohamed*************/

.pagination{

text-align:center;

width:487px;

float:left;

height: auto; 

margin-left:137px; 

}


/*************************lien***********************************/






.cadre_lien{

	width:150px;

	height: auto;

	float:left;

	margin:2px 2px;

	border:2px solid black;

	font-family:Arial, Helvetica, sans-serif;

	font-size:1.1em;

	background-color:#cccccc;

	margin:6px 6px 10px 6px;

}





.lien_img{

float:left;

text-align:center;

vertical-align:center;

height:150px;

width:150px;

}



.lien_ref{

width:150px;

text-align:center;

float:left;

background-color:#333333;

font-family:Arial, Helvetica, sans-serif;

font-size:1.1em;
height:30px;
max-height:30px;
color:#fff;

padding:1px 1px;



}



.lien{
	
	width:150px;
	
	float:left;
	
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:1em;
	background-color:#fff;
	
	margin-bottom:1px;
	
	
	text-align: center;

}


/*****************************Fin************************************/