/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenuTexte h1{
font:bold 19px Arial, Helvetica, sans-serif;
color: #61CFE8;
letter-spacing:1px;
margin:0 0 12px;
width:600px
}
#contenuTexte h2{
font:bold 15px Arial, Helvetica, sans-serif;
color: #666;
letter-spacing:1px;
margin:0 0 7px;
}
#contenuTexte p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#060000;
margin-bottom:1.2em;
line-height:17px
}
#contenuTexte p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenuTexte p.couleur, span.couleur{
font-weight:bold;
color: #44C7E3;
font-size:12px;
font-family:Arial, Helvetica, sans-serif
}
#contenuTexte a:link, #contenuTexte a:visited{
font-weight:bold;
text-decoration:underline;
color: #6FB9CB;
}
#contenuTexte a:hover, #contenuTexte a:active{
color:#666;
}


/* fiche prod exemple charte */
#contenuVente{
	width:720px;

}

#ficheProd {
	width:160px;
	height: auto;
	float:left;
	border:1px solid #333;
	margin:10px;
	display:block;
	background:#CDE8EE url(../images/charte/bg-ficheProd.jpg) left top repeat-x;
	position:relative

}

#ficheProd h1{ 
	width: 138px;
	height: auto;
	float:left;
	font: 15px Arial, Helvetica, sans-serif;
	color: #00;
	text-align:center;

	padding: 10px 0 6px 0;
	border-bottom: 1px solid #000;
	margin: 0 0 8px 9px;

}
*html #ficheProd h1{ 
	width: 138px;
	margin: 0 0 8px 5px;
}
#ficheProd .image{ 
	padding:0 0 0 9px;
}
#ficheProd p{ 
	text-align:left;
	padding: 0px 5px 0px 5px ;
	font:  11px Arial, Helvetica, sans-serif;
	color: #333;
		text-align:justify
	

}

#ficheProd #ensavoirplus{ 
	width:152px;
	height:11px;
	text-align:left;
	font:12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:center;
	padding: 8px 0 8px 7px;
	float:left;
	border-top:1px dotted #000000
	

}
#ficheProd #ensavoirplus p{ 
	line-height:5px;

}
#ficheProd #ensavoirplus a { 
	text-decoration:none;
	color: #000;
}
#ficheProd #ensavoirplus a:hover{ 
	text-decoration:none;
	color: #003366;
}

/***************** STYLE FOOTER *****************/
#footer p{
font:10px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 130px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}

/***************** STYLE divers pages *****************/

.text-left{
float:left;
width:320px;
padding-right:9px;
border-right:3px solid #F1F1F1;
padding-left:20px;
padding-bottom:10px;
}
.text-left p{
font-family: Arial, Helvetica, sans-serif;
text-align:justify;
margin-top:10px;
width:320;

}
.text-right{
float:left;
width:320px;
padding-left:20px;
}
.text-right p{

width:320;
text-align:justify;
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
}
/***************** STYLE contact *****************/
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea,select{
background-color:#fff;
width:99%;
border:1px solid #4BD1F0;
font-size:11px;	font-family: Arial, Helvetica, sans-serif;
color:#000;
}
#formContact input:focus,textarea:focus{
border-color:#4BD1F0;
font-size:11px;width:100%;
font-family: Arial, Helvetica, sans-serif;
}
#formContact .champRequis{
color:#000	;
width:99%;
}
.formulaire{
float:left;
width:600px;


}
.text-form{
font-size:11px;
color:#000;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{

font-size:11px;
border:1px solid #4BD1F0;
color:#000;width:99%;
font-family: Arial, Helvetica, sans-serif;

}

.boutton-form{
border:1px solid #4BD1F0;
color:#000;
font-weight:bold;
border:none;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#fff;cursor:pointer}
.loi{
text-align:justify;
font-size:11px;
color:#000;
font-family: Arial, Helvetica, sans-serif;

}

/***************** STYLE listing *****************/
#container .pagination {
	padding-top:25px;
	float:left;	
	width:700px;
	text-align:center;
	}
	
	#container .pagination  p{
	float:left;	
	width:700px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
	

	#ficheProd #prix{ 
	width:80px;
	height:11px;
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #0093BA;
	padding: 0px 2px 5px 4px;
	float:left;
	text-decoration:line-through;
}
	#ficheProd #prix-promo{ 
	width:80px;
	height:11px;
	text-align:right;
	font:bold 16px Arial, Helvetica, sans-serif;
	color: #E64A00;
	padding: 0px 2px 12px 4px;
	float:right;
	margin-top:-16px;
}

