/* Général */
html {
font-size: 100%; 
}
body {
background: #99B6CF; 
margin: 0;
padding: 10px 20px; 
font: .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
line-height: 1.25; 
color: #000;
}
a {
color: #FF6533;
}
a:hover, a:focus {
color: #FF4C00;
}
strong {
color: #A1B55D;
}
/* Page */
#global {
width: 900px; 
background: #fff;
margin: 0 auto; 
}
/* En-tête */
#entete {
background: url(../../images/ban.gif) no-repeat;
padding: 20px 20px 20px 0;
}
#entete .date {
margin: 110px 0 0 670px;
}
#entete  p {
font: .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
background: #fff; 
width: 100%; 
padding: 10px 0 10px 0;
overflow: hidden;
}
/* Contenu */
#contenu {
width: 550px;
background: #DDE7EF; 
border: 1px solid #000080;
color: #000;
margin: 0 0 0 220px; 
padding: 0px 20px;
-moz-box-shadow: 1px 1px 12px #aaa;  
-webkit-box-shadow: 1px 1px 12px #aaa;  
box-shadow: 1px 1px 12px #555;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=10); 
zoom: 1; 
}
#contenu > :first-child {
margin-top: 10px;
}
#contenu p, #contenu li {
line-height: 1.5;
}
#contenu strong {
color: #000;
}
#contenu a {
font: bold .9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000;
text-decoration: none ;
margin:10px;
}
#contenu a:hover, #contenu a:focus {
color: #555;
text-decoration: underline ;
}
#contenu img {
margin: 0px 0px 0px -30px;
padding: 0px;
}
/* haut de page */
#contenu .haut {
margin: 10px 0 10px 460px;
padding: 20px;
}
/* Menu de navigation */
#navigation {
width: 150px;
float: left; 
background:  #447AA7; 
margin: 0px 0 0 15px;
}
#navigation a {
display: block;
border-bottom: 1px solid #fff;
font: 1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff;
text-align: justify;	
height: 1%; 
line-height: 1.5;	
padding: 8px 4px 0px 2px;	
text-decoration: none;	
}
#navigation a:hover, #navigation a:focus {
background: #C9D8E5;
color: #000080;
border-bottom: 1px solid #fff; 
}
#navigation ul {
margin: 0;
padding: 8px;
list-style: none;
}
/* Pied de page */
#pied {
background: #447AA7;
border: 10px solid #fff;
}
#pied p {
font: bold .7em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
color: #fff;
text-align: center;
margin: 2px 2px 0px 2px;
padding: 4px;
}
/* menu du bas */ 
.menubas {
text-align: center;
margin: 10px auto; 
} 
.menubas li {
display: inline;
}
.menubas a { 
font: bold .85em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #fff;
text-decoration: none; 
} 
.menubas a:hover, .menubas a:focus, .menubas a:active { 
color: #fff; 
text-decoration: underline; 
}
/* le formulaire */
form {
width: 430px;
background: #fff;
margin: 0 0 8px 70px;
padding: 8px;
}
label {
font: bold .9em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000; 
}
select, option {
background: #fff;
color: #000;
}
textarea {
background: #fff;
border: 1px solid #000040;
font: 1em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
input {
background: #fff;
border: 1px solid #000;
font: .95em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
}
input[type=submit], input[type=reset] {
border: 1px solid #000;
cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
background: #fff;
border: 1px solid #d6d6d6;
}
input[type=submit]:active, input[type=reset]:active {
background: #d6d6d6;
border: 1px inset #000040;
color: #000;
}