@charset "utf-8";
/* CSS Document */
/* Basics */
html,body,div,img	{
	margin:0;
	padding:0;
	border:none;
	align:center;
	vertical-align: middle;
}
h1,h2,h3,h4,div,td
input,button,span	{font-family:Verdana,Arial,Helvetica,sans-serif;}
h4{margin-left:15px;
}
/* Lists */
ul,ol				{margin-left:0; padding-left:18px;}
ul					{list-style-image:url(images/general/bullet.png);}
li					{margin:0; padding:0; vertical-align:top; margin-top:10px;}


/* Fonts */
#wrapper {
	text-align: justify;
	position: center;
	padding-top: 0px;
	vertical-align: middle;
	margin-left: 10px;
}
h1					{font-size:21px; font-weight:normal; color:#0C2856; margin-top:0; margin-bottom:16px; line-height:23px;}
h2					{font-size:13px; font-weight:bold; color:#FFF; background:#395275; margin:0; padding:0;}
h3					{font-size:13px; font-weight:bold; color:#0C2856; line-height:15px; margin-top:0; margin-bottom:5px;}
h4					{font-size:12px; font-weight:bold; color:#0C2856; margin-top:5px; margin-bottom:0;
                     }
h6					{font-size:11px; font-weight:bold; color:#000; margin:0 0 0;}
p,div,td,th			{
	font-size:12px;
	color:#404040;
	line-height:13px;
	margin-left: 10px;
}
p,ul,ol,h6				{margin-top:2px; margin-bottom:11px;
                     margin-left:2px;
					 text-align:justify;}
p img {float:left;
       margin:1px;
       padding:1px;	   
                   
}
strong{font-size:12px; color:#f30119;}

/* Links */
a:link, a:visited								{font-weight:bold; color:#56709D; text-decoration:none;}
h2 a:link, h2 a:visited							{color:#fff;}

#centre_bg{width:979px;
           float:left;
}

#conteneur{width:979px;
           height:193px;
		   
		   margin-left:15px!important;
		   
}
#conteneu{width:979px;
           height:193px;
		   background-image:url(images/ville_de_kaffrine_00.jpg);
		   margin-left:15px!important;
		   
}
#contena{width:979px;
           height:193px;
		   background-image:url(images/ville_de_kaffrine_09.jpg);
		   margin-left:60px!important;
		   
}
#conten{width:979px;
           height:193px;
		 
		   margin-left:60px!important;
		   
}
#contenar{width:979px;
           height:193px;
		   background-image:url(images/ville_de_kaffrine_01.jpg);
		   margin-left:60px!important;
		   
}
#contenare{width:979px;
           height:193px;
		   background-image:url(images/ville_de_kaffrine_02.jpg);
		   margin-left:60px!important;
		   
}
#contenares{width:979px;
           height:193px;
		   
		   margin-left:60px!important;
		   
}
#contenares_10{width:979px;
           height:193px;
		   
		   margin-left:60px!important;
		   
}
#nav{width:985px;
     height:29px;
	 margin-left:15px;
}

#historique{width:907px;
            height:20px;
			float:left;
			margin-left:58px!important;
}
.ladate{
	width:30px;
	float:left;
	height: 20px;
}

#corps{width:985px;
	   border:1px solid #244904;
	   margin-left:15px!important;
	   margin-top:2px!important;
}
#netvista{width:979px;
      height:1750px;
	    border:1px solid #244904;
	   margin-left:15px!important;
	   margin-top:15px!important;
}



#corps_1{width:979px;
                  border:1px solid #244904;
	   margin-left:58px!important;
	   margin-top:15px!important;
}

#blok{width:300px;
	  float:left;
}
.mot{width:305px;
     height:23px;
	 margin-left:2px!important;
	 margin-top:2px!important;
}
#texte{width:305px;
       height:90px;
	   margin-left:2px!important;
	   margin-top:2px!important;
}
#mon_textil{
	width:304px;
	float:left;
	margin-left:0px!important;

			/margin-left:7px;
	border-bottom:1px solid #96b6df;
	border-top:1px solid #96b6df;
	border-left:1px solid #96b6df;
	border-right:1px solid #96b6df;
	background-color:#ecf4e5;
	margin-top: 2px;
}
.textil{
	width:295px;
	float:left;
	margin-left:2px!important;
	margin-top: 2px;
		
}

