/* Général */
html {
font-size: 100%; 
}
body {
background: #30396d;
font: .8em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
line-height: 1.25; 
color: #000;
margin: 0;
padding: 10px 20px; 
}
a {
color: #000;
}
a:hover, a:focus {
color: #0726f3;
}
strong {
color: #000;
}
/* Page */
#global {
width: 900px; 
background: #fff;
border: 4px solid #fff;
margin: 10px auto; 
}
/* En-tête */
#entete {
background: url('../../images/ban.jpg') no-repeat;
padding: 20px 0 215px 0;
}
#entete  .img {
float: left;
margin: -59px 0 0px 280px;
z-index: 1000;
clear: both;
}
#entete  .imgforum{
float: left;
margin: -60px 0 0px 200px;
z-index: 1000;
clear: both;
}
#entete  .meteo {
float: right;
margin: 173px 10px 0 0;
z-index: 2000;
}
/* barre de recherche google */
#entete   .form {
float: right;
margin: -64px 10px 0px 0px;
padding: 6px;
z-index: 3000;
}
/* Bloc central contenant #navigation et #contenu */
#centre {
background: transparent; 
width: 100%; 
overflow: hidden; 
}
#centreinfo {
background: #fff;
border: 2px solid #1131fd;
color: #000;
width: 100%; 
height: auto;
padding: 2px;
}
#centreinfo a {
color: #000;
margin-left: 6px;
padding: 4px;
}
#centreinfo a:hover, #centreinfo a:focus {
color: #0726f3;
}
#centreinfo  p,h1 {
color: #000;
margin: 15px 6px 10px 0px;
padding: 0px;
}
/* Contenu principal */
#contenu {
background: #f5f5f5;
border: 1px solid #888;
color: #000;
margin: 0 12px 10px 220px; 
padding: 10px 20px;
}
#contenu > :first-child {
margin-top: 10px;
}
#contenu p, #contenu li {
text-align: justify;
line-height: 1.5;
}
#contenu .img {
float: right;
border: none;
margin: 0px; 
padding: 6px;
}
#contenu .imgleft{
float: left;
border: none;
margin: 0px; 
padding: 0px 6px 6px 0;
}
#contenu .print{
border: none;
padding: 6px;
padding-top: 20px;
}
#contenu .lien {
float: right;
margin: 0 0 0 520px;
padding: 30px;
}
#contenu .cell{
background: #fff;
border: 1px solid #e6e6e6;
margin: 0px 0 20px 0;
padding: 10px;
}
#contenu a {
font-weight: bold;
color: #555;
}
#contenu a:hover, #contenu a:focus {
color: #1131fd;
}
#contenu strong {
color: #000;
}
/* date */
#date {
float: left;
background: #f5f5f5;
border: 1px solid #090f25;
margin: -19px 0 0px 20px; 
padding: 0px;
padding-left: 18px;
padding-right: 18px;
}
/* Menu de navigation */
div#menu {
float: left;
width: 190px;
margin: 0px 0 0 10px;
}
div#menu .img {
float: left; 
margin: 10px 0 2px 2px;
margin-bottom: 15px;
}
div#menu a {
color:#000;
margin-left: 0px;
padding: 0px;
}
/* fond blanc pour le menu */ 
div#menu ul {
background: #fff;
border: 1px solid;  
margin: 0; 
padding: 0; 
}
/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {
background: #f5f5f5;
}
div#menu li.sousmenu:hover {
background: #f5f5f5;
}
/* Rajout d'une petite fleche pour les sous menu */ 
div#menu li.sousmenu {
background: transparent;
}
div#menu ul li {
position: relative; 
list-style: none; 
border-bottom: 1px solid;
}
div#menu ul ul {
position: absolute;
font: .85em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; 
top: -1px; 
left: 188px; 
display:none
}
/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {
border-left: 8px solid #1131fd; 
text-decoration: none; 
padding: 4px 0 4px 8px; 
display: block; 
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {
width: 320px;
display: block;
}
/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {
border-left-color: #000080;
}
div#menu ul ul li a:hover {
border-left-color: #841025;
}
div#menu ul ul ul li a:hover {
border-left-color: #0000FF;
}
/* Pied de page */
#pied {
font-size: .85em;
border-top: 8px solid #1131fd;
margin: 0 12px 0 10px;
padding: 10px 20px 0 0;
clear: both;
}
#pied a {
color: #000;
text-decoration: none;
}
#pied a:hover, #pied a:focus {
text-decoration: underline;
}
/* Mention de copyright */
#copyright {
text-align: left;
font-size: 1em;
color: #000;
margin: 10px 0 5px 0;
}
#copyright a {
color: #000;
text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
text-decoration: underline;
}
/* moteur recherche google */
#formrecherche {
border: 2px solid #d6d6d6;
text-align: right;
margin: 0px 10px 0px 10px;
padding: 6px;
}
#formrecherche  a {
font: bold 1.1em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
text-decoration: none;
}
#formrecherche  a:hover, #formrecherche  a:focus {
text-decoration: underline;
}
/* les input en css */
input[type=submit], input[type=reset], input[type=button] {
background: #f5f5f5;
border: 1px outset #000;
font: bold .85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
padding: 2px;
cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
background: #fff;
border: 1px outset #000;
}
input[type=submit]:active, input[type=reset]:active {
border: 1px inset #a6bede;
background: #a6bede;
color: #000;
} 
/* les input type button */
input[type=button] {
background: #f5f5f5;
border: 1px outset #000;
font: bold .95em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
margin: 20px;
padding: 2px;
cursor: pointer;
}
input[type=button]:hover {
background: #fff;
border: 1px outset #000;
}
input[type=button]:active, input[type=button]:active {
border: 1px inset #a6bede;
background: #a6bede;
color: #000;
} 
/* les tables */
table {
border: 1px solid #6495ed;
border-collapse: collapse;
width: 630px;
margin: 2px 0 0 0px; 
}
th {
border: thin solid #6495ed;
width: auto;
padding: 5px;
background: #D0E3FA;
}
td {
border: thin solid #6495ed;
width: auto;
padding: 5px;
text-align: justify;
background: #fff;
}
caption {
text-align: justify;
}
.leftco {
width: 100px;
}
.leftco2 {
width: 200px;
}
/* le plan du site  */
#plan a {
font: .9em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
color: #555;
text-decoration: none;
}
#plan a:hover, #plan a:focus {
color: #c6c6c6;
}
/* les nouvelles dl,dt,dd  */
#event a {
font: .85em Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
color: #555;
text-decoration: none;
}
#event a:hover, #event a:focus {
color: #c6c6c6;
}
dl.event {
margin: 20px 0 0 10px;
padding-bottom: 20px;
font-weight: bold;
}
.event dt {
float: left;
left: 0px;
top: 0;
width: 70px;
}
.event dd {
border-left: 1px solid #000;
margin: 0 0 0 90px;
padding: 0 10px 4px 10px;
}