/* CSS Document */
body {
	background: #fff ;
	padding: 0px;
	margin: 0px;
	background-attachment:fixed;
	color: #333333; font-weight:normal; line-height:170%;
}
.ApercusPage { width:1024px; margin-left:auto; margin-right:auto; text-align:left; padding-top:7px; }

BODY, TH, TD, SPAN, DIV, P { font-size:11px; font-family:Verdana; margin:0px; padding:0px }
H3{ font-size:20px;
    font-family:Verdana;
	margin:0px;
	padding:0px;
	color:#ffffff;
    padding-top:2px;
	padding-left:5px;
	font-size: 10px;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
}

A:ACTIVE, A:LINK, A:VISITED {color: #42ACE6; text-decoration:none;}
A:HOVER{text-decoration:underline; color:#333300;}



.ContenuPage { width:1024px; margin-left:auto; margin-right:auto; overflow:hidden; }
.clear {clear:both;}

.tous{
 width:1004px;
 }

.BlocGauche{
	 margin-top:10px;
	 float:left;
	 width:200px;
}
.banniere{
 	width: 604px;
}
.BlocMilieu{
	float:left;
	width:605px;
    margin-top:10px;
	margin-left:10px;
  }

.BlocMilieu2{
	width:590px;
	margin-top:10px;
}

.cadre_Actua{
	border:#C2E2D1 1px solid; 
	padding:5px; 
	width:578px;
	
}


div#Actua p
{
margin:10px;
padding:0;
text-align:justify;
}
div#Actua img
{
float:left;
margin:3px 10px 4px 2px;
}

.BlocMilieu1{
	width:601px;
	margin-top:10px;
}

 .BlocDroite{
   margin-top:10px;
	float:left;
    width:180px;
	margin-left:5px;
	
	
 }

.BlocMilieu1_acc{
	width:590px;
	margin-top:10px;
}



.en_tete
{  
   width:198px;
   height:119px;   
}

.clear {clear:both;}


.arriere_annimation
{
	background: url(../images/img-fr/arriereAnnimation.gif) no-repeat;
	width:190px;
	height:39px;
	margin-left:7px;
	margin-top:53px;
} 

.arriere_annimation_Ar
{
	background: url(../images/img-ar/arriereAnnimation.gif) no-repeat;
	width:190px;
	height:39px;
	margin-left:7px;
	margin-top:53px;
}
.bienvenu{
	 padding-left:85px;
}
.bienvenu_Ar{
	 padding-left:8px;
}


.arriereBleu{
	margin-top:15px;
	width:604px;
	height:39px;
	background:url(../images/img-ar/arriereBleu.gif) no-repeat;
}

.arriereBleu_Ar{
	margin-top:24px;
	width:604px;
	height:39px;
	background:url(../images/img-ar/arriereBleu.gif) no-repeat;
}


.infoAcceuil{ /* mouvement du bien venue*/
	float:left;
	width:490px;
	font-size:14px; 
	color:#ffff33;
	padding-top:5px;
}

.lang
 {  
	width:110px;
	float:left;
    padding-top:10px;
 }
 



/***********MENU6***************/
#menu6 {
    margin-top:40px;
    margin-left:11px;
	width: 170px;
	font-size:10px;
	font-weight: bold;
	
	}
	
#menu6 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
	
#menu6 li a {
margin-left:0px;
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	}
	
	
#menu6 li a:link, #menu6 li a:visited {
	color: #495900;
	display: block;
	background: url(../images/img-ar/menu7.gif) no-repeat;
	padding: 8px 0 0 10px;
background-color: #FFFFFF;	
      }
	
#menu6 li a:hover, #menu6 li a:active {
		color: #ffffff;
		background: url(../images/img-ar/menu7.gif) no-repeat 0 -32px;
		padding: 8px 0 0 10px;
	}
/**********FIN MENU6**********/

/***********MENU6AR***************/
#menu6AR {
    font-family: "Arabic Transparent";
    text-align:right;
    margin-top:40px;
    margin-left:20px;
	width: 170px;
	font-size:14px;
	font-weight: bold;
	
	}
	
#menu6AR ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
	
#menu6AR li a {
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	}
	
	
#menu6AR li a:link, #menu6AR li a:visited {
	color: #60a1b8;
	display: block;
	background: url(../images/img-ar/menu6.gif) no-repeat;
	padding: 8px 0 0 10px;
	}
	