.suite{width:71px;
       height:14px;
	   float:left;
	   margin-left:210px!important;
	   /margin-left:50px;
	
	  
}
/*#texte p img{float:left;
             padding-left:2px;}
*/
#flas{width:275px;
      height:107px;
	  float:left;
	  margin-left:2px!important;
	  /margin-left:7px;
	  margin-top:2px!important;
}
#bitan{width:306px;
       height:23px;
	   margin-top:2px!important;
	   /margin-top:8px;
	   margin-left:2px;
	   background-image:url(images/question_03.jpg);
}
#question{width:305px;
          height:83px;
       border-bottom:1px solid #96b6df;
	   border-top:1px solid #96b6df;
	   border-left:1px solid #96b6df;
	   border-right:1px solid #96b6df;
	   background-color:#ecf4e5;
	   margin-left:2px!important;
	   margin-top:2px!important;
}
.textil_t{width:295px;
          float:left;
		  margin-left:7px!important;
}
.textil_s{width:295px;
          float:left;
		  margin-left:4px!important;
}
.textil_m{width:295px;
          float:left;
		  margin-left:4px!important;
}

#blok1{width:310px;
      float:left;
	 
}

#video{width:305px;
       height:24px;
	   background-image:url(images/video_03.jpg);
	   margin-left:2px!important;
	   margin-top:2px!important;
}
#pub{width:305px;
       height:182px;
	   border-bottom:1px solid #96b6df;
	   border-top:1px solid #96b6df;
	   border-left:1px solid #96b6df;
	   border-right:1px solid #96b6df;
	   background-color:#ecf4e5;
	   margin-left:2px!important;
	   margin-top:2px!important;
}
#kaff0{width:306px;
       height:24px;
	   background-image:url(images/kaffrine_03.jpg);
	   margin-left:2px!important;
	   margin-top:2px!important;
}
#questio{width:306px;
	   border-bottom:1px solid #96b6df;
	   border-top:1px solid #96b6df;
	   border-left:1px solid #96b6df;
	   border-right:1px solid #96b6df;
	   background-color:#ecf4e5;
	   margin-left:2px!important;
	   margin-top:2px!important;
}
#blok2{width:275px;
       float:left;
}
#recher{width:300px;
       height:49px;
	   border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
	   background-color:#faf0ef;
	   margin-left:2px!important;
	   margin-top:2px!important;
}
.rech_cher{width:280px;
           float:left;
		   margin-top:4px!important;
		   margin-left:10px!important;
}
#agenda{width:300px;
	   border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
	   background-color:#faf0ef;
	   margin-left:2px!important;
	   margin-top:2px!important;
}
.agenda1{width:287px;
         height:80px;
		  border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
		 background-color:#e4dfd9;
		 margin-left:7px!important;
		 
}
.a_genda{width:280px;
         float:left;
		 margin-top:4px!important;
		 margin-left:4px!important;
}
.agenda2{width:287px;
         height:80px;
		  border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
		 background-color:#e4dfd9;
		 margin-top:8px!important;
		 margin-left:7px!important;
}
.a1_genda{width:280px;
         float:left;
		 margin-top:2px!important;
		 margin-left:7px!important;
}
.agenda3{width:287px;
         height:25px;
		  border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
		 background-color:#e4dfd9;
		 margin-top:8px!important;
		 margin-left:7px!important;
}
.a2_genda{width:280px;
         float:left;
		 margin-top:4px!important;
		 margin-left:4px!important;
}
.agenda4{width:287px;
         height:70px;
		  border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
		 background-color:#e4dfd9;
		 margin-top:8px!important;
		 margin-left:7px!important;
}
/*page demarche*/
#blok9{width:660px;
       float:left;
}
#demarcheflash{width:655px;
               height:203px;
			   float:left;
			   margin-left:15px!important;
			   margin-top:10px!important;
}
.demarce_0{width:250px;
}
.demarce_1{width:655px;
           float:left;
		   margin-left:5px!important;
}
#blok8{width:280px;
       float:left;
	   margin-left:10px!important;
	   margin-top:1px!important;
}
.vosdemarche_1{width:275px;
         height:442px;
		  border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
	   background-image:url(images/lien.jpg);
	   margin-top:8px!important;
	   margin-left:7px!important;
}
.lienutiles{width:270px;
            float:left;
			margin-top:30px!important;
			margin-left:5px!important;
}
/*fin page*/
/*vie quotidienne*/
#glob{width:300px;
      float:left;
}
.vie_viequot{width:300px;
             height:225px;
             float:left;
			 margin-left:13px!important;
			 margin-top:10px!important;
}
.listerapport{width:300px;
              height:200px;
			  border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
	   background-color:#e4dfd9;
	   margin-left:11px!important;
	   margin-top:250px!important;
}
.texte_1{width:270px;
        float:left;
		margin-left:15px!important;
}
#globe{width:630px;
       float:left;
}
.texte_2{width:630px;
         height:440px;
		 border-bottom:1px solid #b8cbaf;
	   border-top:1px solid #b8cbaf;
	   border-left:1px solid #b8cbaf;
	   border-right:1px solid #b8cbaf;
	   background-color:#e4dfd9;
	   margin-top:10px!important;
	   margin-left:35px!important;
}
.election{width:306px;
          height:23px;
		  float:left;
		  background-image:url(images/election.jpg);
		  margin-top:8px!important;
		  margin-left:5px!important;
}
.texte_election{width:617px;
                float:left;
				margin-top:5px!important;
				margin-left:5px!important;
}
/*fin vie quotidienne*/
/*guide*/
#leblogue{width:208px;
           float:left;}
