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

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

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

#contenu h1{

font:bold 17px Times New Roman, Arial, Helvetica, sans-serif;

color:#FFF;

letter-spacing:1px;

text-transform:uppercase;

margin:0 0 20px;

border-bottom:1px dotted #3b3b3b;

}

#contenu h2{

font:bold 17px Times New Roman, Arial, Helvetica, sans-serif;

color:#ba230c;

text-transform:uppercase;

margin:0 0 7px;

border-bottom:1px dotted #3b3b3b;

}

#contenu p{

font:16px Garamond, Arial, Helvetica, sans-serif;

text-align:justify;

color:#FFFFFF;

margin-bottom:1.2em;

}



#contenu p.couleur, span.couleur{

font-weight:bold;

color:#ba230c;

}

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

text-decoration:none;

color:#fff;

}

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

color:#ba230c;

text-decoration:underline;

}



#container #contenu h1 a:hover{

	color:#FFFFFF;

}



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

.anim{

	float:right;

	border:1px solid #3B3B3B;

	margin:0px 0px 30px 10px;

}



h2.titre{

	width:510px;

}



.bloc_contact{

	width:180px;

	height:110px;

	background:url(../images/charte/bg_contact.jpg) no-repeat;

	float:right;

	margin:0px 0px 10px 10px;

	border:1px solid #2B2B2B;

}



.bloc_contact3{

	width:400px;

	height:110px;

	background:url(../images/charte/bg_contact3.jpg) no-repeat left top;

	float:right;

	margin:0px 0px 10px 10px;

	border:1px solid #2B2B2B;

}



#container #contenu .bloc_contact p{

	margin:40px 14px 10px 14px;

}



#container #contenu .bloc_contact3 p{

	margin:40px 14px 10px 14px;

}



.colonne_contact{

	width:200px;

	float:right;

	margin:0px 0px 10px 10px;

}



.bloc_contact2{

	width:186px;

	height:370px;

	background:url(../images/charte/bg_contact2.jpg) no-repeat;

	float:right;

	border:1px solid #4D4C4C;

}



.img_contact{

	float:right;

	clear:right;

	margin-top:50px;

}



#container #contenu .bloc_contact2 p{

	margin:35px 10px 10px 10px;

	color:#FFFFFF;

	font-size:16px;

	text-align:left;

}



#container #contenu .bloc_contact2 ul li{

	color:#FFFFFF;

	font-size:16px;

	letter-spacing:1px;

	margin-right:5px;

	text-align:left;

}



.colonne1{

	width:355px;

	float:left;

	margin-right:35px;

}



.colonne2{

	width:358px;

	float:left;

}



strong{

	color:#FFFFFF;

}



#container  #contenu ul li{

	/*padding-bottom:2px;*/

	text-align:left;

	font-size:16px;

	line-height:1.6em;

	list-style-image:url(../images/charte/puce.gif);

	margin:0px 0px 4px 30px;

	font:14px Garamond, Arial, Helvetica, sans-serif;

	color:#FFFFFF;

	text-align:justify;

} 



#container  #contenu ul li a{

	text-decoration:none;

	color:#ccc;

	font-weight:bold;

}





#container  #contenu ul{

	margin-bottom:10px;

}



#container  #contenu p.paragraphe{

	line-height:22px;

	margin-bottom:25px;

}

/**************** Listing produits ***********************/



#container #form_tri{

	margin-left:190px;

	margin-bottom:30px;

}



#container #form_tri select{

	width:150px;

	font-size:12px;

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

	background:#FFFFFF;

	color:#000;

	border:1px solid #454545;

}



.prod{

	width:170px;

	/*height:260px;

	background:#621207;*/

	text-align:center;

	float:left;

	margin:3px 8px 20px 9px;

	position:relative;

}





.prod .top_prod{

	width:170px;

	height:4px;

	background:url(../images/charte/top_prod.jpg) no-repeat;

	float:left;

}



.prod .contenu_prod *{

  margin: 0;

  padding: 0;

}





.prod .contenu_prod{

	width:170px;

	height:275px;

	background:url(../images/charte/bg_prod2.jpg) no-repeat bottom left;

	float:left;

}



.prod .bas_prod{

	width:170px;

	height:21px;

	background:url(../images/charte/bas_prod.jpg) bottom left no-repeat;

	float:left;

}



.prod .contenu_prod_ass{

	width:170px;

	height:210px;

	background:url(../images/charte/bg_prod2.jpg) no-repeat bottom left;

	float:left;

}



