/***************** STYLE GLOBAUX *****************/

a img{

border:none;

}

a:active, a:focus{

outline:none;

}

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

#contenu h1{

font:bold 20px Georgia, "Times New Roman", Times, serif;

color:#AA2200;

margin:0 0 12px;

}

#contenu h1 a:link, #contenu h1 a:visited{

font:bold 20px Georgia, "Times New Roman", Times, serif;

color:#AA2200;

margin:0 0 12px;

	text-decoration:none;

} 

#contenu h1 a:hover, h1 a:active{

	color: #AA2200;

	text-decoration:none;

}



#contenu h2{

font-size:14px;

font-family:Arial, Helvetica, sans-serif;

color:#830b00;

margin:0 0 7px;

}

#contenu p{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

text-align:justify;

color:#000;

line-height:12px;

margin-bottom:1.2em;

}



#contenu strong{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

font-weight:bold;

text-align:justify;

color:#aa2200;

line-height:12px;

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: #AA2200;

}

#contenu a:link, #contenu a:visited{

font-weight:bold;

text-decoration:none;

color:#383025;

}

#contenu a:hover, #contenu a:active{

color:#AA2200;

}


/*----------------- HORAIRE PAGE CONTACT --------------*/


#contenu .contact-droite2 p.bloc_horaire{
	text-align:center;
	font-weight:normal;
	font-size:13px;
}
#contenu .contact-droite2 p.bloc_horaire strong{
	font-size:14px;
}
#contenu .contact-droite2 p.bloc_horaire span{
	font-style:italic;
	font-size:11px;
}


/*----------------- CONTENUS PAGES STATIQUES --------------*/

#contenu .texte-gauche{
	float:left;
	width:300px;
	margin-right:20px;
}
#contenu .texte-gauche p{
	line-height:15px;
}

#contenu .image-droite{
	float:right;
}

#contenu p.important{
	border-left:2px solid #990000;
	padding-left:5px;
}


/*----------------- PAGE COLORIS --------------*/

.bloc-coloris{
	float:left;
	width:220px;
	height:200px;
	background-image: url(../images/charte/bloc-coloris.gif);
	margin:5px 10px 20px 0;
}
.bloc-coloris img{
	margin:50px 0 3px 23px;
}
#contenu .bloc-coloris p{
	margin-left:23px;
}


/***************** STYLE FOOTER *****************/

#footer p{

font:10px/30px Arial, Helvetica, sans-serif;

color:#383025;

text-align:right;

padding:0 0px 0 0;

}

#footer a:link, #footer a:visited{

text-decoration:none;

color:#383025;

}

#footer a:hover, #footer a:active{

text-decoration:underline;

}



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



.acc{

float:left;

background-image:url(../images/charte/acc.gif);

background-repeat:no-repeat;

width:219px;

height:317px;

margin-right:10px;

position:relative;

margin-bottom:20px;

}



.vignette_image{

float:left;

margin-left:14px;

margin-top:50px;

border:1px solid #a4470c;

width:188px;

height:103px;

text-align:center;

cursor:pointer;

}



.text_acc{

float:left;

width:190px;

margin-left:14px;

height:90px;

margin-top:10px;

}



.infos{

float:right;

margin-right:6px;

cursor:pointer;

}



.picto{

background:transparent url(../images/charte/selection.png) no-repeat ;

	height:24px;

	left:51px;

	position:absolute;

	top:-12px;

	width:113px;

	_background:url();

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

}



#contenu .acc .text_acc .designation{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

height:30px;

color:#a13835;

font-weight:bold;

text-align:center;

cursor:pointer;

overflow:hidden;

}



#contenu .acc .text_acc .prix_general{

float:left;

margin-top:0px;

margin-left:20px;

text-align:center;

width:160px;

height:15px;

padding-top:2px;

}



#contenu .acc .text_acc .prix{

font-family:Arial, Helvetica, sans-serif;

font-size:20px;

color: #000000;

font-weight:bold;

text-align:center;

}



#contenu .acc .text_acc .prixbarre{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

color: #aa2200;

text-align:center;

text-decoration:line-through;

margin-right:20px;

text-align:center;

}



#contenu .acc .text_acc .petit{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

height:5px;

color: #666666;

font-weight:bold;

text-align:center;

font-style:italic;

}



.tit_acc{

float:left;

margin-bottom:20px;

}

.general_acc{

float:left;

width:250px;

margin-left:40px;

}



#contenu .listing2{

	float:left;

	width:550px;

	margin-left:30px;

	margin-top:15px;

	margin-bottom:20px;

	

}



#contenu .listing2 .titrelisting2{

	width:80px;

	font-family:Arial, Helvetica, sans-serif;

	margin-left:0px;

	color: #fff;

	font-size:13px;

	font-weight:bold;

	margin-right:0px;

}



