body
{
   font-family: Verdana;
   font-size:10px;
   color:#006600;
}

h1{
	font-size:14px;
	margin-top:15px;
	margin-bottom:40px;
	margin-left:40px;
	font-family: Verdana;
	color: #006600;
}

#page{
	width:900px;
	text-align:justify;
	background-color:#FFFFFF;
}

/* L'en-tête */
#en_tete
{
   width: 900px;
   height: 60px;
   background-image:url(img/banniere.jpg);
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
/* Le menu */

#menu
{
   width: 191px; /* Très important : donner une taille au menu */
   margin: 0px;
   padding: 0px;
   height: 412px;
   float:left;
   font-family: Verdana;
   font-size:10px; 
}

.element_menu
{
   width: 191px;
   height: 206px; 
   background-image:url(img/fond_menu.jpg);
   background-repeat:no-repeat;
   padding-left:20px;
   padding-top:0px;
}

.element_menu h3
{    
   color:#003333;
   font-family: Verdana;
   font-size:11px;
   font-weight:bold;
   background-image:url("img/fond_titre_menu.png"); /* Une petite image de fond sur les titres h2 */
   background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
   height:21px;
   padding: 2px 0px 0px 20px;
   margin: 10px 0 0px 0;
   
}

#corps h2 /* Tous les titres h2 du corps */
{
   height: 30px;
   font-size:12px;
   font-weight:bold;
   color: #006600;
   text-align: left;
   margin: 0px 0 0px 0;
   padding: 0 0 0 0px;
   
}

.element_menu ul
{
   list-style:none;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu li
{
   margin-bottom: 5px;
}

.element_menu a
{
   color: #006600;
   text-decoration:none;
   margin-bottom: 5px;
}

.element_menu a:hover
{
   color:#999999;
   text-decoration:underline;
}

/* Le corps de la page */
#conteneur{
	width:545px;
	height: 412px; 
	background-image:url(img/fond_corps.jpg);
    background-repeat: no-repeat;
	float:left;
	display:block;
	font-family: Verdana;
    font-size:10px;
}

#corps{
	padding: 0px 20px 0px 20px;
}




#zoneImage
{
   float:left;
   width: 154px;
   height: 412px; 
   background-image:url(img/fond_zone_image.jpg);
   background-repeat: no-repeat;
   
}
/* pied de page */
#pied_de_page
{
   float:left;
   width: 900px;
   height: 60px;
   background-image:url(img/fond_pied.jpg);
   background-repeat: no-repeat;
   margin-bottom: 0px;
}

/* défilement des images */
#blocktoscroll 
{
   margin-top:20px;
   overflow:hidden;
   width:120px;
   height:370px;
   border:1px solid #006600;
}

#blockimage 
{
   margin-top:20px;
   overflow:hidden;
   width:120px;
   height:370px;
   border:1px solid #006600;
}











.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #CCCCCC;
	text-align: justify;
	list-style-image:  url(01images/puce.gif);
	text-decoration: none;
}
.capture {
	position: relative;
	height: 0%;
	width: 0%;
	overflow: hidden;
	visibility: visible;
}
.formInput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #669999;
	text-align: justify;
	list-style-image:  url(01images/puce.gif);
	width: 250px;

}
.texteBouton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #003333;
	text-align: center;
	list-style-image:  url(01images/puce.gif);
}
.formError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	font-variant: normal;
	color: #FF6600;
	text-align: left;
	list-style-image:  url(01images/puce.gif);
}