/* Feuille de style pour menu CSS */

body { 	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
 	overflow-y: hidden; /* pour partie fixes a l'ecran */
	margin: 0 0 0 150px;
	behavior: url(csshover.htc);  /* Internet Explorer comportement */ }

/***  pour partie fixes a l'ecran   ***/
/**************************************/
html>body {overflow-y: auto}

.contenu  {	height: 100%; overflow: auto }

.fix_gauche { position: absolute; background: rgb(204,255,153);
			top: 0; left: 0; width: 150px; height: 100%; }

body>.fix_gauche { position:fixed; }

p {	font-size: 80%; text-align: justify; margin: 8px; padding: 0;}

ul { font-size: 90%; }
il { font-size: 80%; }

img { border: 0;}

        /* Tableaux NEUTRE */
div#neutre table { width: 90%; text-align: center; margin-left: auto; margin-right: auto; border: 0; }
        /* Style des lignes et colonnes des tableaux */
div#neutre td, tr {margin: 0; padding: 5px; border: 0; vertical-align: top; }
div#neutre tr:hover>td { background-color: rgb(255,255,255); }

        /* Tableaux avec COULEUR de SURVOL */
div#publi a { font-size: 90%; background: rgb(255,255,153); text-decoration:none; }
        /* Mise en forme TABLEAUX */
div#publi table { width: 90%; text-align: center; margin-left: auto; margin-right: auto; border: 0; }
        /* Style des lignes et colonnes des tableaux */
div#publi td, tr {margin: 0; padding: 5px; border: 0; vertical-align: top; }
div#publi tr:hover>td { background-color: rgb(208,240,255); }



h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }
h4 { font-size: 100%; }
h5 { font-size: 90%; }

h1, h2 { text-align: center; }
h3, h4 { text-decoration: underline; margin: 8px; padding: 0;}

.centre { text-align: center; }
.soul { text-decoration: underline; }
.ital { font-style: italic; }
.gras { font-weight: bold; }
.rouge { color: red;}

.parag { text-align: justify; padding: 0; }
.ret_1 { text-align: justify; margin-left: 20px; margin-right: 20px; padding: 0; }
.ret_2 { text-align: justify; margin-left: 50px; margin-right: 20px; padding: 0; }

#titre_page { font-weight: bold; color: black;
	text-align: center;
	background-color: rgb(255,255,0);
	padding: 0.5em; margin: 1em 10% 1em 10%;
	border: 2px solid #666666; }

#cadre { text-decoration: bold;
    	font-size: 120%; background-color: rgb(255,255,0);
		padding: 1em; margin: 1em 15% 1em 15%;
		border : 5px double black;}

.cadre2 { font-weight: bold;
		background-color: rgb(204,255,255);
		padding: 0.5em; margin: 2em;
		border: 1px dotted black; }
		
.cadre3 { position: relative; font-weight: bold;
		background-color: rgb(204,255,153);
		padding: 0.15em;
		/* border: 1px solid black; */}

.titre_parag { position: relative;
		font-weight: bold; color: white;
		padding: 0.15em; margin: 0.5em;
		background-color: rgb(153,0,102);}

/* Les bouton 'precedent' / 'suivant' dans les pages news */
.blocnews_d { float: right; width: 100px; height: 80px; border: none;}
.blocnews_g { float: left;  width: 100px; height: 80px; border: none;}

.img_dr { float: right; border: none; margin-right: 50px;}
.img_gr { float: left; border: none;}

form { margin: 5%; padding: 2%; border: 1px solid #DDDDDD; }

/* Mise en forme TABLEAUX */
table {  font-size: 100%; font-family : Verdana, arial, helvetica, sans-serif;
		margin-left: auto; margin-right: auto; vertical-align: middle;
		border-collapse: collapse; }
/* Style des en-têtes des tableaux (centré) */
thead { text-align: center; font-weight: bold; background-color: lightblue; }
/* Style des lignes des tableaux */
tbody { text-align: left; /*	background-color: rgb(211,211,211); */}
td {margin: 0; padding: 5px; border: 1px solid black; }
tr:hover>td { background-color: rgb(204,255,204); }

/** Les lignes commentaires dans le menu **/
.lig_menu {margin:0; padding: 1px; text-indent: 0px; background-color: rgb(195,195,195); text-align: center;}

/** Les logo droite et gauche en haut **/
.box_gauche {position: absolute; top: 0px; left: 1px;}
.box_droite {position: absolute; top: 0px; right: 1px;}
.box_centre {position: float; width: auto; }

div#info-gauche { width: 200px; height: 32px;
 	position: absolute;
	left: 145px; } /* 145 = 130 du menu + 15 comme à droite  */

div#info-droite { width: 200px; height: 32px;
	border: 0; text-align: right; vertical-align: middle;
	position: absolute; right: 15px;}

div#info { height:auto; background-color:rgb(204,255,102); margin: 0.5em 10% 1em 10%; padding: 0.5em; border: 1px outset;}
div#info a { font-size: 80%; text-align: justify; }
div#info a:link { text-decoration:none; color: rgb(51,0,204); }
div#info a:visited { text-decoration:none; color:#800000; }
div#info a:hover { text-decoration:none; background-color:rgb(255,255,51); }

div#lig_info { text-align: justify; text-indent: 0px; }

div#main {	padding: 1px 0 1px 2px; border-left: 1px solid;}

/**** Menus Déroulants Gauche - Michel - */
div#nav {float: left; width: 150px; margin: 0; background: rgb(153,204,51);}
div#nav ul {margin: 0; padding: 0; width: 150px; background: rgb(204,255,153); border: 1px solid #AAA;}
div#nav li {font-size: 13px; position: relative; list-style: none; margin: 0; border-bottom: 1px solid #CCC;}
div#nav li:hover {background: rgb(255,255,0); }
div#nav li.submenu {background: url(images/menu.gif) 100% no-repeat;}
div#nav li.submenu:hover {background-color: rgb(255,255,0);}
div#nav li a {font-size: 80%; color: rgb(0,0,0); display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 7.5em;}
div#nav>ul a {width: auto;}
div#nav ul ul {position: absolute; top: 0; left: 148px; display: none;}
div#nav ul.level1 li.submenu:hover ul.level2, div#nav ul.level2 li.submenu:hover ul.level3 {display:block;} 

.spacer { clear: both; }