/*
design.css
---------------------------------
regroupe le design general du site (menu, entete, etc)
---------------------------------
*/

/*body*/
body
{
 margin: 0;
 padding: 0;
 font-family: "Trebuchet MS", serif;
 font-size: 0.8em;
 background: #f4f9fd;
}

/*entete*/
#entete
{
 border-bottom: 1px solid gray;
 background-color: #84b8ff;
 height: 75px;
 margin: 0;
 padding: 0;
}
#entete h1
{
 height: 75px;
 margin: 0;
 padding: 0;
 background:url("image/fondbanniere.gif") repeat-y;
 border: none;
 text-align: left;
 color: white;
 padding-left: 30px;
 padding-right: 30px;
 font-size: 45px;
}
/*Spedd barre*/
#speed_bar
{
 height: 2em;
 margin-bottom: 5px;
 padding: 3px;
 background: #f0f0f2;
 border-bottom: 1px solid gray;
}
#speed_bar dl
{
 float: left;
 margin: 3px;
}

#speed_bar dl.right
{
 float: right;
 margin: 3px;
}
#speed_bar dl a 
{
 color: black;
 padding: 2px 3px 2px;
}
#speed_bar dl a:hover 
{
 border: 1px solid gray;
 background: white;
 text-decoration: none;
 padding: 1px 2px 1px;
}

/*menu*/
#menu
{
 position: absolute;
 top: 120px;
 width: 17%;
}

.sousmenu
{
 margin: 3px;
 margin-bottom: 5px;
 border: 1px solid gray;
 padding: 3px;
 background: #f0f0f2;
}

.sousmenu h1
{
 font-size: 1.3em;
 margin: 0 auto 0;
 margin-top: 1px;
 height: 1.5em;
 border: 1px solid gray;
 color: white;
 background-image: url("image/fond_titre_hover.png"); 
 padding: 0;
}


.sousmenu a 
{
 color: black;
 display: block;
 width: 93%;
}
.sousmenu a:hover 
{
 border: 1px solid gray;
 background: white;
 text-decoration: none;
 padding-left: 3px;
}

.sousmenu ul
{
 list-style-type: none;
 padding: 0;
 margin-left: 5px;
}

/*corps*/
#corps
{
 border: 1px solid gray;
 padding: 10px;
 margin: 3px;
 background-color: white;
}
#corps_message  /*Corps special pour les page qui n'affiche qu'un message*/
{
 position: absolute;
 top: 50%;
 left: 50%;
 width: 600px;
 height: 150px;
 margin-left: -300px;
 margin-top: -75px;
 border: 1px solid #053E72; 
 background-color: white;
 padding: 5px;
}
#page
{
 width: 600px;
 border: 1px solid #053E72; 
 background-color: white;
 padding: 5px;
 margin: 20px auto 20px;
}
#page h1 { margin: -5px; }

/*Footer*/
#footer
{
 display: none;
 clear: both;
 margin: 3px;
 border: 1px solid gray;
 padding: 3px;
 background: #f0f0f2;
}

/*La petite ligne en bas dus site*/
#referances
{
 text-align: center;
}