#sego{width:208px;
      height:154px;
	  float:left;
	  margin-left:10px!important;
	  /margin-left:5px;
	  margin-top:5px!important;
}
.excursion{width:208px;
           height:24px;
		   float:left;
		   background-image:url(images/excursion.jpg);
		   margin-top:5px;
		   margin-left:10px!important;
		   /margin-left:5px;
}
.text_0{width:208px;
         height:270px;
		 
	   background-color:#e4dfd9;
	   margin-top:189px!important;
	   /margin-top:6px;
	   margin-left:10px!important;
}
.lien_excursions{width:208px;
            float:left;
			margin-left:17px!important;
			
}
#leblogue_1{width:500px;
            float:left;
}
.geogra{width:208px;
        height:24px;
		float:left;
		background-image:url(images/geo.jpg);
		margin-left:30px!important;
		margin-top:5px!important;
}
.tex-geo{width:480px;
         float:left;
		 margin-left:30px!important;
}
.cadre_vie{width:208px;
        height:24px;
		float:left;
		background-image:url(images/cadre.jpg);
		margin-left:30px!important;
		margin-top:3px!important;
}
.tex-cadre{width:480px;
         float:left;
		 margin-left:30px!important;
}
#leblogue_2{width:240px;
            float:left;
}
.agenda_0{width:240px;
        height:24px;
		float:left;
		background-image:url(images/agenda.jpg);
		margin-left:20px!important;
		margin-top:5px!important;
}
.text_0agenda{width:240px;
         height:333px;
		 
	   background-color:#e4dfd9;
	   margin-top:30px!important;
	   /margin-top:8px;
	   margin-left:20px!important;
}
.text1_0agenda{width:235px;
               float:left;
			   margin-left:4px!important;
			   margin-top:4px!important;
}
.tract{width:240px;
       height:89px;
	   float:left;
	   background-image:url(images/tract.jpg);
	   margin-left:20px!important;
	   margin-top:7px!important;
}
/*fin guide*/
/*histoire*/
#teneur{width:262px;
        float:left;
}
.l_histoire{width:262px;
           height:24px;
		   float:left;
		   margin-left:10px!important;
		   margin-top:5px!important;
		   background-image:url(images/histoire.jpg);
}
.photoo{width:262px;
        height:417px;
		float:left;
		margin-top:5px!important;
		margin-left:10px!important;
}
#parablok{width:510px;
          float:left;
}
.paratext{width:510px;
          height:447px;
		  float:left;
		  margin-left:20px!important;
}
#paradefile{width:167px;
            float:left;
}
.defile_ment{width:167px;
             height:279px;
			 background-color:#e4dfd9;
			 margin-left:30px!important;
			 margin-top:6px!important;
}
.p_defile{width:150px;
         float:left;
		 margin-left:7px!important;
}
.ze_ze{width:167px;
       height:166px;
	   float:left;
	   margin-left:30px!important;
	   margin-top:7px!important;
}
			 
