/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#009900;
letter-spacing:1px;
margin:10px 0;
height:30px;
}
#menuRight p.connect {
	font:12px normal Arial, Helvetica, sans-serif;
	text-align:center;
	color:#009900;
	margin-top:5px;
}
#menuRight a.connect1 {
	font:12px normal Arial, Helvetica, sans-serif;
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}
#contenu h1.fiche{
font:bold 14px Arial, Helvetica, sans-serif;

color:#009900;
letter-spacing:1px;
margin:10px 0;
height:30px;
}
#contenu h1 span{
display:none;
}
.dernieresnouvelles {
background:url(../images/charte/h1-dernieresnouvelles.jpg) no-repeat;}
.nouveauxproduits {
background:url(../images/charte/h1-nouveauxproduits.jpg) no-repeat;}

#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#009900;
letter-spacing:1px;
margin:0 0 15px;
border-bottom:1px dotted #009900;
}

#contenu h3{
font:bold 13px Arial, Helvetica, sans-serif;
color:#08a1ca;
letter-spacing:1px;
margin:0 0 10px 10px;

}

#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#333;
line-height:1.7em;
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:#666;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#009900;
}
#contenu a:hover, #contenu a:active{
color:#FFF;
text-decoration:none;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/***************** NOUVEAUTES */
#top{
width:560px;

margin:9px 0 0;
}

#contenu #top p span{
font-size:11px;
color:#ECA612;
}
.bloc{
position:relative;
float:left;
width:260px;
height:160px;
padding:0 5px;
background: url(../images/charte/bg-produits.jpg) no-repeat;
margin:5px 8px 5px 0;
}
#contenu #top div.bloc a.titre{
display:block;
width:270px;
height:34px;
}
.visu{
float:left;
width:100px;
height:120px;
margin:10px 7px 0 6px;
text-align:center;
}
#contenu #top div.bloc p.prems{
text-align:left;
margin-top:7px;
color: #666666;
height:40px;
max-height:40px;
font-weight:bold;
font-size:14px;
line-height:1.3em;
}

#contenu #top div.bloc p.prix{
font:bold 18px/1.2em Arial, Helvetica, sans-serif;
color:#009900;
margin-top:8px;
}
#contenu #top div.bloc p.prix.promo{
color:#dd5555;
}
#contenu #top div.bloc p.prix span.barre{
color:#009900;
font-weight:bold;
text-decoration:line-through;
}
#contenu #top div.bloc p.prix span{
font-size:14px;
font-weight:normal;
color:#8f9294;
}
#contenu #top div.bloc .commander{
float:right;
width:107px;
height:28px;
margin-right:7px;
background:url(../images/charte/bt-commander2.gif) left top no-repeat;
}
#contenu #top div.bloc .commander a:hover{
background-position:left bottom;
}
#contenu #top div.bloc .lien{
float:left;
width:100px;
margin-left:7px;
}


#contenu #top .bloc_left{
float:left;
width:278px;
margin:5px 0px 15px 0;
}
#contenu #top .bloc_left h2{
width:93%;
margin-left:7px;
}
/**************************style listing*****************************/

.bloc2{
float:left;
position:relative;
width:260px;
height:200px;
padding:0 5px;
background: url(../images/charte/bg-produits1.jpg) no-repeat;
margin:5px 8px 20px 0;
}
#contenu #top div.bloc2 p.designation{
font-size:14px;
text-align:left;
margin-top:7px;
color: #666666;
height:30px;
max-height:30px;
margin-bottom:5px;
font-weight:bold;
line-height:1.3em;
}

#contenu #top div.bloc2 p.designation a{

color: #666666;

}

#contenu #top div.bloc2 p.ref{
font-size:12px;
text-align:left;
margin-top:7px;
color: #000;
margin-bottom:5px;
height:10px;
max-height:10px;
font-weight:bold;
line-height:1.4em;
}

#contenu #top div.bloc2 p.ref a{

color: #000;

}

#contenu #top div.bloc2 p.marque{
font-size:12px;
text-align:left;
margin-top:7px;
color: #e28810;
margin-bottom:5px;
height:15px;
max-height:15px;
font-weight:bold;
}
#contenu #top div.bloc2 p.marque a{
color: #e28810;

}

#contenu #top div.bloc2 p{
font-size:11px;
color: #666;
margin-bottom:5px;
text-align:left;
float:right;
width:140px;
font-weight:normal;

}

