/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */




/* page accueil*/
.prod_index{
	width:119px;
	background-image:url(../images/charte/prod.png);
	background-repeat:no-repeat;
	_background:url();
	/*background: 0;*/
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/prod.png', sizingMethod='crop');		
	position:relative;
	float:left;	
	padding:10px 10px 5px 7px;
	text-decoration:none;
	margin:10px 9px 10px 0px;
	
}



#contenuTexte .gauche .prod_index .photo{
	width:110px;
	text-align:center;
	margin-left:3px;
	border:1px solid white;
	margin-bottom:5px;
	position:relative;
	
	}
		
#contenuTexte .gauche .prod_index .desc{
	float:left;
	width:119px;

	}
	
#contenuTexte .gauche .prod_index .desc p.design{
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fc5800;
	height:48px !important;
	max-height:48px;
	text-align:center;
	margin-bottom:5px;
	}
	
#contenuTexte .gauche .prod_index .desc p.rub{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000090;
	height:35px !important;
	max-height:35px;
	margin-bottom:7px;
	text-align: left;}
	
	#contenuTexte .gauche .prod_index .desc p.centre{
	
	text-align:center;
	float:left;
	width:110px;
	max-height:20px;
	min-height:20px;
	margin-top:10px;
}

#contenuTexte .gauche .prod_index .desc .centre span.prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:5px;
	color:#fc5800;
	
	}

#contenuTexte .gauche .prod_index .desc .centre span.prixbarre{
	text-decoration:line-through;
	color:#ffc000;
	font-size:11px;
}


#contenuTexte .gauche p.titrein{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fc5800;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:1px dotted #000090;
	padding-top:10px;}
	
.ajoutpanier{
	float:left;
	width:118px;
	height:34px !important;
	max-height:34px;
	margin-bottom:10px;
	}
#contenuTexte .gauche .prod_index .desc .ajoutpanier img {
border:none;
	}


.info{
	float:right;
	height:15px;
	width:59px;
	border:none;
	margin-top:7px;
	margin-bottom:5px;
	cursor:pointer;
	
	}
	#contenuTexte .gauche .prod_index .desc .info img {
border:none;
	}

	
	
.picto_pro{
	width:62px;
	height:62px;
	position:absolute;
	z-index:800;
	background-image:url(../images/charte/picto.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src='images/charte/picto.png', sizingMethod='crop');

}
	
		
.picto_new{
	width:62px;
	height:62px;
	position:absolute;
	z-index:800;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}
	.picto_newf{
	width:62px;
	height:62px;
	position:absolute;
	z-index:800;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}
	
	
	
	/* page listing*/
.prod_lis{
	width:151px;
	background-image:url(../images/charte/prodL.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/prodL.png', sizingMethod='image');
	padding:10px 15px 5px 10px;
	text-decoration:none;
	float:left;
	margin:10px 5px 10px 0px;
	position:relative;
	}

#contenuTexte .gauche .prod_lis .photo{
	width:140px;
	text-align:center;
	margin-left:5px;
	border:1px solid white;
	margin-bottom:5px;
	}
		
#contenuTexte .gauche .prod_lis .desc{
	float:left;
	width:151px;

	}
	
#contenuTexte .gauche .prod_lis .desc p.design {
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fc5800;
	height:48px !important;
	max-height:48px;
	text-align:center;
	margin-bottom:5px;
	
	}
	
#contenuTexte .gauche .prod_lis .desc p.rub{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000090;
	height:20px;
	max-height:25px;
	margin-bottom:10px;
	text-align:left;}
	
	#contenuTexte .gauche .prod_lis .desc p.rub a,#contenuTexte .gauche .prod_lis .desc p.rub a:visited{
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000090;
	height:20px;
	max-height:25px;
	margin-bottom:10px;
	text-align:left;
	text-decoration:none;}
	
	#contenuTexte .gauche .prod_lis .desc p.centre{
	
	text-align:center;
	float:left;
	width:150px;
	max-height:20px;
	min-height:20px;
	width:100px;
	margin-top:3px;
}

#contenuTexte .gauche .prod_lis .desc .centre span.prix{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:8px;
	color:#fc5800;
	
	}

