body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 90%;
margin : 0;
padding : 0;
background-color : #777;
}
a {
text-decoration : none;
}
#conteneur {
position : relative;
width : 1000px;
margin : 0 auto;
background-color : #fff;
color : #151515;
}
div#header {
background : url(design/head.jpg) no-repeat 0 0;
height : 224px;
margin : 0;
padding : 0;
}
#footer {
clear : both;
margin : 0;
padding : 0;
color : #00003f;
background : url(design/footer.jpg) no-repeat 0 0;
height : 80px;
}
#footer p {
padding-top : 16px;
text-align : center;
font-size : 80%;
}
#footer a {
color : #006400;
}
#footer a:hover {
color : #112840;
}
#corps {
background-color : #fff;
margin-left : 185px;
margin-bottom : 20px;
padding : 10px;
text-align : justify;
}
#corps h1 {
text-align : left;
color : #306fb1;
font-weight : bold;
font-size : 150%;
}
#corps h2 {
text-align : left;
color : #306fb1;
font-weight : bold;
font-size : 130%;
}
#corps h3 {
text-align : left;
color : #306fb1;
font-weight : bold;
font-size : 120%;
}
#corps a {
color : #666;
}
#corps a:hover {
color : #112840;
}
#corps fieldset {
padding : 10px;
margin-top : 15px;
border : 1px solid #e7a800;
border-right : none;
}
#corps legend {
font-weight : bold;
}
#corps ul {
list-style-image : url("design/puce.png");
}
#gauche {
position : absolute;
left : 0;
width : 180px;
background-color : #f2f5f5;
}
#gauche h3 {
font-size : 130%;
color : #006400;
font-weight : bold;
padding : 0;
text-align : left;
border-bottom : 1px solid #006400;
margin-right : 10px;
margin-left : 10px;
}
#gauche fieldset {
text-align : center;
margin-left : 10px;
margin-top : 12px;
padding-top : 10px;
border : 1px solid #006400;
border-right : none;
width : 130px;
}
.menugauche {
list-style-type : none;
margin : 0;
margin-left : 8px;
padding : 3px;
}
.menugauche li {
margin-bottom : 5px;
}
.menugauche a {
margin : 0 2px;
color : #2b619b;
}
.menugauche a:hover {
color : #112840;
}
#acces {
float : right;
margin-top : 5px;
font-size : 70%;
margin-right : 10px;
}
#acces a {
text-decoration : none;
color : #fff;
}
#acces a:hover {
color : #000;
}
.important {
margin-left : auto;
margin-right : auto;
margin-top : 10px;
margin-bottom : 10px;
background-color : #eaeaea;
border-left : 6px solid #063a72;
padding : 4px;
width : 600px;
}
.important:before {
content : url("design/enbref.png");
}
#fil {
margin-left : 190px;
font-size : 90%;
}
#fil a {
color : #666;
font-size : 90%;
}
#fil a:hover {
color : #000;
font-size : 90%;
}
#menu_haut {
float : right;
margin : 0;
margin-right : 10px;
}
#menu_haut a {
color : #306fb1;
font-weight : bold;
font-size : 100%;
background-color : #dcdcdc;
border-bottom : 1px solid #999;
border-left : 1px solid #999;
}
#menu_haut a:hover {
color: #235484;
background-color : #b6b6b6;
border-bottom : 2px solid #999;
border-left : 2px solid #999;
}
#actualites {
font-size : 80%;
margin : 35px;
background-color : #eaeaea;
padding : 8px;
}
.verlehaut a {
float : right;
padding : 10px;
color : #e7a800;
}
.verlehaut a:before {
content : url("design/fleche2.png");
margin-right : 10px;
}
.img_gauche {
float : left;
padding : 10px;
border : none;
}
.img_droite {
float : right;
padding : 10px;
border : none;
}
.centre {
text-align : center;
}
div#formulaire label {
display : block;
width : 200px;
float : left;
padding-right: 10px;
}
#formulaire fieldset {
border : 1px solid #006400;
border-right : none;
background-color : #f2f5f5;
}
table {
border-collapse : collapse;
text-align : center;
margin-left : auto;
color : #000;
margin-right : auto;
border : 1px solid #000;
background-color : #ffc569;
}
th {
padding : 5px;
text-align : center;
color : #fff;
font-weight : bold;
background-color : #2f66b8;
border : 1px solid #000;
}
td {
padding : 2px;
color : #000;
text-align : center;
vertical-align : top;
background-color : #aedceb;
border : 1px solid #000;
}
.bleu{color: #0000FF;}
.new {color: white; background-color: red;padding-left: 5px;padding-right: 5px;}
.en_cours {color: white; background-color: green;padding-left: 5px;padding-right: 5px;}
.lien_sortant {padding: 5px;background: url(design/link.png) no-repeat 100% 50%;}
#menu_acces {
float: right; width: 180px;
background-color : #f2f5f5;
padding: 10px; margin: 20px; margin-right: 0px;
border : 1px solid #006400;
border-right : none;
font-size : 90%;
}
.plan1 {padding: 20px;margin-right: 10px;margin-left: 50px;background: url(design/fleche_courte.jpeg) no-repeat 100% 50%;}
.plan2 {padding: 20px;margin-right: 10px;margin-left: 100px;background: url(design/fleche_courte.jpeg) no-repeat 100% 50%;}
.plan3 {padding: 20px;margin-right: 10px;margin-left: 150px;background: url(design/fleche_courte.jpeg) no-repeat 100% 50%;}
.pub{
float: right;
padding: 10px;
width: 200px;
height : 200px;
}
.s_bord {border: none;}
/* émoticones */
.smilies {vertical-align: middle;}