@charset "utf-8";
/* CSS Document */

#contenu{
position:absolute;
left:120px;
width:660px;
float: right;
}
#site{
height:798px;
}

#fond-menuvertical{
height:400px;
}
#titre_haut{
margin:36px 0 40px 9px;
}
#speech{
position:relative;
height:150px;
}
#speech img{
position:relative;
margin: 0 20px 5px 50px;
float:left;
}

#speech p.paragr_normal{
margin:0 35px 0 60px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #000000;
text-align:left;
letter-spacing:0;
text-indent:25px;
}
#speech p.paragr_bleu{
text-align:center;
padding:20px 85px 0 90px;;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0033CC;
line-height:18px;
letter-spacing:0;
}

/*____________________________debut du retour des message php______________________________*/

#retour_php{
position:relative;
width:540px;
margin:auto;
margin-bottom:0;
padding-right:150px;
}
#retour_php h4{
text-align:center;
position:relative;
padding:15px 0 15px 0;
background-color:#CCCCCC;
margin-bottom:0;
}
/*____________________________fin retour des message php______________________________*/

/* ______________________________le formulaire _____________________*/

#formulaire p{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
letter-spacing:0;
margin-left:45px;
margin-right:30px;
text-indent:20px;
}
form{
background-image: url(../images/contenu/cadre2px_espace-distrib.png);
background-repeat:no-repeat;
width:452px;
height:202px;
margin:auto;
margin-top:50px;
}
#loginzone{
font: bold 1.3em arial, hevetica, sans-serif;
color: #999999;
text-align:center;
padding-top:15px;
}
hr{
color:#999999;
width:442px;
}
#piedForm{
text-align:right;
margin-right:25px;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 40px;
}

#corpForm label {	/*** Mise en forme des intitulés de champs ***/
	padding-right: 15px;
	line-height: 1.8;
	font-weight: bold;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
input#login{
margin-left:11px;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: #6a9acb;
color: #FFFFFF;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}





/* ______________________________fin du formulaire _____________________*/

#contenu h4{
position:relative;
margin:0;
margin-left: 170px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color: #0033CC;
}

/*____________________________debut de footer______________________________*/
#footer{
position:absolute;
top:795px;
text-align:center;
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
letter-spacing:1px;
}

#barre_bleu{
background-image: url(../images/footer_barre_bleu.png);
background-repeat: no-repeat;
width:780px;
height:15px;
line-height:15px;
margin:0;
padding:0;
}

/*____________________________fin de footer______________________________*/