/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
float:left;
font:normal 20px/50px Times;
color:#f400ce;
width:600px;
padding:0px 0 0 0;
margin:0 0 0px 0;
line-height:25px;
margin-bottom:20px;
border-bottom:1px solid #ead0c5;
}

#contenu h2{
font:normal 14px/50px Times;
color:#771a69;
font-weight:bold;
margin:0 0 7px;
}
#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
line-height:20px;
color:#666;
margin-bottom:10px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#000;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#f400ce;
}
#contenu a:hover, #contenu a:active{
color:#000;
}

/***************** STYLE ACCUEIL*****************/

.fond_acc{
float:left;
margin-right:27px;
margin-top:10px;
width:173px;
height:308px;
margin-left:0px;
background-image:url(../images/charte/fond_acc.gif);
background-repeat:no-repeat;
position:relative;
}

.fond_acc img{
float:left;
margin-left:20px;
margin-top:30px;
margin-bottom:20px;
border:#CCCCCC 1px solid;
cursor:pointer;
}

#contenu .fond_acc .designation{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #FF00CC;
margin-left:20px;
width:140px;
height:45px;
text-align:center;
cursor:pointer;
}


#contenu .fond_acc .marque{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
margin-left:25px;
width:140px;
height:20px;
text-align:center;
}
#contenu .fond_acc .marque span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;

}

#contenu .fond_acc p.prixgene2{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	margin-top:10px;
	width:180px;

}
#contenu .fond_acc span.prix2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#CF06B0;
margin-left:10px;
float:left;

}

#contenu .fond_acc span.prixbarre2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:line-through;
float:left;
margin-left:40px;
margin-top:2px;

}

.infos{
float:right;
margin-right:1px;
margin-top:20px;
width:111px;
height:25px;
background-image:url(../images/charte/savoir_plus2.jpg);
background-repeat:no-repeat;
cursor:pointer;
}

.nouveaute{
float:left;
margin-left:160px;
margin-top:5px;
margin-bottom:0px;

}
.nouveaute2{
float:left;
margin-left:120px;
margin-top:10px;
margin-bottom:0px;

}


/***************** STYLE LISTING *****************/
 #pagination{
	width:580px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:5px;
	margin-bottom:20px;
	border:none;
}

 #pagination p{
 text-align:center;
 margin-top:5px;
 color:#0000FF;
 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;

}



 .prev{
	float:left;
	width:90px;
	height:18px;
	
}
 .next{
	float:right;
	width:75px;
	height:18px;

}

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

 .picto2{
background:transparent url(../images/charte/soldes2.png) no-repeat ;
	height:75px;
	left:97px;
	position:absolute;
	top:0px;
	width:76px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/soldes2.png', sizingMethod='crop');
}

#contenu .listing{
	float:left;
	width:420px;
	margin-left:200px;
	margin-top:15px;
	
}
#contenu .listing .titrelisting{
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	color: #000000;
	font-size:13px;
	font-weight:bold;
	margin-right:0px;
}

#contenu .listing select{
	width:120px;
	margin-left:0px;
	background-color: #FF99CC;
	color: #333333;
	font-size:11px;
	margin-right:20px;
}

/***************** STYLE FICHE *****************/

.fond_fiche{
float:right;
margin-right:0px;
background-image:url(../images/charte/fond_fiche.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:353px;
margin-top:20px;
border:#999999 1px solid;
margin-bottom:10px;
}


#contenu .fond_fiche .designation2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #000;
margin-left:20px;
width:300px;
height:45px;
text-align:center;
margin-top:20px;
}


#contenu .fond_fiche .marque2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #FF00FF;
margin-left:13px;
width:250px;
height:20px;
}
#contenu .fond_fiche .marque2 span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;

}


#contenu .fond_fiche span.prix3{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#CF06B0;
margin-left:10px;
float:left;

}

#contenu .fond_fiche span.prixbarre3{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-decoration:line-through;
float:left;
margin-left:100px;
margin-top:2px;

}

.infos{
float:right;
margin-right:1px;
margin-top:20px;
width:102px;
height:19px;
background-image:url(../images/charte/savoir_plus.jpg);
background-repeat:no-repeat;
}

.infos_associe{
float:right;
margin-right:1px;
margin-top:52px;
width:102px;
height:19px;
background-image:url(../images/charte/savoir_plus.jpg);
background-repeat:no-repeat;
}

#contenu .fond_fiche .descriptif{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
margin-left:20px;
margin-right:10px;
line-height:15px;

}



#contenu .fond_fiche .zonepanier{
float: left;
width:300px;
margin-left:40px;
margin-bottom:20px;
margin-top:20px;
}
#contenu .fond_fiche .zonepanier .titrepanier{
float:left;
width:100px;
margin-left:20px;
color: #000000;
font-size:11px;
font-weight:bold;
}




#contenu .fond_fiche .zonepanier select{
float:left;
width:100px;
margin-left:10px;
background-color:#CF06B0;
color:#fff;
font-size:11px;
}
#contenu .fond_fiche  .zonepanier .quantite{
float:left;
width:95px;
margin-left:10px;
background-color:#CF06B0;
color:#fff;
font-size:11px;
border:1px  #CCCCCC solid;
}

