/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

/***************** STYLE CONTENU *****************/

#contenu h1{

font:bold 18px Arial, Helvetica, sans-serif;

color:#fea001;

letter-spacing:1px;

margin:8px 0 18px;

border-bottom:1px dotted #10f305;

}

#contenu h2{

font:bold 13px Arial, Helvetica, sans-serif;

color:#10f305;

margin:0 0 7px;

/*border-bottom:1px dotted #10f305;*/

background:url(../images/_testImages/bg_h2.gif) no-repeat;

width:450px;

height:34px;

padding:6px 0px 0px 35px;

}



#contenu h3{

font:bold 13px Arial, Helvetica, sans-serif;

color:#10f305;

margin:0 0 20px;

/*border-bottom:1px dotted #10f305;*/

}



#container #contenu h2.t2{

font:bold 13px Arial, Helvetica, sans-serif;

color:#10f305;

margin:0 0 7px;

/*border-bottom:1px dotted #10f305;*/

background:url(../images/_testImages/bg_h2.gif) no-repeat;

width:457px;

height:34px;

padding:6px 0px 0px 35px;

letter-spacing:-0.4px;

}

#contenu p{

font:12px/1.4em Arial, Helvetica, sans-serif;

text-align:justify;

color:#686668;

margin-bottom:1.2em;

}

#contenu p em{

font-weight:bold;

font-size:12px;

line-height:1.3em;

}

#contenu p.couleur, span.couleur{

font-weight:bold;

color:#fff;

}

#contenu a:link, #contenu a:visited{

font-weight:bold;

text-decoration:underline;

color:#01daff;

}

#contenu a:hover, #contenu a:active{

color:#fea101;

}





#container  #contenu h1 a{

color:#fea001;

text-decoration:none;

}



#container #contenu h3 a{

color:#10f305;

text-decoration:none;

}





.bloc_image{

	width:165px;

	height:135px;

	float:right;

	margin:0px 0px 10px 15px;

	position:relative;

}



.bloc_image2{

	width:165px;

	height:135px;

	float:left;

	margin:0px 15px 10px 0px;

	position:relative;

}



.bloc_image3{

	width:125px;

	height:115px;

	float:left;

	margin:0px 15px 10px 0px;

	position:relative;

}



 .design2{

	background:url(../images/_testImages/design.png) no-repeat;

	_background:url();

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/_testImages/design.png", sizingMethod="crop");

	width:33px;

	height:66px;

	position:absolute;

	left:132px;

	top:0px;

	z-index:150;

	

}



 .design3{

	background:url(../images/_testImages/design.png) no-repeat;

	_background:url();

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/_testImages/design.png", sizingMethod="crop");

	width:33px;

	height:66px;

	position:absolute;

	left:92px;

	top:0px;

	z-index:150;

	

}

/***************** LES VIGNETTES *****************/

#lesvignettes{

width:560px;

min-height:200px;

float:left;

padding:0px 0px 20px 0px;

}

.vignette{

background: url(../images/_testImages/bg-vignette.gif) left top no-repeat;

width:144px;

height:200px;

float:left;

padding: 0 25px 0px 0px;

position:relative;

margin-bottom:25px;

}

#lesvignettes a.visu{

display:block;

width:137px;

height:110px;

filter: alpha(opacity=100);

-moz-opacity: 1; opacity:1;

padding:0px 0px 0 3px;

margin-top:-6px;

}

#lesvignettes a.visu:hover{

filter: alpha(opacity=60);

-moz-opacity: 0.60; opacity:0.60;

}

.descriptif{

float:left;

height:25px;

clear:both;

}

#lesvignettes p{

font:bold 11px/1.0em Arial, Helvetica, sans-serif;

color:#fff;

padding:5px 0 0 30px;

text-decoration:underline;

/*float:left;*/

}

.commander{

float:left;

padding:0 0 0 40px;

}

#lesvignettes  p.titre{

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

color: #fff;

padding:5px 5px 0 27px;

text-decoration:none;

height:29px;

text-align:center;

}





#container #contenu #lesvignettes p.titre a{

	color: #fff;

	text-decoration:none;

}



#container #contenu #lesvignettes p.titre a:hover{

	color: #11CBFF;

	text-decoration:none;

}



#container #contenu #lesvignettes p.rub_prod{

	margin-bottom:5px;

	font-weight:bold;

	text-align:center;

	color:#0AEC02;

	font-size:12px;

	text-decoration:none;

	height:30px;

	padding-left:0px;

	line-height:14px;

}



#lesvignettes  p a.detail{

color:#078ba3;

font:bold 10px Arial, Helvetica, sans-serif;

text-decoration: underline;

}

#lesvignettes p a.detail:hover{

