/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
height:50px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#accueil {
background-image: url(../images/charte/h1_acc.gif);
}
#contenu h2{
font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
color:#ff9a03;
margin:0 0 4px;
}
#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color:#fff;
margin-bottom:10px;
line-height:15px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
color:#ff9a03;
}
#contenu a:link, #contenu a:visited{
text-decoration:none;
color:#ff9a03;
}
#contenu a:hover, #contenu a:active{
text-decoration:none;
color:#fff;
}

/***************** STYLE ACCUEIL *****************/
.vignette_generale{
float:right;
margin-right:10px;
width:250px;
margin-top:40px;
}

.vignette_bg{
float:right;
margin-right:10px;
margin-top:0px;
background-image:url(../images/charte/bg_acc.gif);
background-repeat:repeat-y;
width:233px;
}

.vignette_bg img{
float:left;
margin-left:28px;
margin-top:0px;
border:#663300 1px solid;

}

.vignette_top{
float:right;
margin-right:10px;
margin-top:0px;
background-image: url(../images/charte/top.gif);
background-repeat:no-repeat;
width:234px;
height:86px;
position:relative;
}

.vignette_botom{
float:right;
margin-right:10px;
margin-top:0px;
background-image: url(../images/charte/bottom.gif);
background-repeat:no-repeat;
width:233px;
height:37px;
}

#contenu .vignette_bg .designation{
float:left;
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
color:#fff;
margin-left:28px;
margin-top:0px;
cursor:pointer;
}

#contenu .vignette_bg .rubrique{

float:left;
width:180px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#fff;
margin-left:30px;
margin-top:20px;
text-align:center;
}
.vignette_generale .affaire{
float:left;
margin-left:50px;
margin-top:20p;
}

.vignette_txt{
float:left;
margin-left:20px;
width:300px;
margin-top:60px;
}
#contenu .vignette_txt p{
font-family:Arial, Helvetica, sans-serif;

font-size:12px;
margin-left:5px;
line-height:15px;

}
.separateur{
float:left;
margin-left:20px;
margin-top:40px;
}

.encart{
float:right;
margin-right:20px;
background-image:url(../images/charte/encart.gif);

background-repeat:no-repeat;
width:232px;
height:79px;
margin-top:20px;
margin-bottom:20px;
}

#contenu .encart p{
margin-top:40px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#8A2B04;
margin-left:10px;

}

/***************** STYLE LISTING PRODUITS *****************/
.general_listing{
width:188px;
float:left;
margin-left:10px;
margin-top:5px;
position:relative;
}

.top_listing{

float:left;
margin-left:10px;
width:188px;
height:11px;
background-image:url(../images/charte/top_listing.gif);
background-repeat:no-repeat;
margin-top:20px;
}

.bg_listing{

float:left;
margin-left:10px;
width:188px;
height:150px;
background-image:url(../images/charte/bg_listing.gif);
background-repeat:repeat-y;
margin-top:-2px;
}

.bg_listing img{

float:left;
margin-left:20px;
margin-top:10px;

}
#contenu .style_titreh1{
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#E68403;
font-weight:bold;
margin-bottom:10px;
width:600px;
}
.bg_listing .separteur_listing{
float:left;
margin-left:25px;
margin-top:15px;
margin-bottom:15px;
}




.bottom_listing{

float:left;
margin-left:10px;
width:188px;
height:49px;
background-image: url(../images/charte/bottom_listing.gif);
background-repeat:no-repeat;
margin-top:-2px;
}

#contenu .general_listing .bottom_listing .designation{
float:left;
width:150px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#fff;
margin-left:20px;
cursor:pointer;
text-align:center;
}
#contenu .general_listing .bg_listing .pourcentage{
float:left;
width:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
font-weight:normal;
color:#fff;
margin-left:50px;
margin-top:0px;
cursor:pointer;
}


#contenu .encart .texte_adresse{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
color:#FFFFFF;

}

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

}



#contenu .pagination {
float:left;
margin-left:10px;
width:600px;
height:12px;
margin-top:20px;
margin-bottom:10px;
}
#contenu .pagination .next{
float:right;
margin-right:10px;
margin-top:2px;
margin-left:300px;
width:70px;
height:13px;

}
#contenu .pagination .prev{
float:left;
margin-left:10px;
margin-top:2px;
width:87px;
height:13px;
}

#contenu .pagination p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:30px;
margin-top:-2px;
text-align:center;
}