#contenu #top div.bloc2 p.prix{
font:bold 18px/1.2em Arial, Helvetica, sans-serif;
color:#009900;
margin-top:8px;
}
#contenu #top div.bloc2 p.prix.promo{
color:#dd5555;
}
#contenu #top div.bloc2 p.prix span.barre{
color:#009900;
font-weight:bold;
text-decoration:line-through;
}
#contenu #top div.bloc2 p.prix span{
font-size:14px;
font-weight:normal;
color:#8f9294;
}


#contenu #top div.bloc2 .lien{
float:left;
width:100px;
margin-left:7px;
margin-top:5px;
}


.label11{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	margin-left:50px;
	color:#f15ab6;
	font-family:Arial, Helvetica, sans-serif;
}

.opt{
	color:#009900;
	border-color:#009900;
	margin-top:10px;
	font-size:11px;
	width: auto;
	}
		.label44{
	width:80px;
	line-height:2.2em;
	font-size:12px;
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;

}

/************************style fiche*************************/
#visuelfiche {
	float:left;
	width:290px;
	margin-right:10px;
	margin-bottom:20px;
	
}
#imageprincipale {
	float:left;
	width:290px;
	margin-bottom:15px;
		
	}
#imageprincipale img{
	border:1px solid #069D00;
}
#vignettefiche{
	float:left;
	width:290px;
	height:88px;
	text-align:center;
	margin-bottom:5px;
	
	
}
#vignettefiche img{
	border:1px solid #069D00;
	width:120px;
	
}

#vignettefiche .decimage {
	margin:3px;
}

#boutonfiche{
	float:left;
	width:290px;
	height:29px;
	text-align:center;
}
#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;
}


	
	
	#caracterefiche {
	float:left;
	width:250px;
	height:445px;
	background-image:url(../images/charte/cadre_fiche.gif);
	background-repeat:no-repeat;
	margin-bottom:20px;
	padding-left:15px;
	padding-top:15px;
	padding-right:45px;
	margin-left:5px;
}


.fiche_asso{
background-color:#000000;
width:100px;
height:170px;
float:left;
border:1px solid #ee4c04;
margin-right:25px;
margin-bottom:20px;
padding:5px 5px 5px 5px;
}

.descriptif_fiche{
float:left;
padding-left:10px;
padding-right:8px;
width:124px;
margin-left:4px;
margin-bottom:5px;
margin-top:10px;
padding-bottom:10px;
}

#cadre_fiched{
float:left;
width:223px;
padding:10px;
margin-bottom:-5px;
background:url(../images/charte/bg_fiche.jpg) #ffffff top no-repeat;

}

.cadre_fichebas{
float:left;
width:243px;
height:14px;
}
#cadre_grand{
float:right;
width:243px;
}

#cadre_fiched   p.description{
	color:#333333;
	width:225px;
	font-size:11px;
	text-align:justify;
	line-height:1.5em;
	margin-bottom:10px;
}

#cadre_fiched  p.titrefiche{
	font-weight:bold;
	
	margin-bottom:10px;
	color:#000;
	width:225px;
	
}

#cadre_fiched  p.titremarque{
	font-weight:bold;
	
	margin-bottom:10px;
	color:#e28810;
	width:225px;
	
}

#cadre_fiched  p.prix{
font:bold 20px/1.2em Arial, Helvetica, sans-serif;
color:#069D00;
margin-top:8px;
margin-left:80px;
}
#cadre_fiched  p.prix.promo{
color:#ffff33;
}
#cadre_fiched  p.prix span.barre{
color:#cc0000;
font-weight:bold;
text-decoration:line-through;
margin-left:14px;
}
#cadre_fiched p.prix span{
font-size:14px;
font-weight:normal;
color:#ffff33;
}

#cadre_fiched .label2 {
	width:60px;
	margin-left:15px;
	line-height:2em;
	font-size:12px;
	color:#069D00;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
#cadre_fiched .listee2{
	width:90px;
	border:1px solid #069D00;
	font-size:12px;
	color:#069D00;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}
#cadre_fiched .qtit{
	width:90px;
	border:1px solid #069D00;
	font-size:12px;
	color:#069D00;
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

.panier_img{
float:right;
width:175px;
height:60px;

}


#contenu #top .encart-droite{
float:right;
position:relative;
display:block;
width:220px;
height:200px;
margin-left:10px;
min-height:100%;
border:1px solid #009900;
}