color: #75c426;

}



#container #contenu #lesvignettes .bloc_prix{  

	height:15px;

	margin:0 5px 11px 5px;

}



#container #contenu #lesvignettes p.prix{  

	font-size:16px;

	font-weight:bold;

	font-family:"Trebuchet MS";

	/*color:#920101;*/

	color:#F67106;

	text-align:center;

	text-decoration:none;

	padding-top:0px;

	padding:0px;

	}

	

	#container #lesvignettes p.prix span.prix_reduit{  

	font-size:12px;

	font-weight:normal;

	font-family:"Trebuchet MS";

	color:#F67106;

	margin-right:3px;

	text-decoration: line-through;

	}

#container #contenu #lesvignettes .info{

	clear:both;

	margin-left:30px;

}





#container #form_tri{

	margin-left:292px;

	height:55px;

}



#container #form_tri select{

	width:150px;

	font-size:12px;

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

	background:#000;

	color:#ffffff;

	border:1px solid #613E04;

}



.vignette_nouv{

background: url(../images/_testImages/bg-vignette_nouv.gif) left top no-repeat;

width:144px;

height:240px;

float:left;

padding: 0 25px 0px 0px;

margin-bottom:10px;

position:relative;

}



#pagination{

	width:483px;

	clear:both;

	margin-top:5px;

	height:50px;

	position:relative;

}



#pagination p.prec{

	width:50px;

	float:left;

	text-align:left;

}



#pagination p.page{

	width:375px;

	float:left;

	text-align:center;

	padding-top:10px;

}



#pagination p.suiv{

	width:50px;

	float:right;

	text-align:right;

}



#container #contenu .bloc_fiche  p.disponible{

	color:#7E7E7E;

	font-weight:bold;

	text-align:center;

	margin-bottom:10px;

}



.vignette_ass{

background: url(../images/_testImages/bg-vignette_ass.gif) left top no-repeat;

width:144px;

height:200px;

float:left;

padding: 0 25px 0px 0px;

position:relative;

}





 .bonne_affaire{

	background:url(../images/_testImages/bonne.png) no-repeat;

	_background:url();

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/_testImages/bonne.png", sizingMethod="crop");

	width:61px;

	height:56px;

	position:absolute;

	left:-17px;

	top:-15px;

	z-index:450;

	

}



 .new{

	background:url(../images/_testImages/new.png) no-repeat;

	_background:url();

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/_testImages/new.png", sizingMethod="crop");

	width:61px;

	height:56px;

	position:absolute;

	left:-17px;

	top:-15px;

	z-index:450;

	

}



/************************Fiche produit************************************/

.cadre_photos{

	width:220px;

	float:left;

	margin-bottom:20px;

}



.cadre_photos img{

	border:1px solid #787878;

}





#container .cadre_photos .photo_principal{

	width:200px;

	text-align:center;

	/*height:210px;*/

	float:left;

	z-index:200;

	margin-bottom:10px;

}







.cadre_photos .ligne_img{

	width:220px;

	margin-bottom:15px;

	float:left;

}



.vig{

	/*width:60px;

	height:60px;*/

	margin:10px 8px 10px 0px;

	float:left;

}



#container .vig a img{

	border:1px solid #787878;

}



#container .bloc_fiche{

	float:right;

	width:250px;

	/*text-align:center;

	padding:2px 5px 2px 2px;*/

	margin-bottom:30px;

	

}



#container .bloc_fiche .top_fiche{

	float:left;

	width:250px;

	background:url(../images/_testImages/top_fiche.gif) no-repeat; 

	height:9px;

}





#container .bloc_fiche .contenu_fiche{

	float:left;

	width:250px;

	background:url(../images/_testImages/contenu_fiche.gif) repeat-y; 

	text-align:center;

}





#container .bloc_fiche .bas_fiche{

	float:left;

	width:250px;

	background:url(../images/_testImages/bas_fiche.gif) no-repeat; 

	height:30px;

}



#container #contenu .bloc_fiche p{

	margin-left:10px;

	margin-right:10px;

}



#container #contenu .bloc_fiche p.txt_prix{

	font-size:11px;

	color:#B9B7B9;

	line-height:12px;

	margin-bottom:20px;

	margin-top:-10px;

}





#container #contenu .bloc_fiche p.des_fiche_prod{

	text-align:center;

	color:#11CBFF;

	font-size:14px;

	margin:0px 8px 10px 8px;

	margin-bottom:13px;

	font-weight:bold;

	letter-spacing:1px;

	/*border-bottom:1px dotted #797979;*/

	padding:0px;

	min-height:18px;

}



