html       { color: white; background-image: url("images/FONDsunset.jpg"); text-align: center; margin: 0 auto; padding: 0; width: 758px }
body      { color: #000080; font-size: 12px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-style: normal; line-height: 15px; background-image: inherit; text-align: center; margin: 0; width: 758px; border-right: 10px #fff }
#global {
     margin-left: auto;
     margin-right: auto;
     width: 758px;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
     /* Header */
#header  { color: white; background-color: black; background-image: url("images/header.jpg"); background-repeat: repeat-x; width: 768px; height: 187px }
#header img { float: left }
/* Menu Superieur Superieur et Inferieur*/
#topmenu ul, #infmenu ul      { font-size: 12px; font-weight: bold; margin: 0; padding: 0; position: relative; top: 165px; left: 25px; float: left }
#topmenu li    { line-height: 30px; list-style-type: none; display: inline; margin-right: 30px }
/* Menu Inferieur */
#infmenu li   { line-height: 26px; list-style-type: none; display: inline; margin-left: 30px }
/* Liens Menus Superieur et Inferieur */
li a:link, li a:visited    { color: #fff; text-decoration: none }
li a:active, li a:hover     { color: #ff0; font-style: italic; text-decoration: none }
/* Colonne Gauche */
#gauche {
width: 200px;
float: left;
margin-top: 10px;
text-align: center;
}
/* Titre Bloc Colonne Gauche */
#gauche h1  { color: white; font-size: 13px; font-weight: bold; line-height: 27px; background-color: #580000; background-image: url("images/barregauche.jpg"); background-repeat: no-repeat; text-align: left; text-indent: 75px; margin: 0 0 2px; width: 200px; height: 27px }
/* Bloc Colonne Gauche */
#gauche .bloc    { color: #000080; background-color: #ffc61d; text-align: left; margin-top: -2px; margin-bottom: 10px; padding: 2px 4px; width: auto }
#gauche img { width: 50%; border: none }

/* Colonne Droite */
#droite     { text-align: justify; margin: 0 -10px 10px 0; right: -10px; width: 548px; float: right }
/* Colonne Droite Blanc*/
#droite .bas      { background-image: url("images/fondgris2.gif"); text-align: justify; margin: 0 0 10px; right: -10px; width: 547px; float: right; border-right: 1px solid #ffc61d; border-bottom: 1px solid #ffc61d; border-left: 1px solid #ffc61d }

/* Titre Colonne Droite */
#droite h1  { color: #ff0; font-size: 15px; font-weight: bold; line-height: 27px; background-image: url("images/barretextes.jpg"); text-indent: 5px; margin: 10px 0 0; height: 27px; border-left: 5px solid #ffc61d }
/* Sous Titre Colonne Droite */
#droite h2    { color: #ff6422; font-size: 13px; font-weight: bold; background-color: white; margin: 0; width: 100% }
/* Bloc Colonne Gauche */
#droite .bloc  { color: #000080; background-color: #ffc61d; text-align: left; padding: 0 4px 2px; width: auto }
.blanc  { color: white }
/* Footer */
#footer   { color: #808080; font-size: 10px; background-color: #fff; background-repeat: repeat-x; text-align: center; width: 768px; clear: both; border-top: 1px dotted #8b0000 }
/* Liens Normaux */
a:link, a:visited   { color: #696969; text-decoration: underline }
a:active, a:hover  { color: #ff6422 }