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



a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Georgia, "Times New Roman", Times, serif;
color:#fff;
letter-spacing:1px;
margin:80px 0 20px 0;
}
#contenu h1 span {
display:none;
}
#contenu h1#meilleuresventes {
background-image: url(../images/charte/titre-meilleuresventes.jpg);
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#ff8400;
letter-spacing:1px;
width:70%
margin:0 0 12px;
border-bottom:1px dotted #c9d787;
}
#contenu h4{
font:bold 15px Arial, Helvetica, sans-serif;
color:#ff8400;
letter-spacing:1px;
width:70%
margin:10 0 15px 4px;

}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
line-height:1.6em;
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:#47fff1;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#ff8400;
}
#contenu a:hover, #contenu a:active{
color:#47fff1;
}

.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;
	font-size:11px;
	width: auto;
	}
		.label44{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	color:#fc5800;
	font-family:Arial, Helvetica, sans-serif;

}
/***************** STYLE FOOTER *****************/
#footer2 p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#828282;
text-align:right;
padding:3px 300px 0 0;
}
#footer2 a:link, #footer2 a:visited{
text-decoration:none;
color:#828282;
}
#footer2 a:hover, #footer2 a:active{
text-decoration:underline;
color:#fff;
}

/*----------style listing------------*/

.produit_g{
float:left;
padding-left:15px;
padding-top:20px;
width:135px;
margin-bottom:10px;
}
.listing_list{
	float:left;
	width:770px;
	height:auto
		}
		.listing_list2{
	float:left;
	width:740px;
	height:auto
		}
.listing_cont{
float:left;
width:150px;
margin-left:10px;
margin-bottom:20px;
position: relative;
}
.prixbarre2{
font-size:16px;
color:red;
font-weight:bold;
text-decoration:line-through;
}
.prix_g{
float:left;
padding-left:40px;
width:144px;
}
.descriptif{
float:left;
padding-left:10px;
padding-right:8px;
width:124px;
height:80px;
margin-left:4px;
margin-bottom:3px;
margin-top:3px;
border-bottom:1px solid #939377;
}
.prixg{
float:left;
padding-left:5px;
/*padding-right:8px;*/
width:140px;
height:40px;
/*margin-left:4px;
margin-bottom:3px;*/
margin-top:3px;

border-bottom:1px solid #939377;
}
.marque_listing{
float:left;
padding-left:10px;
padding-right:8px;
width:124px;
height:50px;
margin-left:4px;
margin-bottom:3px;
margin-top:3px;
border-bottom:1px solid #939377;
}
.listing_cont2{
float:left;
width:150px;
height:348px;
background:no-repeat;
background-image:url(../images/charte/cadre_index1.gif);
}
.listing_contg2{
float:left;
width:150px;
height:470px;
background:no-repeat;
background-image:url(../images/charte/cadre_index2.gif);
}
.marque{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding-top:4px;
}
.prix11{
float:left;
width:45px;
font-size:22px;
font-weight:bold;
color:#4d0102;
text-align:right;
padding-top:4px;
margin-right:7px;
margin-top:2px;
}

.prix22{
float:left;
color: #fff;
font-size:18px;
font-weight:bold;
text-align: left;
padding-top:4px;
margin-top:2px;
text-align:left;
}
.prix33{
float:right;
width:60px;
font-size:15px;
color:red;
font-weight:bold;
text-decoration:line-through;
text-align:left;
padding-top:4px;
margin-top:2px;

}
.plus_infos{
float:left;
padding-left:2px;
padding-right:8px;
margin-top:5px;
width:132px;
margin-bottom:5px;
}
.ajout_panier{
float:right;
padding-left:2px;
width:130px;
margin-right:8px;
text-align:right;
}

.ajout_panier2{
float:right;
padding-left:2px;
width:130px;
margin-right:8px;
text-align:right;
}
.separateur{
float:left;
width:742px;}

#contenu .listing_cont p.plus_infos{
font:11px Arial, Helvetica, sans-serif;
color:#939377;
}
.nouveau {
	width:90px;
	height:80px;
	position:absolute;
	background-image:url(../images/charte/coeur.png);
	background-repeat:no-repeat;
	top:-10px;
	left:95px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/coeur.png', sizingMethod='image');

}

