/* CSS Document */
* {
  margin: 0;
  padding: 0;
  border:0}

/*----------------------------------- DEBUT CONSTRUCTION PAGE  -------------*/

body {

  background: url(../images/mep/fond2.gif) repeat-x;
   background-color:#311E1F;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000}

/*--------------------------------------------------------------
             DEFINITION LIENS 
---------------------------------------------------------------*/
	
a {text-decoration: none;color:#0033CC}
a:hover {text-decoration: underline;}	


/* --------------------------------------------------------------------------- 
                    DEBUT DEFINITION ZONE DIV 
 ---------------------------------------------------------------------------*/

#conteneur {
  width:1000px;
  margin: 10px auto 0 auto}
 
#header {
  background: url(../images/mep/header.png) no-repeat;
  height:214px}

#content {
  background: url(../images/mep/content.png) repeat-y center;
  width:1000px;
}

#footer {
  background: url(../images/mep/footer.png) no-repeat;
   height:31px}



h1,#intro{
  
  width:180px;
  font-size:18px;
  padding:3px 0 0 9px}
  
h2{
  text-transform:uppercase;
  background:url(../images/package.png) no-repeat  left center;
  padding-left:20px;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  margin-bottom:15px;
  color:#666633;

    border-bottom:1px  dotted  #999999;
  font-size:14px;}
  
 h3 {
 margin:10px 0 10px 0;
 font-size:14px;
 color:#333333;
 
 }
h4{
font-style:italic;
 font-size:16px;

margin-bottom:20px}
  
.png{
	_behavior: url("png.htc");}
	
.titre{font-weight:bold;} 
 #titrePage{color:#CCCCCC;font-size:14px;width:400px}

/* --------------------------------------------------------------------------- 
                    DEBUT DEFINITION ZONE HEADER 
 ---------------------------------------------------------------------------*/

#contenuItem{margin-left:470px;}

#contenuItem a{position:relative;color:#999;font-size:16px; font-weight:bold;}
#contenuItem a:visited{color:#999;}
#contenuItem a:hover{color:#CCC;text-decoration:none}
#contenuItem a:active{color:#DDD;}

#item1{float:left;margin:63px 10px 0 0;}
#item2{float:left;margin:67px 10px 0 0;}
#item3{float:left;margin:74px 10px 0 0;}
#item4{float:left;margin:82px 10px 0 0;}
#item5{float:left;margin:87px 10px 0 0;}
#item6{float:left;margin:92px 10px 0 0;}
#item7{float:left;margin:96px 10px 0 0;}

.padding {clear:both}

#header form {position:absolute;color:#fff;font-weight:bold;height:15px;width:390px;margin:-20px 0 0 50px}
#gaucheMilieu form {color:#000;font-weight:bold;margin:20px 0 0 0;}
#gaucheMilieu label { display: inline ; float: left; width:130px ;font-weight: bold;}
#gaucheMilieu input,textarea{background-color:#CCCCCC;margin-bottom:10px;}
#gaucheMilieu input:focus,textarea:focus{background-color:#CCCCCC;} 

textarea{ overflow:auto;}

.selSt, .selSt option {
	color:#FFF;
	background-color:#999;
}
.selSt{border:1px solid #2D2D2D;}

.submit {
  position:relative;
  border:1px outset #333333;
  color:#999999; 
  background-color:#333333}

.submit:hover {
  border:1px inset #333333;
  color:#fff; 
  background-color:#666666;
  cursor:auto;}
  
  
#gaucheMilieu  .submit {
  position:relative;
  border:1px outset #333333;
  color:#999999; 
  background-color:#333333}

#gaucheMilieu .submit:hover {
  border:1px inset #333333;
  color:#fff; 
  background-color:#666666;
  cursor:auto;}

.devenirMembre{} 
.devenirMembre a{color:#333333;}
  
.info {color:#FF0000;}
 

 /* --------------------------------------------------------------------------- 
                    DEBUT DEFINITION ZONE CONTENT 
 ---------------------------------------------------------------------------*/
 
#gauche {
  float:left;
  width:250px;
  margin:10px 5px 20px 15px;
  padding-right:20px;
}

#milieu{
  float:left;
  width:450px;
  margin:10px 5px 20px 0;}
	
#droit {
  float:left;
  margin:10px 0 20px 0;
  width:200px}

#gaucheMilieu{

 float:left;
 margin:10px 170px 20px 15px;
 width:560px}
 
#content a {color:#666666;font-weight:bold;}
#content p {margin:5px 0 5px 0}
#gaucheMilieu p {margin:0 0 15px 0}
 
#liensBas {margin-left:260px;margin-bottom:20px;color:#666666;}
#liensBas a{color:#fff;}
 
 #gaucheMilieu li{
	display:inline;
	margin-right:5px;
	font-size:10px;
	text-align:center;}
	
.classli{	background-color:#2D2D2D;
	border: 1px solid #6F6F6F;}
	
	
#gaucheMilieu li a{
	color:#99CC66;
}
	
#gaucheMilieu ul, #droit ul{
	list-style:none;
	margin:0;
	padding:0;}
	
#gaucheMilieu a{
  padding:0;}
  
#gaucheMilieu a.active{color:#FF0000;}

#gaucheMilieu a:hover{text-decoration:none;}

.brillance{font-weight:bold; }
h3:first-letter{text-transform:uppercase;}

#contentAsso a,#accordion {color:#99CC33;font-style:italic;}


#droit ul{
	list-style:none;
	margin-left:10px;padding:0;
	}
	
table tr {height:25px;}
	
	
pagination {
  text-align:center;
  color:#777777;
  margin:15px 0 15px 0}

.pagination a {
  color:#777777}

.pagination a:hover{
  color:#7A4954}

.actu{
	margin:5px 0 15px 0}

.actu p{
	margin:0 0 10px 0}
		
		

 /*--------------------------------------------------------------
             ERREURS 
---------------------------------------------------------------*/
#erreur{
position:absolute;
width:400px;

	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-200px;	
	padding: 10px;
	overflow:auto;
	border:1px #999999 solid;
	color:#FFFFFF;
	background-color:#565656;
}

#erreur a { color:#FF0000;cursor:pointer}

#close_err{
	float:right;cursor:pointer
}

#poignee{
	cursor:move;
}

.table { margin-top:20px;margin-bottom:20px;}
.table,.table td,.table tr td{border-collapse:collapse;}
.table tr, .table td{margin:0;padding:0;}

.lecture{text-align:left; background-color:#333; color:#fff; border:1px solid #fff;padding:4px;}
.lecture p {padding-bottom:15px;}

.fermeture {margin:0 0 0 380px;padding:0 5px 0 5px;}


#sousMenu ul {
  list-style:none;
  width:500px;
  margin:20px 0;}
  
#sousMenu li {
  display:inline;}
  
.pop{
	margin:50px;
	color:#fff;
}

/*--------------------------------------------- Liste images ------------------------*/


#listeImage ul,#listeImage  li{
width:90%;
margin:0;
padding:0;
}
#listeImage li {
float: left;
width: 150px;
height:160px;
text-align: center;
margin: 1em;
padding: 0.5em;
background:none;
}



#visuImage {width:650px;margin-left:140px;}
#visuaImageDetail {margin-top:10px;}
#visuaImageDetail p {margin-bottom:5px;}

#BlocModif {margin-bottom:25px;}

#classement {margin:7px;}

#ajaxWainting,#ajaxWaintingRepas{
	background:url(../images/loadingAnimation.gif) center center no-repeat;
	height:250px;
}
#contentClassement{margin-left:27px;}

.activeClass{color:#3D3071;}