.prod .plus a{

}



.prod .img{

	border:1px solid #CCCCCC;

	margin:2px 2px 2px 2px;

}





#container #contenu .prod .plus{

	background:#1D2226;

	height:22px;

	border:none;

}



#container .prod info{

	border:none;

	margin:0px;

}



#container .prod a:hover{

	text-decoration:underline;

}



#container .prod p{

	font-size:11px;

	padding:0px 5px;

}





#container .prod .zone_img{

	width:130px;

	height:110px;

	margin:3px 10px;

}







#container .prod p.titre_prod{

	font-weight:bold;

	text-align:center;

	color:#FFFFF;

	font-size:15px;

	padding:2px 0px;

	height:40px;

	margin:0px 7px 5px 5px;

}



#container .prod p.txt_prod{

	text-align:justify

	color:#CCCCCC;

	font-size:12px;

	padding:1px 5px;

	height:40px;

	margin-bottom:8px;

}







#container .prod p.ref_prod{

	font-weight:bold;

	font-style:italic;

	text-align:center;

	color:#CCCCCC;

	font-size:14px;

	padding:2px 0px;

	height:13px;

	margin:0px 7px 5px 5px;

}



#container .prod p.rub_prod{

	font-weight:bold;

	text-align:center;

	color:#ffffff;

	font-size:14px;

	padding:2px 0px;

	height:13px;

	margin:0px 7px 5px 5px;

}







#container #contenu .prod p.ref_prod a{

	color:#999999;

	text-decoration:none;

}



#container #contenu .prod p.ref_prod a:hover{

	color:#FFFFFF;

	text-decoration:none;

}





#container #contenu .prod p.titre_prod a:hover{

	color:#FFFFFF;

	text-decoration:underline;

}



#container #contenu .prod p.titre_prod a:active{

	color:#FFFFFF;

	text-decoration:underline;

}



#container #contenu .prod p.prix{  

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

	/*color:#920101;*/

	color:#ba230c;

	text-align:center;

	margin:0 5px 5px 0;

	}

#container .prod .prixbarre{  

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

	color:#920101;

	text-decoration: line-through;

	}

	

	#container .prod p.prix span.prix_reduit{  

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

	color:#ba230c;

	margin-right:3px;

	text-decoration: line-through;

	}



pagination{

	width:740px;

	clear:both;

	margin-top:5px;

}



#pagination p.prec{

	width:40px;

	float:left;

	text-align:left;

	margin-left:10px;

}



#pagination p.page{

	width:645px;

	float:left;

	text-align:center;

	padding-top:10px;

}



#pagination p.suiv{

	width:40px;

	float:right;

	text-align:right;

	margin-right:10px;

}



/*************************** Galerie ***************************/



.bloc_realisation{

	width:170px;

	height:185px;

	background:url(../images/charte/bg_galerie1.jpg) no-repeat;

	/*background:#621207;*/

	text-align:center;

	float:left;

	margin:3px 8px 20px 9px;

	/*border:1px solid #434343;*/

}



.bloc_realisation2{

	width:170px;

	height:220px;

	background:url(../images/charte/bg_galerie2.jpg) no-repeat;

	/*background:#621207;*/

	text-align:center;

	float:left;

	margin:3px 8px 20px 9px;

    border: 0px solid yellow;

	/*border:1px solid #434343;*/

}



.bloc_realisation .img_rea{

	width:150px;

	height:132px;

	margin:5px 10px;

}



.bloc_realisation .img_rea img{

	border:1px solid #797878;

}



.bloc_realisation2 .img_rea2{

	width:150px;

	height:170px;

	margin:5px 10px;

}



.bloc_realisation2 .img_rea2 img{

   border:1px solid #797878;

}



#container #contenu .bloc_realisation p{

	color:#FFFFFF;

	text-align:center;

	margin:0px 5px;

	height:30px;

	font-weight:bold;

	font-family:"Trebuchet MS";

	line-height:16px;

}



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

.cadre_photos{

	width:410px;

	float:right;

	margin-bottom:20px;

}



.cadre_photos img{

	border:1px solid #ccc;

}





#container .cadre_photos .photo_principal{

	width:282px;

	text-align:center;

	/*height:210px;*/

	float:left;

	z-index:200;

	margin-bottom:10px;

}







.cadre_photos .ligne_img{

	width:265px;

	margin-bottom:5px;

	float:left;

}