#contenuTexte .gauche .prod_lis .desc .centre span.prixbarre{
	text-decoration:line-through;
	color:#ffc000;
	font-size:11px;
}



	
.ajoutpanierlis{
	float:left;
	width:118px;
	height:34px !important;
	max-height:34px;
	margin-bottom:5px;
	margin-top:5px;
	}
	
#contenuTexte .gauche .prod_lis .desc .ajoutpanierlis img {
border:none;
	}


.infolis{
	float:right;
	height:15px;
	width:59px;
	border:none;
		}
		
	#contenuTexte .gauche .prod_lis .desc .infolis img {
border:none;
	}

	
.picto_prolis{
	width:62px;
	height:62px;
	position:absolute;
	background-image:url(../images/charte/picto.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto.png', sizingMethod='crop');

}
	
		
.picto_newlis{
	width:62px;
	height:62px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:0px;
	left:0px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='crop');
	
}
	
	.label1{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	color:#fc5800;
	font-family:Arial, Helvetica, sans-serif;

}
		.label11{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	margin-left:50px;
	color:#fc5800;
	font-family:Arial, Helvetica, sans-serif;
}
	.opt{
	color:#fc5800;
	border-color:#fc5800;
		margin-top:10px;
	}
	
	
	
	#contenuTexte .gauche #pagination{
	width:400px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:160px;
	margin-bottom:70px !important;
}
#contenuTexte .gauche #pagination2 {
	width:400px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:50px;
	margin-bottom:70px !important;
}
#contenuTexte #pagination p{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;

}


a .prev{
	float:left;
	width:57px;
	height:31px;

}
#contenuTexte .gauche #pagination  .prev p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;

}
a .next{
	float:right;
	width:47px;
	height:31px;
	
}
	
#contenuTexte .gauche #pagination .next p{
	font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
	
}
	
	
	/*mention*/
	
	#mention1{
	float:left;
	width:350px;
	padding-right:15px;
	border-right: 1px solid #fc5800;
	margin-right:15px;
	}
	#mention2{
	float:left;
	width:340px
	}
	
	#mention2 p{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.8em;
	font-size:11px;
	
	color:#000090;}
		#mention1 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000090;
	line-height:1.8em;}
	
	
	#mention2 p.menttitre{
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.2em;
	font-size:12px;
	color:#fc5800;
	border-bottom:1px dotted #fc5800;
	font-weight:bold;
	margin-bottom:10px;}
	
	
		#mention1 p.menttitre{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fc5800;
	font-weight:bold;
	line-height:1.2em;
	border-bottom:1px dotted #fc5800;
	margin-bottom:10px;}
	
		#mention1 p span.color{
		color:#fc5800;}
	
	
	
	p.cgv{
	font-size:12px;
	color:#000090;}
	
	
	
	#contenuTexte .gauche p.merci{
	font-size:14px;
	color:#000090;
	text-align:center;}
	
	
	
	
	
	
	
	
	/* contact*/
	
	

#fomulaire {
	width:384px;
	float:left;
	padding-bottom:20px;
	
	
}
#contact_prop {
	width:300px;
	float:left;


}



#contact_plan a #imgplan {
	margin-left:0px;
	width:153px;
	

}


#contenuTexte input,textarea{
	width:95%;
	font-size:12px;
	border:1px solid #fc5800;
	color:#fc5800;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte input:focus,textarea:focus{
	border:1px solid #fc5800;
}
#contenuTexte .champRequis{
	color:#fc5800;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenuTexte   .bouton {
	border:1px solid #fc5800;
	color:#fff;
	background-color:#fc5800;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenuTexte  .bouton:focus {
	border:1px solid #fc5800;
}

#contenuTexte  .capa{
	width:95%;
border:1px solid #fc5800;
	color:#fc5800;
	background-color:#fff;
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte  .capa:focus{
	border:1px solid #fc5800;
}

#contenu .case{
	text-align:left;
	width:15px;
	border:none;
	background:none;
	margin-bottom:5px;
}



.titre_parti{
	margin-bottom:15px;
	margin-left:0px;
	width:100%;
	
}
.titre_parti22{
	margin-bottom:15px;
	margin-left:0px;
	width:200px;
	
}

.titre_particoor {
	margin-bottom:15px;
	margin-left:10px;
	float:left;
	width:50px;
}

