w@charset "utf-8";
/* CSS Document */

body{
font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
/*background:#eee;*/
/*color:#fff;*/
margin:0;
padding:0;
}	


#conteneur{
	margin:0 auto;
	margin-top:0px;
	height:2500px;
	width:979px;
	background:#FFF;
	border:0px;	
	}	

/*#conteneurbody{
	margin:0 auto;
	margin-top:3px;
	height:500px;
	width:979px;
	background:#00F;
	border:0px;	
	}	*/



#conteneurcontact{
	margin:0 auto;
	margin-top:0px;
	height:710px;
	width:979px;
	background:#CCC;
	border-bottom-color:#FFF;
	border:1px;	
	}	


#conteneurMotDren{
	margin-top:0px;
	height:800px;
	width:979px;
	background:#FFF;
	border-bottom-color:#FFF;
	border:1px;	
	}		

#corpMotDren{	
	padding:20px 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color:#000;
	text-decoration: none;
	}
	
#conteneurhaut{
	margin:0 auto;
	height:273px;
	width:979px;
	background-color:#FFF;

	}
		
#conteneurhautentree{
	margin:0 auto;
	height:273px;
	width:979px;
	background:#F00;

	}
			
.diaporama{
    position:relative;
    width:512px; /* Largeur d'une photo */
    height:115px; /* Hauteur d'une photo */
}
 
.diaporama li{
	list-style-type: none;
	overflow: hidden;
	position: absolute /* Les images seront positionnées toutes au même endroit */;
	left: 7px;
	top: 4px;
}
 
.diaporama_controls{
    width:512px;
    margin:3px 0;
    padding:5px;
    clear:both;
    overflow:hidden;
}
 
 	
 h1 {
	font-family: Georgia,Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:20px; 
	text-align:left;
    }

h4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-top:2px;
	color:#000;
	font-weight: bold;
	/*margin-left:10px;
	padding-right:3px;*/
    }


h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	margin-top:8px;
	color:#006;
	font-weight: bold;
	margin-left:5px;
    }

	
h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	/*margin-top:1px;*/
	/*color:#006;*/
	font-weight: bold;
	margin-left:2px;
	
    }
	
		
 h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	font-weight: bold;
    }
	
h5 {
	margin-left:1px;
	font-weight:bold;
    }
	
h6 {
	font-family:Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:15px;
	margin-top:5px;
	color:#000;
	font-weight: bold;
	margin-left:18px;
    }


 h7 {
	font-family:Trebuchet MS,"Times New Roman","Bitstream Charter",Times,serif;
	font-size:16px;
	margin-top:15px;
	color:#FFF;
	font-weight: bold;
    }
	
		
h8 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	margin-left:15px;
	margin-top:15px;
    }

	
P1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
    }

.p0 {margin-bottom:0px;}
p {margin-bottom:18px;}
.indent-bot {margin-bottom:20px;}
	
P2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	font-style:italic;
    }
	
	
P4 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	margin-right:1px;
	color:#F00;
	
    }
	
#indication{
	width:100px;
	height:29px;
	margin-top:1px;
	float:left;
	}


#NavInfo{
	margin:0 auto;
	float:left;
	height:28px;
	width:979px;
	list-style:none;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:1px;
	overflow: hidden;		
	}
					 	 
 p8{
    font-family:Verdana; font-size:12px; 
    line-height:17px; color:#f0f0f0; 
  }

#Secretariat{
	float:left;
	height:64px;
	width:276px;
	background:#CCC;
	border:1px solid #b4b4b4;
	position:relative;
	padding-right:250px;
	margin:0 auto; 
		  	
	}

#conteneurActualite{
	float:left;
	height:264px;
	width:222px;
	background:#FFF;
	/*border-radius: 12px 12px 0px 0px;*/
	/*margin-right:7px;*/	
    }


