/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:normal 18px Arial, Helvetica, sans-serif;
color:#7d8a2e;
letter-spacing:1px;
margin:0 0 12px;
border-bottom:1px dotted #c9d787;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#6cd500;
letter-spacing:1px;
margin:0 0 7px;
border-bottom:1px dotted #6cd500;
}
#contenu p{
font:11px/1.6em Arial, Helvetica, sans-serif;
text-align:justify;
color:#666;
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:#7d8a2e;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:none;
color:#f67a39;
}
#contenu a:hover, #contenu a:active{
text-decoration:underline;
color:#f67a39;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/28px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
padding:0 0px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#4f9c00;
margin:0 2px;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#4f9c00;
}

/***************** STYLE MENU *****************/

.style1 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-presentation.jpg) no-repeat;}

.style1:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-presentation-ovr.jpg) no-repeat;}

.style2 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-verandas.jpg) no-repeat;}

.style2:hover {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-verandas-ovr.jpg) no-repeat;}

.style3 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-terrasses.jpg) no-repeat;}

.style3:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-terrasses-ovr.jpg) no-repeat;}

.style4 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-pergolas.jpg) no-repeat;}

.style4:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-pergolas-ovr.jpg) no-repeat;}

.style5 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-balcons.jpg) no-repeat;}

.style5:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-balcons-ovr.jpg) no-repeat;}

.style6 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-couverture.jpg) no-repeat;}

.style6:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-couverture-ovr.jpg) no-repeat;}

.style7 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-constructions.jpg) no-repeat;}

.style7:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-constructions-ovr.jpg) no-repeat;}

.style8 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-realisations.jpg) no-repeat;}

.style8:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-realisations-ovr.jpg) no-repeat;}

.style9 {
width:211px;
height:20px;
float:left;
background:url(../images/charte/btn-contact.jpg) no-repeat;}

.style9:hover {
width:211px;
height:20px;
background:url(../images/charte/btn-contact-ovr.jpg) no-repeat;}


/***************** STYLE PAGE VERANDAS *****************/

.text-veranda{
float:left; width:410px;
margin-right:5px;
}
.images{
float:right;
width:300px}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #7d8a2e;
	font-size:11px;
}
#formContact input:focus,textarea:focus{
	border-color:#F67A3A;
}
#formContact .champRequis{
	color:#F67A3A;
}
.formulaire{
float:left;
width:400px;
}


.text-form{
font-size:11px;
color: #666;
font-family: Arial, Helvetica, sans-serif;
}

.champs-form{
background-color: #fff;
color:#666;
font-family: Arial, Helvetica, sans-serif;
border:1px solid #7d8a2e;
font-size:11px;
width:auto;

}

.boutton-form{
background-color:#fff;
color:#7d8a2e;
font-family: Arial, Helvetica, sans-serif;
border:none;
width:200px;
font-weight:bold;
border:1px solid #7d8a2e;
cursor:pointer}
.loi{
text-align:justify;
font-size:11px;
color:#666;
font-family: Arial, Helvetica, sans-serif;

}
.realisations{
float:left;
width:400px;
margin-left:150px}

.styleselect{

width:600 px;
margin-left:10px}


.couleure{
color:#F67A3A;
font-weight:bold;}
.color{
color:#62C001;
font-weight:bold;}

.liste{
float:left;
width:420px;

}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	border:none;

}
 .liste li{
	
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 18px;
	border:none;
	margin-left:10px;
}

.lien-realisation{
float:left;
width:400px;
text-align:center;
font-size:14px}