HTML
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
}

BODY {
    padding: 0px;
    margin: 0px;
    background-color: black;
    background: url(images/fond-pages.gif) #005C96 repeat-y 50% 0px;
}


#entete {
    background: url(images/entete.jpg) 0px 0px;
    margin: 0px auto;
    Width: 916px;
    Height: 179px;     
    position: relative;
    padding: 0px;
}

#global {
    width: 916px;
    margin: 0px auto;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    position: relative;
    top: 0px;
}

#contenu {
    margin-top: 0px;
    margin-left: 212px;
    margin-right: 200px;
    margin-bottom: 0px;
    padding: 0px;
}

#contenu A
{
    TEXT-DECORATION: none; 
    font-weight: bold;
    COLOR: #ff7300;
}

#contenu A:hover
{
    TEXT-DECORATION: underline; 
    font-weight: bold;
}

#bas {
    clear: both;
    position: relative;
    margin: 0px;
}

h1 {
     position: absolute;
     left: 210px;
     bottom: 2px;
     font-size: 42px;
     font-weight: normal;
     font-family: Times New Roman;
     color: #77787B;
     letter-spacing: 0px;
     width: 530px;
     margin: 0px;
     padding: 0px;
}

h2 {
     position: absolute;    
     left: 210px;
     top: 108px;
     font-size: 12px;
     font-weight: bold;
     font-family: verdana;
     color: #ff7300;
     width: 200px;
     margin: 0px;
     padding: 0px;
}

.center { 
    text-align: center;
}



#menu-droite {
    float: right;
    width: 178px;
    height: 109px;
    background: url(images/menu-droite.gif) no-repeat 0px 0px; 
    padding-top: 100px; 
    margin: 0px;
}

#recherche {
    margin-top: 70px;
    margin-left:20px;
    padding:0;

}

#menu-droite p {
    padding: 0px;
    margin-left: 9px;
    margin-right: 43px;
    margin-top: 0px;
    margin-bottom: 3px;
}




#menu-gauche {
    float: left;
    background: transparent url(images/menu1_04.gif) top left no-repeat;
    height: 314px;
    width: 195px;
    margin: 0px;
    padding: 0px;
}

ul#menulist li ul{ display:none; }

ul#menulist li:hover>ul{ display:block; }

#div_menulist {
  margin-left: 37px;
  margin-top: 20px;
}

ul#menulist {
  font-family: verdana;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  position: static;
  left: 10px;
  margin: 15px;
}


ul#menulist, ul#menulist ul {
  margin:0;
  padding:0;
  text-indent: 0px;
  width:155px;
  border: 1px solid;
  border-color: #008ECE;   
  background-color: #008ECE;
}

ul#menulist li{
  position:relative;
  margin:0;
  padding:0;
  _display:inline;
}



ul#menulist ul{
  position:absolute;
  top:-1px;
  left:155px;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  width: 155px;
  padding: 6px 0;
}

#tester {
  display:block;
  width:100%;
  text-decoration: none;
  width: 155px;
  padding: 10px 0;

}

ul#menulist li:hover, ul#menulist li a:hover {
  color: #FFFFFF;
  background-color: #79C7EB;
}

ul#menulist li.smenu>a {
  font-style: italic;
}

ul#menulist a {
  color: #FFFFFF;
  text-decoration: none;
}








#actualite {
    float: right;
    width: 178px; 
    height: 20px; 
    margin: 0px;
    padding: 0px;
}

#mentions {
    position: absolute;
    top: 0px;
    left: 60px;
    width: 100px;
}

#mentions a {    
    font-size: 10px;
    font-weight: normal;
    font-family: verdana;
    color: #005C96;
    text-decoration: none;
}

#genie {
    position: absolute;
    top: 15px;
    left: 90px;
    width: 26px;
    height: 38px; 
}

#pied_page {
    position: absolute;
    top: 0px;
    left: 202px;
    width: 530px;
    height: 50px; 
    font-size: 10px;
    font-weight: normal;
    font-family: verdana;
    color: #B0B0B0;
    text-align: center;
}

img {
    border: 0px;
    margin: 0;
    padding: 0;
}

.spip_documents { text-align: center; }
.spip_documents_center { margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-top: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-top: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left:auto; margin-right:auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left:auto; margin-right:auto;
}

