/* COULEURS
------------
#96CA2D	Vert
#C6E487	Vert clair
#A349A4	Violet
#C8BFE7 Violet clair
*/
/*******************************************************
					PAGE
*******************************************************/
body
{
	font: 11px calibri;
	margin: auto;  
	background-color: #EEEEEE; 
}
/*******************************************************
					PAGE DU MILIEU
*******************************************************/
#page_du_milieu
{
	width: 700px;
	height: 750px;  
	margin: auto; 
	background-color: #FFFFFF;
	border: 1px solid #C6E487; 
}
/*******************************************************
					EN-TETE
*******************************************************/
#en_tete
{
    width: 700px;
    height: 188px;
    margin-top: 10px;  
}
/*******************************************************
					MENU GAUCHE
*******************************************************/
#menu_gauche 
{
    margin-top: 15px;
    margin-left: 15px; 
    float:left;
}
#menu_gauche href
{
    text-decoration: none;
}  
#menu_gauche a
{
    font: 10px verdana;
	color: #ff6900;
}
.un {
	background-color: #F8F8F8;   
	border-radius: 13px; 
	border: 1px solid #C6E487; 
}
.deux {
	background-color: #F8F8F8;   
	border-radius: 13px; 
	border: 1px solid #C6E487; 
}
/*******************************************************
					IMAGES
*******************************************************/
.conteneur_images 
{
    background:#FFFFFF;
}
.image1 
{
    float: left;
    margin: 5px;
    width: 76px;
	height: 102px; 
}
.image2 
{
    float: left;
    margin: 7px;
    width: 102px;
	height: 76px; 
}
.conteneur_images img 
{
    height: 100%;
    width: 100%;
} 
.conteneur_images img:hover 
{
    background:#FFFFFF;
    height: 350%;
    left: -110px;
    padding: 3px;
    position: relative;
    top: -50px;
    width: 350%;
}
/*******************************************************
					MENU DEROULANTS
*******************************************************/
#menuDeroulant dt
{
  	padding-top: 15px;
    padding-left: 20px;  
	position: absolute;
	border-left: 2px; 
	width: 460px;
	height: 30px;
	float: left; 
}
#menuDeroulant li
{
	font: 10px verdana, sans-serif;
	text-align: center;
	float: left;  
	width: 100px;
	list-style-type: none;
	border-right: 15px solid #fff;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #96CA2D;
	padding: 4px 8px;
	text-decoration: none;
}
#menuDeroulant li a:hover 
{ 
	background-color: #C8BFE7; 
}
#menuDeroulant li a:active 
{ 
	background-color: #C8BFE7; 
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	background: #A349A4;
}
#menuDeroulant .sousMenu li a:hover
{
	background-color: #C8BFE7;
}
#menuDeroulant .sousMenu li
{
	font: 9px verdana, sans-serif;
	width: 100px;
	border-top: 1px solid #fff; 
	border-right: 1px solid #fff;
}
#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li:hover .sousMenu 
{ 
	display: block; 
}
/*******************************************************
					CORPS   
*******************************************************/
#corps
{
    padding-left: 20px;  
	padding-right: 20px;  
	padding-top: 50px;
    margin-bottom: 10px;
    width : 440px;
    color: #505050;
	font: 12px calibri;
	text-align: justify;
	float: left; 
}
#corps li
{
	margin-bottom: 7px; 
	list-style-type: none; 
}
#corps h4
{
    color: #A349A4;
    text-align: left;
	font: 14px Trebuchet MS; 
	margin-top: 7px;  
	margin-bottom: 10px;  
	FONT-WEIGHT: bold; 
}
#corps h5
{
    color: #ff6900;
	font: 10px verdana;
	padding-bottom: 5px;  
	margin-bottom: 10px; 
	margin-top: 10px; 
    text-align: left;
}
/*******************************************************
					AUTRES ELEMENTS  
*******************************************************/
a 
{
	text-decoration: none;
	font: 10px verdana;
	color: #ff6900;
}
input  
{
	font: 10px verdana;
	color:#555555;
}
textarea
{
    width : 300px;
    height: 70px;
    color: #505050;
    font: 10px verdana;
    text-align: justify;
    float: left;
}
/*******************************************************
					PIED DE PAGE
*******************************************************/
#pied_de_page
{
    font: 9px verdana, sans-serif;
    text-align: center; 
    color: #fff;
    padding: 5px;
}