#contenu .listing2 select{

	width:180px;

	margin-left:0px;

	background-color: #db921f;

	color:#fff;

	font-size:13px;

	margin-right:20px;

}



#pagination{

	width:670px;

	height:41px;

	float:left;

	text-align:center;

	margin-top:20px;

	margin-left:0px;

	margin-bottom:20px;

	border:1px solid #a63702;

}





 #pagination p{

 text-align:center;

 margin-top:5px;

 color:#0000FF;

 font-family:Arial, Helvetica, sans-serif;

 margin-top:10px;

 font-size:11px;



}







 .prev{

	float:left;

	width:123px;

	height:35px;

	margin-left:10px;

	margin-top:7px;

	

}

 .next{

	float:right;

	width:123px;

	height:35px;

	margin-right:0px;



}





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

#gran_fiche{

float:left;

width:690px;

}

.top_fiche{

float:left;

background-image:url(../images/charte/top_fiche.gif);

width:345px;

height:51px;

background-repeat:no-repeat;

}



.fiche{

float:left;

background-image:url(../images/charte/fiche.gif);

width:345px;

background-repeat:no-repeat;

background-color:#ecdebb;

margin-bottom:20px;

}

#contenu .fiche .designation_fiche{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

width:330px;

margin-left:5px;

margin-right:5px;

height:50px;

color:#a13835;

font-weight:bold;

text-align:center;

margin-top:10px;

border-bottom:1px  dotted #a13835;

}



#contenu .fiche .petit_fiche{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

width:330px;

color:#00639a;

font-weight:bold;

text-align:center;

font-style:italic;

margin-top:10px;



}



#contenu .fiche .ref_fiche{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

width:260px;

height:20px;

color: #a13835;

font-weight:bold;

margin-left:10px;

}



#contenu .fiche p{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #000;

width:320px;

margin-left:10px;

margin-right:10px;

}



#contenu .fiche .ref_fiche span{

font-family:Arial, Helvetica, sans-serif;

font-size:11px;

color: #999999;

}

#contenu .fiche .ref_fiche span.prix_barr_fiche{

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

color: #999999;

text-decoration:line-through;

margin-left:10px;

}



#contenu .fiche .ref_fiche span.prix_fiche{

font-family:Arial, Helvetica, sans-serif;

font-size:18px;

color:#000;

font-weight:bold;

text-align:center;

margin-left:20px;

}



.panier_fiche{

float:right;

margin-right:0px;

}

.general_fiche{

float:left;

width:345px;

margin-bottom:20px;

}



.zonepanier{

float: left;

width:300px;

margin-left:10px;

margin-top:20px;

margin-bottom:20px;

}

#contenu .fiche .zonepanier .titrepanier{

float:left;

width:80px;

margin-left:20px;

color: #a13835;

font-size:11px;

font-weight:bold;

}









#contenu .fiche .zonepanier select{

float:left;

width:100px;

margin-left:10px;

background-color: #ecdebb;

color: #a13835;

font-size:11px;

border:1px  #a13835 solid;

}

#contenu .fiche .zonepanier .quantite{

float:left;

width:100px;

margin-left:10px;

background-color: #ecdebb;

color: #333333;

font-size:11px;

border:1px  #a13835 solid;

}





.fiche_droite{

float:right;

background-image:url(../images/charte/bg_fiche.gif);

background-repeat:no-repeat;

width:319px;

height:199px;

margin-right:20px;

margin-top:30px;

text-align:center;

}





.secondaire{

float:right;

width:319px;

height:63px;

margin-right:21px;

margin-bottom:10px;





}





.secondaire img{

border:1px solid #ecdebb;

margin-top:2px;

margin-left:2px;

}



.imagesecondaire{

float:left;

margin-right:9px;

}



.envoi{

float:left;

margin-left:0px;

}



.general_fiche_droite{

float:right;

width:319px;

height:450px;

}


#contenu ul{
	margin:10px 0 10px 35px;
}


#contenu ul.liste2{

float:left;

margin-left:20px;

color:#000000;

margin-top:10px;

}

 li.liste22 {

		font-family:Arial, Helvetica, sans-serif;

	    font-size:14px;

		color: #000;

		list-style-image:url(../images/charte/puce.gif);

		background-repeat:no-repeat;

		line-height:20px;

		text-align:justify;

		font-weight:bold;

}



#contenu ul.liste4{

float:left;

margin-left:20px;

color:#000000;

margin-top:10px;

}

 li.liste44 {

		font-family:Arial, Helvetica, sans-serif;

	    font-size:14px;

		color: #000;

		list-style-image:url(../images/charte/puce.gif);

		background-repeat:no-repeat;

		line-height:20px;

		text-align:justify;

		font-weight:bold;

}





#contenu ul.liste3{

float:left;

margin-left:30px;