#conteneurActualitex{
	float:left;
	height:200px;
	width:206px;
	background:#FFF;
	border-radius: 0px 0px 0px 0px;
	border:0px solid #b4b4b4;
	padding-left:14px;
	margin-right:7px;
	display:inline-block;
	vertical-align:top;	
    }


		/* CSS Document */
	body{padding:0px; margin:0px; background:url(images/mainbg.gif) 0 0 repeat-x; font:14px/20px Arial, Helvetica, sans-serif;}
	div, p, ul, h1, h2, h3, form, label{margin:0px; padding:0px;}
	ul{list-style-type:none;}


    /*---Right Panel---*/
	#rightPan{width:254px; float:left;}
	#rightPan h2{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}
	#rightPan h3{width:200px; height:36px; font:22px/20px Georgia, "Times New Roman", Times, serif; background:#fff; color:#3D3C2C;}

	#rightPan ul{padding:0 0 25px 0;}
	#rightPan ul li{width:220px; height:25px;}
	#rightPan ul li a{background:url(Images/puce/arrow2.gif) 0 7px no-repeat #fff; color:#3D3C2C; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
	#rightPan ul li a:hover{background:url(Images/puce/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77; text-decoration:underline;}

	#rightPan ul.nextone{padding:0 0 25px 0;}
	#rightPan ul.nextone li{width:220px; height:25px;}
	#rightPan ul.nextone li a{background:url(Images/puce/arrow2.gif) 0 7px no-repeat #fff; color:#D20039; line-height:25px; text-decoration:underline; padding:0 0 0 20px;}
	#rightPan ul.nextone li a:hover{background:url(Images/puce/arrow3.gif) 0 7px no-repeat #fff; color:#7A7A77; text-decoration:underline;}
	/*---/Right Panel---*/
		


#conteneurActualitePar{
	float:left;
	height:200px;
	width:206px;
	background:#FFF;
	border-radius: 0px 0px 0px 0px;
	border:0px solid #b4b4b4;
	padding-left:14px;
	margin-right:7px;
	display:inline-block;
	vertical-align:top;	
    }


	
#conteneurActualite4{
	float:left;
	height:284px;
	width:220px;
	background:#FFF;
	border-radius: 0px 0px 0px 0px;
	border:0px solid #b4b4b4;
	margin-right:7px;
	

    }
	
	
#conteneurActualitex a{
	text-decoration:none;
	color:#000040;
	font-weight: bold;
	font-size:14px;
    }	
#conteneurActualitex a:hover{
	text-decoration: underline;
	font-weight: normal;
	color:#003;
    }
#conteneurActualitex ul{
	list-style-type: none;
			
    }
#conteneurActualitex li{
	display:block;
	padding-bottom:6px;				
    }


#conteneurMilieu{
    margin:0 auto;
	height:336px;
	width:979px;
	background:#0000FF;
	}

#PageMUPEDA{
	margin:0 auto;
	margin-top:0px;
	height:570px;
	width:979px;
	background:#CCC;
	border-bottom-color:#FFF;
	border:1px;	
	}	

#conteneurMilieuPageMUPEDAConst{
    margin:0 auto;
	height:300px;
	width:979px;
	background:#FFF;

	}

#EncadrerPageMUPEDAConst{
	height:200px;
	width:550px;
	background:#FFF
	float:left;	
	margin:0 auto;
	position:relative;
	border:0px solid #00F;
	left:35px;
	top:50px;

	}

#conteneurMilieuBass{
	float:left;
    margin:0 auto;
	height:273px;
	width:979px;
	background:#CCC;
	padding-top:1px;

	}

#conteneurMilieuBas{
	float:left;
    margin:0 auto;
	height:275px;
	width:979px;
	background:#CCC;

	}
#conteneurMilieuBasBas{
	float: left;
    margin:0 auto;
	height:492px;
	width:979px;
    background:#CCC;
	padding-top:4px;

	}

#conteneurMilieuBasxx{
	float: left;
    margin:0 auto;
	height:210px;
	width:979px;
    background:#CCC;
	
	}
	

#conteneurMilieuBas4{
	float: left;
    margin:0 auto;
	height:293px;
	width:979px;
    background:#CCC;
	}	
	
#conteneurTelechargement{
	float:left;
	height:128px;
	width:222px;
	
    }
	
#parametreGauche{
	float:left;
	height:260px;
	width:242px;
	color:#F00;
	background:#FFF;
	border:1px solid #FFF;
	font-size:13px;
	font-family:verdana, Arial, Helvetica, sans-serif;	
	border-radius: 12px 12px 0px 0px;
    }