.label1 {
	width:150px;
	line-height:2,2em;
	font-size:12px;
	color: #990000;
	font-family:Arial, Helvetica, sans-serif;
}
#contenu .fond_fiche .listee1{
	width:150px;
	border:1px solid #dd195f;
	font-size:12px;
	color:#323232;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:15px;
	margin-right:25px;
}

.panier_fiche{
float:left;
margin-left:100px;
margin-top:5px;
margin-bottom:10px;
}

.image_fiche{
float:left;
margin-left:10px;
margin-top:20px;
width:213px;
height:240px;}

.image_fiche img{
border: 1px solid #FF00CC;
}
.vignette_secondaire{
float:left;
width:213px;
margin-top:20px;
margin-bottom:20px;
}
.img_secondaire{
border:1px solid #FF00CC;
margin-right:8px;
width:61px;
}

.vignette_secondaire img{
border:1px solid #FF00CC;
}

#contenu span{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000000;

}

#contenu  .galerieho {
	margin-top:20px;
	width:550px;
	float:left;
	margin-left:20px;
	height:96px;
	padding-bottom:40px;!important
	border:1px solid red;

}

#contenu  #defilgauche {
  float:left;
  margin:0 5px 5px 0;
  cursor:pointer;
  z-index: 9;
  }
#contenu  #defildroite {
  float:right;
  margin: 0 0 20px 5px;
  cursor: pointer;
  z-index: 10;
}

#contenu  #flowcut {
  width:480px;
  overflow: hidden;
  position: relative;
  margin-left:5px;

  }
  
  
#contenu #flow{
  position: relative;
  }
#contenu  .vign{
  float: left;
  margin-right :10px;
  width:142px;

}
#contenu  .vign img{
  border:none;
}

/***************** STYLE LIENS *****************/

.fond_lien{
float:left;
margin-left:10px;
width:587px;
background-image:url(../images/charte/fond_lien.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
border-bottom:dotted 1px #FF00CC;
margin-bottom:20px;
}

.fond_lien img{
float:left;
margin-left:20px;
margin-top:20px;
margin-bottom:10px;

}

#contenu .fond_lien .vignette_contenu_lien{
float:right;
margin-right:0px;
width:370px;
margin-top:10px;
}

#contenu .fond_lien .vignette_contenu_lien .titre_lien{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:350px;
text-align:center;
color:#FF00CC;

}

#contenu .fond_lien .vignette_contenu_lien p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:350px;
}


/***************** STYLE CONTACT *****************/

.vignette_coord{

float:right;
width:200px;
margin-top:20px;
margin-right:20px;
}

#contenu .vignette_coord p{
font-family:Arial, Helvetica, sans-serif;

font-size:11px;
color:#FF00CC;
}

.image_titre{
float:left;
margin-top:20px;
margin-bottom:20px;
}

#formulaire{
float:left;
width:250px;
margin-top:20px;


}

#container2 #contenu #contact_fomulaire {
	float:left;
width:300px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:290px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:11px;
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
}
#contenu .tebdevis{
	border-bottom:1px dashed #854715;
}
#contenu input,textarea{
	width:90%;
	border:1px solid  #FF00CC;
	font-size:12px;
	color: #999999;
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu input:focus,textarea:focus{
	border:1px solid  #CCCCCC;
}
#contenu .champRequis{
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu   .bouton {
	border:1px solid #FF00CC;
	font-size:11px;
	color: #CC0099;
	background-color:#fff;;
	font-family:Arial, Helvetica, sans-serif;
	width:80%;
	font-weight:bold;
}

#contenu  .bouton:focus {
	border:1px solid  #CCCCCC;
}

#contenu  .capa{
	width:85%;
	border:1px solid #FF00CC;
	font-size:12px;
	color: #999999;
	background-color:#fff;;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu  .capa:focus{
	border:1px solid  #CCCCCC;
}

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

#contenu .txt_bas3 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}


/***************** STYLE MENTION LEGALES *****************/

#contenu .titre_mention{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #CC0066;
margin-bottom:10px;
}

/***************** STYLE PLan du site *****************/

.plan_gauche{
float:left;
width:200px;
margin-left:40px;
margin-top:20px;
}

.plan_droite{
float:right;
width:200px;
margin-top:20px;
margin-right:40px;
}

.plan_gauche ul {
float:left;
margin-left:20px;
margin-bottom:20px;
}

.plan_gauche .liste {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC0066;
background-image:url(../images/charte/puce1.gif);
background-repeat:no-repeat;
padding-left:15px;
}

.plan_gauche .sousliste {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC0066;
padding-left:25px;
}

.plan_droite .liste {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC0066;
background-image:url(../images/charte/puce1.gif);
background-repeat:no-repeat;
padding-left:15px;
}

.plan_droite .sousliste {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC0066;
padding-left:25px;
}

.plan_droite ul {
float:left;
margin-left:20px;
margin-bottom:20px;
}

.plan_droite li {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:2px;
color:#CC0066;
}

.envoi{
float:left;
margin-left:0px;
margin-top:120px;
}

#contenu  .haut_page {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
float:right;
font-weight:;
color:#990066;
cursor:pointer;
}

#contenu  .mot_condition{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#999999;
line-height:10px;
}
.voir {
float:left;
margin-left:40px;
}