#contenu .pagination2 {
float:left;
margin-left:-400px;
width:600px;
height:12px;
margin-top:20px;
margin-bottom:10px;
}
#contenu .pagination2 .next2{
float:right;
margin-right:10px;
margin-top:2px;
margin-left:300px;
width:70px;
height:13px;

}
#contenu .pagination2 .prev2{
float:left;
margin-left:10px;
margin-top:2px;
width:87px;
height:13px;
}

#contenu .pagination2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:30px;
margin-top:-2px;
text-align:center;
}

#contenu .pagination2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin-left:30px;
margin-top:-2px;
text-align:center;
}

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

#contenu  .picto p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:18px;
 font-weight:bold;
 color:#990000;
 margin-top:10px;
 margin-left:0px;
}




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

.generale_fiche{
float:left;
margin-left:50px;
width:348px;
margin-top:40px;
}

.top_fiche{
float:left;
background-image:url(../images/charte/top_fiche.gif);
background-repeat:no-repeat;
width:348px;
height:29px;
position: relative;
}

 .top_fiche .picto_fiche{
background:transparent url(../images/charte/picto_fiche.png) ;
	height:71px;
	left:1px;
	position:absolute;
	top:1px;
	width:70px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto_fiche.png', sizingMethod='crop');
}


 .picto_acc{
background:transparent url(../images/charte/picto_fiche.png) ;
	height:71px;
	left:1px;
	position:absolute;
	top:49px;
	width:70px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/picto_fiche.png', sizingMethod='crop');
}

#contenu  .picto_acc p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:bold;
 color:#990000;
 margin-top:10px;
 margin-left:0px;
}

#contenu .top_fiche .picto_fiche p{
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
 font-weight:bold;
 color:#990000;
 margin-top:10px;
 margin-left:0px;
}




.bg_fiche{
float:left;
background-image:url(../images/charte/bg_fiche.gif);
background-repeat:repeat-y;
width:348px;
}

.bg_fiche img{
float:left;
margin-left:100px;
margin-bottom:10px;
margin-top:10px;
}

 .picto_fiche{
background:transparent url(../images/charte/picto.png) no-repeat ;
	height:67px;
	left:10px;

	top:20px;
	width:56px;
	_background:url();
	 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/poicto.png', sizingMethod='crop');
}

.bottom_fiche{
float:left;
background-image:url(../images/charte/bottom_fiche.gif);
background-repeat:no-repeat;
width:348px;
height:41px;
margin-bottom:20px;


}
.image_fiche{
float:right;
margin-right:20px;
width:145px;
height:186px;
}
#contenu .bg_fiche .designation_fiche{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#990000;
margin-left:40px;
margin-right:10px;
text-align:center;


}

#contenu .bg_fiche .descriptif{

font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin-left:20px;
margin-right:10px;
text-align:justify;
margin-top:20px;
}

#contenu .bg_fiche .titredescriptif{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
margin-left:20px;
margin-right:10px;
text-align:justify;
margin-top:40px;
}

.vignette_droiteimg{
float:right;
margin-right:20px;
width:203px;
height:271px;
margin-top:40px;
}
.envoi_ami{
float:left;
margin-left:50px;
margin-top:2px;
width:150px;
}

.vignette_text_fiche{
float:left;
margin-left:20px;
margin-right:20px;
width:310px;
margin-top:10px;
margin-bottom:10px;
}

/***************** STYLE CHEMINEES PHILLIPPE *****************/

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

.img_chemines{
float:left;
margin-left:100px;
margin-bottom:10px;
margin-top:20px;
}

.vignette_img_gauche{
float:left;
margin-left:20px;
width:325px;
height:227px;
}

.vignette_droite{
float:right;
margin-right:5px;
width:270px;
height:227px;
margin-top:20px;

}

.vignette_img_milieu{
float:left;
margin-left:100px;
width:400px;
height:132px;
margin-top:20px;
margin-bottom:20px;
}

.vignette_img_milieu2{
float:left;
margin-left:150px;
width:300px;
margin-top:20px;
margin-bottom:20px;
}
.img2{
float:left;
margin-left:20px;
margin-top:10px;
}

.img3{
float:left;
margin-left:40px;
margin-top:10px;
margin-bottom:20px;
}

.img4{
float:left;
margin-left:50px;
margin-top:10px;
margin-bottom:20px;
border:1px solid #FF9900;
}

.vignette_droite2{
float:right;
margin-right:180px;
width:180px;
margin-top:20px;

}

.vignette_droite3{
float:right;
margin-right:5px;
width:400px;
margin-top:20px;

}
#contenu  .titre_cheminnes{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#990000;
}

/***************** STYLE MATERIAUX *****************/

.vignette_gauche2{
float:left;
margin-left:80px;
width:158px;
height:164px;
margin-top:20px;
}


