/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/

#contenu h1{
font:bold 20px Arial, Helvetica, sans-serif;
color:#fff;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #fff;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color: #3399CC;
letter-spacing:1px;
margin:0 0 7px;
border-bottom:1px dotted #000;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
line-height:20px;
margin-bottom:1.2em;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu strong{
font-weight:bold;
font-size:12px;
color:#000;

}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#53ACFF;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#fff;
}
#contenu a:hover, #contenu a:active{
color:#fff;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#274783;
text-align:right;
margin-right:50px;
letter-spacing:-1px;
padding:0 10px 0 0;
line-height:13px;

}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#274783;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#53ACFF;
}

/***************** STYLE ACCUEIL*****************/
.gauchegeneral{
float:left;
width:300px;
margin-left:0px;
}

.acc{
float:left;
margin-left:0px;
background-image:url(../images/charte/acc.gif);
background-repeat:no-repeat;
width:329px;
height:169px;
margin-bottom:10px;
margin-top:20px;
position:relative;
}
.acc img{
float:left;
margin-left:10px;
margin-top:25px;
border:1px solid #a7c1dc;
}

.acc  .texte_droite{
float:right;
margin-right:5px;
width:170px;
margin-top:28px;
}
#contenu .acc  .texte_droite .designation{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:150;
color:#CCCCCC;
background-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
padding-left:10px;
height:30px;

}

#contenu .acc  .texte_droite .designation2{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:150;
color:#CCCCCC;
background-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
padding-left:10px;
height:40px;
margin-bottom:20px;

}




#contenu .acc  .texte_droite .rubrique{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:170;
color: #235692;
background-image:url(../images/charte/puce.gif);
background-repeat:no-repeat;
padding-left:10px;
height:20px;

}

#contenu .acc  .texte_droite .rubrique2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:170;
color: #235692;
background-repeat:no-repeat;
padding-left:10px;
height:20px;

}

#contenu .acc  .texte_droite span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCCCCC;

}

#contenu .acc  .texte_droite .prix{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color: #f07019;

}

.panier{
float:left;
margin-left:89px;
margin-top:15px;
background-image:url(../images/charte/panier.gif);
background-repeat:no-repeat;
width:150px;
height:10px;
}

.infos2{
float:left;
margin-left:100px;
margin-top:25px;
background-image:url(../images/charte/infos.gif);
background-repeat:no-repeat;
width:150px;
height:10px;
}

.infos{
float:left;
margin-left:0px;
margin-top:-10px;
width:330px;
height:10px;
}
.infos img{
border:none;
float:left;
margin-left:10px;
}

.infos .image_infos{
border:none;
float:left;
margin-left:100px;
}


.panier{
float:left;
margin-left:10px;
margin-top:15px;
background-image:url(../images/charte/infos.gif);
background-repeat:no-repeat;
width:150px;
height:10px;
}

.acc_droite {
float:right;
width:311px;
height:412px;
margin-right:20px;
background-image: url(../images/charte/fond-encart.gif);
background-repeat:no-repeat;
margin-bottom:10px;
margin-top:20px;
}

.acc_droite2 {
float:right;
width:280px;
margin-right:40px;
margin-bottom:10px;
margin-top:30px;
}


.acc_droite p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:100;
color:#CCCCCC;
text-align:center;
}

.acc_droite img{
float:left;
margin-left:110px;
}

#contenu  .acc_droite .titre_droite{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #CC6600;
width:280px;
margin-top:20px;
text-align:center;
margin-left:10px;
font-weight:bold;
}

#contenu  .acc_droite  p{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
width:280px;
margin-top:20px;
margin-left:10px;
line-height:20px;
}

.animation{
float:left;
margin-left:10px;
margin-top:10px;
margin-bottom:20px;
width:316px;
height:238px;
border:1px solid  #999999;
}
.animation2{
float:left;
margin-left:10px;
margin-top:0px;
margin-bottom:20px;
width:316px;
height:238px;
border:1px solid  #999999;
}

.encart{
float:right;
margin-right:25px;
margin-bottom:20px;
}

/***************** STYLE LISTING*****************/
#contenu .listing2{
	float:left;
	width:550px;
	margin-left:40px;
	margin-top:15px;
	
}
#contenu .listing2 .titrelisting2{
	width:80px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:0px;
	color: #000;
	font-size:13px;
	font-weight:bold;
	margin-right:0px;
}

#contenu .listing2 select{
	width:110px;
	margin-left:0px;
	background-color: #CCCCCC;
	color:#000;
	font-size:11px;
	margin-right:20px;
}

#pagination{
	width:660px;
	float:left;
	height:33px;
	text-align:center;
	margin-top:20px;
	margin-left:0px;
	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:123px;
	height:35px;
	cursor:pointer;
	
}
 .next{
	float:right;
	width:123px;
	height:35px;
	cursor:pointer;

}


/***************** STYLE NOS SERVICES*****************/

#contenu .titre_services{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align: center;
color:#FFFFFF;
font-weight:bold;
}
#contenu .acc_droite2 .titre_services2{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
text-align: center;
color: #CC6600;
font-weight:bold;
}

.vignette_logo{
float:left;
width:500px;
height:100px;
margin-top:10px;
margin-bottom:10px;
border-bottom:1px dotted red;

}
.vignette_logo img{
float:left;
margin-left:10px;
margin-bottom:10px;

}
.vignette_text{
float:right;
margin-right:10px;
width:330px;
}

/***************** STYLE actualites *****************/

.actualites{
float:left;
margin-left:50px;
margin-top:10px;
background-image:url(../images/charte/actu.jpg);
background-repeat:no-repeat;
width:481px;
background-color:#b5cbe2;
border:1px solid #CCCCCC;
margin-bottom:10px;

}