.vignette{

	/*width:60px;

	height:60px;*/

	margin:0px 23px 14px 0px;

	float:right;

}



#container .vignette a img{

	border:1px solid #ccc;

}



#container .bloc_fiche{

	float:left;

	width:300px;

	/*text-align:center;

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

	margin-bottom:20px;

	background:#292929 url(../images/charte/bg_fiche.jpg) no-repeat right bottom;

	border:1px solid #454545;

}



#container .bloc_fiche .top_fiche{

	float:left;

	width:300px;

	background:url(../images/charte/top_fiche.jpg) no-repeat;

	height:29px;

}



#container .bloc_fiche .contenu_fiche{

	float:left;

	width:300px;

	background:url(../images/charte/contenu_fiche.jpg) repeat-y;

}



#container .bloc_fiche .bas_fiche{

	float:left;

	width:300px;

	background:url(../images/charte/bas_fiche.jpg) no-repeat;

	height:26px;

	padding-bottom:50px;

}



#container .bloc_fiche p{

	margin-bottom:0px;

}



#container .bloc_fiche p.rub_fiche_prod{

	margin-bottom:5px;

	font-weight:bold;

	text-align:right;

	color:#FF2B22;

	font-size:12px;

	padding-right:10px;

}



#container .bloc_fiche  p.des_fiche_prod{

	text-align:center;

	color:#ffffff;

	font-size:15px;

	padding:4px 10px 2px 30px;

	margin-bottom:3px;

	font-weight:bold;

}



#container .bloc_fiche  p.des_fiche_prod span.ref{

	color:#CCCCCC;

	font-size:13px;

	font-weight:bold;

}





#container #contenu .bloc_fiche p.detail{

	width:130px;

	color:#FFFFFF;

	margin-left:10px;

	float:left;

	clear:left;

	font-weight:bold;

}



#container .bloc_fiche p.prix{  

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

	color:#ba230c;

	text-align:center;

	margin:8px 10px 15px 0;

	}

#container .bloc_fiche .prixbarre{  

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

	color:#920101;

	text-decoration: line-through;

	margin-left:5px;

	}

	

#container .bloc_fiche p.prix span.prix_reduit{  

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

	color:#ba230c;

	margin-right:10px;

	text-decoration: line-through;

	}

	

#container .env{

	border:none;

	clear:both;

}



#container .contacter{

	border:none;

	margin:0px 0px 20px  0px;

}



#container .imprimer{

	border:none;

	margin:0px 0px 0px  40px;

}



#container .bloc_fiche fieldset{

	border:1px solid #383838;

	width:284px;

	margin-bottom:10px;

	margin-left:7px;

}



#container .bloc_fiche legend{

	color:#FFFFFF;

	font-style:italic;

	font-size:15px;

	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: #ccc;

	margin-bottom:5px;

	padding:5px;

 }

 

 #container .bloc_fiche .qte{	

 	border:1px solid #999999;

	background:#FFFFFF;

	width:50px;

 }

 

 

 #container   .bloc_fiche .bloc_panier p.txt_panier{

 	margin-bottom:10px;

	margin-left:8px;

	float:left;

	clear:both;

	width:65px;

	margin-top:5px;

 }

 

 .panier{

 	float:left;

	margin-left:20px;

 }

 

  #container   .bloc_fiche .bloc_panier p.poids{

 	margin-bottom:10px;

	float:left;

	width:150px;

 }

 



#container   .bloc_fiche .bloc_panier{

	width:300px;

	margin:0px 10px 5px 0px;

	height:27px;

 }







#container  .bloc_fiche .quantite{

	float:left;

}





#container .bloc_fiche select{

	width:100px;

	background:#ffffff;

	color:#000;

	border:1px solid #1B1B1B;

	margin-bottom:8px;

}



#container .bloc_fiche input{

	background:#ffffff;

	color:#000;

	border:1px solid #1B1B1B;

	width:50px;

	margin-bottom:8px;

}



#contenu p.disponible{

	color:#CCCCCC;

	font-weight:bold;

	text-align:center;

}





#contenu .dispo{

height:20px;

margin-top:2px;

}

#contenu p.dispo_prod{

	color:#CCCCCC;

	text-align:center;

	margin-bottom:0px;

	letter-spacing:1px;

}



/********************* Présenation *************/



.ligne{

	clear:both;

	margin-bottom:10px;

	width:748px;

}