#parametreGauche a{
	text-decoration:none;
	color:#00F;
	padding-left:1px;	
    }	
#parametreGauche a:hover{
	text-decoration:underline;
	font-weight: normal;
    }
#parametreGauche ul{
	list-style-type: none;
	margin-left:15px;
	margin-top:10px;
	padding:2px;			
    }
#parametreGauche li{
	display:block;
	padding-bottom:3px;				
    }

#parametrecentre{
	float:left;
	height:260px;
	width:243px;
	border:1px solid #FFF;
	color:#F00;
	background:#FFF;
	font-size:13px;
	font-family:verdana, Arial, Helvetica, sans-serif;	
	border-radius: 12px 12px 0px 0px;
    }

#parametrecentre a{
	text-decoration:underline;
	color:#9D0000;
	padding-left:1px;	
    }	
#parametrecentre a:hover{
	text-decoration: none;
	font-weight: normal;
    }
#parametrecentre ul{
	list-style-type: none;
	margin-left:12px;
	margin-top:10px;
	padding:2px;			
    }
#parametrecentre li{
	display:block;
	padding-bottom:3px;
				
    }

#parametrecentreDroite{
	float:right;
	height:260px;
	width:243px;
	color:#F00;
	background:#FFF;
	border:1px solid #FFF;
	font-size:13px;
	font-family:verdana, Arial, Helvetica, sans-serif;	
	border-radius: 12px 12px 0px 0px;
    }

#parametrecentreDroite a{
	text-decoration:underline;
	color:#9D0000;
	padding-left:1px;	
    }	
#parametrecentreDroite a:hover{
	text-decoration: none;
	font-weight: normal;
    }
#parametrecentreDroite ul{
	list-style-type: none;
	margin-left:12px;
	margin-top:10px;
	padding:2px;			
    }
#parametrecentreDroite li{
	display:block;
	padding-bottom:3px;
				
    }
	
.Actualiteimage{
	float:right;
	list-style-type:none;
	margin-right:25px;
	margin-top:5px;
	}
	
.Actualiteimage a{
	text-decoration:none;
	color:#00F;
	/*font-weight: bold;*/	
    }	
.Actualiteimage a:hover{
	text-decoration:underline;
	font-weight: normal;
    }
.Actualiteimage ul{
	list-style-type: none;			
    }
.Actualiteimage li{
	display:block;				
    }	


.SuiteActualite{
	float:right;
	list-style-type:none;
	margin-right:25px;
	margin-top:5px;

	}
	
.SuiteActualite a{
	text-decoration:none;
	color:#00F;
	/*font-weight: bold;*/	
    }	
.SuiteActualite a:hover{
	text-decoration:underline;
	font-weight: normal;
    }
.SuiteActualite ul{
	list-style-type: none;			
    }
.SuiteActualite li{
	display:block;				
    }	


#parametreDroit{
	float:right;
	height:260px;
	width:243px;
	border:1px solid #FFF;
	color:#F00;
	background:#FFF;
	font-size:13px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	border-radius: 12px 12px 0px 0px;
    }
#parametreDroit a{
	text-decoration:none;
	color:#00F;
	padding-left:1px;	
    }	
#parametreDroit a:hover{
	text-decoration: underline;
	font-weight: normal;
    }
#parametreDroit ul{
	list-style-type: none;
	margin-left:12px;
	margin-top:10px;
	padding:2px;			
    }
#parametreDroit li{
	display:block;
	padding-bottom:3px;
				
    }


#DemandeDocument{
	float:right;
	height:470px;
	width:241px;
	background:#E9E9E9;	
    }

#HautDemande{
	height:54px;
	width:220px;

 }
 

#DemandeDoc{
	float:left;
	height:54px;
	width:220px;
	margin-top:-6px;
	
	
 }

#ActualitesInfo{
	height:165px;
	width:506px;
	background:#FFAC59;
	margin:0 auto;
	float:left;	
}

#Actualitess{
	float:left;	
	height:262px;
	width:525px;
	background:#FFF;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	left:4.5px;
	position:relative;
	border:1px solid #b4b4b4;


	}
#ActualitesMediatec{
	float:left;	
	height:199px;
	width:524px;
	background:#FFF;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-right:7px;	
	position:relative;
	border:1px solid #b4b4b4;
	display:inline-block;
	vertical-align:top;
	}


