/* CSS issu des tutoriels css.alsacreations.com */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#3e9e70;
font-size: 0.8em;
margin: 0px 0 ;
padding: 0 ;
text-align: center ;
/* On d�finit les marges haute et basse � 10px et les marges droite et gauche � 0 */
/* On met le padding � 0 pour le navigateur Opera qui d�finit des padding par d�faut pour le body */
/* On utilise text-align: center ; pour Internet Explorer, c'est la seule fa�on de centrer les �l�ments de type block avec ce navigateur */
}
/*pour les boutons =====================================
/*http://css.maxdesign.com.au/listamatic/horizontal35.htm
http://tutorials.alsacreations.com/modelesmenus/hs1.htm
/* ==========================================================*/
h2 {
color:#06066d;
text-align:center;
margin-right:20%;
font-size:2.5em;
border-bottom:1px solid #06066d;
border-left:3px solid #06066d;
margin-left:10%;
}
h1 {
color:#06066d;
text-align:center;
margin-right:20%;
font-size:2.5em;
border-bottom:1px solid #06066d;
border-left:3px solid #06066d;
margin-left:10%;
}
/*
h2:after {
display: block;
margin-left: -4px;
margin-top: -26px;
color: #156570;
content: attr(title);
}
*/
h3 {
color:green;
text-align:center;
font-family: Century Gothic, verdana, serif;
text-decoration: overline;

}
#titre_contact {
color:#000000;
font-size:x-large;
text-align:center;
font-family: Century Gothic, verdana, serif;
text-decoration: overline;

}
div.centrage {text-align: center;}

#conteneur {
/*width:90%*/
height:90%;
width: 880px;
margin:0 auto;
text-align: left;
border-right:3px solid #197247;
border-left:3px solid #197247;
border-top:3px solid #197247;
}
/* margin: 0 auto ; est la m�thode correcte pour centrer les �l�ments de type
block (comme les divisions), nous centrons donc cette division */
/* Il faut r�tablir l'alignement � gauche que nous avons chang� plus haut */
#header {
height: 274px;
background-image:url("images/gle_bando2.jpg");
}
#haut {
background-color:#E0E6E6;
/*text-align:right;*/
/*background-image:url("images/fond_gle_02.png");*/
}


#centre {
	background-color:#E0E6E6;
	padding:15px 15px 15px 15px;
}
#pied {
	height: 25px;
	background-color: #CCCCCC;
	text-align:center;
	font-size:smaller;
	clear: both;
	padding: 3px 0 0 0;
}

#pied a {
color:#000000;
text-decoration:none;
}

#pied a:hover {
color:#ffffff;
text-decoration:underline;
}

#navcontainer
{
margin: 0;
padding: 5px 0 7px 5px;
width: 95%;
line-height: 1.75;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
margin-left:4%;
margin-top:18%
}
ul#navlist
{
display: inline;
list-style: none;
}
ul#navlist li
{
float: right;
width: auto;
margin-right: 5px;
border: 2px solid #fff;
background-color: #ddd;
}
ul#navlist li a
{
padding: 0 10px;
line-height: 1.75;
text-decoration: none;
color: #03C;
}
ul#navlist li a#current
{
background-color: #669;
color: #fff;
}
ul#navlist li a:hover, ul#navlist a#current:hover
{
background-color: #777;
color: #fff;
}
ul#navlist li a:active, ul#navlist li#active a#current:active
{
background-color: #f63;
color: #fff;
}
p {margin: 0 0 10px 0;}

.separation
{
	clear: both;
	visibility:hidden;
	margin: 0px;
	padding: 0px;
}
#menu {

}