.img_materiaux{
float:left;
margin-left:100px;
margin-top:20px;
width:60px;
height:50px;
}
.td_materiaux{
float:right;
margin-right:143px;
margin-top:30px;
width:342px;
height:27px;
background-image:url(../images/charte/td_mteriaux.jpg);
background-repeat:no-repeat;
}

.td_materiaux p{
margin-left:20px;
margin-top:8px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;

}

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

#contenu  .titre_gras{

font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#990000;
margin-left:40px;
margin-right:10px;
text-align:justify;
margin-top:20px;
}

.separateur_materiaux{
float:left;
margin-left:100px;
margin-top:20px;
margin-bottom:40px;

}

#contenu .titre_materiaux{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
margin-left:70px;
}

.encart_contacter{
float:left;
background-image: url(../images/charte/encart_contacter.gif);
background-repeat:no-repeat;
width:303px;
height:62px;
margin-left:120px;

}

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

 .vignette-plan {
float:right;
margin-right:20px;
width:200px;
margin-top:-60px;
}
 .vignette-plan img{
 float:left;
 margin-left:20px;
 margin-bottom:20px;

}


#contenu .vignette-plan p {
margin-right:30px;
text-align: center;
margin-bottom:10px;

}
.vignette_generale_contact{
float:left;
margin-left:10px;
width:300px;
margin-top:40px;
margin-bottom:40px;
}

#contenu .vignette-plan .tit_coord{
float:right;
margin-right:30px;
margin-top:5px;
margin-bottom:30px;	
}


#contenu .vignette-plan .tit_coord2{
float:right;
margin-right:30px;
margin-top:5px;
margin-bottom:-20px;	
}
#contenu .vignette-plan .titre_contact{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#990000;
margin-left:5px;
margin-right:30px;
text-align:center;
}


 #formulaire{
float:left;
width:200px;


}

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

#contenu input,textarea{
	width:90%;
	border:1px solid #B33A05;
	font-size:10px;
	color:#fff;
	background-color:#E68403;
	font-family:Arial, Helvetica, sans-serif;
}

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




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

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

#contenu  .capa{
	width:90%;
	border:1px solid #B33A05;
	font-size:11px;
	color:#fff;
	background-color:#E68403;
	font-family:Arial, Helvetica, sans-serif;
}

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

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

#contenu .vignette-plan .text_loi{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:justify;
margin-top:30px;

}

/***************** STYLE AIDE GOUVERNEMENTALES *****************/

#contenu .cheminnes_contenu .titre_aides{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#990000;
margin-left:20px;
}

/***************** STYLE PLAN SITE *****************/


.vignette_plan_gauche{
float:left;
margin-left:100px;
margin-top:40px;
width:180px;
margin-right:20px;
}
.sous_liste{
float:left;
margin-left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#990000;
}

.sous_liste2{
float:left;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}


.vignette_plan_droite{
float:right;
margin-right:120px;
margin-top:-266px;
width:180px;
}

/***************** STYLE NOS REALISATIONS *****************/



.realisations_generale{
float:left;
margin-left:-20px;
width:141px;
margin-top:40px;
margin-bottom:20px;

}
.realisations_gauche{
float:left;
margin-left:10px;
margin-right:10px;
width:141px;
margin-top:5px;
border:#942F04 1px solid;

}

#contenu .realisations_generale .realisations_gauche p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#E68403;
text-align: center;

}

.generale_realisations{
float:right;
margin-right:0px;
width:520px;
}


.generale_realisations .realisations_droite{
float:left;
margin-top:40px;
margin-left:-2px;
width:173px;
margin-bottom:10px;

}

.top_realisation{
float:right;
background-image:url(../images/charte/top_realistion.gif);
background-repeat:no-repeat;
width:160px;
height:47px;

}
#contenu .realisations_droite .top_realisation p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
font-weight:bold;
margin-left:40px;
margin-top:10px;
height:30px;
width:100px;
text-align:center;

}


.bg_realisation{
float:right;
background-image: url(../images/charte/bg_realisation.gif);
background-repeat: repeat-y;
width:160px;

}

.bg_realisation p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-left:5px;
margin-right:5px;
margin-top:20px;

}
.bottom_realisation{
float:right;
background-image:url(../images/charte/bottom_realisation.gif);
background-repeat:no-repeat;
width:171px;
}

.img_rea{
float:left;
margin-left:25px;
margin-bottom:10px;
margin-top:10px;
}

#contenu .text_catalogue{
float:left;
margin-left:10px;
color:#fff;
margin-top:30px;
margin-bottom:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}

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