#Login{
	float:left;	
	height:191px;
	width:340px;
	background:#00F;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-right:4px;	
	position:relative;
	border:1px solid #b4b4b4;
	display:inline-block;
	vertical-align:top;
	}


#ActualitesMediatec4{
	float:left;	
	height:283px;
	width:524px;
	background:#FFF;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	margin-right:7px;
	position:relative;
	border:1px solid #b4b4b4;
	display:inline-block;
	vertical-align:top;
	}



#ActualitesBasHaut4{
    float:left;	
	height:275px;
	width:260px;
	background:#FFF;
    border:0px solid #999; 
	border-radius: 12px 12px 12px 12px;
	display:inline-block;
	vertical-align:top;
	}



#ActualitesService4{
    float:right;	
	height:275px;
	width:255px;
	background:#FFF;
    border:0px solid #999; 
	border-radius: 12px 12px 12px 12px;
	display:inline-block;
	vertical-align:top;
	}



#ActualitesMediatecc{
	float:left;	
	height:199px;
	width:750px;
	background:#FFF;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	left:4px;

	position:relative;
	border:1px solid #b4b4b4;
	
	}



#ActualitesPartenaires{
	float:left;	
	height:199px;
	width:747px;
	background:#FFF;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	left:1px;
    display:inline-block;
	vertical-align:top;
	position:relative;
	border:0px solid #b4b4b4;
	margin-right:3px;
	
	}

#Actualites{
	height:1000px;
	width:505px;
	background:#FFF;
	/*background: #F00;*/
	margin:0 auto;
	float:left;	
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	/*margin-right:5px;*/
    display:inline-block;
	vertical-align:top;
	position:relative;
	border:0px solid #b4b4b4;
	margin-top:2px;
	}


#ActualitesenImage{
	height:162px;
	width:505px;
	background:#FFF;
	/*background:#FFF;*/
	margin:0 auto;
	float:left;	
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	/*margin-right:5px;*/
    display:inline-block;
	vertical-align:top;
	position:relative;
	border:0px solid #b4b4b4;
	margin-top:2px;
	}


#ActualitesenImagePubEcole{
	height:145px;
	width:505px;
	background:#F0F;
	/*background:#FFF;*/
	margin:0 auto;
	float:left;	
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	/*margin-right:5px;*/
    display:inline-block;
	vertical-align:top;
	position:relative;
	border:0px solid #b4b4b4;
	margin-top:2px;
	}
	
	
#communiqueannonce{
	height:430px;
	width:505px;
	/*background:#3FC;*/
	background:#FFF;
	margin:0 auto;
	float:left;	
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	/*margin-right:5px;*/
    display:inline-block;
	vertical-align:top;
	position:relative;
	border:0px solid #b4b4b4;
	margin-top:2px;
	}	

#ActualitesBAS{
	float:left;	
	height:355px;
	width:525px;
	background:#FFF;
	margin:0 auto;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;	
	left:4.5px;
	position:relative;
	border:1px solid #b4b4b4;
	}
	
#ActualitesPHOTOUNE{
    float:left;	
	height:35px;
	width:527px;
	background:#002F5E;
	border:0px solid #b4b4b4;
	border-radius: 12px 12px 0px 0px;
	text-shadow:3px 2px 3px #000000;
	}
	
	
#ActualitesUNE{
    float:left;	
	height:35px;
	width:527px;
	background:#002F5E;
	border:0px solid #b4b4b4;
	border-radius: 12px 12px 0px 0px;
	text-shadow:3px 2px 3px #000000;
	}	
	
#ActualitesInterieur{
    float:left;	
	height:35px;
	width:527px;
	background:#002F5E;
	border:0px solid #b4b4b4;
	border-radius: 12px 12px 0px 0px;
	text-shadow:3px 2px 3px #000000;
	}
	

#ActuInteP{
    float:left;	
	height:97px;
	width:505px;
	background:#FFF;
	border:0px solid #b4b4b4;

	}
#ActuInteP .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	padding:5px;
	margin:0;  
    overflow:hidden;   
	}
#ActuInteP .info p{   
	margin:1px 6px;   
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#ActuInteP .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#ActuInteP .info a:hover{   
	text-decoration:underline;   
	}  