.colonne_titre{

	width:200px;

	float:left;

	margin-right:10px;

	margin-bottom:20px;

}



.colonne_texte{

	width:520px;

	float:left;

	border-left:1px solid #323232;

	padding-left:10px;

	margin-bottom:30px;

}



#container #contenu .colonne_titre p{

	font-weight:bold;

	font-size:16px;

	color:#ba230c;

	margin-bottom:10px;

}



#container #contenu .colonne_texte p{

	font-size:16px;

	color:#FFFFFF;

}



#container #contenu .colonne_texte ul li{

	font-size:16px;

	color:#FFFFFF;

}



/************* Presses ******************/

.bloc_presse{

	width:734px;

	float:left;

	margin:0px 0px 5px 3px;

	padding-bottom:10px;

}



.bloc_presse2{

	width:354px;

	float:left;

	margin:0px 10px 5px 3px;

	padding-bottom:10px;

}



.bloc_presse .top_presse{

	width:734px;

	float:left;

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

	height:32px;

}



.bloc_presse2 .top_presse{

	width:354px;

	float:left;

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

	height:32px;

}





.bloc_presse  .bas_presse{

	width:734px;

	float:left;

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

	min-height:70px;

	padding-bottom:10px;

}



.bloc_presse2  .bas_presse{

	width:354px;

	float:left;

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

	min-height:70px;

	padding-bottom:10px;

    text-align: center;

}





#container  #contenu .bloc_presse  p.titre_presse{

	font-weight:bold;

	font-size:16px;

	color:#ba230c;

	font-variant:small-caps;

	letter-spacing:1px;

	border-bottom:1px dotted #ba230c;

	width:706px;

	margin:8px 12px 0px 14px;

}



#container  #contenu .bloc_presse2  p.titre_presse{

	font-weight:bold;

	font-size:16px;

	color:#ba230c;

	font-variant:small-caps;

	letter-spacing:1px;

	border-bottom:1px dotted #ba230c;

	width:330px;

	margin:8px 12px 0px 14px;

}



#container  #contenu .bloc_presse p.txt_presse{

	float:left;

	width:565px;

	margin:0px 0px 0px 15px;

}



#container  #contenu .bloc_presse2 p.txt_presse{

	float:left;

	width:265px;

	margin:0px 0px 0px 15px;

}



#container  #contenu .bloc_presse img{

	float:right;

	margin:3px 15px 12px 10px;

	border:1px solid #ccc;

}



#container  #contenu .bloc_presse2 img{

   /*	float:right;*/

	margin:3px 15px 12px 10px;

	border:1px solid #ccc;

}



/************* Presse video *************/

#presseVideo{

	width:734px;

	margin:0px 0px 5px 3px;

	padding-bottom:10px;

	color:#fff;

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

}

#presseVideo #objetVideo{

	text-align:center;

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

	}

#presseVideo h2{

	border-bottom:1px dotted #BA230C;

	color:#BA230C;

	font-size:16px;

	font-variant:small-caps;

	font-weight:bold;

	letter-spacing:1px;

	margin:8px 12px 14px 14px;

	width:706px;

}

#presseVideo .titreVideo{

	background:transparent url(../images/charte/top_presse.gif) no-repeat scroll 0 0;

	float:left;

	height:32px;

	width:734px;

	margin-bottom:10px;

}

#presseVideo fieldset{

	border:1px solid #666666;

	margin-bottom:10px;

	padding:10px;

	margin-left:auto;

	margin-right:auto;

	width:650px;

	text-align:left;

	}

#presseVideo fieldset legend{

	color:#FFFFFF;

	font-size:15px;

	font-style:italic;

	font-weight:bold;

	margin-left:30px;

	padding:5px;

	}

#presseVideo .pagination{

	text-align:center;

}

/************* Presses ******************/

.bloc_galerie{

	width:734px;

	float:left;

	margin:0px 0px 5px 3px;

	padding-bottom:10px;

}



.bloc_galerie .top_galerie{

	width:734px;

	float:left;

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

	height:32px;

}





.bloc_galerie .bas_galerie{

	width:734px;

	float:left;

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

	min-height:70px;

	padding-bottom:10px;

}





#container  #contenu .bloc_galerie  p.titre_galerie{

	font-weight:bold;

	font-size:16px;

	color:#ba230c;

	font-variant:small-caps;

	letter-spacing:1px;

	border-bottom:1px dotted #ba230c;

	width:706px;

	margin:8px 12px 0px 14px;

}



