/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** THUMB *****************/
#contenu #thumb{
background-color:#000000;
width:210px;
height:160px;
display:block;
float:left;
position:relative;
border:1px solid #cc0099;
margin-right:13px;
margin-bottom:30px;
padding:10px 0 0 10px;
}
#contenu #thumb ul{
font:10px Arial, Helvetica, sans-serif;
line-height:1.8em;
color:#fff;
list-style:none;
line-height:14px;
}
#contenu #thumb li a.nom{
font:bold 12px Georgia, "Times New Roman", Times, serif;
color:#CC0099;
text-decoration:none;
}
#contenu #thumb li a:hover.nom{
text-decoration:underline;
}
#contenu #thumb li.prix{
font:bold 12px Arial, Helvetica, sans-serif;
color:#CC0099;
}
#contenu #thumb li.prix span{
font-weight:normal;
text-decoration:line-through;
}
#contenu #thumb a.image{
width:80px;
height:102px;
float:left;
margin:0 10px 0 2px;
}
#contenu #thumb a.image span{
background:url(../images/charte/loupe.gif) right bottom no-repeat;
width:80px;
height:102px;
float:left;
}
#contenu #thumb a.ajouter{
background:url(../images/charte/bt-ajouter.gif) center top no-repeat;
width:80px;
height:18px;
display:block;
float:right;
margin:20px 10px 0 0;
}
#contenu #thumb a:hover.ajouter{
background:url(../images/charte/bt-ajouter.gif) center bottom no-repeat;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 20px Georgia, "Times New Roman", Times, serif;
color: #CC0099;
}
#container #container2  #colRight h1 a:link, #container #container2  #colRight h1 a:visited{

	text-decoration:none;

}


#contenu h2{
font:bold 15px Georgia, "Times New Roman", Times, serif;
color:#CC0099;
}
#contenu h3{
font:bold 20px Georgia, "Times New Roman", Times, serif;
color:#CC0099;
}
#contenu p{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#fff;
margin-bottom:1.2em;
line-height:20px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#007c94;
}
#contenu a:link, #contenu a:visited{
color: #CC0099;
text-decoration:none;
}
#contenu a:hover, #contenu a:active{
color:#CC0099;
text-decoration:underline;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
color:#CC0099;
}

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


}
.formulair{
float:left;
width:250px;


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

.champs-form{

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

}

.boutton-form{
border:1px solid #CC0099;
color:#CC0099;
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:#CC0099;
font-family: Arial, Helvetica, sans-serif;

}
.loi2{
text-align:justify;
font-size:11px;
color:#FF0000;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;

}
.couleur span{
font-weight:bold;
color:#CC0099;
}
/************************style index*************************/

.acc_droite{
float:left;
width:473px;
border-right:1px solid #017b93;
margin-right:3px;}
.txt_acc{
float:left;
width:440px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin-bottom:15px;

}

/***************** THUMB2 *****************/
#contenu #thumb2{
background-color:#000000;
margin-bottom:30px;
width:210px;
height:160px;
display:block;
float:right;
border:1px solid #cc0099;
padding:10px 0 0 10px;
}
#contenu #thumb2 ul{
font:10px Arial, Helvetica, sans-serif;
line-height:1.8em;
color:#fff;
list-style:none;
line-height:14px;
}
#contenu #thumb2 li a.nom{
font:bold 15px Georgia, "Times New Roman", Times, serif;
color:#CC0099;
text-decoration:none;
}
#contenu #thumb2 li a:hover.nom{
text-decoration:underline;
}
#contenu #thumb2 li.prix{
font:bold 12px Arial, Helvetica, sans-serif;
color:#CC0099;
}
#contenu #thumb2 li.prix span{
font-weight:normal;
text-decoration:line-through;
}
#contenu #thumb2 a.image{
width:80px;
height:102px;
float:left;
margin:0 10px 0 2px;
}
#contenu #thumb2 a.image span{
background:url(../images/charte/loupe.gif) right bottom no-repeat;
width:80px;
height:102px;
float:left;
}
#contenu #thumb2 a.ajouter{
background:url(../images/charte/bt-ajouter.gif) center top no-repeat;
width:80px;
height:18px;
display:block;
float:left;
margin:20px 10px 0 0;
}
#contenu #thumb2 a:hover.ajouter{
background:url(../images/charte/bt-ajouter.gif) center bottom no-repeat;
}
.acc_droi{
float:right;
width:200px;}
.img_nouveautes{
float:right;
width:200px;}
.img_promo{
float:left;
width:380px;}
.marque{
float:left;
width:112px;
font:bold 13px Georgia, "Times New Roman", Times, serif;
color:#017b93;
text-decoration:none;
}
.designations{
float:left;
width:207px;
height:16px;
margin-bottom:8px;
font:bold 15px Georgia, "Times New Roman", Times, serif;
color:##CC0099;
text-decoration:none;
}