#ActuInteD{
    float:left;	
	height:97px;
	width:505px;
	background:#FFF;
	border:0px solid #b4b4b4;

	}
	
#ActuInteD .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	padding:5px;
	margin:0;  
    overflow:hidden;   
	}
#ActuInteD .info p{   
	margin:1px 6px;   
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#ActuInteD .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#ActuInteD .info a:hover{   
	text-decoration:underline;   
	}  



#ActuInteA{
    float:left;	
	height:97px;
	width:503px;
	background:#FFF;
	border:0px solid #b4b4b4;
	}
#ActuInteA .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	/*padding:5px;*/
	/*margin:0px;*/
	padding:-15px;  
    overflow:hidden;
	  
	}
#ActuInteA .info p{   
	margin:1px 6px ;
  
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#ActuInteA .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#ActuInteA .info a:hover{   
	text-decoration:underline;   
	}  



#communiquesannonces{
    float:left;	
	height:97px;
	width:503px;
	background:#FFF;
	border:0px solid #b4b4b4;
	}
#communiquesannonces .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	padding:5px;
	margin:0;  
    overflow:hidden;   
	}
#communiquesannonces .info p{   
	margin:1px 6px;   
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#communiquesannonces .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#communiquesannonces .info a:hover{   
	text-decoration:underline;   
	}  



#ActuInteB{
    float:left;	
	height:97px;
	width:503px;
	background:#FFF;
	border:0px solid #b4b4b4;
	}

#ActuInteB .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	padding:5px;
	margin:0;
	padding:0;  
    overflow:hidden;   
	}
	
	
#ActuInteB .info h2 a{   
	text-decoration:none;
	color:#000080;   
	}
#ActuInteB .info h2 a:hover{   
	text-decoration:underline;   
	}  	
	
#ActuInteB .info p{   
	margin:1px 6px;   
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#ActuInteB .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#ActuInteB .info a:hover{   
	text-decoration:underline;   
	}  
	

#ActuInteB .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	/*padding:5px;*/
	margin:0;  
    overflow:hidden;   
	}

#ActuInteB .info h2 a{   
	text-decoration:none;
	color:#000080;      
	}
	
#ActuInteB .info h2 a:hover{   
	text-decoration:underline; 
	}	
	
	
	
	
#ActuInteB .info p{   
	margin:1px 6px;   
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#ActuInteB .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#ActuInteB .info a:hover{   
	text-decoration:underline;   
	}  
	
	
#ActuInteC{
    float:left;	
	height:97px;
	width:507px;
	background:#FFF;
	border:0px solid #b4b4b4;
	}

#ActuInteC .info h2{   
	font-size:14px; 
	font-family:Georgia, serif;
	color:#000;   
	padding:5px;
	margin:0;  
    overflow:hidden;   
	}
#ActuInteC .info p{   
	margin:1px 6px;   
	font-family:Verdana; 
	font-size:11px;   
	line-height:18px;
	color:#000;  
	}  
#ActuInteC .info a{   
    text-decoration:none;
	color:#000080;   
	}  
#ActuInteC .info a:hover{   
	text-decoration:underline;   
	}  

#contFacebook{
	float: right;
	height: 265px;
	width: 218px;
	padding-left: 3px;
	border-radius: 0 0 0 0;
	list-style-type: none;
	background: #FFF;
	margin: 0 auto;
	left: 754px;

	}


#cont{
	float:right;	
	height:199px;
	width:219px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#FFF;
	border-radius: 0px 0px 0px 0px;
	border:0px solid #b4b4b4;
	display:inline-block;
	vertical-align:top;
	}
	

#leftPan{width:180px; float:left; background:#FFFCF4; color:#582902; border-bottom:1px solid #E3DDCD; border-left:1px solid #E3DDCD; border-right:1px solid #E3DDCD; }

#leftPan ul.one{width:128px; height:160px; margin:0 0 22px 14px;}
#leftPan ul.one li{width:127px; height:21px; border-bottom:1px solid #E3DDCD;}
#leftPan ul.one li a{width:98px; height:21px; display:block; background:url(images/arrow1.gif) 23px 8px no-repeat #FFFCF4; color:#40361B; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li a:hover{background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; padding:0 0 0 34px;}
#leftPan ul.one li.home{width:93px; height:21px; background:url(images/arrow2.gif) 23px 8px no-repeat #CC0000; color:#fff; text-decoration:none; font:11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 34px;}


