/* propriétés générales de la page */ 
body {
	background-color:#99CCFF;
	}
	/* propriétés du heut de page */
#haut_de_page {
    margin:0px;
	height:150px;
	background-color:#000033;
	background-image: url(images/fond-titre.gif);
	}
	
	/* bloc central uniquement crée pour uniformiser les hauteurs des deux blocs contenus (menu et contenu) */
#bloc_central {
	margin:0px;
	padding:0px;
	height:800px;
	}

	/* propriétés du menu vertical */
#menu {
	margin:0px;
	padding:0px;
	float:left;
	width:200px;
	height:800px;
	background-color:#000033;
	background-image: url(images/fond-menu.gif);
	}
	
#menu  div.fondmenu {
	margin:0px;
	padding:0px;
	width:200px;
	height:450px;
	background-image: url(images/image-menu-v2.jpg);
	overflow:visible;
	}
	
#menu  span.rubrique {
	display:block;
	margin-left:10px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;	
	background-color:#FFCC99;
	text-align:center;
	font-size: 20pt;
	}
#menu  div.login {
	margin-left:10px;
	margin-right:20px;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
	color: #FFCC99;
	background-color:none;
	text-align:left;
	font-size: 12pt;
	}
#menu .pluspetit {
	 font-size:smaller;
	}
#menu ul {
	list-style:none;
	}
/* propriétés des liens (de base et déjà visités) contenus dans le bloc contenu */
#menu a:link, #menu a:visited {
	color:rgb(102, 0, 0);
	text-decoration:none;
	}
/* propriétés des liens (au dessus et actifs) contenus dans le bloc contenu */
#menu a:hover, #menu a:active {
	color:rgb(80, 0, 0);
	text-decoration:none;
	}

/* propriétés du contenu */
#contenu {
	font-family: Comic Sans MS, verdana, sans-serif ;
	color: rgb(102, 0, 0);
	height:800px;
	overflow:scroll;
	font-size:10pt;
	text-align:left;
	background-color:#FFFF99 ;
	background-image: url(images/fond1.jpg);
	text-indent:10px;
	}
#contenu h1 {
	text-align:center;
	}
	
#contenu .gras {
	text-indent:0px;
	font-weight: bold ;
	}
#contenu .rouge {
	color:#CC0033;
	}
#contenu .oeuf {
	color:#FFFFCC;
	}
#contenu .violet {
	color:#6600FF;
	}
#contenu .souligne {
	text-decoration: underline ;
	}	
#contenu .italique {
	 font-style: italic ;
	}
#contenu .plusgrand {
	 font-size:larger;
	}
#contenu .pluspetit {
	 font-size:smaller;
	}
#contenu .centre {
	 text-align: center;
	}
#contenu  .clear {
	display:block;
	clear:both;
	visibility:hidden;
	}
#contenu .Acide{
	color:green;
	}
#contenu .Salé{
	color:yellow;
	}
#contenu .Sucré{
	color:orange;
	}
#contenu .Mielleux{
	color:red;
	}

#contenu  div.boite {
	background-color:#FFFF99;
	margin:10px;
	padding:10px;
	float:left;
	text-align:center;
	opacity:1;
}
#contenu  span.tableau {
	display:block;
	float:left;
	margin:10px;
}
#contenu  table.stat {
	text-align:center;
	border: medium solid #000000;
	border-collapse: collapse;
}
#contenu  thead.stat {
	background-color:red;
	border: medium solid #000000;
	padding:5px;
}
#contenu  th.stat {
	padding:5px;
}
#contenu  td.stat {
	text-align:center;
	padding:5px;
	background-color :#CCCCCC;
	border: thin solid #000000;
}
	
	
#contenu table {
	background-color : #000000;
	border: medium solid #000000;
	border-collapse: collapse;
	}

#contenu td {
	font-size: 10pt;
	background-color :#CCCCCC;
	border: thin solid #000000;
	}

#contenu td.coord {
	text-align:center;
	border-right: thin dotted #000000;
	border-left: thin dotted #000000;
}

#contenu td.entete {
	background-color :#669999;
	font-weight: bold ;
	text-decoration: none ;
	text-align: center;
	padding:5px;
	}
#contenu td.corpstableau {
	background-color :#CCCCCC;
	text-align: left;
	}
#contenu td.corpstableau2{
	background-color :#CCCCCC;/*argent*/
	padding:2px;
	}
#contenu td.corpstableau3{
	background-color :#c08040 ;/*marron clair*/
	padding:5px;
	}
#contenu td.corpstableaumax{
	background-color :#ffa0a0 ;/*rouge clair*/
	}
#contenu td.corpstableaumin{
	background-color :#99FF99 ;/*vert clair*/
	}
	
#contenu ul {
	margin-right:10px;
	}
#contenu div {
	text-indent:0px;

	}
#contenu div.form {
clear:both;
border-style:none; 
margin:10px;
padding:5px;
float:center;
	}

#contenu .form1 {
font-family: Comic Sans MS, verdana, sans-serif ;
border-style:solid; 
border-width:1px; 
border-color:black; 
background-color:silver;
margin:0px;
padding:5px; 
float:left;}

#contenu div.corps {
font-family: Comic Sans MS, verdana, sans-serif ;
clear:both;
margin:10px;
float:none;
	}

#contenu span.barrevie1 {
background:#E30000;
width:146px;
height:15px;
margin:2px;
padding:0px;
border-width:0px; 
border-color:black; 
display:block;
float:center;
}
#contenu span.barrevie2 {
height:15px;
margin:0px;
padding:0px;
display:block;
float:left;
}

/* -----------------   CSS pour faire les infobulles    ------------------------ */

#contenu a.infobulle em {
    display:none;
}
#contenu a.infobulle:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
#contenu a.infobulle:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #FFFFCC;
    border: 1px solid #bbb;
    background: #4B4B4B;
}
#contenu a.infobulle:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(images/image-infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
#contenu a.infobulle:hover  strong.equipement {
    font-weight: normal;
	color:#00CC33;
	clear:both;
}	
#contenu a.infobulle:hover  strong.mouche {
    font-weight: normal;
	color:#FF9933;
	clear:both;
}
#contenu a.infobulle:hover  strong.autres{
    font-weight: normal;
	color:#3399FF;
	clear:both;
}
/* -----------------   Fin de CSS pour faire les infobulles    ------------------------ */	

/* propriétés des liens (de base et déjà visités) contenus dans le bloc contenu */
#contenu a:link, #contenu a:visited {
	color:rgb(102, 0, 0);
	text-decoration:none;
	}
/* propriétés des liens (au dessus et actifs) contenus dans le bloc contenu */
#contenu a:hover, #contenu a:active {
	text-decoration:underline;
	}

/************************* propriétés du chemin de fer ******************************/
#chemin_fer {
	margin:0px;
	height:20px;
	width:100%;
	background-color:transparent;
	background:none;
	}
/* propriétés des liens (de base et déjà visités) contenus dans le bloc chemin_fer */
#chemin_fer a:link, #chemin_fer a:visited {
	color:#000033;
	font-weight:bold;
	text-decoration:none;
	}
/* propriétés des liens (au dessus et actifs) contenus dans le bloc chemin_fer */
#chemin_fer a:hover, #chemin_fer a:active {
	text-decoration:underline overline;
	}
/************************* fin despropriétés du chemin de fer **************************/
	
/* propriétés du pied de page */
#pied_page {
	margin:0px;
	clear:both;
	width:100%;
	text-align:center;
	background-color:#99CCFF;
	}