/***********************************
 *  CSS Design                     *
 *  ? Etyos Creations              *
 *  http://www.etyos-creations.fr/ *
 ***********************************/

/**********
* g?n?ral *
***********/
body {
background-color: #d8EAF7;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #000000;
padding: 0;
margin: 0;
}

img {
border:none;
}

html { 
	height:100%; /* Permet ? firefox de red?finir la hauteur de la page web */
}

a {color: #6699CC; text-decoration: none;}
a:visited {color:#6699CC;}
a:hover {color: #FF6633;}
a:active { color:#6699CC;}

h1 {
color: #000000;
font-size: 32px;
padding: 5px 15px;
margin: 0px;
}

h2 {
color: #00000;
font-size: 14px;
padding: 5px 10px;
margin:0px;
}

h3 {
color: #00000;
font-size: 13px;
padding: 5px 10px;
margin:0px;
}

/*********************************
* container au centre de la page *
**********************************/
#container {
min-height: 100%;
width: 925px;
overflow: hidden;
margin-left: auto;
margin-right: auto;
background-image:url(imgs/bande_am.png);
background-color: #d8EAF7;
margin-top:50px;

}


/********
* titre *
*********/
#titre {
height:95px;

font-size: 12px;
font-weight: normal;
text-align: right;
background-color: #d8EAF7;

background-image:url(imgs/banniere3.png);
padding: 0px 5px;
margin: 0px; 
}

#titre a {
margin-right: 30px; 
color: #000000; text-decoration: none;}
#titre a:visited {color:#000000;}
#titre a:hover {color: #6699CC;}
#titre a:active { color:#000000;}

/*****************
* menu de gauche *
******************/
#gauche {
width: 190px;
height:400px;
float: left;
position: relative;
padding-top:20px;
background-color: #ffffff;

}

#gauche a {

vertical-align: super ;
font-size:13px;
font-family:Trebuchet MS,Lucida,Verdana,arial;
color: #000000; text-decoration: none;}
#gauche a:visited {color:#000000;}
#gauche a:hover {color: #8ecbf3;}
#gauche a:active { color:#8ecbf3;}

/* menu */

.menu {

padding-left: 10px;
padding-top: 5px;
margin-top: 5px;
margin-left: 15px;
}

li { 
list-style-position:outside;

list-style-image: url(imgs/puces/water24x24.png);
padding-left: 1em;
text-indent: -1em;
margin-top: 5px;
margin-left: 13px;
}


li:hover 
{ 
list-style-image: url(imgs/puces/water24x24h2.png);
padding-left: 1em;
text-indent: -1em;
margin-top: 5px;
margin-left: 15px;
}

li.menu_actif {
list-style-image: url(imgs/puces/water24x24h2.png);
padding-left: 1em;
text-indent: -1em;
margin-top: 5px;
margin-left: 15px;
}
#centre{
width:897px;

background-color: #ffffff;
}
/**********
* contenu *
***********/
#contenu { 
background-color:white;

min-height: 500px;
width:700px;
border-left: 3px solid #A5B0B7; 
margin: 0px;
overflow: hidden;

}


p {
padding: 5px 10px;
margin: 0px; 
}

pre {
font-size: 12px;
padding: 5px 10px;
margin: 0px;}

/*********
* footer *
**********/ 
#footer {
width:925px;
height:13px;
font-size: 12px;
font-weight: normal;
text-align:center;
background-color: #d8EAF7;
background-image:url(imgs/pied2_am.png);

padding: 12px 45px 35px 160px;
margin: 0px; 
}

#footer a {

padding-left:160px;
color: #000000; text-decoration: none;}
#footer a:visited {color:#000000;}
#footer a:hover {color: #FF6633;}
#footer a:active { color:#000000;}