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

body {
    	font: Arial,sans-serif;
		font-size: 12px;
    	background: white;
		

		
		background-image:url(../img/bg.jpg);
		background-repeat:repeat-x;
		
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #3e3d40;
}

h1 {font-size: 16px; color: #d64688; padding:10px 0; margin:0;}
h2 {font-size: 14px; color: #009036; padding:10px 0; margin:0;}
p {font-size: 11px; padding:0; margin:0;}
p.footer_links {text-align: right; color:#009036;}
img {border: 0px;}
a {text-decoration: none;  color:#009036;}
a:hover {text-decoration: underline;  color:#009036;}
#mainContent ul {font-size: 11px; color:#009036; padding:10px 0 10px 20px; margin:0;}


#container {position: absolute; width: 999px; top: 90px; left: 50%; margin-left: -500px; background:#FFFFFF; text-align: left; z-index:0;}
#left_col {float: left; width: 200px; left: 0px; margin-top: 0 !important; margin-right: 20px; background-image:url(../img/css/shadow_module.jpg); background-position:bottom; background-repeat: no-repeat;}
#bloc_img {float: right; width: 300px; margin-top: 10px; margin-top: 0 !important; margin-left: 20px;}
#bloc_img p {font-size: 16px; color:white; padding:10px;}
#mainContent {font: Arial,sans-serif; width:999px; height: 400px; margin-top: 0px !important; z-index:1;}

#top_links {position: absolute;	width: 395px; left: 50%; margin-left: 105px; top: 48px;}
#top_links a.link1 {position: relative; float:left; width: 245px; height: 30px; display:block; margin:O; padding:0; background-image:url(../img/css/link1.jpg);}
#top_links a.link2 {position: relative; float:left; width: 150px; height: 30px; display:block; margin:O; padding:0; background-image:url(../img/css/link2.jpg);}
/*#logo {position: absolute; width: 288px; height: 53px; left: 50%; margin-left: -500px; top: 15px;}*/
#logo {position: absolute; width: 1018px; height: 130px; left: 50%; margin-left: -501px; top: 15px; background:url(../includes/head.jpg); background-repeat:no-repeat;}
#footer {width: 1000px; height:auto; text-align: justify; background-image:url(../img/css/shadow.jpg); background-repeat: repeat-x; background-position:top; background-color:#FFFFFF; padding-top:10px;}

/* Modules */
#module_home {width: 1000px; height: 400px; margin-top: 2px; z-index:2;/* background-image:url(../img/css/module_home.jpg);*/}

/* Contenu left bloc */
#title_bar {width: 100%; height: 30px; background-image: url(../img/css/purple_grad.jpg); background-repeat: repeat-x; background-position:bottom; text-align: center; color: white; line-height: 30px; font-size: 12px; font-weight: bold;}
#menu_g {width: 200px; font-size: 12px; margin: 0; padding: 0;}
#menu_g li {text-align: right; line-height: 20px; border-bottom: 1px solid white; background: #80B432;}
#menu_g li.active {text-align: right; line-height: 20px; background: #d64688;}
#menu_g li.active a {line-height: 20px; color:white;}
#menu_g li.active a:hover {line-height: 20px; color:white;}
#menu_g li a {color: white; text-decoration: none; display: block; height: 100%; border: 0 none; width: 190px;  padding-right: 10px;}
#menu_g li a:hover { background: #d64688;}
#menu_g li {margin: 0; list-style-type: none;}

/* Menu */

#menu dl {float: right; width: 120px; font-size:12px; color: white;}
#menu dt {cursor: pointer; display: block; height:35px; text-align: center; font-weight: bold; line-height: 35px; color: white; background-image: url(../img/css/menu_bg.jpg); background-repeat:no-repeat;}
#menu dt.active {cursor: pointer; text-align: center; font-weight: bold; line-height: 35px; color: white; background-image: url(../img/css/menu_bg_activ.jpg); background-repeat:no-repeat;}
#menu dt.double {line-height: 17px;}
#menu dd {}
#menu li {text-align: left;	background: #80B432; width: 120px; line-height: 18px; border-bottom: 1px solid #FFFFFF; font-size:10px;}
#menu li a, #menu dt a {color: white; text-decoration: none; display: block; height: 100%; border: 0 none; width: 100%;}
#menu li a:hover, #menu dt a:hover {background-image: url(../img/css/purple_grad.jpg); background-repeat:repeat-x; color: #white;}
#menu dl, #menu dt, #menu dd, #menu ul, #menu li {margin: 0; padding: 0; list-style-type: none;}