/* ----------------------------- */
/* ==reset */
/* ----------------------------- */

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
    font-size: 62.5%;
}

body {
    background-color: #FFFFFF;
    color: #000;
    font-family: "Century Gothic", helvetica, arial, sans-serif;
    font-size: 1.4em; /* equiv 14px */
    line-height: 1.5; /* adapt to your design */
}

header{
/*margin:auto;	/*permet de centrer la balise*/
	background:url(banniere2.jpg) no-repeat;
	border-radius:20px;	/*arrondi les coins du header*/
	position:fixed;
	left:250px;
	height:230px;
	width:772px;
	top:0px;
	z-index:100;
}

header h1 a{
font-family:"Century Gothic", helvetica, arial, sans-serif;
color:#B0B0B0;
/*background-color: #436482;
opacity:0.7;*/
text-decoration: none;
position: absolute;
left:0px;
top:0px;
}

header h1 a:hover{
	color:#FFF;
}

#navigation{
display:inline-block;
position:relative;
width:772px;
height:60px;
margin-top:150px;
background-color:#436482;
border-radius:0 0 15px 15px;
opacity:0.7;	
}

#navigation a:hover{
	background-color:#680000;
	color:#c8c8c8;
}

.bouton_navigation{
display:inline-block;
height:25px;
position: absolute;
top:20px;
background-color:#900000;
border-radius:5px;
font-size:1.2em;
padding: 3px 8px 0px 8px;
color:white;
text-decoration:none;	
}

#bouton1{	/*positionne le bouton "developpement en cours"*/
right:100px;	
}
#bouton2{	/*positionne le bouton "contact"*/
right:20px;	
}

/* Je sélectionne les <li> du menu horizontal */
ul#menu_horizontal li{ 
float : right;
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}

ul#menu_horizontal {
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}

div#menu{
	/*float:left;*/
	width:250px;
	height:100%;
	background-color:#FFFFFF;
	list-style-type : none;
	position: absolute;
	top:240px;
	left:250px;
}
div#contenu{
	/*float:left;*/
	width:800px;
	height:100%;
	background-color:#FFFFFF;
	position: relative;
	left:250px;
	top:240px;
}