/* 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:#897CB5;}
	
a:link, a:visited{
	text-decoration:none;}
	
a:hover{
color:#897CB5;
	text-decoration:underline;}  


	
.clear {clear:both;
}

ul{list-style:none;}
	
h1 {font-size:16px;color:#999999;font-style:italic; border-bottom:1px solid #999999;}
h2 {color:#8174A9;margin:15px 0 5px 15px; font-size:14px; font-style:italic;} 
h1, h3 { margin:15px 0 0 15px;}


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


.imageCentree {text-align:center;}






img {border:0; margin:15px 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;
}
/*-----------------------------------------------------   PAGE TYPE ---------------
--------------------------------------------------------------------------------- */

#conteneur {
width:994px;
margin: 0 auto 50px auto;
padding:0px;
background-color:#897CB5;
}
	
#haut {
	background:url(../images/mep/haut.jpg) no-repeat;
	height:185px;}

#gauche {
  float:left;
  background-color:#897CB5;
  height:600px;
  width: 181px;
}
	
#milieu {
 margin:0 181px 0 181px;
 padding:10px;
 background:url(../images/mep/milieu.gif) no-repeat center top;
 background-color: #201D2A;
 min-height:580px;
 _height:580px;
}
	
#droite {
  float:right;
  width: 180px;
   height:600px;
  background-color:#8174A9;
  background-color:#897CB5;
}
	
.silwet{margin-left:14px}	

#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{ background-color:#161132;margin-bottom:4px; padding:3px 0;border:1px solid #340C87; display:block;} 

#gauche ul li a:hover, #droite ul li a:hover{
	background-color:#3D3071;
	text-decoration:none;
	color:#FFF;
}

#droite li a.actu{
	background-color:#897CB5;
	color:#161132;
}
#droite li a.actu:hover{
	background-color:#161132;
	color:#897CB5;
}



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

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


/*------------------------ 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:#666699;margin-bottom:10px;} 

#milieu textarea{ overflow:auto;}

 .submit {
  border:1px outset #333333;
  color:#FFFFFF; 

  background-color:#2B214A}

.submit:hover {
  border:1px inset #333333;
  color:#FFFFFF; 
  background-color:#8174A9;
  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,#droite ul li.bleuRoll a{ background-color:#1749C7; color:#000000;}  
  
 
.maj{ font-weight:bold;text-transform:uppercase;font-family:Tw Cen MT Condensed,Arial, Helvetica, sans-serif;}
#txtIntro{font-family:Tw Cen MT Condensed,Arial, Helvetica, sans-serif;width:582px;font-size:1.4em;}