@charset "utf-8";
/* CSS Document */

/* Page */

* {
margin: 0;
padding: 0;
}

body {
background-color: #00557D;
}

#conteneur {
width: 780px;
height: 100%;
margin: 0 auto;
background-image: url("images/background.gif");
background-repeat: repeat-y;
}

/* En-tête*/

#header {
margin: auto;
width: 754px;
height: 150px;
background-image: url(images/header.png);
background-repeat: no-repeat;
}

#date {
margin-left: 18px;
margin-bottom: 5px;
margin-top: 5px;
}

/* Menu */

#menu {
padding-left: 18px;
padding-top: 5px;
}

#news-gauche-vert {
margin-top: 5px;
margin-bottom: 5px;
width: 500px;
border: 3px dotted #009900;
float: left;
}

#news-droite-bleu {
margin-top: 5px;
margin-bottom: 5px;
width: 350px;
border:3px dotted #0066FF;
float: right;
}

#news-gauche-jaune {
margin-top: 5px;
margin-bottom: 5px;
width: 250px;
border: 3px dotted #FFCC00;
float: left;
}

#news-droite-orange {
margin-top: 5px;
margin-bottom: 5px;
width: 350px;
border: 3px dotted #FF6600;
float: right;
}

#cadre_menu {
float: left;
width: 144px;
overflow: hidden;
border-right: 2px dotted #E4E4E4;
}

#cadre_menu ul {
list-style-image: none;
}

#cadre_menu a {
border: none;
text-decoration: none;
}

#cadre_menu a:hover {
padding-left: 4px;
text-decoration: none;
}

.rouge {
color: #CC0000;
}

.orange {
color: #FF9900;
}

.jaune {
color: #FFCC00;
}

.vert {
color: #00CC00;
}

.bleuf {
color: #3333FF;
}

.bleuc {
color: #3399FF;
}

.violet {
color: #6633FF;
}

.marron {
color: #663300;
}

.marronc {
color: #C66300;
}

.lilas {
color: #FF6CB6;
}

.grenat{
color: #BB0033;
}

.actu {
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}

/* Contenu */

#content {
width: 595px;
margin-left: 168px;
}

#content h2 {
padding: 3px;
padding-bottom: 10px;
color: #009900;
font-family: Georgia, "Times New Roman", Times, serif;
}

#content p {
text-align: justify;
padding: 10px;
}

#content a {
color: #3399FF;
}

#news {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 595px;
height: 350px;;
}

.img_gauche_cadre {
width: 185px;
height: 175px;
border-right: 2px dotted #E4E4E4;
margin-right: 5px;
float: left;
}

.img_gauche_cadre2 {
width: 210px;
height: 160px;
border-right: 2px dotted #E4E4E4;
margin-right: 5px;
float: left;
}

.img_gauche {
width: 175px;
height: 175px;
padding-right: 10px;
}

.img_gauche2 {
width: 200px;
height: 150px;
padding-right: 10px;
}

.img_droite_yo2 {
width: 210px;
height: 280px;
border-left: 2px dotted #E4E4E4;
margin-left: 5px;
float: right;
}

.img_droite_cadre {
width: 185px;
height: 175px;
border-left: 2px dotted #E4E4E4;
margin-left: 5px;
float: right;
}

.img_droite_yo {
width: 210px;
height: 280px;
padding-left: 10px;
}

.img_droite {
width: 175px;
height: 175px;
padding-left: 10px;
}

.tableau_orange {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #FF9900;
padding: 5px;
}

.tableau_rouge {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #FF3300;
padding: 5px;
}

.tableau_lilas {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #FF6CB6;
padding: 5px;
}

.tableau_gris {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #999999;
padding: 5px;
}

.tableau_jaune {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #FFCC00;
padding: 5px;
}

.tableau_vert {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #00CC00;
padding: 5px;
}

.tableau_bleu {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #3399FF;
padding: 5px;
}

.tableau_bleuf {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #3333FF;
padding: 5px;
}

.tableau_grenat {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #BB0033;
padding: 5px;
}

.tableau_violet {
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
width: 550px;
border: 2px dotted #9900FF;
padding: 5px;
}


.titre_liens {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration: underline;
}

.cadre_liens {
margin: auto;
margin-bottom: 20px;
border: 1px dotted #CCCCCC;
}


/* Footer */

#footer {
margin: auto;
width: 754px;
height: 150px;
background-image: url(images/footer.png);
background-repeat: no-repeat;
}

#footer p {
text-align: center;
padding-top: 50px;
}

#footer a {
color: #3399FF;
}