body {
    margin           : 0 ;
    font-family      : Verdana,sans-serif;
}

#bandeau-fixe-haut {
    background       : black ;
    border           : orange 2px solid ;
    height           : 70px ;
    position         : fixed ;
    top              : 0 ;
    width            : 100% ;
    left             : 0px ;
    font-family      : Verdana,sans-serif;
}

#bandeau-fixe-haut p {
    width            : 100% ;
    margin           : 0 auto ;
    color            : silver ;
    font             : bold italic 20px Verdana, sans-serif ;
    text-align       : center ;
    font-family      : Verdana,sans-serif;
}

table.bandeau-haut {
    width            : 100% ;
    border-collapse  : collapse ;
    border           : none ;
    font-family      : Verdana,sans-serif;
}

div.en-tete-gauche {
    position         : fixed ;
    top              : 25px ;
    left             : 15% ;
}

div.en-tete-centre a {
    position         : fixed ;
    top              : 20px ;
    left             : 40% ;
    text-decoration  : none ;
    font-size        : 200% ; 
    color            : greenyellow ; 
    font-family      : Verdana,sans-serif ;
    font-weight      : bold ;
}

div.en-tete-droite {
    position         : fixed;
    top              : 25px;
    right            : 20%;
}

/*3 listes récupérées sur internet et modifiées, j'ai oublié de noter l'adresse du site*/

div.liste {
    position         : fixed;
    top              : 12px;
    right            : 12px ;
    text-align       : right;
    list-style-type  : none ;
    font-family      : Verdana,sans-serif;
}


.PlanSite {
    position         : fixed;
    left             : 5px;
    bottom           : 0px;
    padding-top      : 2px ;
    height           : 40px ;    
    width            : 100px ;
    background-color : orange;
}

.PlanSite a {
    display          : block ;
    margin-right     : 5px;
    margin-left      : 5px;
    margin-bottom    : 2px;
    padding-right    : 5px;
    border           : 1px solid gray ;
    border-left      : 12px solid gray ;
    background-color : greenyellow;
    color            : black;
    font-family      : Verdana,sans-serif;
    font-size        : 12px;
}

.PlanSite a:hover {
    display          : block ;
    margin-right     : 5px;
    margin-left      : 5px;
    margin-bottom    : 2px;
    padding-right    : 5px;
    border           : 1px solid greenyellow ;
    border-left      : 12px solid greenyellow ;
    background-color : black;
    color            : greenyellow;
    font-family      : Verdana,sans-serif;
    font-size        : 12px;
}

.liste a {
    display          : block ;
    margin-bottom    : 5px;
    padding-right    : 5px;
    border           : 1px solid silver ;
    border-left      : 12px solid silver ;
    background-color : greenyellow ;
    color            : black ;
    text-decoration  : none ;
    list-style-type  : none ;
    font-family      : Verdana,sans-serif;
}

.liste a:hover {
    display          : block ;
    margin-bottom    : 5px;
    padding-right    : 5px;
    background-color : black ;
    color            : greenyellow ;
    border           : 1px solid greenyellow;
    border-left      : 12px solid greenyellow;
    list-style-type  : none ;
    font-family      : Verdana,sans-serif;
}

#bandeau-fixe-bas {
    background       : #f0f0f0;
    height           : 40px;
    border-top       : 2px solid #dedede;
    position         : fixed;
    bottom           : 0;
    width            : 100%;
    left             : 0;
    font-family      : Verdana,sans-serif;
}

#bandeau-fixe-bas p {
    text-align       : center;
    padding-top      : 12px ;
    margin           : 0;
    font-style       : italic ;
    font-size        : 10px ;
    font-family      : Arial, Helvetica, sans-serif;
    color            : gray;
    font-family      : Verdana,sans-serif;
}

div.logo-w3c {
    position        : fixed ;
    bottom          : 5px ;
    right           : 5px ;

}

div.cadre-element-menu {
    position         : relative;
    border           : orange 2px solid;
    top              : 72px;
    height           : 30px;
    width            : 100%;
    background-color : greenyellow;
    margin           : 0px;
    font-family      : Verdana,sans-serif;
}

.element-menu a {
    position         : relative;
    top              : 5px;
    padding-bottom   : 3px ;
    padding-right    : 5px ;
    border           : 1px solid gray ;
    border-left      : 12px solid gray ;
    margin-right     : 5px;
    margin-left      : 5px;
    background-color : orange;
    color            : #000000;
    text-decoration  : none ;
    font-family      : Verdana,sans-serif;
    font-size: 14px;
}

.element-menu a:hover {
    position         : relative;
    top              : 5px;
    border           : 1px solid orange ;
    border-left      : 12px solid orange ;
    margin-right     : 5px;
    margin-left      : 5px;
    background-color : black;
    color            : orange;
    text-decoration  : none ;
    font-family      : Verdana,sans-serif;
}

div.cadre-element-sous-menu {
    position         : relative;
    border           : greenyellow 2px solid;
    top              : 72px;
    height           : 30px;
    background-color : orange;
    margin           : 0px;
    font-family      : Verdana,sans-serif;
}

.element-sous-menu a {
    position         : relative;
    top              : 1px;
    padding-bottom   : 3px ;
    padding-right    : 5px ;
    border           : 1px solid gray ;
    border-left      : 12px solid gray ;
    margin-right     : 5px;
    margin-left      : 5px;
    background-color : greenyellow;
    color            : #000000;
    text-decoration  : none ;
    font-size        : 12px;
    font-family      : Verdana,sans-serif;
}

