/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#00639a;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #00639a;
}
#contenu h2{
font:bold 12px Arial, Helvetica, sans-serif;
color:#ff8604;
height:20px;
letter-spacing:1px;
margin:0 0 7px;
margin-bottom:10px;
background-image:url(../images/charte/puce.jpg);
padding-left:20px;
background-repeat:no-repeat;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#4c4e4e;
margin-bottom:1.2em;
}


#contenu strong{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#10669f;
font-weight:bold;
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:#4c4e4e;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#169ede;
}
#contenu a:hover, #contenu a:active{
color:#00639A;
text-decoration:none;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:9px/25px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:10px 0px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#36549f;
margin:0 3px;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#f8931d;
}

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

.acc{
float:left;
margin-left:10px;
background-image:url(../images/charte/acc.jpg);
background-repeat:no-repeat;
width:207px;
height:270px;
margin-bottom:10px;
position:relative;
}

.vignette_image{
float: left;
margin-left:23px;
margin-top:18px;
width:160px;
height:99px;
margin-bottom:10px;
border:1px solid #ac6d2e;

}

.text_acc{
float:left;
width:195px;
height:97px;
margin-left:8px;
margin-bottom:0px;
}
.infos{
float:left;
margin-left :50px;
}


#contenu .acc .text_acc .designation{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:40px;
color:#00639a;
font-weight:bold;
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;
}

#contenu .acc .text_acc .prix_general{
float:left;
margin-top:0px;
margin-left:20px;
text-align:center;
width:160px;
height:15px;
}

#contenu .acc .text_acc .prix{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#f4931e;
font-weight:bold;
text-align:center;
}

#contenu .acc .text_acc .prixbarre{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #999999;
font-weight:bold;
text-align:center;
text-decoration:line-through;
margin-right:20px;
text-align:center;
}

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


.picto2{
background:transparent url(../images/charte/affaire.png) no-repeat ;
float:right;
	height:68px;
	left:1px;
	position:absolute;
	top:1px;
	width:63px;;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/affaire.png', sizingMethod='crop');
}

.general{
float:left;
width:250px;
margin-left:20px;
margin-right:10px;
border-right:1px dotted #4468b4;;
}


.text_general{
float:right;
width:320px;
margin-right:20px;
margin-bottom:20px;
font-size:18px;
font-weight:bold;
margin-top:20px;
}

#contenu .text_general p{
font-size:16px;
text-align:center;
font-weight:bold;
}

#contenu .text_general span{
font-size:16px;
text-align:center;
color:#FF6600;
font-weight:bold;
}


.PtiteCols2 {
width:234px;
float:left;
margin-left: 70px;
margin-top:-70px;}
/* ----------------------------- Galerie ----------------------------- */


#contenu  .produit-defile-image {
	width:234px;
	float:left;
	max-height:360px;
	/*background:#3F7EA6;*/
	background:#FFFFFF;
	overflow:hidden; 
	text-align:center;
	position:relative;
}



.produit-fleche-top {
	width:160px;
	float:left;
	margin-bottom:5px;
}
.produit-fleche-bottom {
	width:160px;
	float:left;
	margin-top:10px;
}
.produit-right {
	/*background-image:url(../images/charte/fd-fiche-produit3.gif);*/
	width:160px;
	height:200px;
	float:left;
	margin:80px 0 0 0px;
}


/***************** STYLE LISTING *****************/

.listing{
float:left;
margin-left:5px;
background-image:url(../images/charte/listing.jpg);
background-repeat:no-repeat;
width:207px;
height:367px;
margin-bottom:10px;
position:relative;
}


.vignette_image_listing{
float: left;
margin-left:23px;
margin-top:18px;
width:160px;
height:99px;
margin-bottom:10px;
border:1px solid #ac6d2e;

}

.listing .text_acc2{
float:left;
width:195px;
height:165px;
margin-left:6px;
margin-bottom:20px;

}


#contenu .listing .text_acc2 .designation2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
height:30px;
color:#00639a;
font-weight:bold;
text-align:center;
}

#contenu .listing .text_acc2 .reference{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:15px;
color:#ff8604;
font-weight:bold;
text-align:left;
cursor:pointer;
}

#contenu .listing .text_acc2 span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999999;
text-align:left;
}

#contenu .listing .text_acc2 .prix_general2{
float:left;
margin-top:0px;
margin-left:20px;
text-align:center;
width:160px;
height:10px;
}

#contenu .listing .text_acc2 .prix2{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#f4931e;
font-weight:bold;
text-align:center;
}

#contenu .listing .text_acc2 .prixbarre2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color: #999999;
font-weight:bold;
text-align:center;
text-decoration:line-through;
margin-right:20px;
text-align:center;
}