color:#000000;

}

 li.liste33 {

		font-family:Arial, Helvetica, sans-serif;

	    font-size:11px;

		color: #000;

		list-style-image:url(../images/charte/puce2.gif);

		background-repeat:no-repeat;

		line-height:13px;

		text-align:justify;
		margin:5px 0;

}



.atelier_droite{

float:right;

width:360px;

margin-top:25px;

}



.atelier_gauche{

float:left;

width:256px;

}



.atelier_gauche p{

font-size:11px;

line-height:12px;

text-align:justify

}



.general-atelier{

float:left;

width:650px;

margin-bottom:20px;

border-bottom:1px solid #ecdebb;

}



.conseil_gauche{

float:left;

width:420px;

margin-right:0px;

padding-right:10px;

border-right:1px dotted #990000;

}





.conseil_droite{

float:right;

width:240px;

margin-right:10px;

}



.tab{

float:left;

background-color:#cf7817;

margin-bottom:20px;

}



.tab  p{

text-align:center;

font-size:12px;

font-weight:bold;

margin-left:20px;

}





/***************** STYLE Partenaires*****************/



.partenaire{

float:left;

background-image:url(../images/charte/lien.gif);

background-repeat:no-repeat;

margin-bottom:10px;

width:185px;

height:200px;

margin-right:20px;

}



.image_partenaire{

float:left;

width:160px;

height:103px;

margin-left:12px;

margin-top:32px;

text-align:center;

margin-bottom:20px;

}



#contenu .partenaire p{

font-size:11px;

font-weight:bold;

color:#000000;

text-align:center;

width:185px;

}

























#formulaire{

float:left;

width:250px;

margin-left:0px;

margin-top:20px;





}



#container #contenu #contact_fomulaire {

float:left;

width:190px;

margin-left:0px;

margin-top:20px;

}

#contact_prop {

	width:180px;

	float:left;

	margin-left:10px;

}

#contenu label{

	font-size:11px;

	color: #ecdebb;

	font-family:Arial, Helvetica, sans-serif;



}



#contenu #formContact  input, #contenu #formContact textarea{

	width:200px;

	border:1px solid   #990000;

	font-size:11px;

	color:#000;

	background-color: #ecdebb;

	font-family:Arial, Helvetica, sans-serif;

}





#contenu #formContact  input, #contenu #formContact .text2{

	width:200px;

	border:1px solid  #990000 ;

	font-size:11px;

	color:#000;

	background-color: #ecdebb;

	font-family:Arial, Helvetica, sans-serif;

}



#contenu #formContact  input, #contenu #formContact .text3{

	width:40px;

	border:1px solid  #990000 ;

	font-size:11px;

	color: #0099CC;

	background-color: #ecdebb;

}



#contenu #formContact  input, #contenu #formContact .text32{

font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color: #0099CC;

}



#contenu #formContact .autre{

	width:140px;

	font-size:12px;

	color:#fff;

}



#contenu #formContact input:focus, #contenu #formContact textarea:focus{

	border:1px solid #cc7116 ;

}

#contenu #formContact .champRequis{

	color: #990000;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

}



#contenu #formContact   .bouton {

	border:1px solid  #990000;

	font-size:11px;

	color: #990000;

	background-color:#ecdebb;

	font-family:Arial, Helvetica, sans-serif;

	width:70%;

	font-weight:bold;

	text-align:center;

}

#contenu #formContact  .bouton:focus {

	border:1px solid #cc7116 ;

}



#contenu #formContact  .capa{

	width:130px;

	border:1px solid  #990000;

	font-size:12px;

	color:#000;

	background-color: #ecdebb;

	font-family:Arial, Helvetica, sans-serif;

}



#contenu #formContact .capa:focus{

	border:1px solid #cc7116 ;

}



#contenu #formContact  .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;

color:#000;

margin-bottom:10px;

margin-top:20px;

width:300px;



}



#contenu .contact-droite2 .txt_bas{

font-family:Arial, Helvetica, sans-serif;

font-size:10px;

color:#000;

margin-bottom:10px;

margin-top:20px;



}



.contact-droite2{

float:right;

width:200px;

margin-right:150px;

margin-top:30px;

}



#contenu .contact-droite2 p{

font-family:Arial, Helvetica, sans-serif;

font-size:14px;

text-align:center;

color:#000000;

font-weight:bold;

}



#contenu .contact-droite2 .tit_plan{

font-family:Arial, Helvetica, sans-serif;

font-size:16px;

text-align:center;

color:#aa2200;

font-weight:bold;

}



.plan_gauche{

float:left;

margin-left:10px;

width:250px;

}





ul.liste{

float:left;

margin-left:20px;

color:#000000;

}

 li.liste1{

		font-family:Arial, Helvetica, sans-serif;

	    font-size:14px;

		color: #990000;

		list-style-image:url(../images/charte/puce.gif);

		background-repeat:no-repeat;

		line-height:20px;

		text-align:justify;

		font-weight:bold;

}



.haut{

float:right;

margin-bottom:20px;

}