body { 
  margin: 0; /* pour éviter les marges */ 
  text-align: center; /* pour corriger le bug de centrage IE */ 
  background-color:white;
  background-image:url(images/fond1.jpg);
  background-position:center top;
  background-repeat:repeat;
  color: #ffffff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
}


h1 { 
font-size: 2em; 
}

h2 { 
font-size: 1.5em; 
}

h3 { 
font-size: 1.1em; 
}
h4 { 
font-size: 1em; 
}
h5 { 
font-size: 0.8em; 
}


#parent1 ul { list-style: none; margin: 0; padding: 0; border: none; }
#parent1 li { list-style: none; margin: 0; padding: 0; border: none; }



#calque1  { position: absolute; top: 125px; left: 125px; width: 230px; height: 200px; visibility: hidden; display: block }

#menu  {  float:left; position: relative; height: 0px; z-index: 100;}
#calque1 a { color: #fff; 	font-size: 12px; text-decoration: none; background-color: #7A5F8B; padding: 4px 8px; border-bottom: 1px solid #fff; display: block }
#calque1 a:hover{	background-color:#9563AA;	}

#menbout a:hover  {  background-color:#7A5F8B }
#menbout a:active  {  background-color:#7A5F8B }
#menbout a { color: white; font-size: 15px; text-decoration: none }

#defmenu1 a { color: #999999; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none;}
#defmenu1 a.wactive { color: #ffffff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-weight:bold }




#global { 
  margin-left: auto; 
  margin-right: auto; 
  text-align: left; /* on rétablit l'alignement normal du texte */ 
}


.petitblanc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	text-align: left;

}

.petitgris {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #222;
	text-align: left;

}
.petitrouge { color: #f00; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.petitjaune  { color: #fc0; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }

.normalblanc  { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.normalrouge { color: #f00; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.normalbleu  { color: #008; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.normalgris  { color: #222; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyenblanc  { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyenrouge { color: #f00; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyenrouge2 { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; background-color: red }
.moyenbleu  { color: #008; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.moyengris  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosblanc   { color: #ffffff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosrouge { color: #f00; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosgris   { color: #222; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.grosbleu    { color: #008; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.titregris    { color: #222; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
.titreblanc  { color: #ffffff; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left }
a:hover      { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: gray }
a:visited     { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
a:link { color: #ffffff; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }
.tablo2 { color: silver; background-color: #ece8e8; border-top: 1px solid black; border-bottom: 1px solid black }
.tablo3 { color: silver; background-color: #ece8e8; border-top: 1px solid black; border-bottom: black }
.blanc:link  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }
.blanc:hover  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: gray }
.blanc:visited  { color: white; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif }

.gris:link  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif ;text-decoration: none}
.gris:hover  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: white;text-decoration: none }
.gris:visited  { color: #222; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none }

.pasde:link   { text-decoration: none; background-color: transparent; }
.pasde:hover   { text-decoration: none; background-color: transparent; }
.pasde:visited   { text-decoration: none; background-color: transparent;  }


.ptblanc:link  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none }
.ptblanc:hover  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: red ;text-decoration: none}
.ptblanc:visited  { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none }


.courant5:link   { color: #E1CBEF; font-size: 15px; text-decoration: none ;  }
.courant5:hover    { color: #E1CBEF; font-size: 15px; text-decoration: none ;  }
.courant5:visited   { color: #E1CBEF; font-size: 15px; text-decoration: none ;  }


.courant4:link   { color: #ffffff; font-size: 15px; text-decoration: none }
.courant4:hover    { color: #ffffff; font-size: 15px;  background-color: gray; text-decoration: none }
.courant4:visited   { color: #ffffff; font-size: 15px; text-decoration: none }

.rouge:link   { color: red; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.rouge:hover    { color: red; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: gray }
.rouge:visited   { color: red; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }

.bleu:link   { color: #008; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
.bleu:hover    { color: #008; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; background-color: gray }
.bleu:visited   { color: #008; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: underline }


.grosrouge:link   { color: #f00; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }
.grosrouge:hover    { color: #f00; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration: none ; background-color: #e7e7e7 }
.grosrouge:visited   { color: #f00; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none }