#contenu .listing .text_acc2  .petit2{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
height:5px;
color: #666666;
font-weight:bold;
text-align:center;
font-style:italic;
}

#pagination{
	width:630px;
	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:123px;
	height:35px;
	
}
 .next{
	float:right;
	width:123px;
	height:35px;

}


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

#contenu .listing2 select{
	width:180px;
	margin-left:0px;
	background-color: #CCCCCC;
	color:#214593;
	font-size:13px;
	margin-right:20px;
}


/***************** STYLE PRESENTATION *****************/

.pres{
float:left;
width:600px;
height:140px;
border-bottom:1px dotted #3366CC;
margin-bottom:10px;
}

ul.liste {
float:left;
margin-left:40px;
color:#000000;
}
 li.liste1 {
		font-family:Arial, Helvetica, sans-serif;
	    font-size:11px;
		color: #333333;
		list-style-image:url(../images/charte/puce.jpg);
		background-repeat:no-repeat;
		margin-bottom:10px;
		line-height:25px;
		text-align:justify;
		margin-top:40px;
		font-weight:bold;
}

.text_pres{
float:right;
width:350px;
margin-right:10px;
}

.image_pres{
float:left;
width:144px;
height:111px;
margin-right:10px;
margin-top:20px;
}











#formulaire2{
float:right;
width:200px;
margin-right:130px;
margin-left:0px;
margin-top:20px;
border-left:1px solid #FF9900;
padding-left:5px;

}



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

}

#contenu #formContact  input, #contenu #formContact textarea{
	width:180px;
	border:1px solid  #653b00 ;
	font-size:11px;
	color:#000;
	background-color: #df7c04;
	font-family:Arial, Helvetica, sans-serif;
}


#contenu #formContact  input, #contenu #formContact .text2{
	width:180px;
	border:1px solid  #653b00 ;
	font-size:11px;
	color:#000;
	background-color: #df7c04;
	font-family:Arial, Helvetica, sans-serif;
}

#contenu #formContact  input, #contenu #formContact .text3{
	width: auto;
	border:1px solid  #653b00 ;
	font-size:11px;
	color: #000;
	background:none;
	border:none;
}

#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 #fff ;
}
#contenu #formContact .champRequis{
	color: #663300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu #formContact   .bouton {
	border:1px solid  #653b00;
	font-size:11px;
	color:#fff;
	background-color:#df7c04;
	font-family:Arial, Helvetica, sans-serif;
	width:70%;
	font-weight:bold;
}
#contenu #formContact  .bouton:focus {
	border:1px solid #fff ;
}

#contenu #formContact  .capa{
	width:160px;
	border:1px solid  #653b00;
	font-size:12px;
	color:#000;
	background-color:#df7c04;
	font-family:Arial, Helvetica, sans-serif;
}

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

#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:#10669f;
margin-bottom:10px;
margin-top:20px;
width:350px;

}

#contenu .contact_droite .txt_bas{
width:237px;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#10669f;
text-align:center;
margin-top:20px;


}

#contenu #fichier {
	float:left;
	width:230px;
}


/***************** STYLE PETITS ANNONCES *****************/
.general_annonces{
float:left;
width:214px;

}

.annonces2{
float:left;
background-image:url(../images/charte/annonce.jpg);
width:633px;
background-repeat:no-repeat;
background-color:#FFFFFF;
border:1px solid #10669f;
margin-bottom:10px;
}

.images_annonces{
float:left;
margin-left:10px;
margin-top:10px;
width:213px;
height:153px;
margin-bottom:10px;
text-align:center;
border:1px solid #10669f;
}


.secondaire_annonces{
float:left;
margin-left:10px;
margin-top:10px;
width:212px;
height:64px;
margin-bottom:10px;
border:1px solid #10669f;


}

.secondaire_annonces img{
border:1px solid #10669f;
}

.imagesecondaire_annonce{
float:left;
margin-right:19px;
}

.texte_annonces{
float:right;
width:370px;
margin-top:10px;
margin-right:10px;
}

#contenu .annonces2 .texte_annonces .titanaonces{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
color:#10669f;
width:370px;
font-weight:bold;

}

#contenu .annonces2 .texte_annonces .prixanaonces{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align: right;
color:#ff8604;
width:370px;
font-weight:bold;

}



#contenu .annonces2 .texte_annonces .rubanaonces{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
color:#ff8604;
width:370px;
font-weight:bold;

}


#contenu .annonces2 .texte_annonces p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
width:370px;

}

#contenu .annonces2 .texte_annonces .titanaonces span{
font-family:Arial, Helvetica, sans-serif;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
width:370px;

}
/***************** STYLE Contact *****************/


