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

a {
	
outline:0;
		
}


body {
color:#46494A;
font-family:Lucida,Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
margin:0;
padding:0;
background-color:#ebeadc;
background-position: top center;



}


/* MISE EN FORME DES DIFFERENTS DIV */



/* HEADER */

#header {
height:411px;
margin:0 auto;
padding:0;
width:100%;

}

#contenu-header {
margin:0 auto;
padding:0;
width:950px;
height:411px;
}


#banner{
width:330px;
height:175px;
padding-top:166px;
padding-bottom:103px;
padding-left:581px;
padding-right:0px;
margin:0;

}


/* FIN HEADER */


/* CONTENU */


#contenu {
margin:0 auto;
padding:0;
width:100%;

}

.autofloat { margin:0 auto; width:950px; }

#main {
width:950px;
text-align:left;
margin:0px auto;
}


/* FIN CONTENU */


#footer_container {
height:224px;
margin:0 auto;
padding:0;
width:100%;
float:left;
}


#footer {
height:224px;
width:950px;
margin:0 auto;
padding:0;


}

.droite { 

/*Placement de l'objet à gauche du bloc presentation*/ 
float:right; 

/*Marge de 5px à droite de l'objet*/ 
margin-left:15px;
margin-right:5px;
margin-top:5px; 
margin-bottom:20px;   

/*Pour ton image, tu peux également fixer une position au sein de ta présentation afin qu'elle ne bouge pas lors du redimensionnement de la fenêtre. Celà dit comme ta presentation à une taille fixe, çà ne bougera pas. C'est utile lorsque le bloc est de taille proportionnelle à ta page.*/ 

} 



/* TEXTES */


.titre {
	color: #746b50;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}

.texte {
	color: #7b7b6b;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, Arial;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.texte-bleu {
	color:#1f4f75;
	text-decoration: none;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	line-height:1.6em;
}

.texte-footer {
	color: #7b7b6b;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, Arial;
	font-size: 13px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

.lien_texte  {	
	color:#1f577d;
	text-decoration:underline;
	font-size: 13px;	
}

.lien_texte:hover {	
	color:#746b50;
	text-decoration:underline;
	font-size: 13px;	
}


.lien_texte_footer  {
	
	color:#7b7b6b;
	font-family: Arial, Helvetica, Verdana, Arial;
	text-decoration:none;
	font-size: 13px;
	
}

.lien_texte_footer:hover {
	
	color:#0071b9;
	font-family: Arial, Helvetica, Verdana, Arial;
	text-decoration:underline;
	font-size: 13px;
	
}

/* FORMULAIRE CONTACT */


#coordonnees {

line-height:0.5em;

}

#form p.input_block input {

background-color:#fafafa;
width:250px;
font-size:11px;
color:#696969;
border:none;
border-left:1px solid #e8e8e8;
border-top:1px solid #e8e8e8;
height:20px;
font-family:Lucida,Verdana,Arial,Helvetica,sans-serif;

}

#form textarea {
	
height:100px;
background-color:#fafafa;
width:300px;
font-size:11px;
color:#696969;
border:none;
border-left:1px solid #e8e8e8;
border-top:1px solid #e8e8e8;
font-family:Lucida,Verdana,Arial,Helvetica,sans-serif;
	
}

#form .envoyer {
	
	background:url("../images/envoyer.png") no-repeat scroll 0 0;
	width:84px;
	height:20px;
	text-indent: -1000em;
	cursor:pointer;
	border:medium none;

	
}

#form input.envoyer:hover {
	
	background:url("../images/envoyer2.png") no-repeat scroll 0 0;
	width:84px;
	height:20px;
	text-indent: -1000em;
	cursor:pointer;
	border:medium none;
	
}

.contact  {
	
	color:#c3c3c3;
	text-decoration:none;
	
}

.contact:hover {
	
	color:#000000;
	text-decoration:none;
	
}

.texte-contenu-rouge {
	color: #bf0a1f;
	text-decoration: none;
	font-family:Lucida,Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
}