.spip {
    font-size: 11px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
    text-align: justify;
    margin: auto;
}

.spip_in {
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
    color: #ff7300;
}

.spip_out {
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
    color: #ff7300;
}

.spip_surligne {
    background: #ffd1a0; 
}

h3.spip
{
    text-align: center;
    FONT-SIZE: 14px;
    MARGIN: 0;
    FONT-WEIGHT: bold;
    FONT-FAMILY: arial;
    color: #005C96;
}


i.spip {}
strong.spip {}
hr.spip {}

.spip_puce { list-style-position: outside; }

ul.spip { list-style: disc; }
ol.spip { list-style: decimal; }
ul.spip li, ol.spip li { list-style: inherit; }
li.spip { margin: 0px 0px 0px 28px; list-style-position: outside; }

/* Tableaux */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }




.verdana_gras_8_orange {
    text-align: justify;
    font-size: 8px;
    font-weight: bold;
    font-family: verdana;
    color: #ff7300;
}

.verdana_gras_10_orange {
    text-align: justify;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    color: #ff7300;
}

.verdana_gras_12_orange {
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
    color: #ff7300;
}

.verdana_gras_14_orange {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    font-family: verdana;
    color: #ff7300;
}

.verdana_gras_14_bleu_fonce {    
    font-size: 14px;
    font-weight: bold;
    font-family: verdana;
    color: #005C96;
}

.verdana_12_bleu_fonce {
    text-align: justifiy;
    font-size: 12px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
}

.verdana_12_bleu_fonce_centre {
    text-align: center;
    font-size: 12px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
}

.verdana_gras_12_bleu_fonce {
    text-align: justify;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana;
    color: #005C96;
}

.verdana_gras_11_bleu_fonce {
    text-align: justify;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
    color: #005C96;
}

.verdana_11_bleu_fonce {
    text-align: justifiy;
    font-size: 11px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
}

.verdana_10_bleu_fonce {
    text-align: left;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
}

.verdana_10_bleu {
    text-align: left;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #008ECD;
}

.verdana_10_gris_fonce {
    text-align: left;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #77787B;
}

.verdana_10_gris {
    text-align: left;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #BBBBBB;
}

.verdana_10_bleu_justify {
    text-align: justify;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #008ECD;
}

.verdana_gras_10_bleu {
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    font-family: verdana;
    color: #008ECD;
}

.times_42_gris {

    font-size: 42px;
    font-weight: light;
    font-family: Times New Roman;
    color: #77787B;
    letter-spacing: 2px;
}

input.form_recherche
{
    position:relative;    
    color:#005C96;
    font-size: 11px;
    font-weight: light;
    font-family: verdana;
}



#resultat_articles li
{
    margin-bottom:0px;
    list-style-type: square;
}

#resultat_articles li a:hover {
    color: #008ECD;
}





#tableau_formulaire input {
    text-align: center;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
}

#tableau_formulaire texteara {
    text-align: left;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #005C96;
}



#accessibilite
{
    width: 100%;
    height: 18px;
    BACKGROUND: url(images/accessibilite.jpg) #005C96 repeat-y 50% 0px;
    MARGIN: 0px auto;
    TEXT-ALIGN: center
}

#accessibilite UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px auto;
    WIDTH: 900px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
    TEXT-ALIGN: right
}
#accessibilite LI
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    BACKGROUND:  #005C96 no-repeat center top;
    FLOAT: right;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 3px 0px 16px;
    WIDTH: 85px;
    PADDING-TOP: 1px;
    HEIGHT: 16px;
    TEXT-ALIGN: center;
    font-size: 10px;
    font-weight: light;
    font-family: verdana;
    color: #FFFFFF;
}
#accessibilite A
{
    COLOR: #FFFFFF;
    TEXT-DECORATION: none
}
#accessibilite A:hover
{
    COLOR: #ff7300;
    TEXT-DECORATION: none
}
#accessibilite A:unknown
{
   
    TEXT-DECORATION: none
}


ul.plansite, ul.plansite ul {
  margin: 0;
  padding: 0;
  padding-left: 1.5em;
  font-size: 12px; 
}

ul.plansite li {
  color: black;
  margin: 0;
  padding: 0;
}

ul.plansite li a {
  padding-left: 0.5em;
  text-decoration: none;
  color: black;
}

ul.plansite li strong {
  font-size: 105%; 
}
