/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 18px Arial, Helvetica, sans-serif;
color:#2291cd;
letter-spacing:1px;
margin:12px 0 0;
}
#contenu h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#2291cd;
letter-spacing:1px;
margin:10px 0 7px;
}
#contenu p{
font:11px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#829094;
margin-top:11px;
margin-right: 12px;
line-height:18px;

}
#contenu ul {	
	padding:0px 0 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color:#829094;
	border:none; 
	float:left;font-weight:normal;}
	
#contenu li {	color: #6C7577;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 22px;
	margin-left:10px;
	border:none;font-weight:normal
	
	}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu p.couleur, span.couleur{
font-weight:bold;
color:#2291cd;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#67a52c;
}
#contenu a:hover, #contenu a:active{
color:#2291cd;
}
/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:right;
letter-spacing:1px;
padding:0 10px 0 0;
}
#footer a:link, #footer a:visited{
text-decoration:none;
color:#fff;
}
#footer a:hover, #footer a:active{
text-decoration:underline;
color:#fff;
}
/**************divers-styles*****************/
.text-left{
float:left;
width:360px;
padding-right:0px;
padding-bottom:10px;
margin-top:10px;

}
.text-left p{
font-family: Arial, Helvetica, sans-serif;
margin-top:10px;
}

.text-left  ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	border:none;

}
 .text-left  li{
	
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 28px;
	border:none;
	
	margin-left:0px;
}
.text-right{
float:left;
width:360px;
border-left:1px solid #BED9AE;
padding-left:10px;margin-top:10px;
}
.text-right p{
text-align:justify;
margin-top:10px;
font-family: Arial, Helvetica, sans-serif;
}
.text-right  ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	border:none;

}
 .text-right  li{
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 28px;
	border:none;
	margin-left:0px;
}
.liste{
float:left;
width:730px;
margin-top:10px;margin-bottom:15px;
}
.liste ul{

	padding:0px 0 5px 3px;
	font-family: Arial, Helvetica, sans-serif;
	color:#829094;
	border:none;

}
 .liste li{
	
	color: #6C7577;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url(../images/charte/puce.gif);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 10px 22px;
	margin-left:10px;
	border:none;
	
}
#container .couleure{
font-weight:bold;
color: #058202;
font-size:11px;}

.couleure2{
font-weight:bold;
color: #058202;
font-size:14px;
font-family:Arial, Helvetica, sans-serif}

/*********************page briques*******************************/

.type1{
float:left;
width:730px;
margin-top:10px
}

.type1 img {
float:left; width:200px; margin-right:0px; margin-top:5px; margin-bottom:10px}

#container .type1 p {
float:right;
width:510px;
margin-top:0px;

text-align: justify;
}


/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea,select{
background-color:#fff;
width:100%;
border:1px solid 0BAEE2;
font-size:11px;	font-family: Arial, Helvetica, sans-serif;

}
#formContact input:focus,textarea:focus{
border-color:0BAEE2;
font-size:11px;width:100%;background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
}
#formContact .champRequis{
color:#000	;
width:100%;
}

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

.champs-form{
background-color:#fff;
font-size:11px;
border:1px solid #0BAEE2;
color:#000;width:100%;
font-family: Arial, Helvetica, sans-serif;

}

#container .boutton-form{
color:#fff;
font-weight:bold;
border:none;
width:180px;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
background-color:#0BAEE2;cursor:pointer}
.loi{
text-align:justify;
font-size:10px;
color:#000;
font-family: Arial, Helvetica, sans-serif;

}
.acces{
float:right; margin-top:20px}

/********************page réalisations******************************/

.realisations{
float:left;
width:217px;
height:242px; background-image:url(../images/charte/bgr-realisation.jpg);
background-repeat:no-repeat;text-align:center;
margin:20px  20px 0px 0;}
.realisations img{
width:170px;
height:115px;
margin-top:10px;
}
.realisations .titre{
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:13px;
font-weight:bold;
padding:5px;
height:25px;}
.realisations .descriptif{
float:left;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
font-weight:normal;
padding:5px;
height:35px;width:207px;}
#container .pagination {
	padding-top:5px;
	float:left;	
	width:680px;
	text-align:center;
	}
	
#container .pagination  p{
	float:left;	
	width:680px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	}
	
/*****************page partenaires*********************/

.partenaires{
float:left;
border:1px solid #CFE7BC;
width:660px;
background-image:url(../images/charte/bgr-partenaires.jpg);
background-repeat:repeat-x;
min-height:80px;
padding:5px;
margin:20px 0 0 0}
.partenaires img{
float:left;
border:1px solid #CFE7BC;
margin-right:5px;

}
.desc-partenaire{
float:left;
width:540px;
margin:0 5px 0 5px}
#container .desc-partenaire p{
text-align:justify;
margin-top:0px;
margin-bottom:5px}
.lien{
float:right;}
/********************annonces**********************/

.titr-annonce{
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #0099FF;
border-bottom:1px solid  #0099FF;
height:18px;width:660px;
margin-bottom:5px}
#container .surface{
font-weight:bold;
color: #2291CD;
font-size:11px;}
#container .prix{
font-weight:bold;
color: #069BEF;
font-size:16px;
float:right;
text-align:right;
width:150px}