#container .bloc_fiche  p.ref_fiche_prod{

	font-weight:bold;

	text-align:left;

	color:#fff;

	font-size:12px;

	min-height:13px;

	float:left;

	width:130px;

	margin:0px 0px 10px 0px;

}





#container .bloc_fiche  p.marque_fiche{

	font-weight:bold;

	text-align:left;

	color:#fff;

	font-size:12px;

	min-height:13px;

	width:130px;

	float:left;

	margin:0px 0px 10px 0px;

}





 #container  #contenu .bloc_fiche .bloc_panier p.txt_fiche{

 	margin-bottom:5px;

	float:left;

	width:80px;

	margin-right:0px;

	font-weight:bold;

	letter-spacing:1px;

	margin-right:0px;

 }



#container .bloc_fiche p.descriptif_fiche{

	color:#139B0D;

	border-bottom:1px dotted #139B0D;

	font-weight:bold;

	font-style:italic;

	margin-bottom:4px;

	clear:both;

	padding-top:7px;

}





#container .bloc_fiche p.prix{  

	font:bold 18px Arial, Helvetica, sans-serif;

	color:#FA6C04;

	text-align:center;

	margin:10px 10px 20px 0;

	}

#container .bloc_fiche .prixbarre{  

	font:normal 12px Arial, Helvetica, sans-serif;

	color:#FA6C04;

	text-decoration: line-through;

	margin-left:5px;

	}

	

#container .bloc_fiche p.prix span.prix_reduit{  

	font:normal 12px Arial, Helvetica, sans-serif;

	color:#FA6C04;

	margin-right:10px;

	text-decoration: line-through;

	}

	

#container .cadre_photos .env{

	border:none;

}



#container .cadre_photos .contacter{

	border:none;

	margin:0px 0px 0px  8px;

}



#container .bloc_fiche fieldset{

	border:1px solid #ECA8D4;

	width:240px;

	margin-bottom:10px;

	margin-left:7px;

}



#container .bloc_fiche legend{

	color:#bd0a0f;

	font-style:italic;

	font-size:13px;

	font-weight:bold;

	padding:5px;

	margin-left:30px;

}



#container .bloc_fiche fieldset p{

	font-family:Trebuchet MS;

	font-size:11px;

	line-height:1.2em;

	text-align:justify;

	color: #666;

	margin-bottom:5px;

	padding:5px;

 }

 

 #container .bloc_fiche .qte{	

 	border:1px solid #999999;

	background:#FFFFFF;

	width:50px;

 }

 

.ligne_panier{

	width:240px;

	clear:both;

	margin-bottom:5px;

}

 

 

 #container  #contenu .bloc_fiche .bloc_panier p.txt_panier{

 	margin-bottom:5px;

	float:left;

	width:120px;

	padding-right:0px;

	font-weight:bold;

	letter-spacing:1px;

	margin-right:0px;

	letter-spacing:-0.1px;

 }

 





 

#container   .bloc_fiche .bloc_panier{

	width:240px;

	margin:0px 5px 0px 0px;

	//border:1px solid red;

 }







#container  .bloc_fiche .quantite{

	width:40px;

}





#container .bloc_fiche select{

	width:105px;

	font-size:12px;

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

	background:#000;

	color:#ffffff;

	border:1px solid #613E04;

}



#container .bloc_fiche input{

	font-size:12px;

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

	background:#000;

	color:#ffffff;

	border:1px solid #613E04;

	width:105px;

	margin-bottom:8px;

}





.panier{

	border:none;

	margin-top:3px;

}



#container #contenu .bloc_fiche  p.disponible{

	color:#ffffff;

	font-weight:bold;

	text-align:center;

	margin-bottom:10px;

	margin-top:20px;

}





/******************* Galerie de photos **************/

.bloc_photo{

	width:167px;

	height:180px;

	float:left;

	margin:0px 0px 25px 45px;

	background:url(../images/_testImages/galerie.gif) no-repeat;

	text-align:center;

	padding-right:13px;

	position:relative;

}



.bloc_photo .bloc_img{

	margin:13px 5px 9px 13px;

	text-align:center;

	width:140px;

	height:110px;

}



.bloc_photo .bloc_img img{

	border:1px solid #666666;

}



#container #contenu .bloc_photo p{

text-align:center;

color:#11CBFF;

font-weight:bold;

line-height:15px;

}

.bloc_partenaire{

	width:167px;

	height:180px;

	float:left;

	margin:0px 0px 25px 45px;

	background:url(../images/_testImages/galerie.gif) no-repeat;

	text-align:center;

	padding-right:13px;

	position:relative;

}



.bloc_partenaire .bloc_img{

	margin:13px 5px 9px 13px;

	text-align:center;

	width:140px;

	height:110px;

}