.rebrique_acc{
float:left;
width:112px;
height:46px;
margin-top:8px;
font:12px Arial, Helvetica, sans-serif;
color:#fff;
}
.prix_ind{
float:left;
width:112px;
margin-top:8px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#017b93;
}
.prix_ind span{
font-weight:normal;
text-decoration:line-through;
}
.contenu_contact{
float:left;
width:700px;
}



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


#listing{
height:20px;
width:9OOpx;
}

.nouveau {
	width:160px;
	height:80px;
	position:absolute;
	background-image:url(../images/charte/new.png);
	background-repeat:no-repeat;
	top:-30px;
	left:175px;
	_background:url();

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

}
.nouveau2 {
	width:160px;
	height:80px;
	position:absolute;
	background-image:url(../images/charte/promo.png);
	background-repeat:no-repeat;
	top:-30px;
	left:175px;
	_background:url();

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

}
/************************style fiche*************************/
#visuelfiche {
	float:left;
	width:350px;
	margin-right:10px;
	margin-bottom:20px;
	
}
#imageprincipale {
	float:left;
	width:350px;
	margin-bottom:15px;
		
	}
#imageprincipale img{
	border:1px solid #a9265f;
}
#vignettefiche{
	float:left;
	width:350px;
	
	margin-bottom:15px;
	
	
}
#vignettefiche img{
	border:1px solid #a9265f;
	width:110px;
	
}

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

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

#container #container2 #contenu #colRight #visuelfiche #boutonfiche p.tel{
padding-top:6px;
padding-left:20px;
color:#047d9a;
text-align:right;
}


	
	
	#caracterefiche {
	float:right;
	width:330px;
	background-color:#000;
	border:1px solid #cd05a7;
	margin-bottom:20px;
	padding:8px 0 8px 18px;
}

#container #container2 #contenu #colRight #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 #container2 #contenu #colRight #caracterefiche   p.description{
	color:#ffffff;
	width:292px;
	font-size:11px;
	text-align:justify;
	line-height:1.5em;
	margin-bottom:10px;
}

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

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

#container #container2 #contenu #colRight #caracterefiche  span.prixbarre2{
	text-decoration:line-through;
	color:#fff;
}
#container #container2 #contenu #colRight #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:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ajoutpanier.png', sizingMethod='image');
	background-repeat:no-repeat;
}
#container #container2 #contenu #colRight #caracterefiche   .ajoutpanier2 a{
	
	cursor:pointer;
	_background:url();
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/ajoutpanier.png', sizingMethod='image');
}

	
	
	
	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:#343434;
	font-family:Arial, Helvetica, sans-serif;
}

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

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

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

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

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

.fiche_asso{
background-color:#000000;
width:140px;
height:170px;
float:left;
border:1px solid #cc0099;
margin-right:25px;
margin-bottom:20px;
padding:10px 0 10px 10px;
}

#container #container2 #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:#017b93;
}

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

#container #container2 #contenu #colRight .fiche_asso .designations_assoc a{
text-decoration:no;}


/* Mentions légales 
/*****************************************************/

#mention1 {
	width:330px;
	float:left;
	margin-right:15px;
}

#separation {
	width:9px;
	height:450px;
	float:left;
	margin-right:20px;
	border-right:1px solid #333333;
}


#container #container2 #contenu #colRight #mention1 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.8em;
margin-top:10px;}

#container #container2 #contenu #colRight #mention2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:1.8em;
margin-top:10px;}

#container #container2 #contenu #colRight #mention1 p.sous_titre{
	font-weight:bold;
	border-bottom:1px dotted #cc0099;
	color:#cc0099;
	background-image: url(../images/charte/puceL.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:12px;
}


#container #container2 #contenu #colRight #mention2 p.sous_titre{
	font-weight:bold;
	border-bottom:1px dotted #cc0099;
	color:#cc0099;
	background-image: url(../images/charte/puceL.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:12px;
}


#separation {
	width:9px;
	height:600px;
	float:left;
	margin-right:20px;
	border-right:1px solid #cc0099;
	margin-top:10px;
}
#separation2 {
	width:9px;
	height:1260px;
	margin-top:10px;
	float:left;
	margin-right:20px;
	border-right:1px solid #cc0099;
}
#mention2 {
	width:330px;
	float:left;
}
/***************plan du site ****************/
#container #container2 #contenu #colRight p.plan_site{
	font-weight:bold;
	color:#cc0099;
	padding-left:20px;
	font-size:14px;
	margin-bottom:10px;
	margin-top:10px;
	background-image: url(../images/charte/puceL.png);
	background-repeat:no-repeat;
}

.ul_accplan li{
font:normal 14px/14px Arial, Helvetica, sans-serif;
text-align:justify;
font-weight:bold;
color: #007188;
line-height:1.8em;
margin-left:15px;
list-style:url(../images/charte/puceL.png);}

.ul_accplan{
margin-left:20px;

}

.ul_accplan1 li{
font:normal 14px/14px Arial, Helvetica, sans-serif;
text-align:justify;
font-weight:bold;
color: #007188;
line-height:1.8em;
margin-left:15px;
list-style:url(../images/charte/puceL1.png);}

.ul_accplan1{
margin-left:20px;

}