/* CSS Document */
/**********************************************
*		*****************************
*		* *                       * *
*		* ************************* *
*		* *       *               * *
*		* *       ***************** *
*		* *       *               * *
*		* *       *               * *
*		* ************************* *
*		* *                       * *
*		*****************************
*
************************************************/
/* 	> Général */
*{
	margin:0px;
	padding:0px;
}

body, html{
	background-color:#524B43;
	font-family:arial;
	text-align:left;
	font-size:12px;
	color:#534C44;
}

/* **************************** MISE EN FORME **************************** */


#main{
	margin-left: auto;
	margin-right: auto;
	width:883px;
	background:url(Images/background_main.jpg) 0 0 repeat-y;
}

#mainGauche{
	width:21px;
	height:447px;
	background-image:url(Images/background_gauche.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	margin-top:50px;
	float:left;
}	

#maincentre {
	background-image:url(Images/background_content.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	width:862px;
	float:left;

}

.header{
	background-color:#524B43;
	height:335px;	
}

.content{
	width:830px;	
	border:0px green solid;
	margin-bottom:10px;
}

	.gauche {
		float:left;
		width: 280px;
		margin-left:15px;
		margin-top: 10px;
		border:0px green solid;
		margin-bottom:5px;
	}

	.droite {
		width: 500px;
		float: right;
		margin-top: 10px;	
		border:0px red solid;
		margin-bottom:10px;
	}


#footer{
	border:red solid 0px;
	height:22px;
	background:url('Images/background_footer.jpg') 10px 0 no-repeat;
	width:862px;
	margin-left:auto;
	margin-right:auto;
}


.clear{
	clear:both;
}


/* **************************** MISE EN PAGE **************************** */


.gauche h2{
	margin-bottom:10px;
}
.gauche img{
	margin-left:10px;
	margin-right:5px;
	margin-bottom:20px;
}


.droite p{
	padding-bottom:15px;
	text-align:justify;
	margin-right:15px;
}

#footer p{
	color:#D9CBC0;
	text-align:right;
	margin-right:10px;
	font-size:10px;
}

#footer A{
	color:#D9CBC0;
}


/* 	>Encart  */
.encart{
	background-color:#FAFAF4;
	border:1px solid #C2C2C2;
	width:480px;
	margin-right:0px;
	margin-bottom:10px;	
	padding-top:10px;
	padding-left:10px;
	padding-bottom:10px;

}

.encart img{
	border : 1px solid #C2C2C2;
	padding:5px;
	float:left;
	margin-right:15px;
}

.encart p{
	margin-left:15px;
	text-align:left;
	padding-bottom:0px;
}

.encart a{
	color : #2235A8;
	padding-bottom:10px;	
}

.enBleu {
	color: #7884BE;
}

/* **************************** BASICS **************************** */

h1{
	color: #585858;
	letter-spacing:5px;
	text-align:left;
	padding-top:10px;
	font-weight:normal;
	font-size:18px;
}

h2{
	color: #585858;
	letter-spacing:5px;
	text-align:left;
	font-weight:normal;
	font-size:15px;
}

h3{
	color: #585858;
	letter-spacing:5px;
	text-align:left;
	font-weight:normal;
	font-size:11px;
}



A{
color:#3042AD;
}

A:hover{
color:#8BA315;
}


/* -------------------------------------[ CONTACT ]------------------------------------------- */

/* le module contact se sert des conteneur généreaux .gauche et .droite !!!!!!!!!!!!*/

.formulaire{    /*conteneur qui reprend chaque label avec son input*/
margin-bottom:10px;
}

.formulaire label{    /* libellés du formulaire de contact*/
width:75px;
margin-right:10px;
float:left;
text-align:left;
margin-bottom:5px;
}

.formulaire input, .formulaire select{    /* libellés du formulaire de contact*/
height:15px;
margin-bottom:5px;
font-size:11px;
color:#849E00;
}


.formulaire .alerte{  /* alerte lorsque les champs obligatoires ne sont pas remplis */
width:305px;
margin-left:100px;
text-align:left;
margin-bottom:10px;
font-weight:bold;
color:#8ca317;

}


.formulaire .btn{ /* le style des 2 boutons en bas du formulaire */
background-color:#849E00;
border:0px solid red;
color:#FFFFFF;
font-weight:bold;
font-size:10px;
height:17px;
}