html, body {
width: 100%;
height: 100%;
}
body {
margin : 0; 
padding : 0; 
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 12px; 
background-color: white;
color: #556268;
} 


/*---------------------------  COULEURS  -------------------------------*/
.bleu_fonce {
color : #006699; 
}

.bleu_clair {
color : #408cb3; 
}

.vert {
/* color : #ccffcc; */
color : #33cc66;
}

.jaune {
color : #ffffcc; 
}

.rouge {
color : #cc3333; 
}

.orange {
color : #ffcc33; 
font-weight: bold;
}

/*---------------------------  LIENS  -------------------------------*/
a {
text-decoration : none;
color : #000000;
}

a:visited {
text-decoration : none;
border-bottom: 1px none black; 
}

a:hover {
text-decoration : none;
border:0 none; 
/* color : #408cb3; */
/* color : #ffcc99; */
color : #ffcc33;
}

ul.liste-liens a:link    {color : #4F707D; text-decoration : none; font-weight:
bold; border-bottom:0px}
ul.liste-liens a:visited {color : #4F707D; text-decoration : none; font-weight:
bold; border-bottom:0px}
ul.liste-liens a:hover   {color : #FFBA00; text-decoration : underline; font-wei
ght: bold; border-bottom:0px}


/*---------------------------  BANNIERE  -------------------------------*/
#logos {
position: absolute;
top:650px;
width: 100%;
}
/*------------------ BANDEAU SOUS LA BANNIERE --------------------*/
#bandeau {
/* color: #CC3333 ; */
width: 800px;
position: relative;
text-align: center;
top: 140px;
left:5px;right:5px;
font-size:160%; font-weight: bold;
}
#header {
width: 800px;
position: relative;
text-align: center;
top: 5px;
left:5px;right:5px;
font-size:160%; font-weight: bold;
}
/*----------------------  MENU SOUS LA BANNIERE  -----------------------*/

/*------------------------  CONTENEUR GENERAL  -------------------------*/
#conteneur {
border: solid #00cc00 0pt;
margin-top: /*160px*/ 120px;
margin-left: 10px;
margin-right: 10px;} 

/*-----------------------------  TITRES  ------------------------------*/
h1 {
font-size: /* 1.3em */ 1.4em;
font-weight: bold;
/* color: #006699; */
/* color: #cc3333; */
color: #556268; 
margin: 0.5em;
}

h2 {font-size : 13px; color : #FFBA00;}

h3 {
font-weight: bold;
/* color: #006699; */
/* color: #cc3333; */
margin: 0.5em;
}

h3 {
margin: 1em;
margin-bottom: 0.5em;
margin-left: 0.5em;
/* color: #408cb3;*/
color: #ffcc33;
}

h2 {
font-size: /* 1.3em */ 1.0em;
line-height: /* 2.1em */ 1.8em;
/* background : url(images/bullet_trans.gif) center left no-repeat; */
/* 
background : url(images/arbre_centre.jpg) center left no-repeat; 
padding-left: 35px;
*/
/* background : url(images/arbre_half.jpg) center left no-repeat; 
padding-left: 15px;
*/
/* background : url(images/arbre_test.jpg) center left no-repeat; */
padding-left: /*18px*/ 6px;
/*
border-left : solid 4px #ffcc33;
border-top: solid 0px #ffcc33;
border-right : solid 0px #ffcc33;
border-bottom: solid 1px #ffcc33;
*/
}

h1 {
text-align: center;
}


p  {margin-top : 5px; margin-bottom : 9px; margin-left : 10px; margin-right : 10px;text-align: justify;} 

p.intertitre
          {color: #A5B8C9; font-weight: bold; font-size : 13px; margin-left : 12px;} 
                
p.intertitre a:link, 
p.intertitre a:visited 
          {color: #4F707D; font-weight: bold;  font-size : 13px;
           text-decoration : none; }
           
p.intertitre a:hover 
          {color: #FFBA00; font-weight: bold;  font-size : 13px;
           text-decoration : none; }  
/*-----------------------------  PARTIE DROITE  --------------------------*/

#droite-accueil {
position: absolute;
width: 500px;
left: 150px;
top:  300px;
/* background : url(citron.jpg) top left no-repeat; */
border: solid #ffcc33 0pt;
text-align: justify;
font-weight: normal;
padding-right: /*18px*/ 8px;
padding-left: 8px;
margin: 1em;
}

#droite-notes {
position: absolute;
width: 140px;
left: 660px;
top: /*110px*/ 194px;
/* background : url(citron.jpg) top left no-repeat; */
border: solid #ffcc33 1pt;
margin: 1em;
/* text-align: justify; */
font-weight: normal;
font-size : 0.9em;
padding: 4px;
}

