body {behavior: url(csshover.htc);}*/

div#menu {width: 180px;
  font-family:arial;font-size : 7pt ; color:green ; font-weight:bold;
  border:0px solid #ffffff;
  position : fixed;
  background-attachment: fixed ;
  top : 1px;
  left : 0px;}


/* fond pour le menu */ 
div#menu a {color:#E7E3EF ;font-family:Comic Sans MS;font-size:11pt;color:blue;font-weight:bold}
div#menu ul {padding: 0; width: 180px;  border:0px solid; border-color : #E7E3EF; margin:0px;background: url(b_off.jpg) }

/* fond different au survol de la souris pour les sous menu et les "basiques"*/ 
div#menu li:hover {background: url(b_on.jpg) ;}
div#menu li.sousmenu:hover {background: url(b_on.jpg) ;}

/* Rajout d'une petite fleche pour les sous menu */
div#menu li.sousmenu {background: url(play.gif) 95% 50% no-repeat;}

div#menu ul li {position:relative; list-style: none; border-bottom: 1px solid; border-color : #E7E3EF;background: url(b_off.jpg);}
div#menu ul ul {position: absolute; top: -1px; left: 170px; display:none}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 8px; display:block; border-left: 8px solid #E7E3EF; width:164px}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3,
div#menu ul.niveau3 li.sousmenu:hover ul.niveau4 {display:block;}

/* la bordure de chaque hauteur a une couleure de survol*/ 
div#menu li a:hover {border-left-color: #E7E3EF;}
div#menu ul ul li a:hover {border-left-color: #E7E3EF;}
div#menu ul ul ul li a:hover {border-left-color: #E7E3EF;}

div#titre {position:absolute; border:0px solid;
			left: 575px;top: 5px;width:380px; height: 36px;
			color:#796AA3 ;
			font-family:Comic Sans MS;font-size:18pt;font-weight:bold}

div#texte  {position:absolute; border:0px solid;
			left: 240px;top: 50px;
			color:#796AA3 ;
			font-family:Comic Sans MS;font-size:12pt;font-weight:normal}
			
div#instructions {color:#000000 ;font-family:Comic Sans MS;font-size:9pt;color:black;font-weight:normal;}
			
div#galerie {color:#00ff00 ;font-family:Comic Sans MS;font-size:12pt;color:black;font-weight:normal;}

 .minus{font-family:comic sans ms;font-size:8pt;color:black}
 .petit{font-family:comic sans ms;font-size:12pt;color:black}
 .moye{font-family:comic sans ms;font-size:medium;color:red} 
 .base{font-family:comic sans ms;font-size:medium;color:black}
 .base2{font-family:comic sans ms;font-size:14pt;color:black}
 .gros{font-family:comic sans ms;font-size:20pt;color:black}

  .xxs{font-family:comic sans ms;font-size:xx-small;color:black}
  .xs{font-family:comic sans ms;font-size:x-small;color:black}
  .s{font-family:comic sans ms;font-size:small;color:black}
  .m{font-family:comic sans ms;font-size:medium;color:black}
  .l{font-family:comic sans ms;font-size:large;color:black}
  .xl{font-family:comic sans ms;font-size:x-large;color:black}
  .xxl{font-family:comic sans ms;font-size:xx-large;color:black}




  .p10r{font-family:comic sans ms;font-size:10pt;color:red}
  .p10{font-family:comic sans ms;font-size:10pt;color:black}
  .p12{font-family:comic sans ms;font-size:12pt;color:black}
  .p12b{font-family:comic sans ms;font-size:12pt;color:red}
  .p14{font-family:comic sans ms;font-size:14pt;color:black}
  .p14b{font-family:comic sans ms;font-size:14pt;color:red;font-weight:bold}
  .p16{font-family:comic sans ms;font-size:16pt;color:black}
  .p18{font-family:comic sans ms;font-size:18pt;color:black}
  .p20{font-family:comic sans ms;font-size:20pt;color:black}
  .p22{font-family:comic sans ms;font-size:22pt;color:black}  
  .p24{font-family:comic sans ms;font-size:24pt;color:black}
  .p26{font-family:comic sans ms;font-size:26pt;color:black}
  .p28{font-family:comic sans ms;font-size:28pt;color:black}
  .p30{font-family:comic sans ms;font-size:30pt;color:black}
  .p32{font-family:comic sans ms;font-size:32pt;color:black}
  .p34{font-family:comic sans ms;font-size:34pt;color:black}
  .p36{font-family:comic sans ms;font-size:36pt;color:black}
  .p38{font-family:comic sans ms;font-size:38pt;color:black}
  
 a:link { text-decoration:none; font-weight:bold; color:blue; }
 a:visited { text-decoration:none; font-weight:bold; color:navy; }
 a:hover { text-decoration:none; font-weight:bold;color:red; }
 a:active { text-decoration:none; font-weight:bold;color:whithe;  }
 
BODY{MARGIN: 0px;COLOR: black;FONT-SIZE: 12pt;}
TD{COLOR: black;FONT-SIZE: 12pt;FONT-WEIGHT: bold;}
A{COLOR: red;TEXT-DECORATION: none;}
p{font-family:comic sans ms;font-size:small}
.p{font-family:comic sans ms;font-size:small;}

.letrine{font-family:comic sans ms;font-size:20pt;color:#9999CC;font-weight:bold;}
.arplan{font-family:comic sans ms;color:#9999CC;font-size:medium}
.avplan{font-family:comic sans ms;font-size:medium;color:#000099}
.diapo{font-family:comic sans ms;font-size:8pt;font-weight: bold;color:#000099}


.titre{FONT-SIZE: 12pt;FONT-FAMILY: comic sans ms;FONT-WEIGHT: bold;}
.nouveaute{FONT-WEIGHT: bold;COLOR: forestgreen; FONT-STYLE: italic}
.menu{FONT-SIZE: 8pt;FONT-FAMILY: comic sans ms;}
.rouge{COLOR: red;}
.bleu{COLOR: blue;}
.email{COLOR: red;}
.arcolor{COLOR: #9999cc;}
.email_oui{font-family:comic sans ms;font-size:10pt;color:blue;font-weight:normal;}
.email_non{font-family:comic sans ms;font-size:10pt;color:black;font-weight:normal;}

body
{
font-family: arial, verdana, sans-serif ; font-size : 8pt ; color:red ; 
background-image: url("fond.jpg") ; 
}