/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "reset.css";
@import "charte.css";
/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

/* STYLE DE LA PAGE CONTACT */

#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #333;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
	font-family:Arial, Helvetica, sans-serif
}
#formContact .champRequis{
	color:#FF0000;
}


.formulaire{
float:left;
width:380px;
margin-bottom:10px

}

.devis{
float:left;
width:530px;
background-color:#101010;
padding:10px;
border:1px solid #333;
margin-top:5px;

margin-bottom:10px

}


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

}

.champs-form{
color:#000;
background-color:#fff;
font-size:11px;
font-family:Arial, Helvetica, sans-serif

}

.boutton-form{
color:#000;
font-weight:bold;
border:none;
width:220px;
background-color:#fff;cursor:pointer}
.loi{
text-align:justify;
font-size:11px;
color:#fff;


}
/* STYLE DE LA PAGE accueil */


.text-left{
float:left;
width:360px;

padding-right:15px;
border-right:1px dotted  #333;	
padding-bottom:10px;
}

.text-right{
float:right;
width:365px;
padding-right:5px

}

.couleure{
color:#B90505;
font-size:11px;
font-weight:lighter;
color:#D21000;
font-weight:bold;
}
.titres{
color:#B90505;
font-size:13px;
font-weight:lighter;
color:#D21000;
font-weight:bold;
height:40px
}
.liste{
	float:left;
	width:392px;
	margin-top:15px;

}
.liste ul{
	margin-bottom:0px;
	padding:0px 0 5px 3px;
	font-size:11px;
	color:#fff;
	border:none;
	text-align:left;

}
 .liste li{
	color: #fff;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	background-image: url(../images/charte/puce.jpg);
	background-repeat:no-repeat;
	list-style-type:none;
	padding:0px 0 5px 25px;
	line-height:15px;
	border:none;
	margin-bottom:5px;
	margin-left:10px;
	text-align:justify

}
.solaire{
float:left;
width:720px;
height:auto;
padding-bottom:70px}
.menusolaire{
float: left;
margin-left:40px;
margin-bottom:15px}

.realisations{
	float:left;
	width:720px;
	margin-top:10px;
	background-color:#101010;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #333;
}
.realisations img{
	float:left;
	border:1px solid #4c4c4c;
	margin-bottom:8px;
}
#container .pagination {
	float:left;	
	width:700px;
	text-align:center;
}
	
#container .pagination  p{
	float:left;	
	width:720px;
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}
	
	
.photo{
	float:left;
	width:166px;
	margin-right:10px;
}
	

.logos{
	float:left;
	width:150px;
	margin-right:12px;
	margin-bottom:15px;
	border:1px solid #4c4c4c;
	padding:8px 8px 0 8px;
}
	
#contenuTexte .realisations .logos .titrelogo{
	color:#B90505;
	color:#D21000;
	font-weight:bold;
	height:45px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	margin-bottom:8px;
	border-bottom:1px dotted #4c4c4c;
}