.bloc_partenaire .bloc_img img{

	border:1px solid #666666;

}



#container #contenu .bloc_partenaire p{

text-align:center;

color:#11CBFF;

font-weight:bold;

line-height:15px;

}

 .design{

	background:url(../images/_testImages/design.png) no-repeat;

	_background:url();

_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/_testImages/design.png", sizingMethod="crop");

	width:33px;

	height:66px;

	position:absolute;

	left:139px;

	top:0px;

	z-index:150;



}



/************** Généralités *****************/



strong{

color:#11CBFF;

}





#container  #contenu  ul li{

	/*padding-bottom:2px;*/

	text-align:left;

	font-size:12px;

	line-height:1.6em;

	color:#686668;

	list-style:none;

	background:url(../images/_testImages/puce1.gif) no-repeat;

	padding-left:17px;

	margin:0px 0px 6px 30px;

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

	text-align:justify;

} 



#container #contenu  ul li a{

	text-decoration:none;

	color:#686668;

	font-weight:normal;

}







#container #contenu  ul{

	margin-bottom:15px;

	margin-top:5px;

}



/*-- galerie --*/



#contenu #galerie {

	margin-top:20px;

	width:440px;

	float:left;

	margin-left:25px;

	margin-top:10px;

	padding-bottom:40px;

}



#defilgauche {

  float: left;

  margin: 0 5px 5px 0;

  cursor: pointer;

  z-index: 9;

}



#defildroite {

  float: right;

  margin: 0 0 5px 5px;

  cursor: pointer;

  z-index: 10;

}



#flowcut {

  width:374px;

  overflow: hidden;

  position: relative;

}



#flow{

  position: relative;

}

  

  

.vign{

  float: left;

  margin-right :10px;

  width: 142px;

  height:115px;

  cursor:pointer;

}

.txt_droite{

float:left;

width:280px;

}





/******************** Contact ******************/

.bloc_contact{

	float:right;

	margin:0px 0px 30px 20px;

	position:relative;

	width:200px;

	height:176px;

	background:url(../images/_testImages/bg_contact.gif) no-repeat;

	text-align:center;

}



#container #contenu .colonne1{

	width:200px;

	float:left;

	margin-right:20px;

}



#container #contenu .colonne2{

	width:200px;

	float:left;

}



.bloc_contact img{

	margin-bottom:10px;

	margin-top:8px;

}



.colonne_contact{

	float:right;

	margin:0px 0px 10px 20px;

	position:relative;

	width:200px;

}



#container #contenu  .bloc_contact p{

	line-height:18px;

	margin:0px 15px 10px 23px;

}



#container #formContact{

	float:left;

}



#container #contenu p.coordonnees{

line-height:18px;

margin-left:20px;

}





#container #contenu  #formContact p{

	padding-bottom:0px;

	margin-bottom:5px;

	margin-left:0px;

	line-height:18px;

	text-align:justify;

}



#container #contenu #texte .diapo a img{

	border:none;

	color:#FFFFFF;

}



#container #formContact table.table tr td{

	height:15px;

}



#container #formContact table.table tr td.br{

	height:5px;

}



#container #formContact table.table tr td.adresse1{

	height:40px;

}



#container #formContact .checkbox{

	width:12px;

	height:12px;

	border:none;

}



#container #formContact .imputForm{

	margin-right:3px;

	font-weight:bold;

}







#container #formContact textarea{

	width:260px;

	font-size:12px;

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

	background:#000;

	color:#ffffff;

	border:1px solid #613E04;

}



#container #formContact input{

	width:260px;

	font-size:12px;

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

	background:#000;

	color:#ffffff;

	border:1px solid #613E04;

}



#container #formContact select{

	width:260px;

	font-size:12px;

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

	background:#000;

	color:#ffffff;

	border:1px solid #613E04;

}



#container #formContact input:focus{

	border-color:#139B0D;

}



#container #formContact textarea:focus{

	border-color:#139B0D;

}



#container #formContact select:focus{

	border-color:#139B0D;

}



#formContact .champRequis{

	color:#74390A;

	font-size:12px;

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

}



.champRequis{

	color:#74390A;

}



#container #contenu #formContact p.txt_rq{

	font-size:11px;

	line-height:12px;

	text-align:justify;

	padding-bottom:5px;

}



#container #formContact .bouton{

	border:none;

	color:#ffffff;

	background:#e11f28;

	background:url(../images/_testImages/bg_bouton.gif) no-repeat;

	margin:5px;

	width:80px;

	height:23px;

	text-align:center;

	padding-bottom:2px;

	letter-spacing:1px;

	font-weight:bold;

}



#container #formContact .capta{

	width:50px;

}

#contenu .text-pro{
	width:315px;
}