#cont4{
	float:right;	
	height:283px;
	width:219px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	background:#FFF;

    display:inline-block;
	vertical-align:top;
	border:0px solid #b4b4b4;
	}

#ChapoSG{
	float:right;	
	height:48px;
	width:225px;
	margin-left:-1px;

	}
				   
#section{
	float:left;	
	height:316px;
	width:522px;
	left:3px;
	margin:0 auto;
	position:relative;
	border:0px solid #b4b4b4;
	background:#FFF;
	}

#SectionBAS{
	float:left;	
	height:320px;
	width:525px;
	background:#D7D7D7;
	left:-5px;
	padding-top:8px;
	margin:0 auto;
	position:relative;
	border:1px solid #b4b4b4;	
	}

#SectionBASBAS{	
	float:left;
	height:450px;
	width:240px;
	
	background:#E9E9E9;
	border:0px solid #b4b4b4;	
	}

#Sec1BASBAS{	
	float:left;
	height:470px;
	width:241px;
	background:#FFF;
	border:1px solid #b4b4b4;
	border-radius: 12px 12px 12px 12px;	
	}

#Sec1BASBAS a{
	margin-left:-15px;
	}



#Sec2BASBAS{	
	float:left;
	height:160px;
	width:219px;
	margin-top:8px;
	background:#FFF;
	border:1px solid #b4b4b4;
	border-radius: 15px 15px 15px 15px;	
	}

#SectionBASBASCentre{	
	float:left;
	height:461px;
	width:487px;
    border-radius: 12px 0px 0px 12px;
	background:#E9E9E9;
	border:0px solid #b4b4b4;
	margin-left:4px;
	}


	
.jDiaporama .ui-tabs-panel{ 
	width:400px; height:250px; 
	background:#999; position:relative;
}
.jDiaporama .ui-tabs-panel .info{ 
	position:absolute; 
	bottom:0; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png');
	background:url('../../../Users/MAXIME/Desktop/wampp/www/drenetabj3/A%20effacer/A%20faire%20ce%20soir/images/transparent-bg.png'); 
}
.jDiaporama .ui-tabs-panel .info a.hideshow{
	position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;
}
.jDiaporama .info h2{ 
	font-size:1.2em; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0; font-weight:normal;
	overflow:hidden; 
}
.jDiaporama .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
.jDiaporama.info a{ 
	text-decoration:none; 
	color:#fff; 
}
.jDiaporama .info a:hover{ 
	text-decoration:underline; 
}



.desna_rubrika {
	float: right;
	width: 273px;
	margin: 0 0 10px 0;
	padding: 5px 13px 20px 10px;
	border-left: 1px solid #DDD;
	color: #5D5D5D;
	line-height: 1.5em;
}

.desna_rubrika p {
	margin: 0px;
	font-size: 90%;
}

.desna_rubrika a {
	display: block;	
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px dotted #ccc;
}


.caption {
background: #fff url('../../../Users/MAXIME/Desktop/wampp/www/drenetabj3/Images/Autre/title.gif' ) no-repeat; padding: 2px 0 0 18px; height: 35px; color: #fff;
	   }
.caption p { margin: 0; }

/*#HautActualiteImage{
    float:left;	
	height:35px;
	width:507px;
	background:#000075;
	border:0px solid #b4b4b4;
	/*text-shadow:3px 2px 3px #000000;*/	
	/*}*/*/
	
#HautMediatecque{
    float:left;	
	height:35px;
	width:219px;
	background:#F47A00;	
	border-radius: 12px 12px 0px 0px;
	text-shadow:3px 2px 3px #000000;
	border:1px solid #999;
	}
#ActualiteMediactecque {
	float: right;
	width: 219px;
	height:183px;
	margin: 0 0 2px 0;
	padding: 2px 0px 2px 0px;
	border-left: 1px solid #DDD;
	color: #5D5D5D;
	line-height: 1.5em;
	list-style-type:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid #999;
	padding-top:3px;
	left:5px;
}



