@charset "utf-8";

body {height: 100%; margin: 0px; padding: 0px; font-size: 16px; font-family: tahoma,arial,helvetica,"bitstream vera sans",sans-serif; color: #174a7c; background-color: #E3E6F4;}

html {height: 100%; margin: 0; padding: 0}
html {
overflow: visible;
}
body {
overflow: auto;
}

html> .page  {border:none; z-index: 1; width: 100%}
.page div{border:none; z-index: 1; width: 780px}

.page div#menufixe {position: absolute; top: 0; z-index: 2; text-align: center; background-color: #ffffff; border: none}
/*


border: 1px solid #666666;
line-height: 2em;
margin: 0;*/

html>body .page div#menufixe {
position: fixed
}



* html a:hover {  cursor: pointer;}
*:first-child+html a:hover {  cursor: pointer;}

/* --------------boite contenant le menu -----------------------*/
.boite {width: 780px; border: 0px solid black; background: #fff; text-align: justify; } 
* html div.boite {width: 48.75em; w&idth: 48.75em;}

/* -------------- onglets du premier niveau du menu -----------------------*/

div#onglet {overflow: visible; font-size: 85%; border: 0px solid; border-bottom: 2px solid; height: 24px; width: 780px; z-index: 3; background-color: white; margin-top: -4px}

* html div#onglet {width: 57.35em; w&idth: 57.35em; }/* correction pour IE 5.x : 780/16/0.85 */

div#onglet div { clear: left;  }
 
ul#niveau1 {float: right; margin-top: 0px; margin-right: 16px; margin-bottom: 0px; margin-left: 0px; padding: 0px; list-style: none;}

ul#niveau1 li {float: left; margin-left: .22em; position: relative; } 
  * html ul#niveau1 li {      margin-bottom: -0.1em;  } /*correction pour IE 5 et 6 */
  *:first-child+html ul#niveau1 li {     margin-bottom: -0.1em;  }/*correction pour IE 7 */
  
/* onglet bleu-----------------------*/
  
ul#niveau1 li a      {float: left; text-decoration: none; padding-left: 10px; background-image: url(images/onglet_g.png); background-position: 0% -250px; background-repeat: no-repeat; background-color: #666699}
ul#niveau1 li a span {float: left; padding : 6px 10px 3px 0px; background-image: url(images/onglet_d.png); background-position: 100% -250px; background-repeat: no-repeat; color: #ffffff; }

  /* * html ul#niveau1 a, * html ul#niveau1 span {
    width: 8.6em;  largeur pour ancien modèle de boîte pour IE 5.x */
 /*    w&idth: 2em;  largeur correcte pour IE 6 en mode standard 
  }*/
  
  
/* onglet blanc survolé -----------------------*/
ul#niveau1 a:hover, li #actif {background-position: 0% -500px; background-color: #FFFFFF}
ul#niveau1 a:hover span {background-position: 100% -500px; color: #006}

/* onglet blanc de la page active -----------------------*/
ul#niveau1 li#actif  {float: left;   padding-left: 10px; background-image: url(images/onglet_g.png); background-position: 0% -500px; background-repeat: no-repeat;  background-color: #FFFFFF; color: #000066; }
ul#niveau1 li#actif span {float: left; padding : 6px 10px 3px 0px; background-image: url(images/onglet_d.png); background-position: 100% -500px; background-repeat: no-repeat; color: #333333}


/* -------------- sous-menu verticaux (second niveau du menu )-----------------------*/

ul#niveau2 {margin: 0; position: absolute; top: 25px; left: 0px; padding: 0; display: none; border: 1px solid; color: #457CB2; background: #FFFFFF; list-style: none; z-index: 4}
 * html ul#niveau2 {  top: 26px;    left: 0.1em; to&p: 25px;   lef&t: 0.1em;  }/* correction pour IE 5.x */
 *:first-child+html ul#niveau2{  top: 24px;   background-color:white; padding-bottom:0.4em;  } /* adaptation pour IE 7 */

ul#niveau1 li:hover ul#niveau2 {display: block;} /* afficher le sous-menu par les navigaters modernes  */
  
ul#niveau2 li {display: block; margin: 0 0 0 0; padding: 2px 10px 3px 0; background: none transparent; width: 13em; text-align: left}   
 * html ul#niveau2 li {  float : none; padding: 0 0 0 -5px ;margin: 2px 0px 3px 0px; width: 14em; paddin&g: 0 0 0 0; margi&n: 2px 0px 3px 0;}/* correction pour IE 5.X et 6.x */

ul#niveau2 li#actuel {margin: 0 0 0 0; padding: 2px 0px 3px 10px; color: #457CB2; background: none white} /*marquer la sous-page active */
 * html ul#niveau2 li#actuel {padding: 0 0 0 0; margin: 2px 0px 3px -5px; margi&n: 0 0 3px 0; paddin&g: 2px 0px 0px 10px; }/* correction pour IE 5.X et IE 6.x */

ul#niveau2 li a {background: transparent; color: black; width: 100%}

ul#niveau2 li:hover, ul#niveau2 li:focus { background: none #AFB4C9; color: black}
ul#niveau2 li#actuel:hover,ul#niveau2 li#actuel:focus { background: none white; color: #457CB2}
ul#niveau2 li a:hover, ul#niveau2 li a:focus { background: none #AFB4C9; color: black}



div#contenu {width: 755px; min-height: 400px; padding: 240px 10px 10px 15px; background: url(images/fond_contenu.png) white 0px 0px; background-repeat: repeat-x; font-size: 95%; text-align: justify; border: 0px solid;}
* html div#contenu {width: 49.75em; height: 32.85em; widt&h: 50.33em; heigh&t: 32.85em; }

div#contenu div {width: 750px; border: none}

div#scroll {overflow: auto; }


div#bas_page {width: 780px; border: 1px none ; padding: 0px  0px 2px 0px; background: white;border-top: 2px solid #174a7c }
div#bas_page table {color: #174a7c; background: white; border: none} 
div#bas_page table tr td {margin: 0 0 0 0; color: #174a7c; border: none; text-align: justify}

h1, h2 ,h3{
    color: #174a7c;
    clear: left;
    margin: 0;
    padding-top: 0.4em;
    border-bottom: 1px solid #174a7c;
}
h1 {  font-size: 120%;}
h2 {  font-size: 110%;border: none}
h3 {  font-size: 105%;border:none}

 h4, h5 {
    color: #174a7c;
    clear: left;
    font: 100% Verdana, Helvetica, Arial, sans-serif;
    margin: 0;
    padding-top: 0.4em;
    border-bottom: 1px solid #174a7c;
}
h4 {  font-size: 110%;border:none}
h5 {  font-size: 100%;}

img {
  border: none;        
}
hr {color: #174a7c;}

p {text-align:justify}

a:hover, a:active {color: #6600CC; }
a {color: #1173D4; text-decoration: none}

table#avec_bord {background: #FFFFFF; border : 1px solid #999eb9; border-collapse: collapse}
table#avec_bord td {font-size: 90%; border: 1px solid #999eb9; padding: 1px 1px 1px 5px; text-align: justify}
table#avec_bord  th {background: #999eb9;color : #fffff0; border: none; font-size: 100%}

table#sans_bord {background: #FFFFFF; border: 0px none}
table#sans_bord td {font-size: 90%; padding: 1px 1px 1px 5px; border: 0px none; text-align: center}
table#sans_bord th {background: #999eb9;color : #fffff0;  font-size: 100%; border: 0px none}

table#prog {background: #FFFFFF; border: 0px none}
table#prog tr#l0 {background-color: #FFF}
table#prog tr#l0 td {font-size: 90%; font-weight: bold}
table#prog tr#l1 {background-color: #DADDEB}
table#prog tr#l2 {background-color: #E3E6F4}
table#prog tr#l1 td {font-size: 90%; padding: 8px 1px 1px 8px; border: 0px none; text-align: left}
table#prog tr#l2 td {font-size: 90%; padding: 8px 1px 1px 8px; border: 0px none; text-align: left}
table#prog tr td ul {border: thin; padding:0px 5px 5px 10px}
table#prog tr td ul li {padding:5px 0px 5px 5px}

table#prog th {background: #999eb9;color : #fffff0;  font-size: 100%; border: 0px none}


marquee.scroller {border: 2px outset; background-color: #E3E6F4; width: 200px; cursor: pointer}