.contact_droite{
float:right;
margin-right:40px;
width:220px;
margin-top:20px;

}

.contact_droite_adresse{
float:left;
width:220px;
margin-top:20px;
margin-left:10px;
border:1px solid  #FF6600;

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

}

#contenu .contact_droite .tit_contact{
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#10669f;
text-align:center;
font-weight:bold;

}
/***************** STYLE fiche *****************/

.fiche{
float:left;
margin-left:10px;
background-image:url(../images/charte/fiche.jpg);
background-repeat:no-repeat;
width:337px;
background-color:#FFFFFF;
border:1px solid #1d3d88;
}



#contenu .fiche .designation_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
width:320px;
height:50px;
color:#00639a;
font-weight:bold;
text-align:center;
margin-top:10px;
}

#contenu .fiche .petit_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
width:320px;
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:320px;
height:20px;
color:#ff880a;
font-weight:bold;
margin-left:10px;
}
#contenu .fiche p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #999999;
width:320px;
margin-left:10px;
margin-right:10px;
}

#contenu .fiche .ref_fiche span{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #666666;
}

#contenu .fiche .ref_fiche span.prix_barr_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #666666;
text-decoration:line-through;
margin-left:10px;
}

#contenu .fiche .ref_fiche span.prix_fiche{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#00639a;
font-weight:bold;
text-align:center;
margin-left:20px;
}

.zonepanier{
float: left;
width:320px;
margin-left:40px;
margin-top:20px;
margin-bottom:20px;
}
#contenu .fiche .zonepanier .titrepanier{
float:left;
width:60px;
margin-left:20px;
color: #34447f;
font-size:11px;
font-weight:bold;
}




#contenu .fiche .zonepanier select{
float:left;
width:100px;
margin-left:10px;
background-color: #69380f;
color: #000;
font-size:11px;
border:1px  #f3e9ae solid;
}
#contenu .fiche .zonepanier .quantite{
float:left;
width:120px;
margin-left:0px;
background-color: #CCCCCC;
color: #666666;
font-size:11px;
border:1px  #34447f solid;
text-align:left;
}


.panier_fiche{
float:left;
margin-left:95px;
}


.fiche_droite{
float:right;
background-image:url(../images/charte/bg_fiche.jpg);
background-repeat:no-repeat;
width:251px;
height:206px;
margin-right:20px;
}

.vignette_image_fiche{
float:left;
width:220px;
height:180px;
margin-left:1px;
margin-left:17px;
margin-top:15px;
margin-bottom:20px;

}


.secondaire{
float:left;
width:251px;
height:64px;
margin-bottom:10px;
border:1px solid #10669f;


}


.secondaire img{
border:1px solid #10669f;
margin-left:9px;
}

.imagesecondaire{
float:left;
margin-right:19px;
}




.envoi{
float:right;
margin-left:20px;
margin-right:40px;
}


.general_fiche{
float:right;
width:290px;
height:480px;
}




/***************** STYLE Liens*****************/

.lien{
float:left;
background-image:url(../images/charte/liens.jpg);
background-repeat:no-repeat;
width:214px;
height:245px;
}

.vignette_liens{
float:left;
margin-left:18px;
margin-top:20px;
width:176px;
height:148px;
border:1px solid #ff8607;
margin-bottom:40px;
}

#contenu .text_lien p{
float:left;
width:214px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#003366;
height:30px;
font-weight:bold;
text-align:center;

}

.plan_gauche{
float:left;
width:300px;
margin-left:20px;
}



ul.liste2{
float:left;
margin-left:40px;
color:#000000;
}
 li.liste22 {
		font-family:Arial, Helvetica, sans-serif;
	    font-size:11px;
		color: #169ede;
		list-style-image:url(../images/charte/puce.jpg);
		background-repeat:no-repeat;
		margin-bottom:10px;
		line-height:25px;
		text-align:justify;
		font-weight:bold;
}


ul.liste3{
float:left;
margin-left:30px;
color:#000000;
}
 li.liste33 {
		font-family:Arial, Helvetica, sans-serif;
	    font-size:11px;
		color: #169ede;
		list-style-image:url(../images/charte/puce1.jpg);
		background-repeat:no-repeat;
		margin-bottom:10px;
		line-height:25px;
		text-align:justify;
		font-weight:bold;
}

.savoir_gauche{
float:left;
margin-left:10px;
width:246px;
height:300px;
margin-right:20px;
border-bottom:1px dotted #999999;
margin-bottom:10px;
}

.savoir_gauche p{
font-size:12px;
color:#999999;
margin-top:10px;
text-align:center;
}

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



.msgvide {
float:left;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#336699;
width:400px;
}

#logo{
float:left;
margin-left:30px;
width:183px;
margin-top:10px;
}