#menu6AR li a:hover, #menu6AR li a:active {
		color: #fff;
		background: url(../images/img-ar/menu6.gif) no-repeat 0 -32px;
		padding: 8px 0 0 10px;
	}
/**********FIN MENU6**********/
	
.haut{
	 width:170px;
	 height:35px;
	 background : url('../images/haut2.gif') no-repeat;
     margin-left:10px;
	 margin-top:20px;	 
 }
 
 .titreBoutton{
     font-size:20px;
     font-family:Verdana;
	 color:#6D8600;
	 padding-left:5px;
     padding-top:3px;
	 font-size: 10px;
	 font-weight: bold;
	 font-style: normal;
	 font-variant: normal;
	  
 }
 
 .ContenuBlocgauche1{
    background:#FFFFFF;
    margin-top:0px;
	margin-left:11px;
    width:169px;
	border-bottom-left-radius:9px;
		border-bottom-right-radius:9px;
		border-top-left-radius:4px;

	border:solid;
	border:#42ACE5 1px solid;
	border-top-color:#FFFFFF ;	
}

.ContenuBlocgauche2{
   
    margin-top:0px;
	margin-left:11px;
    width:169px;
	border-bottom-left-radius:9px;
		border-bottom-right-radius:9px;
		border-top-left-radius:4px;
border-left-color:#42ACE5 ;	
	border:solid;
	border:#42ACE5 1px solid;
	border-top-color:#FFFFFF ;
	height:160px;	
}
 .arriereDecouvrir{
 	/*background:url(../images/flech.gif) no-repeat;*/
	width:163px;
	height:90px;
	text-align:right;
	padding-top:5px;
	padding-bottom:20px;
}

.textDecouvrir a{
	color: #000;
	font-size:11px;
	text-decoration: none;	
}
  
.textDecouvrir a:hover{
	color:#6A7C00;		
}
.textMunicipal a{
    padding-left:10px;
    padding-right:10px;
	color: #3570AA;
	font-size:12px;
	text-decoration: none;
	font-weight:bold;
}
  
.textMunicipal a:hover{
	color: #D3AF1D;		
}
/**********divers ici*/
.arriereMunicipal{
   /*background:url(../images/arriereCoeur.gif) no-repeat;*/
	
	width:163px;
	background-color:#FFFFFF;
	height:120px;
	text-align:center;
	padding-top:5px;
	padding-left:5px;
	
}

