/*====================== Presentation generale ==============================*/
html {
     width:auto;
     height:auto;
}

body {
    background-color: #FFFFFF;
    color:#000000;
    font-family:Verdana, Arial, Georgia, sans-serif;
    text-align:center;
    width:auto;
    height:auto;
    padding:5px;
}

.spacer{
      clear: both;
height:4px;
}
/*====================== Barre des logos ======================================*/
.logo {
text-align:center;
margin:5px;
}

/*====================== Menu =================================*/
ul.menu {
padding:0;
margin:0;
list-style-type:none;}

ul.menu li {
margin-left:2px;
float:left;}

ul.menu li a {
font-size:80%;
display:block;
float:left;
width:135px;
background-color:#FFFFFF;
color: #728EB5;
text-decoration:none;
text-align:center;
font-weight:bold;
padding:5px;
border-width:2px;
border-style:solid;
border-color:#FFB300;
}

ul.menu li a:hover {
color:#FFB300;
border-color: #728EB5;}
/*====================== Contenu de la page =================================*/
/*---------------------- Titre ----------------------------------------------*/
#titre {
     padding-top: 10px;
     font-size:200%;
     font-weight:bold;
     color:#728EB5;
     text-align:center;
}

#sous-titre {
     margin-top: -10px;
     font-size:150%;
     font-weight:bold;
     color:#FFB300;
     text-align:center;
}

.stitre {
     padding-left:2%;
     font-size:125%;
     font-weight:bold;
     color:#FFB300;
     text-align:left;
}

.texte {
text-align:left;
     padding-left:2%;
     padding-right:2%;
}

ul {
text-align:left;
padding-left:2%;
margin-left:2%;
color: #728EB5;
list-style-type: square;
     font-weight:bold;
}

.noir {color: #000000;
     font-weight:normal;
}

.jaune {color: #FFB300;
     font-weight:bold;
}

.bleu {color: #728EB5;
     font-weight:bold;
}

.centre {
text-align:center;
     padding-left:2%;
     padding-right:2%;
}

a {
     color:#728EB5;
     text-decoration:none;
     font-weight:bold;
}

a:hover {
     color:#FFB300;
     text-decoration:none;
     font-weight:bold;
}

table {
border-width:1px;
border-style:solid;
border-color:#728EB5;
border-collapse:collapse;
width:auto;
}

td {
border-width:1px;
border-style:solid;
border-color:#728EB5;
text-align:left;
width:33%;
width:auto;
}
