/* Mise en forme générale */

*{font-family:"Lucida Grande",sans-serif;font-size:12pt; text-decoration:none; color:#ddf;}

html,body {color:#444;background:url();background-color:#050515;margin:0;}

body { padding : 1% 1% ;}

code, .code {border: #ff0 1px solid; padding: 0.3em; margin-bottom: 1em; color: #009;
  background-color: rgb(255,255,232); font-family: courier,fixed ; display: block;}

kbd {border: #888 1px outset; padding: 0; margin-bottom: 0; color: #009;
  background-color: rgb(245,245,245); font-family: courier,fixed ;}

kbd:hover {border: #888 1px inset; padding: 0; margin-bottom: 0; color: #009;
  background-color: rgb(245,245,245); font-family: courier,fixed ;}

p {font-size:12pt; color:#cce; text-decoration:none; text-align: justify;}

a {color: #cce; text-decoration: none;}
a:hover {color: #ddf; text-decoration: underline;}

img {border:0}

h1, h2, h3, h4, h5, h6 {font-size:20pt; text-decoration:none;}
h2 {font-size:18pt;}
h3 {font-size:16pt;}
h4 {font-size:14pt;}
h5 {font-size:12pt;}
h6 {font-size:11pt;}

.droite {text-align: right;}
.centre {text-align: center;}

/* Mise en forme particulière */

.remarque {border: #09f 1px solid; padding: 0.3em; margin-bottom: 1em; color: #009;
  background-color: rgb(232,232,255);}

.attention {border: #f00 1px solid; padding: 0.3em; margin-bottom: 1em; color: #009;
  background-color: rgb(255,232,232); display: block;}

/* Mise en forme de l'entête */

#entete {width:80%;padding:10px 10px 0; background-color: #444498; margin:0;}

h1 { font-size: 3em; font-weight: normal; font-family: "Lucida Grande", sans-serif !important; background-color: #6464d8;
padding:50px 50px 20px; margin:0; color: #eef;}


/* Mise en forme des liens vers les sites partenaires */

#partenaire {position:absolute;top:0;right:0;width:100%; margin: 5px;}

#partenaire p {text-align: right; width:100%;}

#partenaire a {font-style: normal; font-size: 11px; text-decoration: none; border: none; color: #777}
#partenaire a:hover {font-style: normal; font-size: 11px; color: #cce; text-decoration: underline;}


/* Mise en forme des menus du site */

#menu {float: right; width: 16%; background-image: url(); padding: 5pt; margin: 0;
  background-color: #050515; color: #cce;}

#menu * {color: #ddf;}

ul.mainmenu {margin: 0px; padding: 0px;}
ul.mainmenu li {font-size: 18px;line-height: 25px; display: block; padding-top: 5px; margin-bottom: 10px;
 list-style-type:none; border-bottom: #cce 1px dotted; color: #eef;}
#menu ul.mainmenu li a {color:#eef;}
#menu ul.mainmenu li a:hover {color:#ddf; text-decoration: underline; border: none;}

ul.submenu {margin:0; padding:0;}
ul.submenu li {font-size: 14px; line-height: 18px; padding: 1px 1px 1px 15px; margin:1px; border: none;}
#menu ul.mainmenu li ul.submenu li a {color:#bbe;}
#menu ul.mainmenu li ul.submenu li a:hover {color:#ddf; text-decoration: underline; border: none;}

/*#menu li a {color: #cce; text-decoration: none; border: none;}
#menu li a:hover {color: #eef; text-decoration: underline; border: none;}*/


/* Mise en forme de la zone de contenu */

/*#contenu {width: 80%; padding:0 10px 10px; background-color: #101025; background-image: url(); vertical-align: top; margin:0; float: left;}*/
#contenu {width: 80%; padding:0 10px 10px; background-color: #181825; background-image: url(); vertical-align: top; margin:0; float: left;}

/*#contenu * {background-color: #151535; background-image: url(); margin:0; color: #cce; padding:0 5px;}*/
/*#contenu * {background-color: #303035; background-image: url(); margin:0; color: #cce; padding:0 5px;}*/
#contenu * {background-color: #282835; background-image: url(); margin:0; color: #cce; padding:0 5px;}
#contenu a {color: #ccf; text-decoration: none; font-weight: bold;}
#contenu a:hover {color: #ddf; text-decoration: underline;}

#contenu h2,h3,h4,h5,h6 {color: #eef; margin: 0; padding-top: 15px; padding-bottom: 5px;}
#contenu h2 {border-bottom: 2px solid #eef; font-weight: bolder;}
#contenu h3 {border-bottom: 1px solid #eef;}
#contenu h4 {padding-left: 10px;}

#contenu p {padding-top: 5px;}

#contenu dt {padding-top: 5px;}
#contenu dt {font-weight:bold;}
#contenu dd {margin-left:20px;}
#contenu ul {padding-left:20px;}

/* Mise en forme du bas de page */

#basdepage { clear: both; width: 100%; text-align: center; padding-top: 10px;}
#basdepage p { width: 100%; text-align: center; font-size: 70%;}

/* Mise en forme du switcher CSS */
#switcher {float: right; width: 16%; margin: 0; padding: 5pt; background: #050515; color: #bbe; text-align: justify;}
#switcher * {padding: 0; margin: O;}
#switcher h2 {font-size: 12pt; color: #eef; font-weight: normal; text-align: left;}
#switcher fieldset {border:  none;}
#switcher legend {visibility: hidden; display: none;}
#switcher label {font-size: 12pt; color: #cce; padding-left: 15px; text-align: left;}
#switcher select, #switcher input {font-size: 12pt; color: #bbe; background: #101025; border: 1px solid ; cursor: pointer; margin-top: 5px;}
#switcher select:hover, #switcher input:hover {background: #151535; color: #ddf}
#switcher select {margin-left: 30px;}
#switcher input {margin-left: 23px;}

/*
Première version avec #77c et #cce pour les textes et liens et #669 pour les titres du contenu
*/