body {
background-image: url(../img/bluecarb.gif);
background-position: top center;
background-color: #202e5a;
margin: auto;
padding: 0px;
width: 840px;
font-size: 12pt;
}
#banniere {
width: 840px;
height: 68px;
margin: auto;
background-image: url(../img/top.jpg);
background-color: #cacaca;
background-repeat: no-repeat;
}
img {
border: 0px;
}

.titre {
border-bottom: 2px solid #d7d6d7;
text-align: right;
margin: 0% 0% 10px 75%;
padding: 0px 10px 0px 0px;
}
#menu {
height: 24px;
width: 802px;
margin: auto;
background-image: url(../img/menu.png);
background-color: #898989;
background-position: center;
color: #1a2f75;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 75%;
}
#menu ul {
height: 24px;
width: 780px;
overflow: visible;
list-style-type: none;
list-style-position: outside;
margin: 0px;
padding: 0px 0px 0px 15px;
}
#menu li {
margin: 3px 0px 5px 0px;
padding: 0px 10px 0px 10px;
color: #4d4d4d;
background-color: transparent;
}
.gauche {
float: left;
border-right: solid 2px #737373;
}
.annee {
font-size: 90%;
float: left;
border-right: solid 2px #737373;
}
.left {
float: left;
}
.droite {
float: right;
border-left: solid 2px #737373;
}
.right {
text-align: right;
margin: 15px 5px 0px 0px;
}
.centre {
text-align: center;
}
#menu a, #menu a:visited {
color: #1a2f75;
background-color: transparent;
text-decoration: none;
}
#menu a:hover, #menu a:active {
background-color: transparent;
text-decoration: none;
border-top: solid 1px #1a2f75;
}
#menu a:hover  {
color: #d7d6d7;
}
#menu a:active {
color: #f5f5f5;

}
#content {
clear: both;
background-color: #e8e8e8;
background-image: url(../img/fond.png);
background-position: center;
background-repeat: repeat-y;
font-family: Tahoma, Arial, sans-serif;
font-size: 80%;
width: 750px;
margin: auto;
padding: 0;
color: #505050;
}
#img_accueil {
background-image: url(../img/accueil_fond.png);
height:300px;
width: 215px;
padding: 10px;
margin: 45px 10px 5px 5px;
}
#liste_accueil {
list-style-type: square;
font-weight: bold;
width: 190px;
}
#liste_accueil li {
padding: 2px 0 2px 0;
font-weight: normal;
}
#accueil {
width: 240px;
vertical-align: top;
}
#nouvelles {
width: 510px;
padding: 15px 5px 0px 0px;
margin: 10px 10px 0px 0px;
vertical-align: top;
}
.img_news {
max-width: 470px;
}
#navigation {
width: 120px;
padding: 0px 0px 0px 5px;
font-family: Tahoma, Arial, sans-serif;
text-align: center;
vertical-align: top;
}
#navigation div {
padding: 5px 5px 0px 0px;
text-align: center;
}
#content #navigation a, #content #navigation a:visited, #content #navigation a:active {
color: #07122e;
background-color: transparent;
text-decoration: none;
}
#content #navigation a:hover {
color: #07122e;
background-color: transparent;
background-color: transparent;
text-decoration: underline;
}
#navigation img {
padding: 0px;
margin: 0px;
border-bottom: 2px solid #d7d6d7;
border-top: 2px solid #d7d6d7;
}
#separation {
width: 6px;
background-image: url(../img/sep.gif);
background-repeat: repeat-y;
}
#contenu , #contenu_full {
vertical-align: top;
text-align: justify;
padding: 15px 5px 0px 10px;
margin: 10px 10px 0px 0px;
}
#contenu {
width: 624px;
}
#contenu_full {
width: 735px;
}
#contenu p {
padding: 0px 10px 0px 0px;
}
#contenu a, #contenu a:visited, #contenu_full a, #contenu_full a:visited, #content a, #content a:visited {
color: #1a2f7d;
background-color: transparent;
text-decoration: none;
}
#contenu a:active, #contenu a:hover, #contenu_full a:active, #contenu_full a:hover, #content a:active, #content a:hover {
color: #1a2f96;
background-color: transparent;
text-decoration: none;
}
.date, .date2, .date_gauche, .date_gauche2, .date3 {
font-size: 75%;
border-bottom: 2px solid #d7d6d7;
}
.date, .date2, .date3  {
text-align: right;
clear: both;
}
.date_gauche, .date_gauche2 {
text-align: left; 
}
.date a, .date a:hover, .date a:visited, .date a:active, .date2 a, .date2 a:hover, .date2 a:visited, .date2 a:active,.date_gauche a, .date_gauche a:hover, .date_gauche a:visited, .date_gauche a:active, .date_gauche2 a, .date_gauche2 a:hover, .date_gauche2 a:visited, .date_gauche2 a:active {
color: #1a2f75;
background-color: transparent;
text-decoration: none;
}
.date {
margin: 0% 0% 0% 60%;
}
.date2 {
margin: 0% 0% 0% 70%;
}
.article1 {
margin: 0% 20% 20px 0%;
}
.article2 {
margin: 0% 35% 20px 0%;
}
.date3 {
margin: 0% 0% 0% 50%;
}
.article h4 {
font-size: 100%;
padding: 5px 0px 0px 0px;
margin: 10px 0px 0px 0px;
}
/*.article img {
float: left;
}*/
.book {
width: 730px;
overflow: hidden;
}
#contenu_full .book h4 {
color: #f0f0f0;
width: 720px;
font-size: 100%;
padding: 1px 0px 1px 5px;
margin: 20px 5px 5px 0px;
background-color: #202e5a;
background-image: url(../img/bluebarb.gif);
border: 1px inset;
}
#contenu_full .book h4 a, #contenu_full .book h4 a:hover, #contenu_full .book h4 a:visited, #contenu_full .book h4 a:active {
color: #f0f0f0;
background-color: #202e5a;
text-decoration: none;
}
.book img {
padding: 0px 0px 0px 4px;
}
.book p {
padding: 0px 10px 0px 15px;
}
#table_dates {
border: 1px solid;
}
#table_dates {
margin: 20px 5px 15px 2px;
border: 1px solid #cdcdcd;
border-collapse: collapse;
}
.table_annee {
border: 0px;
text-align: center;
font-weight: bold;
}
.ligne1 {
color: #505050;
background-color: #d7d7d7;
background-image: url(../img/whitecarb.gif);
border: solid 1px #cdcdcd;
}
#contenu_full .ligne1 a, #contenu_full .ligne1 a:active, #contenu_full .ligne1 a:hover {
color: #505050;
text-decoration: none;
}
#contenu_full .ligne1 .table_date a:visited {
text-decoration: line-through;
color: #505050;
}
#contenu_full .ligne1 a, #contenu_full .ligne2 a {
display: block;
}
.ligne1 td {
vertical-align: top;
padding: 1px 5px 1px 5px;
border: 1px solid #cdcdcd;
}
.ligne2 {
background-color: transparent;
color: #202e5a;
border: solid 1px #cdcdcd;
}
#contenu_full .ligne2 a, #contenu_full .ligne2 a:active, #contenu_full .ligne2 a:hover {
color: #202e5a;
background-color: transparent;
text-decoration: none;
}
#contenu_full .ligne2 .table_date a:visited {
text-decoration: line-through;
color: #202e5a;
background-color: transparent;
}
.ligne2 td {
vertical-align: top;
padding: 1px 5px 1px 5px;
border: 1px solid #cdcdcd;
}
.ligne3 {
color: #f0f0f0;
background-color: #202e5a;
background-image: url(../img/bluecarb.gif);
}
.table_date {
width: 66px;
}
.table_lieu {
width: 145px;
}
.table_info {
width: 484px;
}
h4 {
font-size: 100%;
padding: 0px;
margin: 20px 0px 10px 0px;
}
#galerie {
text-align: center;
}
#galerie img {
margin: 0px;
}
#galerie p {
padding: 0px 0px 0px 0px;
}
#fondh, #fondhbig, #fondv, #fondvbig {
background-position: top right;
background-repeat: no-repeat;
padding: 10px;
}
#fondh {
height: 300px;
width: 400px;
background-image: url(../img/fondh.png);
}
#fondv {
height: 400px;
width: 300px;
background-image: url(../img/fondv.png);
}
#fondhbig {
height: 333px;
width: 500px;
background-image: url(../img/fondhbig.png);
}
#fondvbig {
height: 500px;
width: 333px;
background-image: url(../img/fondvbig.png);
}
#form {
text-align: right;
line-height: 50%;
margin: 25px 10px 0px 0px;
}
#form input, #form select {
color: #f0f0f0;
background-color: #202e5a;
font-family: Arial, sans-serif;
border: inset 2px;
background-image: url(../img/bluecarb.gif);
}
#form textarea {
width: 350px;
color: #f0f0f0;
font-family: Arial, sans-serif;
font-size: 100%;
border: inset 2px;
background-color: #202e5a;
background-image: url(../img/bluecarb.gif);
}
#form .bouton {
border: 2px solid #d7d6d7;
margin: 0px 2px 0px 0px;
}
#smiles {
cursor:pointer;
}
#pagebook {
color: #737373;
text-align: right;
font-size: 90%;
padding: 0px;
margin: 0% 0% 0% 60%;
border-bottom: 2px solid #d7d6d7;
}
#pagebook a, #pagebook a:hover, #pagebook a:active, #pagebook a:visited {
color: #1a2f75;
text-decoration: none;
}
.rouge {
font-weight: bold;
color: #ff5138;
}
.gras {
font-weight: bold;
}
.italic {
font-style: italic;
}
.souligne {
text-decoration: underline;
}
#footer {
height: 19px;
width: 800px;
margin: auto;
background-color: #797979;
background-image: url(../img/foot.png);
background-repeat: no-repeat;
text-align: center;
color: #1a2f75;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 60%;
padding: 5px 0px 0px 0px;
}
#footer a, #footer a:visited, #footer a:active {
color: #dcdcdc;
text-decoration: none;
}
#footer a:hover {
color: #ffffff;
}