.newss {
	width:90px;
	height:80px;
	position:absolute;
	background-image:url(../images/charte/news3.png);
	background-repeat:no-repeat;
	top:-10px;
	left:95px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/news3.png', sizingMethod='image');

}
.epui {
	width:90px;
	height:80px;
	position:absolute;
	background-image:url(../images/charte/epui.png);
	background-repeat:no-repeat;
	top:24px;
	left:112px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/epui.png', sizingMethod='image');

}


.listing_index{
float:left;
width:150px;
margin-left:10px;
margin-bottom:20px;
position: relative;
}
.nouveau2{
	width:71px;
	height:77px;
	position:absolute;
	background-image:url(../images/charte/news2.png);
	background-repeat:no-repeat;
	top:-10px;
	left:95px;
	z-index:10 ;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/news2.png', sizingMethod='image');

}
.nouveau3{
	width:71px;
	height:77px;
	position:absolute;
	background-image:url(../images/charte/epui.png);
	background-repeat:no-repeat;
	top:-10px;
	left:95px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/epui.png', sizingMethod='image');

}
#contenu .listing_index p.designation2{
font:13px Arial, Helvetica, sans-serif;
color:#ff8400;
letter-spacing:1px;
margin:0 0 7px;
height:35px;
}
#contenu .listing_cont p.plus_infos2{
font:11px Arial, Helvetica, sans-serif;
color:#939377;
}
/*********style mentions**************/

#contenu p.designation{
font:12px Arial, Helvetica, sans-serif;
color:#ff8400;
letter-spacing:1px;
margin-bottom:10px;
margin-left:12px;
margin-right:7px;
text-align:center;
height:53px;
border-bottom:1px solid #939377;
}
#contenu p.marqueg{
font:12px Arial, Helvetica, sans-serif;
color:#00948c;
letter-spacing:1px;
margin-bottom:10px;
margin-left:12px;
margin-right:7px;
margin-top:7px;
text-align:center;
height:35px;
border-bottom:1px solid #939377;
}

#contenu  p.marqueg a:visited, #contenu p.marqueg a:link, #contenu p.marqueg a:active{
color:#00948c;
text-decoration:none;
}
/******************** contact *********************/

#contact_formulaire {
	width:350px;
	float:left;
	padding-bottom:20px;
	margin-left:10px;
	margin-right:15px;
	
}

.label3 {
	
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	
}

#formContact .bouton {
	border:1px solid #000;
	font-size:12px;
	text-align:center;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}
#letter table{
border:1px solid #fff;
background-image:url(../images/charte/letter.png);
background-repeat:no-repeat;
text-align:center;
margin-left:300px;}

#letter .boutoncli {
	border:1px solid #fff;
	font-size:10px;
	color:#000;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:80px;
	font-weight:bold;
	text-align:center;
}

#contenuText  .boutoncli:focus {
	border:1px solid #fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenuTex  .bouton:focus {
	border:1px solid #152ba2;
	font-family:Arial, Helvetica, sans-serif;
}

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

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

#contact_formulaire p.enval2{
font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-bottom:1px dotted #fff;
	color:#fff;
	font-size:14px;
	margin-bottom:20px;
	padding-bottom:5px;
	
}

#contact_plan .titre_parti p.enval3{
	font-weight:bold;
	border-bottom:1px dotted #fff;
	color:#fff;
	font-size:14px;
	margin-bottom:20px;
	padding-bottom:5px;
	
}


.titre_parti {
	margin-bottom:15px;
	margin-left:0px;
	width:227px;
}
.titre_partii {
		width:227px;
		float:left;
		margin-bottom:20px;

}

.titre_parti2  {
	width:96%;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:214px;
	float:left;
	margin-bottom:20px;
	border-left:1px dotted #fff;
	padding-left:5px;

	
}

#contact_coordonnees p{
line-height:1.8em;
font-size:11px;}


#contact_plan {
	width:230px;
	float:left;

}

#contact_loi {
	width:120px;
	float:left;
	padding-left:30px;
	margin-left:1px;
	padding-right:43px;
	padding-top:7px;
	background-image:url(../images/charte/ccor.png);
	background-repeat:no-repeat;

}

#contact_loi2{
	width:227px;
	float:left;


	
}

#contact_loi2 .txt_bas3 {
	font-size:10px;
	color:#1334ab;
}

#contact_loi2 .txt_bas{
	text-align:left;
	font-size:10px;
	padding-top:5px;
	
}
#formContact .txt_bas{
	text-align:left;
	font-size:11px;
	padding-top:5px;
	padding-left:15px;
}