.lienblanc:ACTIVE, .lienblanc:LINK, .lienblanc:VISITED {color:#FFFFFF;text-decoration:none; font-size:10px;}
.lienblanc:HOVER{text-decoration:underline; color:#FFFFFF; font-weight:bold;}

.animBrochure{
	padding-left:10px;
	padding-top:40px;
}

.imgBrochure{
	padding-left:30px;
	padding-top:20px;
}

.piedDePage{

	width:604px;
	background:url(../images/pied.gif);
	background-repeat: no-repeat;
	height:27px;
	margin-left:208px;
	padding-top:5px;
}

.lien_piedDePage:ACTIVE,.lien_piedDePage:LINK,.lien_piedDePage:VISITED {

	color: #3962A4; 
	text-decoration:none
}

.lien_piedDePage:HOVER{ 

	color: #3962A4; 
	text-decoration:underline;
}



.titre
{
padding:inherit;
    font-size:10px;
	
	/*background:#fbebac;*/
	height:25px;
	padding-left:3px;
	font-weight: bold;
	background-color: #C2E2D1;
}
.bordure_titre{
    padding-top:1px;
	/*padding-right:1px;*/
	padding-left:1px;
	padding-bottom:1px;

    border-top:#C2E2D1;
	width:589px;
	background-color: #C2E2D1;
	border-radius:4px;
	/*border-top-color: #C2E2D1;
	border-right-color: #C2E2D1;
	border-bottom-color: #C2E2D1;
	border-left-color: #C2E2D1;*/
}

.text_Tout_Actu{
font-size:10px; 
text-align:justify;
padding:3px 4px 2px 3px;
}
.ContenuBlocDroite1{
	margin-top:3px;
	margin-left:10px;
	padding-top:5px; 
	color:#FFFFFF;
	font-weight:bold;
	/*background:url(../images/infoRech.gif) no-repeat; */
	width:169px; 
	height:127px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-bottom-left-radius:9px;
		border-bottom-right-radius:9px;
		border-top-left-radius:4px;

	border:solid;
	border:#42ACE5 1px solid;
	border-top-color:#FFFFFF ;
	}

.chercher{
 float:left;
 padding-top:18px;
 padding-left:8px; 
}

.valider_recherche
{
 float:left;
 padding-left:0px; 
 padding-top:18px;

}


.ContenuBlocDroite2{
    background:#FFFFFF;;
    margin-top:0px;
	margin-left:10px;
    width:170px;
	border-bottom-left-radius:9px;
		border-bottom-right-radius:9px;
		border-top-left-radius:4px;

	border:solid;
	border:#42ACE5 1px solid;
	border-top-color:#FFFFFF ;
	}
	
	.ContenuBlocDroite3{
    background:#FFFFFF;;
    margin-top:0px;
	margin-left:10px;
    width:170px;
	border-bottom-left-radius:9px;
		border-bottom-right-radius:9px;
		border-top-left-radius:4px;

	border:solid;
	border:#FFFFFF 1px solid;
	border-top-color:#FFFFFF ;
	
	}
	
.lien{
 text-align:center;
 padding-top:5px;
 }
 
.meteo{
margin-left:10px;
margin-top:20px;
}

.meteo_txt{
font-size: 10px; 
font-style: normal;
font-weight: normal;
color: #315994}


.adrMunicipal{
	font-size:9px; 
	padding-left:5px; 
	padding-bottom:10px; 
	padding-top:5px;
}

.margin10{
  margin-bottom:5px;
  text-align:center;
  }

/*les pages */
#cadre_divers{
	border:#f4e5a7 1px solid; 
	padding:5px; 
	float:left;
	min-height:200px;
	width:589px;
}

.arrireConseil{
	margin-top:3px;
	padding:0px 0 0 5px;
	background:url(../images/fleche.gif); 
	background-repeat:no-repeat; 
	width:18px; 
	float:left;
}

.arrireTel{
	margin-top:3px;
	padding:0px 0 5px 5px;
	background:url(../images/icone_tel.jpg); 
	background-repeat:no-repeat; 
	width:40px; 
	height:49px;
	float:left;
}


.textConseil{
	 font-size:10px;
	 color: #FF0000; 
	 font-weight:bold;
}

.textTel{
     padding:20px 0 20px 0px;
	 font-size:11px;
	 font-weight:bold;
}


#cadre {
    border:#f4e5a7 1px solid; 
	padding:5px; 
	min-height:200px;
	width:589px;
	text-align:justify;
	font-size:11px;
}

#cadre_etat {
    border:#f4e5a7 1px solid; 
	padding:5px; 
	min-height:200px;
	width:589px;
}

#cadre_act{
	border:#f4e5a7 1px solid; 
	width:588px; 
 
}




.text_accueil{
 font-size:11px;
 padding:15px; 
 text-align: justify;
}

#text{
	margin-left:20px;
	float:left;
	padding-left:20px;
	padding-bottom:10px;
	text-align: justify;
	padding-right:20px; 
	padding-top:10px; 
	font-size: 10px;
	width:270px;
}

.text_sansImage{
	text-align:justify; 
	padding-left:5px;
	padding-right:20px; 
	padding-top:10px;
	font-size: 10px
}

#img{
 margin-bottom:10px;
 margin-top:10px;
 float:left;
}

.img_arrandissement{
 margin-bottom:10px;
 margin-top:20px;
}

.titre_service{
	font-weight:bold;
	color:#5BA0BB;
	padding-top:10px;
	padding-left:10px;
	font-size:10px;
}
.text_service{
	padding-left:10px;
	font-size:10px;
	text-align:justify;
}


.serv_Org{
   float:left;
}


.lien_Relation a{
    font-size:11px;
	padding-left:10px;
	color: #1B3D96;
	font-weight:bold;
	text-decoration: none;
}

.lien_Relation a:HOVER{
   	text-decoration:underline;
}

.SuivieChemin{
 width:350px;
 color:#999999;
 padding:2px;
 font-size:10px;
}


.lien_chemin a{
	font-size:10px;
	text-decoration: none;
	color:#3069B3;
	padding:2px;
}

.lien_chemin a:HOVER{
	text-decoration:underline;
}

.table_tarif{
    
	border:#96D7FA solid 1px;
}

.table_tarifTitre
{
    color: #000;
	background: #96D7FA;
	font-weight:bold;
	text-align:center;
}

