body {
margin: 0 0 0 0;
text-align : center;
background-color :  rgb(0, 0, 102);
color : rgb(255, 255, 255);
font-family : verdana, helvetica, arial, sans-serif;
font-size : 11px;
font-weight : normal;
}

#haut {
width: 1000px;
height : 70px;
text-align: center;
background: rgb(115, 165, 206) url("fond-haut.gif");
color : rgb(240, 255, 240);
}

#banniere {
width : 480px;
}

#hautdroite {
width : 520px;
line-height : 28px;
text-align : center;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 22px;
background: rgb(115, 165, 206) url("fond-haut.gif");
color : rgb(240, 255, 240);
font-weight : normal;
}

#barhaut {
width : 1000px;
height : 30px;
margin: 0;
padding: 0;
background: rgb(115, 165, 206) url("fond-bar.gif");
text-align : center;
line-height : 18px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 14px;
color : rgb(255, 255, 255);
font-weight : bold;
}

#centre {
width : 1000px;
height : 100%;
text-align : center;
}
#gauche {
width : 200px;
height : 100%;
background-color :  rgb(115, 165, 206);
color : rgb(240, 255, 240);
vertical-align : top;
text-align : center;
}
#droite {
width : 788px;
height : 100%;
background-color : rgb(0, 1, 0);
color : rgb(149, 255, 121);
vertical-align : top;
text-align : center;
}

#liseret {
width : 12px;
height : 100%;
background-color :  rgb(115, 165, 206);
color : rgb(240, 255, 240);
}

.H1 {
margin-top:25px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 18px;
background-color :  rgb(115, 165, 206);
color : rgb(255, 255, 255);
line-height : 20px;
text-decoration : none;
}

.H4 {
margin-top:25px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 18px;
background-color :  rgb(115, 165, 206);
color : rgb(255, 255, 255);
line-height : 20px;
text-decoration : none;
}

.menu-gauche {
margin:8px 10px 8px 10px;
width : 176px;
height : 20px;
line-height : 20px;
font-family : Arial, helvetica, arial, sans-serif;
font-size : 16px;
border : 3px solid rgb(0, 0, 128);
background: rgb(222, 231, 247);
color : rgb(0, 0, 0);
text-align : center;
font-weight : bold;
}

.menu-gauche a:link {
color : rgb(0, 0, 0);
font-weight : bold;
text-decoration : none;
background: rgb(222, 231, 247);
}

.menu-gauche a:visited {
color : rgb(0, 0, 0);
font-weight : bold;
text-decoration : none;
background: rgb(222, 231, 247);
}
.menu-gauche a:hover {
color : rgb(255, 0, 0);
font-weight : bold;
text-decoration : none;
background: rgb(222, 231, 247);
}

.bout-centr {
margin:20px 200px 20px 200px;
line-height : 22px;
font-family : Arial, helvetica, arial, sans-serif;
font-size : 16px;
width : 276px;
height : 22px;
border : 3px solid rgb(0, 0, 128);
background: rgb(222, 231, 247);
color : rgb(0, 0, 0);
text-align : center;
font-weight : bold;
text-decoration : none;
}
.bout-centr a {
color : rgb(0, 0, 0);
text-decoration : none;
background: rgb(222, 231, 247);
}

.bout-centr a:visited {
color : rgb(0, 0, 0);
text-decoration : none;
background: rgb(222, 231, 247);
}
.bout-centr a:hover {
color : rgb(255, 0, 0);
text-decoration : none;
background: rgb(222, 231, 247);
}
.bout-centr a:active {
color : rgb(255, 0, 0);
text-decoration : none;
background: rgb(222, 231, 247);
}

.module {
margin : 30px 50px 0 50px;
border : 4px solid rgb(255, 0, 0);
background-color : rgb(255, 255, 255);
width : 680px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 14px;
color : rgb(0, 0, 0);
text-align : center;
line-height : 18px;
}

.module2 {
margin : 30px 25px 0 25px;
border : 4px solid rgb(255, 0, 0);
background-color : rgb(255, 255, 255);
width : 730px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 14px;
color : rgb(0, 0, 0);
text-align : center;
line-height : 18px;
}

.tit-module {
margin-top:20px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 20px;
font-weight : bold;
}

.marge {
margin:15px 30px 20px 30px;
text-align : justify;
}

.marge a {
background: rgb(255, 255, 255);
font-size : 12px;
height : 14px;
color : rgb(0, 0, 255); text-decoration : none;
font-weight : bold;
}

