body {
	border:0px solid;
  	width:100%;
	}  
/*-----------------------Page--------------------*/

#Page{
	width: 950px;
	border:solid 0px;
	height:600px;
	text-align:center;
	float:center;
	display:block;
	padding-top:0px;
	 
	}
	
	/*----------------------------Container----------*/
#ContainerHome, #Container {	
    	text-align:center;
	width: 100%;
   	background-color:#ffffff;
}
/*------------------------------Header-----------*/
#Header, #HeaderHome {

	height: 85px;
  	padding-left: 0px;
  	width: 100%;
 	border:solid 0px;
 	float:left;
 	
}

    .logo{
      border:0px solid;
      float:left;
      width:180px;
      height:100%;
    }
    	.headertxt{float:right;}
   
      	.headertxt1{	margin:0px 0px 0px 0px;  border:0px solid;}
      	.headertxt2{	z-index:0;float:left;border:0px solid;height:50px;}
	.headertxt3{	z-index:1;border:0px solid;position: relative; top:-80px; left:0px;height:50px;}
	
    	.meteo{float:right; border:0px solid;}
    	.saisie{font-size:18px; color:#cc0033;}
      

/*----------------------Menu--------------------*/
/* Emplacement du Menu latéral */
#Menubar1 {
	background-position: 0 0;
	background-repeat: repeat-y;
  	float:left;
  	width:175px;
	border:dotted 0px gray;
	margin:0px 0 0 0px;
	text-align:center;
	display:block;
	height:120px;
	display: table; 
	text-align:left;
	
}
/* Emplacement du Menu horizontal */
#Menubar {
	background-position: 0 0;
	background-repeat: repeat-y;
  	float:left;
 	 width:100%;
	height:15px;
	border:dotted 0px gray;
	margin:5px 0 0 2px;
	text-align:right;
	display:block;
	border-top:0px solid red;
}
.menutitlewithout{
	width:130px;
	border:0px solid;
}

/*------------------Content-------------------------*/
#Content, #Contentexpo,#ContentHome{
    margin: 0px 0px 0px 0px;
    height:auto;
    display:block;
    border:0px solid green;
    
}
#Contentexpo{
	width:100%;
	float:center;}
	
#Content,#ContentHome{
	width:100%;
	float:left;
	border: 0px solid;
	height:470px auto;
}
#Content{	
		width:773px;
		height:360px auto;float:right;}