.categories {box-shadow:1px 1px 1px rgba(0, 0, 0, .1);list-style-type:none;-moz-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);-webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, .1);border:1px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; margin:0; padding-left:2px;
background-image:-moz-linear-gradient(top, #fcfcfc, #f4f4f4);/* FF3.6 */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #f4f4f4),color-stop(1, #fcfcfc));
position:relative;/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');/* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4')";/* IE8 */ margin-bottom:3px}
            
.categories li {border-bottom:1px solid #ebeae8;border-top:1px solid #fff}
.categories ul {
	list-style-type: none;
	margin:0;
	padding:0;
	}		
.categories li:first-child {border-top:none}
.categories li:last-child {border-bottom:none}
.categories li a {position:relative;display:block;padding:5px 0 5px 5px; ;font-size:14px;color:#000;text-decoration:none;font-family:'ColaborateThinRegular';font-size-adjust:0.49;-moz-transition:all 0.2s ease-out; /* FF3.7+ */ -o-transition:all 0.2s ease-out; /* Opera 10.5 */ -webkit-transition:all 0.2s ease-out; /* Saf3.2+, Chrome */ }
.categories li a:hover {background-image:-moz-linear-gradient(top, #ee3c09, #b90909);/* FF3.6 */ background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0, #ee3c09),color-stop(1, #b90909));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909');/* IE6,IE7 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee3c09', endColorstr='#b90909')";/* IE8 */ color:#fff;box-shadow:2px 2px 0 rgba(0, 0, 0, .1);-moz-box-shadow:2px 2px 0 rgba(0, 0, 0, .1);-webkit-box-shadow:2px 2px 0 rgba(0, 0, 0, .1);-webkit-border-top-right-radius:20px;-moz-border-radius-topright:20px;border-top-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-radius-bottomright:20px;border-bottom-right-radius:20px;margin-right:-12px}

			
#menu_left { 
		float: left;  
		margin: 0 0 6px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid
		 #e2e2e2;
		
	}
		#menu_left li { list-style: none; }
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			width: 204px; 
			padding: 7px 23px 7px 20px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }


	

#mid2{
	width:243px;
	float:right;
	background:
	padding:0 0 0 0;
	height:460px;
	color:#F00;
	border-radius: 12px 12px 12px 12px;
	height:470px;
	
}

#mid2 a{
	color:#F00;
	
}


#mid1{
	width:240px;
	float:left;
	background-color:#999;
	color:#000;
	padding:0 0 0 0;
	height:470px;
	border-radius: 12px 12px 12px 12px;
}

#mid1 h2{
	width:102px;
	height:41px;
	background:url('Images/Autre/importaint_service_pic.gif') 0 0 no-repeat;
	padding:0 0 0 63px;
	font:bold 14px/17px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0 0 15px 14px;
	display:block;
}
#mid1 h2 span{
	font:bold 24px/17px Verdana, Arial, Helvetica, sans-serif;
	display:block;
}

#mid1 ul{
	background:url(images/mid1_link_bg.gif) left bottom no-repeat #FFE5A4;
	width:195px;
	margin:0 0 0 14px;
	color:#000;
	padding:0 0 22px 16px;
}
#mid1 ul li{
	border-bottom:#886B21 dashed 1px;
	height:20px;
	padding:0;
	margin:0;
}
#mid1 ul li.bdrNo{
	border-bottom:none;
	height:20px;
	padding:0;
	margin:0;
}
#mid1 ul li a{
	background:url(images/bullet_white.gif) 0 6px no-repeat;
	padding:0 0 0 15px;
	font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#910303;
	background-color:inherit;
	text-decoration:none;
	display:block;
}
#mid1 ul li a:hover{
	color:#000;
	background:url(images/bullet_blue.gif) 0 6px no-repeat #F0FFFF;
}

.contact_information{
width:207px;
float:left;
padding:2px 0 0 10px;
height:190px;
}
img.box_img{
float:left;
padding:5px 10px 5px 1px ;
}

.body4{     
	margin:0 auto;
	margin-top:2px;
	width:978px;
	background:#0FF;
	border:1px;	
	}	

