@media only screen and (max-width: 1280px) 
{
}

@media only screen and (max-width: 1024px) 
{
}

@media only screen and (max-width: 960px) 
{
}

@media only screen and (max-width: 768px)
{
}

@media only screen and (max-width: 720px) 
{
}

@media only screen and (max-width: 640px) 
{
}

@media only screen and (max-width: 480px) 
{	
	#container-map-selector{height: 320px; border: 1px solid #CCCCCC; border-radius: 3px;}

	#map{ height:200px; width: 90%; margin-top: 0px;margin-bottom: 3px; z-index: 1;}

	.headcontainer
	{
		width: 99%;
		margin: 0 auto;
		margin-left:1px;
		padding: 1px;
	}

	.container
	{
		width: 99%;
		margin: 0 auto;
		margin-left:1px;
		padding: 1px;
	}

	.logo img
	{
		margin-left:3px;
		width: 80%;
	}

	.logoets img
	{
		width:70%; 
		padding-right:5px;
	}

	.slogan
	{
		float :left;
		margin-top : 80px;	
		margin-left : 3px;	
		font-family: 'Ubuntu', sans-serif;	
		font-size: 9px;
		text-align: justify-all;
	}

	.connectbox1
	{
		display: none;
	}

	.slider
	{
		margin-top : 110px;	
	}

	.images-slider img
	{
		width:18.9%;
		height:auto;
	}

	.mapSelect
	{
		width : 95%;
	}

	.resultSelect
	{
		float : left;
		width: 95%;
		margin-top: 1px;
	}

	.filter
	{
		font-size: 9px;
	}

	.imgEts
	{
		right : 100px;
		width: 81px;
		height: 39px;
		position: absolute;
	}

	.imgEts img
	{
		width : 120%;
		height: auto;
	}

	.logoVilAc1
	{
		width: 80px;
		height: 50px;
		margin-top: 1px;
		right: 10px;		
		text-align: right;	
		position: absolute;	
	}

	.logoVilAc1 img
	{
		width : 80%;
		height: auto;		
	}

	.logoVilAc2
	{
		width: 80px;
		height: 56px;
		margin-top: 50px;
		right: 10px;		
		position: absolute;
	}

	.logoVilAc2 img
	{
		max-width : 68%;
		object-fit: contain;
	}

	.titreEts
	{
		max-width: 53%;
		min-width: 66%;
		font-size: 13px;
		margin-top: 55px;
		margin-left : 38px;
	}

	.titre1
	{		
		font-size: 20px;		
		margin-bottom: 5px;
	}

	.titre1b
	{		
		font-size: 20px;		
		margin-bottom: 2px;
	}

	.titre2
	{
		font-size: 15px;
		margin-bottom: 2px;
	}

	.titre3
	{
		font-size: 15px;
		margin-top: 10px;
		margin-bottom: 2px;
	}

	.titre4
	{
		font-size: 15px;
		margin-top: 1px;
		margin-bottom: 2px;
	}

	.titform
	{
		padding-top: 5px;
	}

	.titform2
	{
		margin-left:5px
	}

	.titform4
	{
		padding-left:5px;		
		font-size: 11.5px;
	}

	.txtnorm1
	{	
		font-size: 11px;
		line-height: 150%;
	}

	.txtnorm3
	{
		padding: 5px;	
		font-size: 16px;	
		width : 96%;
		border-radius: 3px;	
		box-shadow: 5px 3px 3px #F4F4F7;
	}

	.txtLegend
	{	
		font-size: 9.5px;
	}

	.txtError
	{
		font-size: 9.5px;
	}

	.txtnote
	{
		font-size: 10px;
		line-height: 180%;
	}

	.lstEts
	{
		float : left;
		width: 98%;
		height: 210px;
		margin-left :2px;
		margin-top: 7px;
		overflow: auto;
		border-radius: 7px;
		font-size: 12px;
	}

	.lkContact
	{
		margin-top: 20px;
		margin-bottom: 5px;
	}

	.imgContact
	{
		padding-left: 3px;
		width : 48%;
		min-height: 150px;
		font-size : 11.5px;
	}

	.imgContact img
	{
		width : 60%;
		height: auto;
	}

	.lkcalendar
	{	
		width : 95%;
		margin-top: 5px;
		margin-bottom: 5px;
	}

	.lkcalendar img
	{	
		max-width : 100%;
		height : auto;
	}

	.lkdata
	{
		width : 100%;
		background-color: #F2F2F4;
		margin-top: 5px;
		margin-bottom: 20px;
		padding-right: 0px;
		height: 210px;
	}

	.lkjnal
	{
		width : 100%;
		padding-right: 0px;
		height: 70px;
	}

	.liste
	{
		font-size: 11.5px;
		margin-bottom: 5px;
		line-height: 150%;
		text-align: left;
	}

	.lkInfo
	{
		margin-top: 3px;
		width : 100%;
		line-height: 0%;
		text-align: center;
	}

	.lkInfo img
	{
		width:32%;
		height:auto;
	}

	.lkdataInfo
	{	
		float : right;
		width: 98%;
		height: 400px;
	}

	.prefooter
	{ 
		margin-top: 10px;
		font-size: 10px;
	}

	.footer
	{ 	 
		width: 99.8%; 
		margin: 0 auto;
		margin-left:1px;
		margin-bottom: 5px;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 10px;
		border-bottom-right-radius: 8px;
		border-bottom-left-radius: 8px;
	 }

	.nav
	{
		margin-top: 5px;
		margin-left: 20px;
		margin-bottom: 10px;
	 	font-size: 10px;
	 	position : absolute;
	}

	.main_pages
	{
		height: 100%;
	}

	#lbmnu 
    {
        display:flex;
        margin-top : 0px;        
		margin-left: 2px;
        cursor: pointer;
    }
 	
    #toggle:checked + .menuEts {
        display: flex;
    }
    
    .menuEts
	{
	 	display: none;
        flex-direction: column;
        float : left;
	 	width:  40%;
	 	vertical-align: text-top;
	 	font-size: 10.5px;
	 	margin-top : 3px;
	 	line-height: 200%; 
	 	border : 3px solid #EAEAFF;
	 	z-index: 10;
	 	position: absolute;
	 	background-color: #FFFFFF;
	}

	.menuEts li
	{
		background-image: url('../../images/btn/menuOffres.png');
		background-size : 100%; 
		width: 98%;
		padding-bottom: 5px;
		padding-left: 3px;
	}

	.menuEts li li
	{
		font-size: 10.5px;		
		width: 98%;
		padding-left: 1px;		
		padding-bottom: 1px;
	}

	.menuEts li:hover, .menuEts ul li a:hover
	{
		background-image: url('../../images/btn/menuOnres.png');
		background-size : 100%; 			
		width: 98%;
	}

	.menuEts li.titactif, .menuEts ul li a.titactif
	{
		background-image: url('../../images/btn/menuOnres.png');
		background-size : 100%; 			
		width: 98%;
	}

	.menuEts li li:hover, .menuEts li li a:hover
	{	
		background-image: none;
		background-color: #FFFFFF;
		color : #FF9900;
	}

	.menuEts li li.itactif, .menuEts li li a.itactif
	{	
		background-image: none;
		background-color: #FFFFFF;
		color : #FF9900;
	}

	.pages
	{
		width: 95%;
		font-size: 11.5px;
		padding-left: 1px;		
		min-height: 800px;
	}

	.pages p
	{
		max-width: 97%;
		margin-left: 5px;
	}

	.pages img
	{
		width: 50%;
		height: auto;
	}

	.cadimg, .cadimg2,  .cadimg3
	{
		padding:5px;
		max-width:90%;
		max-height: 300px;
	}

	.cadimg img, .cadimg2 img, .cadimg3 img
	{
		width: 100%;
		height: auto;
	}

	.entkorpages
	{
		width: 95%;
		margin-bottom: 5px;
	}


	.imgpagesr
	{
		margin-top: -15px;
		margin-left: 2px;
	}

	.imgpagesr img
	{
		width:40px;
		height:auto;
	}

	.imgpagesl img
	{
		width:40px;
		height:auto;
	}

	.imgpagesl2 img
	{
		width:60px;
		height:auto;
	}

	.imgpagesl5 img
	{
		width:80px;
		height:auto;
	}

	.titpagesimgr
	{
		font-size: 12px;
		margin-top : 5px;
		margin-left : 1px;
		padding-bottom: 10px;
	}	

	.titpagesimgl
	{
		font-size: 12px;
		margin-top : 5px;
		padding-left :40px;
		padding-bottom: 10px;
	}	

	.titpagesimgl2
	{
		font-size: 12px;	
		margin-top : 5px;
		padding-left :60px;
		padding-bottom: 10px;
	}

	.imgMap
	{
		background-size: 25%;
		background-position: center bottom;
		min-height:55px;
		overflow-wrap: break-word;
	}

	.imgInfos
	{
		background-size: 90%;
		background-position: right;
		min-height: 51px;
		min-width: 75px;
		margin-left: 250px;
	}

	.likes
	{
		margin-left: 5px;
		width :95%;
	}


	.lkcalendar
	{	
		width : 100%;
		margin-top: 0px;
		margin-bottom: 5px;
		float : left;	
	}

	.lkhour
	{
		float: left; 
		padding-right:5px;
	}

	.home a
	{
		margin-top: 5px;
		padding-right: 5px;
	 	font-size: 10px;
	 	margin-bottom: 20px;
	}

	.qwtj1
	{
		width:30%; 
		padding-right:5px;
		margin-top:5px;
	}

	.qwtj1 img
	{
		max-width: 100%;
		height: auto;
	}

	.qwtj2
	{
		margin-top:5px;
		text-align: justify;
	}

	.qwtj3 
	{
		margin-top: 15px;
	}

	.qwtj3 img
	{
		width: 80%;
		height: auto;
	}

	.txtSelect 
	{
	   height: 20px;
	   font-size: 11px;
	   margin : 0px 0px 3px 3px;
	}

	.txtSelect2 
	{
	   height: 20px;
	   font-size: 11px;
	   margin : 0px 0px 3px 3px;	   
	   min-width: 300px;
	}

	.txtSelectS
	{
	   height: 20px;
	   font-size: 11px; 	 
	   margin : 0px 0px 3px 3px;
	   min-width: 200px;
	}

	.txtSelectL
	{
	   height: 20px;
	   font-size: 11px;  
	   margin : 0px 0px 3px 3px;
	   min-width: 300px;
	}

	.txtinputrefr
	{
		height: 20px;
		margin : 0px 0px 3px 3px;
		font-size: 11px;
		max-width: 300px;
		border-color: #CCCCCC;
	}

	.txtinputrefr2
	{
		height: 20px;
		margin : 0px 0px 3px 3px;
		font-size: 11px;
		max-width: 216px;
		border-color: #CCCCCC;
	}

	.txtinputrefr3
	{
		height: 20px;
		margin : 0px 0px 3px 3px;
		font-size: 11px;
		min-width: 50px;
		max-width: 142px;
		border-color: #CCCCCC;
	}

	.txtinputrefr4
	{
		height: 20px;
		margin : 0px 0px 3px 3px;
		font-size: 11px;
		min-width: 50px;
		max-width: 142px;
		border-color: #CCCCCC;
	}

	.szcp
	{
		max-width: 70px;
	}


	.txtarea 
	{
	  resize: none;
	  margin : 0px 0px 0px 3px;
	  border-radius: 5px;
	  max-width: 300px;
	  font-size: 11px;  
	}

	.txtareams
	{
	  resize: none;
	  margin : 0px 0px 0px 3px;
	  border-radius: 5px;
	  max-width: 300px;
	  font-size: 11px;  
	}

	.btnpg
	{
		margin-top: 15px;
		padding : 5px;
		border-radius: 5px;
		font-size: 12px;
	}

	.communautform
	{		
		width:100%;
		font-size: 11px;
		line-height: 150%;
		background-image: url('../../images/com/butComm.png');
		background-size: contain;
		background-repeat: no-repeat;
		background-position-x: 0px, center;
	}

	.form-subscribe
	{	
		width:98%;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 10px;
		padding-top: 40px;
		padding-right: 1px;	
		padding-left: 2px;
		background-image: none;		
	}

	.communauta
	{
		height : 85px;
		background-size: 30%;
	}

	.communautb
	{	
		margin-top: 5px;
		width : 100%;
		line-height: 100%;
	}

	.communautb img
	{
		width:32%;
		max-height: 68px;
	}

	.communautc
	{	
		float : left;
		width: 95%;	
		line-height: 150%;	
		padding: 2px;	
		margin-top: 0px;
		margin-bottom: 30px;
		margin-right: 0px;
	}

	.titreComm
	{
		width: 80%;
		font-size: 9px;
		margin-top: 2px;
		margin-bottom: 2px;
		line-height: 150%;
		font-weight: normal;
	}

	.bdtbeq
	{
		margin-left: 10px;
		width : 95%;
	}

	.album
	{
	  float: left; 
	  width: 30%;
	  height: 95px;
	  padding: 2px;
	}

	.fedepp
	{		
		height:60px;
	}

	.fede
	{
	   width: 100px;
	   height: 60px;
	   line-height:60px;
	}

	.fede img
	{
		min-width: 50px;
		height: auto;
	}

	.publicationpls
	{
		margin-bottom: 10px;
		width: 100%;
		max-height: 800px;
		border-radius: 3px;			
	}

	.publication
	{
		margin-bottom: 10px;			
		width: 100%;
		max-height: 240px;
		border-radius: 3px;	
	}

	.headpubli
	{
		height: 30px;	
		width: 88%;
		font-size:10px;
		padding-left: 2px;
		padding-top: 4px;	
		border-radius: 5px;	
		line-height: normal;
	}

	.headauth
	{
		font-size:9px;
		padding-left:4px;
	}

	.headpublidt
	{		
		background-size: 100%;
		background-position: top;
		height: 19px;
		width: 10%;
		font-size:16px;
		border-top-left-radius: 5px;
		text-align: bottom;		
		padding-top: 11px;
	}

	.legendpublil, .legendpublir
	{
		height: 15px ;	
		font-size: 9.5px;
		margin-top: 1px ;
	}

	.bodypubli
	{
		padding: 2px 3px;
		margin-top : 50px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.bodypublipls
	{
		max-height: 800px ;
		padding: 2px 3px;
		margin-top : 50px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}

	.adinfpls
	{
	  font-size: 9px;
	}

	.retinfpls
	{
	  font-size: 11.5px;
	}

	.bdtbwktab
	{
		max-width: 80%; 
	}
	.imgmnu
	{
		min-width: 80%; 
	}

	.imgmnuext
	{
		min-width: 90%; 
	}

	.tobjt
	{
		width: 100%;
	}

}

@media only screen and (max-width: 320px) 
{
	
}