.table_tarif tr td{
    margin-top:10px;
    font-size:10px;
	border:#96D7FA 1px solid;
	margin:2px;
	padding:2px;
}



.bordure_contact{
	padding-top:1px;
	padding-bottom:1px;
	border-top: #B9E4F3 1px solid;
}

.contact{
    font-size:10px;
	color: #176391;
	background:#B9E4F3;
	height:25px;
	padding-left:3px;
	font-weight: bold;
}

#cadre_contact {
    border: #B9E4F3 1px solid; 
	padding:10px; 
	min-height:100px;
	width:580px;
	text-align:justify;
	}


input.contact_form{
    border-right: #888888 1px solid; 
	border-top: #888888 1px solid; 
	font-size: 12px; 
	color: #000000;
	border-left: #888888 1px solid; 
	border-bottom: #888888 1px solid; 
	padding-left:5px;
}

select.contact_form{
    border-right: #888888 1px solid; 
	border-top: #888888 1px solid; 
	font-size: 12px; 
	color: #000000;
	border-left: #888888 1px solid; 
	border-bottom: #888888 1px solid; 
	padding-left:5px;
}

textarea.message{
	border-right: #888888 1px solid; 
	border-top: #888888 1px solid; 
	font-size: 12px; 
	color: #000000;
	border-left: #888888 1px solid; 
	border-bottom: #888888 1px solid; 
	padding-left:5px;
	height:75px
}

.text_formulaire{
	font-size:10px;
	font-weight:bold;
}

.info_contact1{
    font-weight:bold;
	font-size:10px;
	padding-left:10px;
	color:#2B5E91;
}

.info_contact2{
	padding-left:5px;
	font-size:10px;
	color:#000000;
}

.titre_vert{
   margin:3px 3px 0px 3px;
    font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #68B108;
}

.titre_bleu{
    margin:3px 3px 0px 3px;
    font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #2C498F;
	text-decoration:underline;
	font-size:12px;
}

.titre_rouge{
	font-size: 13px;
	text-decoration: none;
	font-weight: bold;
	color: #FF0000;
}

.text_simple{
	margin:0 3px 10px 12px;
	text-align:justify;
	font-size:11px;
	color: #222222;
}
.text_Exactement{
	margin:0px 3px 0px 12px;
	text-align:justify;
	font-size:10px;
	color: #222222;
}
.text_center{
	margin-top:0px;
	margin-left:40px;
}

.toggler {
	color: #60a1b8;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
}