#divFooter{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: rgb(122, 12, 12);
	color: rgb(211, 211, 211);
	font-family: Actor, sans-serif;
	text-transform: none;
	font-size: 12px;
	letter-spacing: 0px;
	line-height: 22px;
	background-image:url(../styles/tactile_noise.png);
	background-repeat: repeat repeat;
}


.footers {
	/*background-image:url(styles/tactile_noise_@2X.png); background-repeat: repeat;*/
	margin:auto;
	background:#FB7D00;
	/*background:#FB7D00;*/
	/*margin-top:10px;*/
	padding: 60px 0;
	display:block;
	width:979px;
	height:320px;
/*	padding:20px;*/	
	margin-bottom:100px;

}


.footersn {
	/*background-image:url(styles/tactile_noise_@2X.png); background-repeat: repeat;*/
	margin:auto;
	background:#FB7D00;
	/*margin-top:10px;*/
	padding: 60px 0;
	display:block;
	width:940px;
	height:10px;
	padding:20px;	
	margin-bottom:100px;

}


.entete_footers
{
	 color:#FFF;
	 font-size:18px;
	 font-weight:bold;
	
}
.liste_entete li
{
	color: #00F;
	list-style-type: none;
	
}

.liste_entete a
{
	color:#FFF;
	text-decoration:none;
	
}

.liste_entete li a
{
	color:#FFF;
		
}
.liste_entete li a:hover
{
	text-decoration:underline;
	/*text-decoration:none;*/
}
.liste_entete ul{
	list-style-type: none;				
    }

.under_foot tr td 
{
	color:#FFF
}
.under_foot tr td  a
{
	color:#FFF
}
.under_foot tr td  a:hover
{
	text-decoration:underline;
	font-weight:bold;
}
.italic
{
	font-style:italic;
}
/*.footer2-bg {-moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px; box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px;   background-image:url(../styles/tactile_noise_@2X.png); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; width:979px; margin-left:auto; margin-right:auto; margin-top:-20px;}*/




/* .itemune {width:90px; height:80px; float:left; text-align:left; }*/
 #itemune a img, #previews #itemune a:visited img, #previews #itemune a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 #itemune a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}

/* .itemactualite {width:91px; height:81px; float:left; text-align:left; }*/
 .itemactualite a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 .itemactualite a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}


 /*.itemdiscourscomm {width:86px; height:74px; float:left; text-align:center; padding-top:2px}*/
 .itemdiscourscomm a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 .itemdiscourscomm a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}
 





/* .itemune {width:90px; height:80px; float:left; text-align:left; }*/
 .itemune a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 .itemune a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}

/* .itemactualite {width:91px; height:81px; float:left; text-align:left; }*/
 .itemactualite a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 .itemactualite a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}


 /*.itemdiscourscomm {width:86px; height:74px; float:left; text-align:center; padding-top:2px}*/
 .itemdiscourscomm a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 .itemdiscourscomm a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}
 
 
 
  /*.itemdiscourscomm {width:86px; height:74px; float:left; text-align:center; padding-top:2px}*/
 .itemmupeda a img, #previews .item a:visited img, #previews .item a:active img{background:#999; border:solid 1px #CCCCCC; padding:3px;}
 <!--.itemdiscourscomm a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}-->

 
 
 /* .itemactualite {width:91px; height:81px; float:left; text-align:left; }*/
 .itemactualitesouspage a img, #previews .item a:visited img, #previews .item a:active img{background:#efefef; border:solid 1px #CCCCCC; padding:3px;}
 /*.itemactualitesouspage a:hover img{background:#efefef; border:solid 1px #FFF; padding:3px;}*/
 
 /* fin */
 
 
 /* bouton envoyer orange sur la page d'acceuil */ 
 .sendButton {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	border:1px solid #eeb44f;
	color:#ffffff;
	font-family:Arial;
	font-size:14px;
	width:45%;
	font-weight:bold;
	text-shadow:1px 1px 0px #cc9f52;
}
.sendButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}

.login p.remember_me {
  float: left;
  line-height: 31px;
}
.login p.remember_me label {
  font-size: 12px;
  color: #777;
  cursor: pointer;
}
.login p.remember_me input {
  position: relative;
  bottom: 1px;
  margin-right: 4px;
  vertical-align: middle;
}
.login p.submit {
  text-align: right;
}

 /* fin*/