#contact_formulaire .txt_bass{
	font-size:10px;
	color:#fff;
	padding-left:5px;
	margin-bottom:4px;
}

/************ STYLE DE LA PAGE CONTACT *******************/

#formContact select{
font-family:Arial, Helvetica, sans-serif;
	color:#000;
	width:30%;
	font-size:11px;
	border:1px solid #000;
}
#formContact select:focus{
font-family:Arial, Helvetica, sans-serif;
	border-color:#333333;
	color:#000;
	width:30%;
	font-size:11px;
}
#formContact input,textarea{
font-family:Arial, Helvetica, sans-serif;
	color:#000;
	width:100%;
	font-size:11px;
	border:1px solid #000;
}
#formContact input:focus,textarea:focus{
font-family:Arial, Helvetica, sans-serif;
	border-color:#333333;
	color:#000;
	width:100%;
	font-size:11px;
}
#formContact .champRequis{
font-family:Arial, Helvetica, sans-serif;
color:#FF6600;
	width:100%;
	font-size:11px;
}

/************************style fiche*************************/
#contenu .produit_assicier{
font:bold 15px Arial, Helvetica, sans-serif;
color:#ff8400;
margin-top:20px;
letter-spacing:1px;
width:600px;
margin-top:40px;
border-bottom:1px dotted #c9d787;

}


#visuelfiche {
	float:left;
	width:316px;
	margin-right:10px;
	margin-bottom:20px;
	
}
#imageprincipale {
	float:left;
	width:316px;
	margin-bottom:15px;
		
	}
#imageprincipale img{
	border:1px solid #ee4c04;
}
#vignettefiche{
	float:left;
	width:318px;
	height:109px;
	margin-bottom:15px;
}
#vignettefiche img{
	border:1px solid #ee4c04;
	width:100px;
	
}

#vignettefiche .decimage {
	margin-right:0px;
}

#boutonfiche{
	float:left;
	width:318px;
	height:29px;
	text-align:center;
	margin-bottom:25px;
}
#boutonfiche img{
	border:none;
}
#boutonfiche .imageleft {
	float:left;
	font-size:11px;
}

#container #contenuglobal #contenu #visuelfiche #boutonfiche p.tel{
padding-top:6px;
color:#047d9a;
text-align:left;

}

	#caracterefiche2 {
	float:left;
	width:284px;
	background-image:url(../images/charte/fiche_m.gif);
	background-repeat:repeat-y;
	

}
	
	
	#caracterefiche {
	float:left;
	width:249px;
	background-image:url(../images/charte/fiche_haut.gif);
	background-repeat:no-repeat;
	
	padding-left:15px;
	padding-top:15px;
	padding-right:15px;

}
	
	#bas {
	float:left;
	width:249px;
	height:40px;
	background-color:#000000;
	
	background-image:url(../images/charte/bas_fiche.gif);
	background-repeat:no-repeat;
	padding-left:15px;


	padding-right:15px;
	
}
/**.cadre_droite{
width:284px;
float:left;
}**/

#container #contenuglobal #contenu #caracterefiche   p.desfiche{
	color:#ffffff;
	width:292px;
	font:bold 14px "Trebuchet MS";
	/*text-align:center;*/
	line-height:1.5em;
	text-transform:uppercase;
	margin-bottom:10px;
	float:left;
	border-bottom:1px  solid #FFFFFF;
}

#container #contenuglobal #contenu #caracterefiche   p.description{
	color:#ffffff;
	width:243px;
	font-size:11px;
	text-align:justify;
	line-height:1.5em;
	margin-bottom:10px;
}

#container #contenuglobal #contenu #caracterefiche  p.titrefiche{
	font-weight:bold;
	border-bottom:1px dotted #ee4c04;
	margin-bottom:5px;
	padding-left:15px;
	color:#ee4c04;
	width:225px;
	
}
#container #contenuglobal #contenu #caracterefiche  p.centre2{
	float:left;
	margin-top:20px;
	margin-left:30px;
	max-height:25px;
	height:25px;
	width:200px;
}

#container #contenuglobal #contenu #caracterefiche  span.prix2{
	font:bold 20px Arial, Helvetica, sans-serif;
	margin-right:30px;
	color:#ee4c04;
	
}