/*fin histoire*/
/*contact*/
#mr_elu{width:167px;
        float:left;
}
.le_mairee{width:167px;
           height:145px;
		   float:left;
		   margin-left:10px!important;
		   margin-top:5px!important;
		   background-image:url(images/lemaire.jpg);
}
.aa{width:167px;
     height:145px;
	 margin-left:10px!important;
	 margin-top:155px;
	 background-image:url(images/aa.jpg);
}
.ab{width:167px;
     height:145px;
	 margin-left:10px!important;
	 margin-top:5px!important;
	 background-image:url(images/ab.jpg);
}
#c_blog{width:400px;
        float:left;
}
.form{width:400px;
      height:400px;
	  float:left;
	  margin-left:130px!important;
	  margin-top:40px!important;
}
#mor_elu{width:167px;
        float:left;
}
.ac{width:167px;
     height:145px;
	 margin-left:235px!important;
	 margin-top:5px!important;
	 background-image:url(images/ac.jpg);
}
.ad{width:167px;
     height:145px;
	 margin-left:235px!important;
	 margin-top:5px!important;
	 background-image:url(images/acc.jpg);
}
.ae{width:167px;
     height:145px;
	 margin-left:235px!important;
	 margin-top:5px!important;
	 background-image:url(images/ae.jpg);
}
/*fin contact*/
/*motdumaire*/
.peste{width:305px;
       height:23px;
	   float:left;
	   background-image:url(images/mot-du-maire_07.jpg);
	   margin-left:20px!important;
	   margin-top:5px!important;
}
.texte_de_wilane{width:600px;
                 float:left;
				 margin-left:20px!important;
}
/*finmotdumaire*/
/*reposemaire*/
#lert{width:640px;
float:left;
}
#r1_maire{width:640px;
          height:80px;
         float:left;
		 margin-left:17px!important;
		 /margin-left:10px;
		 margin-top:10px!important;
		 margin-top:3px;
		
		 border-bottom:1px solid #96b6df;
	     border-top:1px solid #96b6df;
	     border-left:1px solid #96b6df;
	     border-right:1px solid #96b6df;
	     background-color:#ecf4e5;
}
.r1_texte{width:620px;
          float:left;
		  margin-left:3px;
		  text-align:justify;
		  font-weight:bold;
		
}
.nom_r1{width:200px;
float:left;
color:#F90;
}
#zert{width:305px;
      float:left;
margin-left:10px;
}
.info_info{width:305px;
           height:23px;
	
	float:left;
	margin-left:25px;
	margin-top:10px;
}

.twitter{width:130px;
         height:47px;
		 float:left;
		 margin-top:5px;
		 margin-left:25px;
}
.facebook{width:130px;
         height:47px;
		 float:left;
		 margin-top:5px;
		 margin-left:20px;
		 
}
.rue_2{width:280px;
             height:363px;
float:left;
margin-top:10px!important;
margin-left:25px!important;
}
/*finreponse*/
/*galeri*/

/*fin galeri*/
#foot{width:980px;
      height:15px;
	  background-color:#dcbf87;
		margin-left:2px!important;
		margin-top:2px!important;
}
#fotter{width:980px;
        height:15px;
		
}
.add{width:100px;
     float:left;
  
}