#container  #contenu .bloc_galerie  p.titre_galerie span.date_gal{

	font-weight:normal;

	font-size:13px;

	color:#CCCCCC;

	font-variant:small-caps;

}



#container .bloc_galerie .bloc_gauche{

	width:350px;

	margin-bottom:10px;

	margin-left:15px;

	float:left;

}



#container .bloc_galerie fieldset{

	border:1px solid #666666;

	width:350px;

	margin-bottom:10px;

}



#container .bloc_galerie legend{

	color:#FFFFFF;

	font-style:italic;

	font-size:15px;

	font-weight:bold;

	padding:5px;

	margin-left:30px;

}



#container .bloc_galerie fieldset p{

	font-family:Trebuchet MS;

	font-size:11px;

	line-height:1.2em;

	text-align:justify;

	color: #ffffff;

	margin-bottom:5px;

	padding:5px;

 }

 

#container .bloc_galerie .bloc_photos{

	width:310px;

	float:left;

	margin-left:50px;

	margin-top:10px;

 }

 



#container  #contenu .bloc_presse img{

	float:right;

	margin:3px 15px 12px 10px;

	border:1px solid #ccc;

}



#container .bloc_galerie .bloc_photos .ligne_photos{

	width:310px;

	float:left;

}



.vignette1{

	/*width:60px;

	height:60px;*/

	margin:0px 23px 13px 0px;

	float:right;

}



#container .vignette1 a img{

	border:1px solid #ccc;

}



#contenu #galerie {

	margin-top:20px;

	width:300px;

	float:left;

	margin-top:10px;

	height:55px;

	padding-bottom:5px;

}



#defilgauche {

  float: left;

  margin: 0 5px 5px 0;

  cursor: pointer;

  z-index: 9;

}



#defildroite {

  float: right;

  margin: 0 0 2px 5px;

  cursor: pointer;

  z-index: 10;

}



#flowcut {

  width:240px;

  overflow: hidden;

  position: relative;

}



#flow{

  position: relative;

}

  

  

.vign{

  float: left;

  margin-right :10px;

  width: 60px;

  height:52px;

  cursor:pointer;

}





.contenu_txt{

float:right;

width:290px;

margin-top:10px;

}





/* STYLE DE LA PAGE CONTACT */



#contactTxt{

	width:545px;

}

	

#contactTxt img{

	float:right;

	margin:0px 90px 15px 0px;

}



#container #contactTxt  p{

	text-align:left;

	padding-bottom:0px;

	margin-top:10px;

	line-height:18px;

	

}







#container #contactTxt .logo{

	float:left;

	border:none;

	margin:0px 10px 20px 0px;

}





#container #contenu  #formContact p{

	padding-bottom:0px;

	margin-bottom:5px;

	margin-left:0px;

	line-height:18px;

	text-align:left;

}





#container #formContact{

	float:left;

	margin-right:15px;

	width:500px;

}





#container #contenu  #formContact p{

	padding-bottom:0px;

	margin-bottom:5px;

	margin-left:0px;

	line-height:18px;

	text-align:left;

	color:#FFFFFF;

	font-size:16px;

}



#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:300px;

	font-size:12px;

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

	background:#ffffff;

	color:#000;

	border:1px solid #000;

}



#container #formContact input{

	width:300px;

	font-size:12px;

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

	background:#ffffff;

	color:#000;

	border:1px solid #000;

}



#container #formContact input:focus{

	border-color:#ff0000;

}



#container #formContact textarea:focus{

	border-color:#ff0000;

}



#formContact .champRequis{

	color:#B50303;

	font-size:12px;

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

}



.champRequis{

	color:#B50303;

}



#container #contenu #formContact p.txt_rq{

	font-size:14px;

	line-height:14px;

	text-align:justify;

	padding-bottom:5px;

}



#container #formContact .bouton{

	border:none;

	color:#fff;

	background:#000;

	/*background:url(../images/charte/bouton.jpg) no-repeat;*/

	margin:5px;

	width:70px;

	height:22px;

	text-align:center;

	padding-bottom:2px;

	letter-spacing:1px;

	font-weight:bold;

}



#container #formContact .capta{

	width:83px;

}





.imgInternet{

  padding: 3px;

  border: 1px solid #CCCCCC;

  background-color: #333333;

  float: left;

  margin: 0 10px 10px 0;

}