#ContentHome{	height:600px auto;
		width:775px;}
    /*-------------home----------pas toujours utilisé-------------*/
    .blockLeft{
	     float:left;
	     width:49%;
	     border:0px solid;
    	}
    .blockRight{
	     float:right;
	     width:49%;
	     border:0px solid;
	 }
    .blockBottom{
	      float:right;
	      width:100%;
	      border:0px solid;
	}
    /*------------actu-----------------------*/
    #actu, #actulat{
	     
	     
	      float:left;
	      text-align:center;
	      border:0px solid;
         }
     
      #actu  {	height:500px;width:555px}
     .titactu {	float:left; width:100%;padding:5px;border:0px solid #ffffff;margin-left:0px;}
    .news   {	width:24%;float:left; margin-left:0px; height:auto;display:block;}
    #actulat{ 	height: 100%;padding-bottom:50px;width:175px;float:right;}
    #actulat .news{width:100%;}
    .titleactu  {	float:center; 
    		width:100%;
    		padding:5px 0 5px 0;
    		border:0px solid #ffffcc;
    		margin-left:0px; 
    		margin-top:0px; 
    		margin-bottom:0px; 
    		height:25px;
    		text-align:center;}
    #actu .titleactu {height:45px;}
    
    .actuimg  {width:95%;float:center;height:auto;}
    #actu .actuimg{height:50px; overflow:hidden;position:relative;top:-25px;}
    
    .actutxt  {width:65%;float:right;text-align:left;margin-left:5px;border:0px solid;}
    .actutxt2  {width:95%;float:right;text-align:left;}
    .actumore{text-align:right;padding-right:15px;}
    /*-------------edito----------------------*/
    .edito{          width:220px;  padding:0px 0 0px 0;float:right;  text-align:right;height:500px;overflow-y:auto;overflow-x:hidden;}
    .editoimg{width:80%;float:center; }
    .editotxt{width:48%;float:right;text-align:left;}
    .textedito{width:95%;float:center;text-align:left;padding:10px 10px 10px 10px;}
    .titleedito{padding:10px 10px 10px 10px;}
    .edito1{}
    .edito2{}
    .edito3{}
    .editomore{float:right;margin-top:-25px;}
    /*-------------articles-------------------*/
    .titlecat{float:right;padding:25px 0px 25px 0px;width:97%;border:0px dotted red;height:50px auto;}
    .titlecat2{float:right;padding:10px 0px 10px 0px;width:470px;border:0px dotted red;}
    .file{float:left;width:100%;border:0px dotted red;}
    .formular{width:600px;}
    .dossier{float:right;width:100%;
       height:auto; 
      display:block;
      clear-after:both; }
    .date{float:right;border:0px dotted red;padding:0px 5px 5px 0px;}

    /*----------------index2--------------------------*/
    #Center{width:485px;
    float:left;border:0px dotted; display:block;}

    #Droite{width:90px;
    border:0px solid;
    float:right;}
    
    #Article{
    clear-before:both;
      float:left; 
      width:555px;   
      height:auto; 
      display:block;
      clear-after:both;
    }
    
     
    #ArticlePlus{
      float:right; 
      width:100%;   
      height:auto; 
      display:block;
      clear-after:both;
    }
    	
	.annif{
	float:left;
	border:0px solid;
	height:auto;
	margin-top:250px;
	margin-left:35px;
	padding:5px;
	
	text-align:center;}	
	.annivers{
	font-size:12px;
	font-weight:bold;
	
	text-align:center;
	width:100%;
	}	
	
	.titlemeteo{	
    		background-position:relativ;
    		top:-5px;left:120px;
    		color:white;
    	}
    /*-----------------galerie------------------ */
    
    #expo{border:0px solid; width:165px;float:right;}
     .titgal{width:100%;}
    .gal  {width:95%;float:left; height:125px;overflow:hidden;margin-left:3px;}
    .vignette{width:29%; float:left;}
    .titlegal{float:left; padding:3px;border:0px solid #ffffff;margin-left:0px;width:100%;}
    .galimg  {width:75px;float:left;height:auto;padding-left:3px;}
    .galtxt  {width:65%;float:right;text-align:left;margin-left:5px;border:0px solid;}
    .galtxt2  {width:95%;float:right;text-align:left;}
    .galmore{text-align:right;padding-right:15px;}
/*--------------------Identify-if front---------------------*/
#Logon{
  width:100%;
  background-color:#ffffff;
  border:0px solid;
}
.identify{
  text-align:right;
  padding:5px;

}
.idtitle{
  font-weight:bold;
  font-size:12px;
  width:180px;
}

/*---------------------Menu bas --------------------*/
#PiedMenu{
  height:15px;
  width:720px;
  float:center;

}
    .centerpied{  width:auto;
      text-align:center;
      border:0px solid;
    }
    .menu2{
    width:100px;
    float:left;
    padding:0px 10px 0px 10px;
  }

/*---------------------Footer-----------------------*/
#footer{
clear:both;
  width:100%;
  float:center;
  height:45px;
  border-top: 0px solid;
  background-color:#CC0033;
 
  }

 .footertxt{
   text-align:center;
   padding: 0px 0px 0px 0px;
 }
  .footertxt1, .footertxt2, .footertxt3{
   text-align:center;
   padding: 5px 10px 0px 10px;
   width:auto;
   float:left;
  
 }




/*--------------essential-----------------*/
.clear{
	clear: both;
	font-size: 0px;
	height: -1px;
	margin: 0px;
	padding: 0px;
	border:0px;
}
.help{

	font-size: 6px;
	margin: 0px;
	padding: 0px;

}