.menu-haut {
width : 134px;
height : 24px;
border : 3px solid rgb(0, 0, 128);
background: rgb(222, 231, 247);
font-family : arial,helvetica,arial,sans-serif;
line-height : 24px;
font-size : 16px;
color : rgb(0, 0, 0);
text-align : center;
font-weight : bold;
text-decoration : none;
}

.menu-haut a {
background: rgb(222, 231, 247);
color : rgb(0, 0, 0);
text-decoration : none;
font-weight : bold;
}

.menu-haut a:visited {
background: rgb(222, 231, 247);
color : rgb(0, 0, 0);
text-decoration : none;
font-weight : bold;
}
.menu-haut a:hover {
background: rgb(222, 231, 247);
color : rgb(255, 0, 0);
text-decoration : none;
font-weight : bold;
}
.menu-haut a:active {
background: rgb(222, 231, 247);
color : rgb(0, 0, 0);
text-decoration : underline;
font-weight : bold;
}

#ftr {
width : 1000px;height : 25px;background:  rgb(115, 165, 206) url(fond-foot.gif);
color : rgb(149, 255, 121);
padding : 2px;text-align : center;font-family : arial, helvetica, arial, sans-serif;font-size : 14px;
}

.fd-liens {
margin:16px 8px 16px 8px;
border : 3px solid rgb(0, 0, 128);
background-color : rgb(240, 255, 240);
color : rgb(0, 0, 0);
width : 178px;
text-align : justify;
}

.fd-liens-bas {
border : 4px solid rgb(0, 0, 128);
background-color : rgb(240, 255, 240);
color : rgb(0, 0, 0);
width : 680px;
text-align : center;
}

.liens-gauch a {
line-height : 12px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 12px;
background-color : rgb(240, 255, 240);
color : rgb(0, 0, 0);
text-decoration : none;
}
.liens-gauch a:visited {
background-color : rgb(240, 255, 240);
color : rgb(0, 0, 0);
text-decoration : none;
}
.liens-gauch a:hover {
background-color : rgb(240, 255, 240);
color : rgb(0, 0, 255);
font-weight : bold;
text-decoration : none;
}
form.spe {
background-color: rgb(236, 241, 246);
border:2px dotted rgb(204, 204, 204);
color: rgb(0, 0, 0);
padding:5px;
text-align:center;
}

.formu {
font-family : verdana, helvetica, arial, sans-serif;
font-size : 10pt;
}

.gauche2 {
vertical-align:top;
color: rgb(0, 0, 0);
font-family : verdana, helvetica, arial, sans-serif;
font-size: 9pt;
line-height: 14pt;
font-weight : bold;
}

.gauche2 a:link {
color: rgb(0, 0, 255);
text-decoration: none;
}
.gauche2 a:visited {
color: rgb(0, 0, 255);
text-decoration: none;
}
.gauche2 a:active {
color: rgb(0, 0, 0);
text-decoration: underline;
}
.gauche2 a:hover {
color: rgb(0, 0, 0);
}

.annonce {
background-color : rgb(255, 255, 255);
font-family : verdana, helvetica, arial, sans-serif;
font-size : 18px;
font-weight : bold;
color : rgb(255, 0, 0);
text-decoration: none;
text-align:center;
}

td.droite3 {
border : 1px solid rgb(0, 0, 0);
background-color:  rgb(255, 255, 210);
padding:8px;
color:rgb(0, 0, 0);
font-family : verdana, helvetica, arial, sans-serif;
font-size : 10pt;
text-align : justify;
}

td.droite2 {
background-color : rgb(255, 255, 255);
vertical-align:top; 
padding:8px;
color:rgb(0, 0, 0);
font-family : verdana, helvetica, arial, sans-serif;
font-size : 10pt;
text-align : justify;
}

td.droite2 a:link {
background-color : rgb(255, 255, 255);
color:rgb(0, 0, 0);
text-decoration: none;
}
td.droite2 a:visited {
background-color : rgb(255, 255, 255);
color:rgb(0, 0, 0);
text-decoration: none;
}
td.droite2 a:active {
background-color : rgb(255, 255, 255);
color:rgb(0, 0, 0);
text-decoration: none;
}
td.droite2 a:hover {
background-color : rgb(255, 255, 255);
color:rgb(0, 0, 255);
}

.module3 {
margin : 30px 50px 0 50px;
border : 4px solid rgb(255, 0, 0);
background-color : rgb(255, 255, 255);
width : 680px;
font-family : verdana, helvetica, arial, sans-serif;
font-size : 13px;
color : rgb(0, 0, 0);
text-align : justify;
line-height : 18px;
}