.toggler:ACTIVE, .toggler:LINK, .toggler:VISITED {color: #60a1b8; text-decoration:underline;}
.toggler:HOVER{text-decoration:underline; color: #60a1b8;}


.lien_EtatCivil{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
	padding-left:10px;
	text-decoration: none;
	color:#3069B3; 
	
}

.lien_EtatCivil:ACTIVE, .lien_EtatCivil:LINK, .lien_EtatCivil:VISITED{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
	padding-left:10px;
	text-decoration: none;
	color:#3069B3; 
	
}
.lien_EtatCivil a:HOVER{
   	text-decoration:underline;
}


.info_arrandissement{
	text-align:justify; 
	padding-right:20px; 
	padding-top:10px; 
	padding-left:10px; 
	font-size: 10px; 
	padding-bottom:10px;
}

.valid_permis{
font-weight:bold;
font-size:14px;
color:#4B6B34;
}

.lireSuite{
padding-top:4px;
}

.Lien_lireSuite:ACTIVE, .Lien_lireSuite:LINK, .Lien_lireSuite:VISITED {color:#326D5F; text-decoration:none; font-size:10px;}
.Lien_lireSuite:HOVER{text-decoration:underline; color: #A6A600; font-weight:bold;}

.titre_Actu{
color:#FF0000;
font-size:10px;
font-weight:bold;
padding-left:3px;
}

.Contenu_Ala_une{
 float:left;
 font-size:12px;
 text-align: justify;
}

.img_Ala_une{
	float:left;
	width:85px;
	padding:5px 2px 2px 2px;
}
.text_Ala_une{
	float:left;
	width:190px;
	font-size:11px;
	xpadding:20px 3px 0 5px;
	text-align:justify;
}

.chiffre{
font-size:10px;
padding:2px 10px 0 10px;
}
.chiffre_titre{
text-decoration:underline;
font-weight:bold;
font-size:10px;
padding:2px 10px 0 10px;
}
.cadre_entour{
	border:#f4e5a7 1px solid; 
	padding:5px; 
	min-height:300px;
	width:589px;
}


div#entour p
{
margin:10px;
padding:0;
text-align:justify;
}
div#entour img
{
float:left;
margin:3px 10px 4px 2px;
}

div#text_blocRight img
{
	padding:10px;
	margin:20px 0;
	border: 1px solid #ccc;
	float:left;
}
div#text_blocRight p
{
	font-size:10px;
	margin:0;
	padding:0 0 0 250px;
	text-align:justify;
}

.LienFichePDF:ACTIVE,.LienFichePDF:LINK,.LienFichePDF:VISITED{  
	font-weight:bold; 
	color:#2664a9; 
	text-decoration:underline; 
	font-size:10px;
}
.LienFichePDf:hover{ 
	color:#73A6DF; 
	font-weight:bold; 
	text-decoration:underline; 
	font-size:10px;
}

.lien_Patrimoine:ACTIVE,.lien_Patrimoine:LINK,.lien_Patrimoine:VISITED
{
    font-weight:bold; 
	color: #234267; 
	text-decoration:underline; 
	font-size:11px;   
}
.lien_Patrimoine:hover{ 
    color:#3E8AB3; 
	font-weight:bold; 
	text-decoration:underline; 
	font-size:11px;   
	
}

.titre_PlanSite:ACTIVE, .titre_PlanSite:LINK, .titre_PlanSite:VISITED{
	font-weight:bold; 
	color:#508DAB;
	font-size:11px;
}
.titre_PlanSite:HOVER{
color:#508DAB;
font-size:11px;
}

.text_lienUtile{
    margin:0 3px 2px 3px;
	text-align:center;
	font-size:9px;
	color: #666600;
}
.text_etaCivil{
text-align:justify; 
padding:10px 20px 10px 10px; 
font-size: 11px; 

}
.titre_Gris{
color:#444;
font-size:11px;
font-weight:bold;
}

.bleu{
    margin:3px 3px 0px 10px;
    font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	color: #0087AE;
}

.hautPage{
float:right;
}


.Bloc_divers{
padding-bottom:3px;
   
	float:right;
    background:#FFFFFF;
    width:170px;
	border-bottom-left-radius:9px;
		border-bottom-right-radius:9px;
		border-top-left-radius:4px;

	border:solid;
	border:#42ACE5 1px solid;
	border-top-color:#FFFFFF ;
	}





.BlocInfo_Pratique{
    /*padding-left:3px;*/
	float:right;
    background:#ffffff;
    width:170px;
	padding-left:05px;
	
	}


.ImgInfo_Pratique{
 padding-bottom:5px;
 padding-left:5px;
 background:#ffffff;
 float:left;
 
}

.TextInfo_Pratique{
 padding-top:8px;
 padding-left:5px;
 background:#ffffff;
 float:left;

 
}

.TitreLienUtile{
color: #FF0000;
font-weight:bold;
padding-top:10px;
font-size:10px;
}
.TextLienUtile{
 font-size:10px;
 font-weight:bold;
 padding-top:8px;
 padding-right:5px;

}

.TelLienUtile{
 font-size:10px;
 font-weight:bold;
 padding-left:10px;
}

.ArriereCarte
{
	/*background:url(../fr/image_arabe/catre_chebika.jpg);*/
	margin-top:-1px;
    background-image: url(../..//fr/image_arabe/catre_chebika.jpg);	
}

.textCarte:ACTIVE,.textCarte:LINK,.textCarte:VISITED{
 font-weight:bold;
 font-size:9px;
 color:#FFFF66;
 padding-left:3px;

}
.textCarte:HOVER{
font-size:9px;
	text-decoration:underline; 
	color:#FFFFFF;
	
}
.Lien_Cellule:ACTIVE, .Lien_Cellule:LINK, .Lien_Cellule:VISITED {color: #9D0000; text-decoration:none; font-size:12px; font-weight:bold;}
.Lien_Cellule:HOVER{text-decoration:underline; color: #9D0000; font-weight:bold;}

.ArriereBoutton{
background: url(../images/BouttonCellule.jpg) no-repeat;
width:120px;
height:60px;
text-align:center;
padding-top:10px;
}


/********Lien du météo************/
.lien_meteo:ACTIVE,.lien_meteo:LINK,.lien_meteo:VISITED {

	color: #003366; 
	text-decoration:none
}

.lien_meteo:HOVER{ 

	color: #666699; 
	text-decoration:underline;