/************************************Style contact******************************************/

/* contact*/
	
	

#fomulaire {
	width:384px;
	float:left;
	padding-bottom:20px;
	
	
}
#contact_prop {
	width:310px;
	float:left;


}



#contact_plan a #imgplan {
	margin-left:0px;
	width:153px;
	

}


#contenu input,textarea{
	width:95%;
	font-size:12px;
	border:1px solid #009900;
	color:#009900;
	background-color:#D3D3D3;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu input:focus,textarea:focus{
	border:1px solid #009900;
}
#contenu .champRequis{
	color:#009900;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#contenu   .bouton {
	border:1px solid #009900;
	color:#009900;
	background-color:#D3D3D3;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:95%;
	font-weight:bold;
}

#contenu  .bouton:focus {
	border:1px solid #009900;
}

#contenu  .capa{
	width:95%;
border:1px solid #009900;
	color:#009900;
	background-color:#D3D3D3;
	font-size:12px;
	
	font-family:Arial, Helvetica, sans-serif;
}

#contenu  .capa:focus{
	border:1px solid #009900;
}

#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:220px;
	margin-top:10px;
	margin-bottom:10px;
	
}
#contact_coordonnees {
	width:180px;
	float:left;
	margin-bottom:10px;
	
	border-left:1px dotted #009900;
	padding-left:5px;

}
.decmerci {
	margin-left:50px;
	margin-top:20px;
}



#contact_loi {
	width:180px;
	float:left;
	margin-top:15px;
	padding-bottom:10px;
	border-left:1px dotted #009900;
	padding-left:5px;
	
}
#contact_plan {
	width:185px;
	float:left;
	
}


#formContact .txt_bas3 {
	font-size:11px;
}

#contact_loi .txt_bas{
	font-size:9px;
}
label {
	line-height:2.2em;
	font-size:11px;
	color:#dacbb2;
	padding-left:20px;
	font-family:Arial, Helvetica, sans-serif;

}

#contact_fomulaire .titre_parti .listee2{
	width:110px;
	border:1px solid #fff;
	font-size:12px;
	color:#fff;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
}

#contact_fomulaire .titre_parti .listee1{
	width:125px;
	border:1px solid #fff;
	font-size:12px;
	color:#fff;
	background-color:#ffecb8;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-right:15px;
}


#contact_fomulaire .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #009900;
	color:#009900;
	font-size:12px;
}

#contact_coordonnees .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #009900;
	color:#009900;
	font-size:12px;
}

#contact_plan .titre_parti p.enval2{
margin-top:10px;
	font-weight:bold;
	border-bottom:1px dashed #009900;
	color:#009900;
	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 #fff;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;

}

.label3{
color:#009900;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
}
	
	#contact_fomulaire {
	width:355px;
	float:left;
	padding-bottom:20px;
	margin-right:7px;
	
}

.ul_cond li{
font:bold 12px Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
color:#333;
margin-left:25px;
list-style:url(../images/charte/puce.gif);
}

.ul_cond{
margin-left:30px;
margin-bottom:20px;
margin-top:10px;
}

.ul_cond2 li{
font:12px Arial, Helvetica, sans-serif;
line-height:2em;
text-align:left;
color:#333;
margin-left:15px;
list-style:url(../images/charte/puce.gif);
}

.ul_cond2{
margin-left:20px;
margin-bottom:20px;
margin-top:10px;
}

.cadre_gauche{
float:left;
width:250px;
padding-right:20px;
margin-right:20px;
border-right:1px dotted #009900;
}
.cadre_droite{
float:left;
width:250px;

}


.nouveau {
	width:111px;
	height:82px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:-10px;
	left:-10px;
	z-index:900;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}


.affaire {
	width:111px;
	height:82px;
	position:absolute;
	background-image:url(../images/charte/bonne_affaire.png);
	background-repeat:no-repeat;
	top:-10px;
	left:-10px;
	z-index:900;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bonne_affaire.png', sizingMethod='image');

}

.occasions {
	width:111px;
	height:82px;
	position:absolute;
	background-image:url(../images/charte/occasions.png);
	background-repeat:no-repeat;
	top:-10px;
	left:-10px;
	z-index:900;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/occasions.png', sizingMethod='image');

}

.dispo {
	width:122px;
	height:30px;
	position:absolute;
	font-size:10px;
	color:#e28810;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	top:130px;
	left:0px;
	z-index:800;
	

}