#contenu .actualites .tit_actu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #e96a03;
margin-top:7px;
margin-left:10px;
width:400px;
margin-bottom:10px;
}

#contenu .actualites .dat_actu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #003366;
margin-left:10px;
width:400px;
margin-bottom:10px;
}

.text_act{
float:right;
margin-right:10px;
width:320px;
}

#contenu .actualites .text_act p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:10px;
}
#contenu .actualites img{
float:left;
margin-left:10px;
margin-top:10px;
border:1px solid #CCCCCC;
}

/***************** Galerie *****************/

.galerie{
float:left;
margin-left:10px;
background-image:url(../images/charte/galerie.gif);
background-repeat:no-repeat;
width:159px;
height:180px;
margin-bottom:20px;
}

#contenu .galerie p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
width:150px;
text-align:center;
height:20px;
font-weight:bold;
color:#CC6600;
}
.galerie img{
float:left;
margin-left:10px;
margin-top:20px;
margin-bottom:30px;
}







/***************** Contact *****************/


#formulaire{
float:left;
width:300px;
margin-left:10px;
margin-top:40px;


}

#container2 #contenu #contact_fomulaire {
float:left;
width:150px;
margin-left:0px;
margin-top:20px;
}
#contact_prop {
	width:200px;
	float:left;
	margin-left:10px;
}
#contenu label{
	font-size:11px;
	color: #fff;
	font-family:Arial, Helvetica, sans-serif;

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:220px;
	border:1px solid  #006699;
	font-size:12px;
	color: #000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .autre{
	width:140px;
	font-size:12px;
	color:#000;
}

#contenu #formContact input:focus, #contenuTexte #formContact textarea:focus{
	border:1px solid  #0d4d98 ;
}
#contenu #formContact .champRequis{
	color: #993300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid  #006699;
	font-size:11px;
	color: #CC6600;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	width:80%;
	font-weight:bold;
	margin-left:0px;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #0d4d98 ;
}

#contenu #formContact  .capa{
	width:200px;
	border:1px solid  #006699;
	font-size:12px;
	color:#000;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact .capa:focus{
	border:1px solid #0d4d98 ;
}

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

#contenu .contact_droite .txt_bas3{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-align:left;
color:#FFFFFF;
width:240px;
border:none;

}

.contact_droite{
background-image:url(../images/charte/fond-encart2.jpg);
background-repeat:no-repeat;
float:right;
margin-right:10px;
width:266px;
height:412px;
margin-top:40px;
}

.contact_droite img{
float:left;
margin-left:20px;
margin-bottom:40px;
}
.contact_droite2{
float:right;
margin-right:100px;
width:230px;
margin-top:40px;
}

#contenu .contact_droite p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-align:center;
}

#contenu .contact_droite .tit_coord{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color: #CC6600;
text-align:center;
font-weight:bold;
border:none;
}

/***************** FICHE PRODUIT *****************/
.generale_fiche{
float:left;
width:680px;
}
.fiche{
float:left;
margin-top:10px;
margin-left:10px;
background-image:url(../images/charte/fiche.jpg);
background-repeat:no-repeat;
width:380px;
background-color: #a3bed9;
border:1px solid #CCCCCC;
margin-bottom:20px;
}

#contenu .fiche .designation_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
width:350;
color: #CC6600;
height:30px;
margin-top:20px;
text-align:center;

}

#contenu .fiche .rubrique_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
width:300;
color: #235692;
height:20px;
margin-left:10px;

}

#contenu .fiche .rubrique_fiche span.prix_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
width:300;
color: #CC6600;

}

#contenu .fiche p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:280;
color:#000;
margin-left:10px;
margin-right:10px;

}

#contenu .fiche .rubrique_fiche span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
font-weight:100;

}

.encart2{
float:left;
margin-left:10px;
background-image: url(../images/charte/encart2.jpg);
background-repeat:no-repeat;
background-color: #a3bed9;
border:1px solid #1f538e;
width:234px;
margin-bottom:10px;
}

#contenu .fiche .encart2 p{

width:220px;

}

.droite_fiche{
float:right;
background-image:url(../images/charte/bg_fiche.jpg);
background-repeat:no-repeat;
width:279px;
margin-top:10px;
}
.droite_fiche .imagefiche{
float:left;
margin-left:29px;
margin-top:10px;
}


.secondaire{
float:left;
width:279px;
height:49px;
margin-top:40px;
}

.secondaire img{
float:left;
border:1px solid #999999;
}
.imagesecondaire{
float:left;
margin-right:3px;
}
.envoi{
float:left;
margin-top:10px;

}

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

#contenu .tit_mention{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:10px;
color:#3399FF;

}

/***************** Plan du site *****************/

.plan_gauche{
float:left;
width:200px;
margin-left:10px;
}

#contenu  .plan_gauche .liste{
float:left;
margin-left:30px;
}
#contenu  .plan_gauche .sousliste{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin-bottom:10px;
}

#contenu  .plan_gauche .sousliste a{
color:#fff;
}




.plan_droite{
float:right;
width:200px;
margin-right:70px;
}

#contenu  .plan_droite .liste2{
float:left;
margin-left:30px;
}
#contenu  .plan_droite .sousliste2{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin-bottom:10px;
}

#contenu  .plan_droite .sousliste2 a{
color:#fff;
}

.picto{
background:transparent url(../images/charte/bonne.png) no-repeat ;
	height:67px;
	left:4px;
	position:absolute;
	top:2px;
	width:74px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bonne.png', sizingMethod='crop');
}

.picto2{
background:transparent url(../images/charte/selection.png) no-repeat ;
	height:67px;
	left:4px;
	position:absolute;
	top:2px;
	width:74px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/selection.png', sizingMethod='crop');
}