/* 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 "charte.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}



/********************************* GENERALITES *******************************/
ul{
	margin-left:40px;
	font:normal 1.1em/1.4em Arial;
}
li {
	list-style-type: none;
	text-align: left;
	margin:7px 0;
	list-style-image:url(../images/charte/puce01.gif);
}
.li01 {
	list-style-type: none;
	text-align: left;
	margin:2px 0;
	list-style-image:url(../images/charte/puce01.gif);
}
#contenuTexte .gauche #ima{
	float:right;
	margin-left:10px;
	border:0px;
}
#contenuTexte .important{
	font-weight:bold;
	color:#362B13;
	text-transform:uppercase;
}


#lien-haut{
	float:right;
	margin:10px 0;
	width:90px;
}

#cliquez{
	margin:10px 0;
}



/* Images + légende */
#blocdroite{
	float:right;
	width:240px;
	margin-top:10px;
}
.bloc{
	width:240px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin-bottom:13px;
}
.bloc img{
	border:0px;
}
.legende{
	float:left;
	width:240px;
	height:182px;
	margin:0px 0px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}
.blochor{
	width:700px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	margin-top:9px;
}
.blochor img{
	border:0px;
}
.legendehor{
	float:left;
	width:240px;
	height:182px;
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}

.blocdallage{
	width:750px;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	margin-top:9px;
}
.blocdallage img{
	margin-right:8px;
	border:0px;
}

.blocpave{
	width:740px;
	min-height:250px;
	height:auto !important;
	height:250px;
	padding:5px;
	margin-bottom:15px;
	margin-top:9px;
	border:1px solid #CECDC9;
}
#contenuTexte .blocpave h2{
	margin:0px 0px 10px 0px ;
	font:bold 1.5em Arial;
	color:#003366;
}
#contenuTexte .blocpave p{
	margin:0px 0px 0px 30px ;
}
.blocpave img{
	margin-left:10px;
	border:0px;
	float:right;
}
.blocpave .schemaimg{
	margin-right:10px;
	border:0px;
	float:left;
}
.legendepave{
	float:left;
	width:240px;
	height:182px;
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}


.blocvoirie{
	width:750px;
	height:200px;
	padding:0px 0px 0px 0px;
	margin-bottom:10px;
	margin-top:9px;
}
.blocvoirie img{
	border:0px;
}
.legendevoirie{
	float:left;
	width:240px;
	height:182px;
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}

.textBleu{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}





/*------------- EASY CONCEPT  ------------*/

#concept-gauche{
	float:left;
	width:340px;
}
#concept-droite{
	float:right;
	width:400px;
	/*border:1px solid red;*/
}
#contenuTexte #easypierre-produits{
	float:left;
	margin:25px 0 0 0;
	font-size:15px;
	font-weight:bold;
	color:#362B13;
	border-bottom:1px solid #362B13;
	padding-bottom:5px;
	width:100%;
}
.bloceasypierre{
	width:750px;
	height:210px;
	padding:0px 0px 0px 0px;
	margin-bottom:25px;
	margin-top:15px;
	float:left;
}
.bloceasypierre img{
	border:0px;
}

.legendeeasypierre{
	float:left;
	width:241px;
	height:182px;
	margin:10px 8px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}





/*------------- EXPOSITIONS  ------------*/

.blocexpo{
	width:750px;
	height:210px;
	padding:0px 0px 10px 0px;
	margin-top:5px;
	float:left;
}
.blocexpo2{
	width:240px;
	height:210px;
	padding:0px 0px 0px 0px;
	margin-bottom:25px;
	margin-top:15px;
	margin-right:8px;
	float:left;
}
.blocexpo img, .blocexpo2 img{
	border:0px;
}
.legendeexpo{
	float:left;
	width:241px;
	height:182px;
	margin:10px 8px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #003366;
	font-weight:600;
}







/*------------- CONTACT ------------*/

#itineraire{
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
}
#itineraire p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:10px 0;
}
#itineraire ul li{
	/*background:url(../images/charte/puce01.gif) no-repeat left;*/
	padding-left:10px;
	margin-left:15px;
	list-style-image:url(../images/charte/puce01.gif);
}

#formulaire-gauche{
	width:350px;
	/*border-right:1px dashed #CCCCCC;
	padding-right:45px;
	margin-right:45px;*/
	float:left;
}

#formulaire-droite{
	border-left:4px solid #564B37;
	padding-left:25px;
	width:250px;
	float:right;
	margin-top:90px;
}
#formulaire-droite img{
	float:left;
	margin-right:10px;
}
#contenuTexte #formulaire-droite p{
	font-size:1.1em;
	text-align:justify;
}

#contenu #formulaire-droite .plan-acces{
	margin:10px 0;
}

#formulaire-gauche input{
	background-color:#C2B7A1;
	border:none;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
}
#formulaire-gauche textarea{
	width:150px;
	background-color:#C2B7A1;
	border:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}
#formulaire-gauche .boutons{
	padding-left:130px;
}
*html #formulaire-gauche .boutons{
	padding-left:133px;
}
#contenuTexte #formulaire-gauche .boutons input{
	width:74px;
}
#contenuTexte #formulaire-gauche p{
	margin:5px 0;
}
#formulaire-gauche label{
	width:130px;
	float:left;
}
#contenuTexte #formulaire-droite h2{
	margin-top:20px;
}
#contenuTexte #formulaire-droite p.plan{
	margin-top:20px;
}
#contenuTexte #formulaire-droite p.petit, #contenuTexte #formulaire-gauche p.petit, #contenuTexte #formulaire-droite-ami p.petit{
	font-size:1.0em;
	line-height:1.3em;
}
#contenuTexte #formulaire-gauche p.intro-contact{
	margin-bottom:20px;
}
.obligatoire{
	color:#a6240a;
}