/*      */
/*  Définitions pour les menus    */
/* CSS issu des tutoriels http://css.alsacreations.com */
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
font-size: 13px;
font-weight: normal;
color: #F0F030;
list-style-type: none;
}
#menu {
	position: absolute;
	top: 0pt;
	left: 190px;
	z-index: 100;
	width: 100%;
	color: #00008B;
}
#menu dl {
float: left;
width: 13em;
height: 40px;
margin: 0 1px;
background: url(img/ech2.png);
}
#menu dt {
cursor: pointer;
text-align: center;
/*font-weight: bold;*/
border: 1px solid gray;
height: 40px;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: black;
font-weight: bold;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
color: black;
background: #b0c4de;
background: url(img/ech1.png);
}
/* apparence des liens     */
a:link {
	font-weight: normal;
	color: #0000E0;
	text-decoration: none;
}
a:visited {
	font-weight: normal;
	color: #0000E0;
	text-decoration: none;
}
a:hover {
	font-weight: normal;
	color: #E00000;
	text-decoration: underline;
}
a:active { font-weight:normal; color:#E00000; text-decoration:underline }
a:focus { font-weight:normal; color:#00E000; text-decoration:underline }
/*   Définitions générales   */
table {
	background-color: transparent;
}
/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  margin: 1em 0 .5em 0; /* Rapproche le titre du texte. (5) */ 
  line-height: 1.2; 
  font-weight: bold; /* Valeur par défaut. (6) */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
} 
/*  id    */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #303030;
	background-color: #FFC57E;
	margin: 0px;
	overflow: auto;
}
#logo {
	text-align: left;	
}
#page {
	text-align: left;
	padding-left: 30px;
	padding-right: 20px;
	clear: both;	
}
#page_center {
	text-align: center;
	padding-left: 30px;
	padding-right: 20px;
	clear: both;	
}
#page_accueil {
	text-align: left;
	padding-left: 30px;
	padding-right: 20px;
	clear: both;
	background-color: #F0F0F0;
}	
#haut {
	position: absolute;
	top: 30pt;
	height: 40px;
	left: 190px;
	width:100%;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: normal;
	color: #000B5A;
	text-align: left;
	/*background-color: #F8F8FF;*/
	padding-top: 0px;
	background-image: url(img/ech3.png);
	background-repeat: repeat;
}
#haut0 {
	position: absolute;
	top: 0pt;
	height: 40px;
	left: 190px;
	width:100%;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #000B5A;
	text-align: left;
	/*background-color: #F8F8FF;*/
	padding-top: 0px;
	background-image: url(img/ech3.png);
	background-repeat: repeat;
}

/*  Classes    */
.image{
	float:right;
}
/*  Fin Classes    */

/* Infobulle */
a.tooltip em {
    display:none;
}
a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: 20px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:300px;
}
a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
a.tooltip2 em {
    display:none;
}
a.tooltip2:hover {
    border: 0;
    position: relative;
    z-index: 500;
    text-decoration:none;
}
a.tooltip2:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    top: -60px;
    left: -10px;
    padding: 5px;
    color: #000;
    border: 1px solid #bbb;
    background: #ffc;
    width:200px;
}
a.tooltip2:hover em span {
    position: absolute;
    top: -7px;
    left: 15px;
    height: 7px;
    width: 11px;
    background: transparent url(infobulle.gif);
    margin:0;
    padding: 0;
    border: 0;
}
/* Fin infobulle*/
/*  Fin Menu    */