.titre_parti2  {
	width:200px;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:300px;
	float:left;
	margin-bottom:20px;
	margin-left:10px;
	border-left:1px dotted #ff7f00;
	padding-left:5px;

}

#contact_coordonnees p{
padding-bottom:5px;
	font-size:1.1em;
	line-height:1.2em;
	text-align:justify;

}

#contact_coordonnees p.micr{
padding-bottom:5px;
font-size:12px;
font-weight:bold;
margin-left:5px;
color:#000090;

}

#contact_loi {
	width:280px;
	float:left;
	margin-left:20px;
	margin-top:15px;
	padding-bottom:10px;
	border-left:1px dotted #ff7f00;
		padding-left:5px;
		margin-left:10px;
}
#contact_plan {
	width:280px;
	float:left;
	margin-left:10px;
}


#contenuTexte .txt_bas3 {
	font-size:11px;
}

#contenuTexte .txt_bas{
	font-size:9px;
}
label {
	line-height:2.2em;
	font-size:11px;
	color:#dacbb2;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;

}

#contenuTexte .listee2{
	width:110px;
	border:1px solid #fc5800;
	font-size:12px;
	color:#fc5800;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTexte .listee1{
	width:125px;
	border:1px solid #fc5800;
	font-size:12px;
	color:#fc5800;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-right:15px;
}

#caracterefiche .qtit{
	width:108px;
	border:1px solid #fc5800;
	font-size:12px;
	color:#fc5800;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
	

}

#contenuTexte p.enval{
	font-weight:bold;
	border-bottom:1px dotted #fc5800;
	color:#fc5800;
	background-image: url(../images/charte/enval.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:13px;
	margin-bottom:10px;
	margin-top:10px;
}


#contenuTexte p.enval1{
	font-weight:bold;
	border-bottom:1px dotted #fc5800;
	color:#fc5800;
	background-image:url(../images/charte/enval.gif);
	background-repeat:no-repeat;
	padding-bottom:0px;
	padding-left:40px;
	font-size:14px;
}

#contenuTexte p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #fc5800;
	color:#fc5800;
	padding-left:20px;
	font-size:12px;
}



.img_acces{
margin-top:20px;
float:left;
width:298px;
height:299px;
margin-bottom:20px;
}

.desc_acces{
	width:620px;
	float:left;
	border:1px solid #b08d6f;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;

}

.label3{
color:#fc5800;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;}
	
	#contact_fomulaire {
	width:380px;
	float:left;
	padding-bottom:20px;
	margin-left:5px;
	margin-right:15px;
}

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

#visuelfiche {
	float:left;
	width:405px;
	margin-right:5px;
	margin-bottom:20px;
	padding-top:5px;
}
#imageprincipale {
	float:left;
	width:300px;
	margin-right:10px;
	text-align:center;

}
#imageprincipale img{
	border:1px solid #fc5800;
}

#vignettefiche{
	float:left;
	width:90px;
	height:300px;
	
}
#vignettefiche img{
	border:1px solid #fc5800;
}

#vignettefiche .decimage {
	margin-bottom:3px;
}

#boutonfiche{
	float:left;
	width:180px;
	margin-left:40px;
	margin-bottom:15px;
	height:40px;
}
#boutonfiche22{
	float:left;
	width:180px;
	margin-left:40px;
	margin-bottom:15px;
	height:40px;
	border:none;
}
#boutonfiche2{
	float:left;
	width:250px;
	height:27px;
}
#boutonfiche img{
	border:none;
}
#boutonfiche2 .imageright {
	float:right;
}
#boutonfiche2 .imageleft {
	float:left;
}
#contenuTexte .gauche #caracterefiche {
	float:left;
	width:269px;
	padding:5px 10px 0px 10px;
	background-image:url(../images/charte/contenufiche2.png);
	background-repeat:repeat-y;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/contenufiche2.png', sizingMethod='image');}
	
	
