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


#animation{
	float:right;
	margin-left:10px;
}


/* STYLE CONTENU */
#contenu h1{
	font:bold 2em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#0131b4;
	border-bottom:2px solid #0131b4;
	text-transform:uppercase;
	margin:27px 0 17px 0;
}
#contenu h2{
font:bold 1.4em Arial, Helvetica, sans-serif;
text-align:left;
color:#e2001a;
display:inline;
border-bottom:1px solid #e2001a;
text-transform:uppercase;
}
#contenu h3{
	font:bold 1.3em Arial, Helvetica, sans-serif;
	text-align:left;
	margin:10px 0 5px 0;
	color:#e2001a;
	display:inline;
	border-bottom:1px solid #e2001a;
	text-transform:none;
}
#contenu h4{
	float:right;
	margin-left:10px;
	font:bold 1.3em Arial, Helvetica, sans-serif;
	text-align:right;
	margin:60px 0 5px 0;
	color:#0131b4;
	display:inline;
	border-bottom:0px solid #e2001a;
	text-transform:none;
}
#contenu p{
	font:normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-align:justify;
	color:#18255d;
	margin:10px 0px;
}
#contenu ul{
	margin:15px 0px 15px 40px;
}
#contenu li{
	font:normal 1.1em/1.4em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-align:justify;
	color:#18255d;
	list-style-image:url(../images/charte/puce01.gif);
}
#contenu b{
font-weight:bold;
color:#0131b4;
letter-spacing:1px;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#0131b4;
letter-spacing:1px;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
letter-spacing:1px;
color:#e2001a;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
letter-spacing:1px;
color:#0131b4;
}


/********************************* ACCUEIL *********************************/
#carte{
	width:380px;
	/*margin-left:157px;*/
	margin-left:0px;
	padding:10px;
	height:157px;
	background:url(../images/charte/fd-carte.gif) no-repeat;
}
#carte h1{
	font:bold 1.6em Arial, Helvetica, sans-serif;
	text-align:right;
	color:#E11029;
	border-bottom:0px solid #0131b4;
	font-style:italic;
	text-transform:none;
	margin:0px 0 15px 0;
}
#carte p{
	font:bold 1.8em/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-align:center;
	color:#18255d;
	margin:10px 0px;
}
#carte img{
	float:right;
	width:96px;
}



/********************************* carte-accueil *********************************/
#carte-accueil{
	width:380px;
	/*margin-left:157px;*/
	margin-left:157px;
	padding:10px;
	height:157px;
	background:url(../images/charte/fd-carte.gif) no-repeat;
}
#carte-accueil h1{
	font:bold 1.6em Arial, Helvetica, sans-serif;
	text-align:right;
	color:#E11029;
	border-bottom:0px solid #0131b4;
	font-style:italic;
	text-transform:none;
	margin:0px 0 15px 0;
}
#carte-accueil p{
	font:bold 1.8em/1.2em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-align:center;
	color:#18255d;
	margin:10px 0px;
}
#carte-accueil img{
	float:right;
	width:96px;
}



/********************************* PARTENAIRE *********************************/
.partenaire{
	float:left;
	width:714px;
	padding:10px;
	margin:10px 0px;
	border:1px dashed #0230B7;
	background:none;
}
.partenaire h2{
	font:bold 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#e2001a;
	/*display:inline;*/
	border-bottom:0px solid #e2001a;
	text-transform:none;
}
.partenaire img{
	float:left;
	margin-right:10px;
	border:1px solid #072377;
}
.partenaire a{
	background-image:url(../images/charte/puce01.gif);
	background-repeat:no-repeat;
	padding-left:10px;
	margin-left:20px;
}


/********************************* DEVIS *********************************/
#formDevis input{
	width:220px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#032FB4;
}
#formDevis textarea{
	width:597px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#032FB4;
}
#formDevis .visite{
	width:597px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#032FB4;
}
#formDevis .case{
	width:15px;
	float:left;
	border:0px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px;
	color:#032FB4;
}
#formDevis .bouton{
	width:150px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	color:#032FB4;
	margin:0px 5px;
}
#formDevis input:focus,textarea:focus{
	border-color:#EF0025;
}
.champRequis{
	color:#EF0025;
}
label{
	font:normal 1.1em/1.1em Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	text-align:left;
	color:#18255d;
	margin:0px;
}
.txt{
	font:normal 1.1em/1.1em Arial, Helvetica, sans-serif;
	letter-spacing:0em;
	color:#18255d;
	margin:0px;
}


/********************************* CONTACT *********************************/
#contactTxt{
	width:45%;
	float:left;
	font-weight:bold;
}
#contactTxt p{
	font-weight:bold;
	text-align:center;
}
#contenu .textcentre{
	font-weight:bold;
	text-align:center;
}
#contactPlan{
	width:35%;
	float:right;
	text-align:center;
}
#formContact input{
	width:220px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#032FB4;
}
#formContact textarea{
	width:597px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#032FB4;
}
#formContact .sujet{
	width:597px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	padding:0px 2px;
	color:#032FB4;
}
#formContact .bouton{
	width:150px;
	border:1px solid #B7B6B6;
	background-color: transparent;
	font-size:12px;
	color:#032FB4;
	margin:0px 5px;
}
#formContact input:focus,textarea:focus{
	border-color:#EF0025;
}
#formContact .champRequis{
	color:#EF0025;
}

#volet a img{
	border:1px solid black;
	}

#volet span img{
	float:left;
	margin-bottom:10px;
	margin-right:10px;
	}

#volet span span img{
	float:right;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:30px;
}

#volet #centrer {
	margin-left:35px;
}