#droite {
position: absolute;
width: 560px;
left: 150px;
top: /* 110px*/ 300px;
/* background : url(citron.jpg) top left no-repeat; */
border: solid #ffcc33 0pt;
border-bottom: solid #ffcc33 0pt;
margin: 1em;
padding-left: 4px;
padding-right: /*18px*/ 8px;
text-align: justify;
font-weight: normal;
}

#droite a {
text-decoration : none;
color : #556268; 
border-bottom: solid 1px #ffcc33;·
}

#droite-accueil a, #droite-notes a {
text-decoration : none;
color : #556268; 
border-bottom: solid 1px #ffcc33; 
}

#droite a:visited, #droite-notes a:visited {
text-decoration : none;
color : #556268;
border-bottom: solid 1px #ffcc33; 
}

#droite a:hover, #droite-notes a:hover {
text-decoration : none;
border:0 none; 
/* color : #408cb3; */
/* color : #ffcc99; */
color : #556268;
}

#droite a.noborder:link {
border: 0;
border-bottom: 0px none black; 
color : #ff0000;
}

#droite a.noborder:visited {
text-decoration : none;
border-bottom: 0px none black; 
}

#droite a.noborder:hover {
text-decoration : none;
border:0 none; 
border-bottom: 0px none black; 
}

/*--------------------------------  AIDE  ----------------------------*/
#aide {
border: solid #ffcc99 0pt;
text-align: justify; 
margin: 12px;;
font-size : 0.8em; 
font-weight: normal;
}

#aide a {
text-decoration : none;
/* color : #006699; */
color : #000000;
border-bottom: solid 1px #ffcc33; 
}

#aide a:visited {
text-decoration : none;
border-bottom: solid 1px #ffcc33; 
}

#aide a:hover {
text-decoration : none;
border:0 none; 
/* color : #408cb3; */
/* color : #ffcc99; */
color : #ffcc33;
}

#aide a.noborder:link {
border: 0;
border-bottom: 0px none black; 
color : #ff0000;
}

#aide a.noborder:visited {
text-decoration : none;
border-bottom: 0px none black; 
}

#aide a.noborder:hover {
text-decoration : none;
border:0 none; 
border-bottom: 0px none black; 
}

/*--------------------------------  ENCADRES  ----------------------------*/
.encadre {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 0.8em; 
font-weight: normal;
color: black;
border-left : solid 2px #ffcc33;
border-top: solid 0px #ffcc33;
border-bottom: solid 1px #ffcc33;
padding : 5px;
margin: 0 5px 0 5px;
}


.stabilo {
color : #000000; 
background : #ffffcc; 
padding: 2px;
border : solid 1px #ffcc99;
}

.message_ok {
font-size : 0.8em; 
font-weight: bold;
text-align: center;
color : #66cc66; 
background : #ffffff; 
padding: 2px;
border : solid 0px #ffcc99;
}

.message_erreur {
font-size : 0.8em; 
font-weight: bold;
text-align: center;
color : #cc3333; 
background : url(images/attention.gif) top left no-repeat;
padding: 4px;
border : dotted 1px #cc3333;
}

/*--------------------------- TAILLE DES CARACTERES ---------------------*/
.plus_grand {
font-size : 1.4em; 
font-weight: bold;
}