#desfiche{
	float:left;
	width:269px;
	padding:5px 10px 0px 10px;
	height:23px;
	background-image:url(../images/charte/hautfiche.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/hautfiche.png', sizingMethod='image');}
	
	#basfiche{
	float:right;
	margin-right:26px;
	width:269px;
	padding:5px 10px 0px 10px;
	height:33px;
	background-image:url(../images/charte/basfiche.png);
	background-repeat:no-repeat;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/basfiche.png', sizingMethod='image');}
	
#contenuTexte .gauche p.designation_mar{
	float:left;
	width:700px;
	
	color:#fc5800;
	font:bold 13px "Trebuchet MS";
	margin-top:15px;
	line-height:1.5em;
	text-transform:uppercase;
	margin-bottom:20px;
	float:left;
	border-bottom:1px solid #fc5800;
	}
	
#desfiche p{
	color:#fc5800;
	width:269px;
	font:bold 14px "Trebuchet MS";
	text-align:center;
	line-height:1.5em;
	text-transform:uppercase;
	margin-bottom:10px;
	float:left;
	border-bottom:1px  solid #fc5800;
}


 #caracterefiche  p.description{
	color:#000090;
	width:269px;
	font-size:11px;
	text-align:justify;
	
	line-height:1.5em;
	margin-bottom:10px;
}

#caracterefiche p.titrefiche{
	font-weight:bold;
	border-bottom:1px dotted #fc5800;
	margin-bottom:5px;
	padding-left:15px;
	color:#fc5800;
	width:250px;
	background-image:url(../images/charte/bgtitre.jpg);
	background-repeat:no-repeat;
	
}
 #caracterefiche  p.centre2{
	float:left;
	margin-left:60px;
		max-height:15px;
		margin-top:10px;
	overflow:hidden;
	margin-bottom:10px;
}

 #caracterefiche span.prix2{
	font:bold 18px Arial, Helvetica, sans-serif;
	margin-right:20px;
	color:#fc5800;
	
}

.contact_fiche{
margin-left:45px;}

#caracterefiche span.prixbarre2{
	text-decoration:line-through;
	color:#ffc000;
}


	
	.label2 {
	width:80px;
	margin-left:15px;
	line-height:2em;
	font-size:11px;
	color:#fc5800;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}

	#contenuTexte .gauche .produit .imagelisting{
	width:130px;
	margin-bottom:8px;
	text-align:center;
	float:left;

	}
	
#contenuTexte .gauche .produit .imagelisting img{
	border:none;
}
	
	.produit {
	
	background-color:#fff;
	border:1px solid #fc5800;
	width:145px;
	margin:5px 20px 20px 0;
	padding:5px 5px 4px 5px;
	float:left;
	position:relative;
	
}

	#contenuTexte .gauche .produit p.centreas{
	text-align:center;}
	#contenuTexte .gauche .produit p span.prixas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	margin-right:8px;
	color:#fc5800;
	
	}
#contenuTexte .gauche .produit p span.prixbarreas{
	text-decoration:line-through;
	color:#ffc000;
	font-size:11px;
}

	
	#contenuTexte .gauche p.envals{
	font-weight:bold;
	border-bottom:1px dotted #fc5800;
	color:#fc5800;
	
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:13px;
	margin-bottom:10px;
	margin-top:10px;
}


 #contenuTexte .gauche .liprincipal {

	text-align:justify;
	font:12px/1.2em Arial, Helvetica, sans-serif;
	line-height:1.8em;
	width:300px;
list-style-image:url(../images/charte/puc.gif);

	
}
 #contenuTexte .gauche .ulprincipal {
	margin-left:50px;
	margin-bottom:10px;
	margin-top:5px;
	background:none;

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

}

 #contenuTexte .gauche .liste {
	font-size:12px;
	width:300px;
	list-style-image:url(../images/charte/pu.gif);
}

 #contenuTexte .gauche .listeul {
	margin-left:70px;
	background:none;
	position: relative;
}

.decmerci {
	margin-left:50px;
	margin-top:20px;
}





#invisible{
display:none;
}


#contenuTexte #global_cgv .gauche h1 {
	padding-bottom:15px;
}

#contenuTexte #global_cgv .gauche h3 {
	margin-left:5px;
}

#contenuTexte #global_cgv .gauche p {
	margin-top:5px;
}

#contenuTexte #global_cgv .gauche .decale {
	margin-left:10px;
}

#contenuTexte #global_cgv .gauche .centre {
	text-align:center;
}