#container #contenuglobal #contenu #caracterefiche  span.prixbarre2{
	text-decoration:line-through;
	color:#fff;
}
#container #contenuglobal #contenu #caracterefiche  .ajoutpanier2{
	float:left;
	width:120px;
	height:21px !important;
	max-height:21px;
	margin-bottom:5px;
	margin-left:130px;
	padding-left:0px;
background-image:url(../images/charte/ajoutpanier.png);
	background-repeat:no-repeat;
}
#container #contenuglobal #contenu #caracterefiche   .ajoutpanier2 a{
	
	cursor:pointer;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ajoutpanier.png', sizingMethod='image');
}

	.formulair{
float:left;
width:240px;

}
	
	
	.label1 {
	width:80px;
	line-height:2.2em;
	font-size:12px;
	color:#343434;
	font-family:Arial, Helvetica, sans-serif;
}

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

#container #contenuglobal #contenu #caracterefiche  .listee2{
	width:90px;
	border:1px solid #ee4c04;
	font-size:12px;
	color:#323232;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

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

#container #contenuglobal #contenu #caracterefiche  .qtit{
	width:90px;
	border:1px solid #ee4c04;
	font-size:12px;
	color:#323232;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#container #contenuglobal #contenu #colRight p.produit-associe{
	font-weight:bold;
	border-bottom:1px dotted #ee4c04;
	color:#ee4c04;
	padding-left:20px;
	font-size:14px;
	margin-bottom:10px;
	margin-top:10px;
	background-image: url(../images/charte/puceL.png);
	background-repeat:no-repeat;
}

#container #contenuglobal #contenu #colRight .fiche_asso .image_prod_assoc{
width:105px;
margin-left:5px;
height:120px;
text-align:center;
float:left;
margin-top:5px;
}

.fiche_asso{
background-color:#000000;
width:110px;
height:170px;
float:left;
background-image:url(../images/charte/cadre_p2.gif);
background-repeat:no-repeat;
margin-right:25px;
margin-bottom:20px;
padding:5px 5px 5px 15px;
}
.prix_f{
float:left;
width:60px;
padding-left:10px;
padding-right:8px;
color: #fa6e20;
font-size:18px;
font-weight:bold;
text-align: center;
margin-left:40px;
margin-bottom:5px;
margin-top:15px;

}
#caracterefiche p.prix_f1{

padding-left:10px;
padding-right:8px;
color: #fa6e20;
font-size:16px;
font-weight:bold;
text-align: center;

margin-bottom:5px;
margin-top:15px;

}



.descriptif_fiche{
float:left;
padding-left:10px;
padding-right:8px;
width:124px;
margin-left:50px;
margin-bottom:5px;
margin-top:10px;
padding-bottom:10px;
}
.descriptif_fiches1{
float:left;
width:110px;
margin-left:5px;
margin-right:5px;
margin-bottom:5px;
padding-bottom:10px;
}
#container #contenuglobal #contenu #colRight .fiche_asso .prix_associ{
float:left;
width:100px;
margin-top:8px;
margin-bottom:15pxpx;
margin-left:10px;
height:30px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#fff;
}

.designations_assoc{
float:left;
width:110px;
height:18px;
margin-left:2px;
margin-bottom:8px;
font:bold 15px Georgia, "Times New Roman", Times, serif;
color:##ee4c04;
text-decoration:none;
}

#container #contenuglobal #contenu .fiche_asso .designations_assoc a{
text-decoration:no;}
/*****************style condition******************/

#container #contenuglobal #contenu .ol_cond li{
font:normal 12px/12px Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
line-height:16px;
margin-left:15px;
}

.ol_cond{
margin-left:20px;
}

.ul_plan li{
font:bold 12px Arial, Helvetica, sans-serif;
line-height:2em;
text-align:justify;
color:#fff;
margin-left:30px;
list-style:url(../images/charte/puce.gif);}

.ul_plan{
margin-left:30px;
}



.contact_fiche{
float:right;
width:105px;
margin-right:3px;
}


.logo_marque{
float:right;
width:58px;
margin:3px;
}

.listing_cont3{
float:left;
width:150px;
height:229px;
margin-left:7px;
margin-bottom:15px;
background:no-repeat;
background-image:url(../images/charte/cadre_index3.gif);
}




#contenu .listing_cont3 p.designation3{
font:13px Arial, Helvetica, sans-serif;
color:#ff8400;
text-align:center;
height:53px;
margin-top:5px;
line-height:1.8em
}



























#invisible{
display:none;
}