.plus_petit {
font-size : 0.9em; 
}

.petit {
font-size : 0.7em; 
}

.italique {
font-style: italic;
}


.gras {
font-weight: bold;
}

.premiere {
font-size : /* 170% */ 130%;
color: #ffcc33;
}

/*---------------------------  TABLES  -------------------------------*/
table {
border-spacing: 2px;
border : solid 1px #ffcc33;
padding: 3px;
font-size: 1em;
text-align: left;
}

tr.fonce {
/* background:#ccffcc; */
background:#ffffff;
color: black;
}

tr.clair {
background:#ffffcc; 
color: black;
}

.table_sans_bordure {
border-spacing: 2px;
border : solid 0px #ffcc33;
padding: 3px;
font-size: 1em;
text-align: left;
}

.table_avec_bordures {
border-spacing: 2px;
border : solid 1px #ffcc33;
padding: 3px;
font-size: 1em;
text-align: left;
}
/*---------------------------  TABLES FORMULAIRES  -------------------*/
table.formulaire {
/* 
border-spacing: 10px;
border-left : solid 4px #006699;
border-top: solid 0px #006699;
border-right : solid 0px #006699;
border-bottom: solid 0px #006699;
font-size: 1.0em;
text-align: left;
*/
border-spacing: 10px;
border-left : solid 4px #ffcc33;
border-top: solid 0px #ffcc33;
border-right : solid 0px #ffcc33;
border-bottom: solid 0px #ffcc33;
font-size: 1.0em;
text-align: left;
}

/*---------------------------  TRAITS  -------------------*/
hr {
border: 0;
color: #ffcc33;
background-color: #ffcc33;
height: 1px;
}

/*****************************************************************************/     
/* Menus en CSS                                                             **/
/*****************************************************************************/  

body {
  /* WinIE behavior call */
  behavior: url(http://www.irit.fr/styles/csshover.htc);
}

/*-----------------------------  MENU GAUCHE  --------------------------*/

div#menu {
  font-family : Arial, Helvetica, sans-serif;
  position: absolute;
  left: 7px;
  top: /*212*/ 255px;
  z-index: 1;
  width: 150px;
  border: solid 0px;
  margin: 0;
  /* background: #FFFFFF; */
   
}

div#menu ul { 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  width: 150px; 
  background: #FFFFFF;
  /* background : url(images/ligne_orange_degradee.jpg) left repeat; */
  border: none;
}

div#menu ul.level1 {
  border: 1px solid #FFBA00;
}

div#menu ul.level1 li {
  position: relative; 
  padding: 5px 6px 5px 6px;
  border-bottom: 1px dotted #FFBA00;
  width: 138px;
}

div#menu li a {
  list-style: none; 
  color: #4F707D;
  display: block;
  font-weight: bold;  
  font-size : 12px;
  text-decoration: none; 
}

div#menu li a:hover {
  list-style: none; 
  display: block;
  color: #FFBA00;
}


div#menu>ul a {
  width: auto;
}

div#menu ul ul {
  position: absolute; 
  list-style: none; 
  top: 0; 
  left: 150px;
  display: none;
  border: 1px dotted #FFBA00;
}

div#menu ul.level2 { 
  margin-top: -1px;
}

div#menu ul.level2 ul.level3 { 
  background: #4F707D;
  color: #FFFFFF;
}

div#menu ul.level2 li, ul.level3 li {
  width: 140px;
  background: #4F707D;
  position: relative; 
  padding: 5px 5px 5px 5px;
  border-bottom: 1px; 
  border-bottom: 1px dotted #FFBA00;
}

div#menu ul.level2 a, ul.level3 a { 
  font-size: 8pt;
  font-weight:normal;
  color: #FFFFFF;
}

div#menu ul.level2 a:hover, ul.level3 a:hover { 
  color: #FFBA00;
}

div#menu ul.level1 li:hover ul.level2, 
div#menu ul.level2 li:hover ul.level3 {display:block;}