html, body {
height: 100%
}

body {
margin: 0;
padding: 0;
text-align : center;
font-family : arial;
/*font-size : 12px;*/
font-size : 0.9em ;
color : #000;
background : #009a3d;
}

#cont {
background-color : #009a3d;
text-align : left;
font: 15px arial, verdana, helvetica, sans-serif;
width : 900px ; 
margin : 0 auto 0 auto; 
height : 100%; 
}
html>body #content {height : auto; min-height : 100%}

#haut {
margin-left:auto;
margin-right:auto;
background-repeat: no-repeat ;
background-image : url(images/bandeau.jpg);
width : 900px;
height : 150px;
}

#facebook {
  float : right;
  margin-top : 19px;
  margin-right : 40px;
}

#menu_haut {
background : #009a3d;
width: 900px;
height: 43px;
}

#menu_gauche {
background : #009a3d;
width: 150px;
float  : left;
}

#texte_droit {
float  : left ;
width : 900px;
background : #009a3d;
}

#texte_droit span {
font-weight: bold;
text-decoration: underline; 
}

#texte_droit p {
color : #ffffff;
text-align : justify;
margin-left: 0px;
margin-right: 0px;
padding: 2px;
}

#texte_droit h1 {
color : #ffffff;
text-align : justify;
font: 15px arial, verdana, helvetica, sans-serif;
font-weight: bold;
}


#texte_central {
float  : left ;
width : 750px;
background : #009a3d;
}

#texte_central p {

color : #ffffff;
text-align : justify;
}

#texte_central h1 {
color : #ffffff;
text-align : left;
font-size : 1.5em;
}

#texte_central ul {
color: #FFFFFF;
}

#texte_central a {
color : #ffffff;
text-decoration : none ;
}

#texte_central a:hover {
color : #666;
text-decoration : none ;
}

.floatleft
{
width: 120px;
height: 120px;
float: right;
/*border: solid 1px #FF0000;*/
text-align: center;
margin: 5px;
}

table {
margin-left:140px;
}

.floatleft1
{
width: 430px;
height: 400px;
float: left;
/*border: solid 1px #FF0000;*/
text-align: center;
margin: 5px;
}

.img_gauche {
float : left ; 
margin : 0 10px 0 0 ;
}

.img_droite {
float : right ; 
margin : 0  0 0 10px;
}

#droite {
background : #009a3d;
float: right;
margin-right: 10px;
margin-left: 10px;

}

#droite a {

text-decoration : none;
color : #fff59b;
font: 15px arial, verdana, helvetica, sans-serif;
font-weight: bold;
}



#gauche {
background : #009a3d;


}

#gauche a {

text-decoration : none;
color : #fff59b;
font: 15px arial, verdana, helvetica, sans-serif;
font-weight: bold;
}

/* FORMULAIRE */

@charset "utf-8";


#monForm
{
	width: 70%;
}

#monForm p
{
	margin: 2px 0;
}

/* fieldset , legend */
#monForm fieldset
{
	margin-bottom: 10px;
	border: #CCC 1px solid;
}

#monForm fieldset:hover
{
	background-color: #009a3d;
}

#monForm fieldset legend
{
	padding: 0 10px;
	border-left: #CCC 1px solid;
	border-right: #CCC 1px solid;
	font-size: 1.2em;
	color: #FFF;
}

/* Label */
#monForm label
{
	background-color: #FFCC66;
	display: block;
	width: 39%;
	float: left;
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	color:#000000;
}

#monForm label:hover
{
	font-weight: bold;
}

#monForm .form_label_nostyle
{
	background: none;
}

/* Input */
#monForm input, #monForm select
{
	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
}

#monForm textarea {

	margin-left: 1%;
	width: 58%;
	border: #CCC 1px solid;
}

#monForm textarea:hover, #monForm select:hover, #monForm textarea:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}

#monForm input:hover, #monForm select:hover, #monForm input:focus, #monForm select:focus
{
	border: #999 1px solid;
	background-color: #DDEEFF;
}


/* button submit */
#monForm input[type="submit"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#monForm input[type="submit"]:hover
{
	background-color: #66CC33;
	cursor: pointer;
}

#monForm input[type="reset"]
{
	border: #DDEEFF 1px solid;
	width: 27%;
}

#monForm input[type="reset"]:hover
{
	background-color: #E6484D;
	cursor: pointer;
}

#footer {
background-color : #009a3d;
text-align : center;
font: 15px arial, verdana, helvetica, sans-serif;
width : 900px ; 
margin : 0 auto 0 auto; 
height : 25px;
color : #ffffff;
}


#footer  a {
List-style : none;
color : #ffffff;

}