/* CSS Document */

* {
  margin:0;
  padding:0;
  border:0}
  
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-color:#000;} 
	

a {color:#F4BF00;}
a:link, a:visited{
	text-decoration:none;}
	
a:hover{
color:#999999;
	text-decoration:underline;}  

.clear {clear:both;}

ul{list-style:none;}
	
h1 {font-size:18px;color:#999999;}
.intro{border-bottom:1px solid #999999;font-style:italic;}
h2,.jaune {color:#AA8322;margin:15px 0 5px 15px; font-size:14px;text-transform:uppercase} 
.jaune{margin:0;padding:0;font-weight:bold;color:#ECB51A;font-family:Trebuchet MS,Arial, Helvetica, sans-serif;}
.surligne{color:#ECB51A;}
h2{ text-decoration:underline; font-family:OCR A Extended,Arial, Helvetica, sans-serif;}
h1, h3 { margin:15px 0 0 15px;}
h4{margin-left:15px;font-size:14px;}
h3{color:#999999}

.tableIntro{margin-left:150px;}
p{margin:5px 15px; line-height:1.3em}
.gras{font-size:12px;font-weight:bold;color:#ECB51A;}
.souligne {text-decoration:underline;}
.italic{font-style:italic;font-weight:bold;}

.maj{ font-weight:bold;text-transform:uppercase;font-family:Tw Cen MT Condensed,Arial, Helvetica, sans-serif;}

.imageCentree {text-align:center;}

img {border:0; margin:0 0;}
.table {margin-top:20px; margin-bottom:20px;text-align:center;padding-left:150px;}

.table2{ text-align:center;}
.table2 tr{ height:180px;}
.table2 td {width:300px;}
.table2 tr, .table2 td{margin:0; padding:0;}
.table2,.table2 td,.table2 tr td{ border-collapse:collapse;}

.info {font-weight:bold;color:#CC0000;}
#retour_haut a {font-weight:bold;}

/*-----------------------------------------------------   PAGE TYPE ---------------
--------------------------------------------------------------------------------- */

#conteneur {width:994px;margin: 0 auto 50px auto;padding:0px;background-color:#F4BF00;}

#haut {
	background:url(../images/mep/haut.jpg) no-repeat;
	background-color:#000000;
	height:185px;}
	
#gauche {
  float:left;
  background-color:#F4BF00;
  min-height:600px;
  _height:600px;
  width: 181px;}
	
#milieu {
 margin:0 181px 0 181px;
 padding:10px;
 font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
 background:url(../images/mep/milieu5.gif) no-repeat center top;
 background-color: #3D3000;
 text-align:justify;
 min-height:748px;
 _height:748px;}
	
#droite {
  float:right;
  width: 180px;
  height:600px;
  background-color:#F4BF00;}
	
.silwet{margin:0 0 0 0}	
.fly{margin: 0 0 0 20px}

#milieu ul {width:540px;}

#milieu li {
margin-bottom:5px;
 
 }

#gauche ul,#droite ul { width:170px;margin:20px 0 20px 5px;text-transform:uppercase;text-align:center; font-size:9px;}	
#gauche ul li, #droite ul li{margin:0; padding:0;}
#gauche li a,#droite li a{ font-family:Trebuchet MS,Arial, Helvetica, sans-serif;margin-bottom:4px; padding:3px 0;border:1px solid #FFFF66; display:block;font-size:11px;font-weight:bold;} 

#gauche li a{background-color:#000;color:#339933;}
#droite li a{background-color:#ECB51A;color:#000;}

#gauche ul li a:hover, #droite ul li a:hover{
	border:1px solid #fff;
	background-color:#F6C231;
	text-decoration:none;
	}
#droite li a.negatif{background-color:#000;color:#ECB51A;}
#droite ul li a.negatif:hover{
	border:1px solid #fff;
	background-color:#222;
	color:#fff;
	text-decoration:none;
	}

#droite ul{margin-top:20px;}
	
#droite ul li a{ padding:10px 0;}	

#logoDesangosse{ width:59px; margin:45px auto 0 auto;}


#txtIntro{font-family:Tw Cen MT Condensed,Arial, Helvetica, sans-serif;width:582px;font-size:1.4em;}

#circuit{width:168px;margin-left:5px;}

	
/*------------------------ FORMULAIRE ---------------------------------------------*/

#droite form{padding:10px;}

#droite form input{_height:18px;}

/*------------- Formulaire --------- */
#milieu form {margin:25px 0;}
#milieu label { display: inline ; float: left ; width:100px ;font-weight: bold ;margin-left: 20px ; }

#milieu input, #milieu textarea {background-color:#D6A905;margin-bottom:10px;} 

#milieu textarea{ overflow:auto;}

 .submit {
  border:1px outset #FFFF66;
  color:#FFFFFF; 
  background-color:#2B214A}

.submit:hover {
  border:1px inset #FFFF66;
  color:#FFFFFF; 
  background-color:#666666;
  cursor:auto}
   
.png{_behavior: url("png.htc");}
   
.player{width:400px;margin:10px auto;}
   
#gauche ul li.jaune a:hover{ background-color:#FFFF33; color:#000000;}
#gauche ul li.jauneRoll a{ background-color:#FFFF33; color:#000000;}

#gauche ul li.blanc a:hover{ background-color:#FFF; color:#000000;}
#gauche ul li.blancRoll a{ background-color:#FFF; color:#000000;}  

#gauche ul li.rouge a:hover{ background-color:#FF1212; color:#000000;}
#gauche ul li.rougeRoll a{ background-color:#FF1212; color:#000000;}
  
#gauche ul li.bleu a:hover{ background-color:#1749C7; color:#000000;}    
#gauche ul li.bleuRoll a{ background-color:#1749C7; color:#000000;}  
  
#gauche ul li.blackRoll a,#droite ul li.blackRoll a{ background-color:#fff;border:1px solid #000000}


 
#gauche ul li a.roll1{ background-color:#a58410; color:#000000;}  
#gauche ul li a.roll2{ background-color:#5da510; color:#000000;}
#gauche ul li a.roll3{ background-color:#a51084; color:#000000;}
#gauche ul li a.roll4{ background-color:#1013a5; color:#000000;}
#gauche ul li a.roll5{ background-color:#108ba4; color:#000000;}
#gauche ul li a.roll6{ background-color:#a34512; color:#000000;}
#gauche ul li a.roll7{ background-color:#a39b19; color:#000000;}
#gauche ul li a.roll8{ background-color:#a51010; color:#000000;}

#gauche ul li #m1:hover{background-color:#a58410; color:#000000;}
#gauche ul li #m2:hover{background-color:#5da510; color:#000000;}
#gauche ul li #m3:hover{background-color:#a51084; color:#000000;}
#gauche ul li #m4:hover{background-color:#1013a5; color:#000000;}
#gauche ul li #m5:hover{background-color:#108ba4; color:#000000;}
#gauche ul li #m6:hover{background-color:#a34512; color:#000000;}
#gauche ul li #m7:hover{background-color:#a39b19; color:#000000;}
#gauche ul li #m8:hover{background-color:#a51010; color:#000000;}
 
.infobulle{
	position:absolute;   
	visibility:hidden;
	border:2px solid #333333;
	font-family:Verdana, Arial;
	font-size:10px;
	color:#fff;
	background-color:#333333}

img{border:none}
#bulle{position:absolute;visibility:hidden;font-size:12px}


.