.element-sous-menu a:hover {
    position         : relative;
    top              : 3px;
    border           : 1px solid greenyellow ;
    border-left      : 12px solid greenyellow ;
    margin-right     : 5px;
    margin-left      : 5px;
    background-color : black;
    color            : greenyellow;
    text-decoration  : none ;
    font-size        : 12px;
    font-family      : Verdana,sans-serif;
}

#bandeau-fixe-droit {
    background       : greenyellow;
    position         : fixed;
    top              : 145px;
    height           : 300px;
    width            : 160px;
    border           : orange 2px solid;
    margin-left      : 5px;
    right            : 5px;
    font-family      : Verdana,sans-serif;
}

#contenu {
    font             : normal 15px verdana, sans-serif;
    top              : 164px ;
    bottom           : 43px;
    left             : 10px ;
    right            : 180px ;
    padding-right    : 10px ;
    position         : fixed;
    overflow         : auto ;
    font-family      : Verdana,sans-serif;
    padding-left     : 10px ;
}

p.navigation a {
    text-decoration  : none ;
    text-align       : left;
    margin           : auto;
    font             : oblique 10px verdana, sans-serif;
    position         : relative ;
    top              : 50px ;
    font-family      : Verdana,sans-serif;
}

html, body {
    background-color : white; 
    font-family      : Verdana, sans-serif; 
    font-size        : 100%;
    height           : 100%;
    position         : relative;
}



h1 {
    font-size        : 200%; 
    color            : blue; 
    text-align       : center;
    font-family      : Verdana,sans-serif;
}

h2 {
    font-size        : 150%; 
    color            : blue; 
    text-align       : center;
    font-family      : Verdana,sans-serif;
}

h3 {
    font-size        : 125%; 
    color            : black; 
    text-align       : left;
    text-align       : center ;
    font-family      : Verdana,sans-serif;
}

h4 {
    font-size        : 110%;
    text-align       : left;
    font-family      : Verdana,sans-serif;
}

h5 {
    text-align       : justify;
    font-family      : Verdana,sans-serif;
}

p {
    color            : black ;  
    text-align       : justify ;
    font-family      : Verdana,sans-serif;
}

div {
    text-align       : justify ;
    font-family      : Verdana,sans-serif;
}

table {
    width            : 80%;
    border-collapse  : collapse ;
    border           : black 1px solid;
    margin-left      : 10%;
    margin-right     : 180px ;
    margin           : auto ;
    text-align       : center;
}
li {
    text-align       : justify ;
}
th {
    border-collapse  : collapse ;
    border           : black 1px solid;
    font-size        : 15px ;
    font-weight      : bold;
    text-align       : center ;
    font-family      : Verdana,sans-serif;
}

td {
    border-collapse  : collapse;
    border           : black 1px solid;
    vertical-align   : top;
    font-family      : Verdana,sans-serif;
}

a {
    text-decoration  : none ;
    color            : orangered ;
    font-style       : oblique ;
    font-family      : Verdana,sans-serif;
}

a:hover {
    text-decoration  : none ;
    color            : greenyellow ;
    font-style       : oblique ;
    background-color : black ;
    font-family      : Verdana,sans-serif;
}

span {
    font-family      : Verdana,sans-serif;
    font-style       : oblique ;
    font-size        : 12px ;
    font-weight      : normal ;
}

p.liens-utiles {
    text-align       : left ;
    font-family      : Verdana,sans-serif;
}

form.formulaire {
    text-align       : center ;
    width            : 80%;
    font-family      : Verdana,sans-serif;
}

p.formulaire {
    text-align       : center ;
    width            : 80%;
    font-family      : Verdana,sans-serif;
}

.bouton {
    border           : 1px outset greenyellow ;
    font-size        : 13px ;
    font-weight      : bold ;
    background-image : url(../img/bouton-style1.png) ;
    background-repeat: repeat ;
    background-attachment : scroll ;
    font-family      : Verdana,sans-serif;
}

input {
    border           : 1px inset orange ;
    font-size        : 13px ;
    font-weight      : bold ;
    background       : white ;
    color            : black ;
    font-family      : Verdana,sans-serif;
}

input:hover {
    border           : 1px inset greenyellow ;
    font-size        : 13px ;
    font-weight      : bold ;
    background       : black ;
    color            : greenyellow ;
    font-family      : Verdana,sans-serif;
}

.menuderoulant2 {

    background-color : orange ;
    color            : black ;
    text-align       : justify;
    font-family      : Verdana,sans-serif;
}

.menuderoulant1 {

    background-color : greenyellow ;
    color            : black ;
    text-align       : justify;
    font-family      : Verdana,sans-serif;
}

.alignegauche {
    text-align       : left ;
    font-family      : Verdana,sans-serif;
}

.alignedroite {
    text-align       : right ;
    font-family      : Verdana,sans-serif;
    left: 50%;
}

.alignecentre {
    text-align       : center ;
    font-family      : Verdana,sans-serif;
}

.CadreInvisible {
    border               : 0px ;    
}

.MessageVoyant {
    color                : red ;
    font-weight          : bold ;
    font-style           : italic ;
}