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

#Page{
	width: 100%;
	border:solid 0px;
	
	text-align:center;
	float:center;
	display:block;
	padding-top:10px;
	 
	}
/*------------------------------Header-----------*/
#Header, #HeaderHome {

	height: 100px;
  	padding-left: 0px;
  	width:100%;
 	border:solid 0px;
 	float:right;
 	cursor:pointer;
}
#HeaderHome {

margin-top:50px;
height: 60px;

}

.Bar{
	width:100%;
	border-bottom:1px solid #bbbbbb;
	height:0px;
  	top: 10px;
 	background-image:url("../img/navbar.png");
	opacity:0.7;
  	position: sticky;
  	z-index:3;
 }
.Bar a:link{z-index:1;}    .logo {
      border:0px solid;
      float:left;
         margin:50px 0px 0 50px;
    }
    .logo img{}
    .headertxt1, .headertxt2, .headertxt3{
	      float:left;
	      border:solid 0px;
	      text-align:right; 
	      padding-top:0px; 
	      
	            }
      	.headertxt1{	width:80%;margin:50px 0px 10px 0px; text-align:center;}
      	.headertxt2{	      	
      	margin:0px 0px 10px 0px; 
      			width:80%;
      			text-align:center;
      			height:auto;
      			overflow:hidden;
           			      			}
	.headertxt3{	margin:-50px 50px 0 0px;float:left;text-align:center;width:80%;
}
	
	.meteo{		float:right;
			width:140px;
			margin-left:1%;
			margin-top:7px;
			background-image: url("../img/Mont1b.jpg");
			background-position:0px 0px;
			background-repeat:no-repeat;
			height:125px;
			color:white;
			font-weight:6em;}
	.titlemeteo{
		text-align:left;
		font-weight:900;
		padding-left:5px;
		
		}
		
    
      
/*----------------------------Container----------*/
#ContainerHome, #Container {	
    	text-align:center;
	width: 920px;
   	
}
/*----------------------Menu--------------------*/
/* Emplacement du Menu lat ral */
#Menubar1 {
	background-position: 0 0;
	background-repeat: repeat-y;
  	float:left;
  	width:22%;
	border:dotted 0px gray;
	margin:50px 0 0 0px;
	text-align:center;
	display:block;
	height:250px;
	display: table; 
	text-align:left;
	}
.encrier{
margin-top:-20px;
padding-right:5px;
float:right;
}
/* Emplacement du Menu horizontal */
#Menubar {
  	background-image:url("../img/navbar.gif");
	background-position: 0 0;
	background-repeat: repeat-x;
  	float:right;
 	 width:100%;
	height:30px;
	border:dotted 0px gray;
	margin:5px 0 0 200px;
	text-align:right;
	display:block;
	border-top:0px solid red;
}
.menutitlewithout{
	width:130px;
	border:0px solid;
}
#Menubar_hor, .Menubar_hor {
	background-position: 0 0;
	background-repeat: repeat-y;
  	float:left;
  	width:10px;
	height:10px;
	border:dotted 5px gray;
	margin:0px 0 0 0;
	text-align:center;
	padding-right:5px;
	display:none;
}
#Menu_hor_screen{
	width:79%;
	height:0px;
	padding-top:20px;
	z-index:2;
	float:right;
text-align:right;
padding-left:0px;
border:dotted 0px gray;


}
#Menu {
	background-position: 0 0;
	background-repeat: repeat-y;
  	float:right;
  	width:19%;
	border:dotted 1px gray;
	margin:0px 0 0 0px;
	text-align:left;
	display:block;
	height:auto;
	position: absolute; left:80%; top:10px;

}


/*------------------Content-------------------------*/
#Content, #Contentexpo,#ContentHome{
    margin: 0px 0px 0px 0px;
      display:block;
    border:0px solid green;
    
}
#Contentexpo{
	width:100%;
	float:center;}
	
#Content,#ContentHome{
	width:77%;
	float:left;
	border: 0px solid;
	height:360px auto;
}
#Content{	
		width:77%;
		}
#ContentHome{	height:410px auto;
		width:77%;}
    /*-------------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{
	      width:28%;
	      height: 100%;
	      float:right;
	      text-align:center;
	      border:0px solid;
         }
      #actulat{ 	height: 100%;padding-bottom:50px;}
      #actu  {	height:510px;}
      #Content #actu{width:100%;height:100%;}
     .titactu {	float:left; width:100%;padding:5px;border:0px solid #ffffff;margin-left:0px;}
    .news   {	width:100%;float:center; margin-left:0px; height:auto;display:block;
    overflow: hidden;}
   #Content #actu .news{width:25%;float:left;}
   
    .titleactu  {	float:center; 
    		width:100%;
    		padding:5px 0 0px 0;
    		border:0px solid #ffffcc;
    		margin-left:0px; 
    		margin-top:0px; 
    		margin-bottom:0px; 
    		
    		text-align:center;}
    	.titleactu div {height:25px;}
    .actuimg  {width:100%;height:200px;text-align:center;float:center; border:0px solid;}
    .actutxt  {width:65%;float:right;text-align:left;margin-left:0px;border:0px solid; }
    .actutxt2  {width:95%;float:right;text-align:left;}
    .actumore{text-align:right;padding-right:15px;}
    /*-------------edito----------------------*/
    .edito{          width:500px;  padding:20px 0 10px 0;float:left;  text-align:left;line-height:22px;}
    .editoimg{width:80%;float:center; }
    .editotxt{width:48%;float:right;text-align:left;}
    .editotxt2{width:100%;float:center;text-align:left;}
    .titleedito{padding:10px 0 10px 0;text-align:left;}
    .edito1{}
    .edito2{}
    .edito3{}
    .editomore{float:right;margin-top:-25px;}
    /*-------------articles-------------------*/
    .titlecat{float:left;padding:25px 0px 25px 25px;width:100%;border:0px dotted red;height:50px auto;text-align:right;margin-left:0px;}
    .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%;display:block; }
    .date{float:left;border:0px dotted red;padding:5px 5px 5px 0px;}

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

    #Droite{width:90px;
    border:0px solid;
    float:right;}
    
    #Article{
      float:left; width:72%;   
      height:auto; 
      display:block;
      clear-after:both;
    }
    #ArticlePlus{float:left; width:100%; display:block;border:0px solid;  }
    
    
    	
				
    
    /*-----------------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{
  width:920px;
  float:center;
  height:25px;
  border-top: 1px solid #800000;
  
  }

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


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

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

}