#container .tri{
float:left;
width:700px;
margin-top:10px;
margin-bottom:10px;
}
#container  .tri select{
float:left;
width:130px;
margin-left:280px;
}


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

.fiche-produit{
width:585px;
float:left;
border:1px solid #DCEBF6;
padding:5px;
background-image:url(../images/charte/bgr.jpg);
background-repeat:repeat-y;
}

.fiche-visuels{
float:left;
width:240px;
position:relative

}

.fiche-visuels img{
float:left;
width:auto;
border:1px solid #EEEEEE
}

.fiche-visuels-petits{
float:left;
width:240px;

}
.fiche-visuels-petits img{
margin-right:4px;
margin-top:5px
}

.fiche-descriptifs{
float:right;
width:320px;border:1px solid #D2E5F2;
padding:5px
}

#contenuTexte p.couleure, span.couleure{
font-weight:bold;
color: #44C7E3;
font-size:15px;
border-bottom:1px dotted #91BDC9
}

 #prix-vente{ 
	width:150px;
	height:11px;
	text-align:center;
	font:bold 14px Arial, Helvetica, sans-serif;
	color: #0093BA;
	padding: 17px 2px 15px 4px;
	float:left;
	text-decoration:line-through;

}

 #prix-promotion{ 
	width:150px;
	height:11px;
	text-align:center;
	font:bold 22px Arial, Helvetica, sans-serif;
	color: #E64A00;
	padding: 0px 2px 15px 4px;
	float:right;

}


 #quantite{ 
	width:150px;
	text-align:left;
	padding: 0px 2px 15px 4px;
	float:left;
		font:bold 12px Arial, Helvetica, sans-serif;

}

 #panierimage{ 
	width:auto;
	text-align:right;
	padding: 0px 2px 15px 4px;
	float:right;
}

 #ami{ 
	width:auto;
	text-align:left;
	padding: 5px 0px 15px 0px;
	float:left;

}

 #contacter{ 
	width:auto;
	text-align:right;
	padding: 7px 0px 15px 0px;
	float:right;
}

.produits-associes{
float:left;
width:570px;
margin-top:5px;
padding:5px;
}
.produit-ass{float:left;
width:90px; margin-right:7px;
}
.produit-ass img{
float:left;
width:80px;
text-align:center;
border:1px solid #EEEEEE
}
#container .produit-ass p{	
 width:80px;
 float:left;
font:bold 13px Arial, Helvetica, sans-serif;
color:#000}
#container .prix2{font:bold 13px Arial, Helvetica, sans-serif;
color:#00CCFF;
width:70px;
text-align:center
}
#container .designation2{font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
width:70px;
text-align:center;
margin-bottom:2px
}


.promotion {
	width:87px;
	height:44px;
	position:absolute;
	background-image:url(../images/charte/promotion.png);
	background-repeat:no-repeat;
	top:-14px;
	left:-10px;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/promotion.png', sizingMethod='image');

}

.epuise {
	width:56px;
	height:38px;
	position:absolute;
	background-image:url(../images/charte/epuise.png);
	background-repeat:no-repeat;
	top:-10px;
	left:-10px;
	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/epuise.png', sizingMethod='image');

}
.nouveau {
	width:80px;
	height:44px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:-14px;
	left:-10px;
	_background:url();

	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/new.png', sizingMethod='image');

}

.liste{
float:left;
width:300px;
margin-top:10px;
}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;

}
 .liste li{
	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 28px;
	border:none;
	font-weight:bold;
	margin-left:0px;
	

}
.liste2{
float:left;
width:300px;

}
.liste2 ul{
margin-bottom:0px;
padding:0px 0 5px 3px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#014b61;
border:none;

}
 .liste2 li{
	
color: #014b61;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
background-image: url(../images/charte/puce2.gif);
background-repeat:no-repeat;
list-style-type:none;
padding:0px 0 10px 18px;
line-height:15px;
border:none;
margin-left:32px;
}
#bloc-ami{
float:left;
width:565px;
margin-left:20px;
background-image:url(../images/charte/bgr.jpg);
border:1px solid   #E1E8E8
}