/* STYLE SLIDER */
.content_aeb #intro{
	position: relative;
	padding:0;
}
.content_aeb #intro .bloc-slide {
    width: 100%;
    position: absolute;
    top:75%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.content_aeb #intro h1 .titreHide {
	position:absolute;
	width:1px;
	height:1px;
	margin:-1px;
	padding:0;
	color:#fff;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0
}
.content_aeb #intro .bloc-slide h2{
	font-family: 'Comfortaa', cursive;
	color: #ffff;
	text-shadow: 0px 3px 6px #00000029;
	font-size: 60px;
	line-height:65px;
	text-align: center;
    text-transform: initial;	
}

.content_aeb #intro .slide img {
	width:100%;
}
/* LOGO Spécialement pour l'accueil */
#logoImage.logo-one {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    transform: scale(1);
}
#logoImage.logo-one.fade-out {
    opacity: 0;
    transform: scale(0.8);
}
#logoImage.logo-one.fade-in {
    opacity: 1;
    transform: scale(1);
}
/* RESPONSIVE */
@media only screen and (min-width: 1200px) {
#logoImage.logo-one{
	position: absolute;
	top:0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
#logoImage.logo-one {
    max-width: 250px;
}	
}

@media only screen and (max-width: 1199px) {
/* PRENDRE EN COMPTE QUE LE CODE QUI SUIT C'EST POUR LE MOBILE - ADAPTATION a VENIR POUR LES PLUS GRAND ECRAN*/
#logoImage.logo-one {
	max-height: 160px;
	z-index: 9999;
	position: relative;
}
.content_aeb #intro .bloc-slide {
	top: 70%;
}
.content_aeb #intro .bloc-slide h2{
	line-height: 1.2;
	max-width: 90%;
    margin: auto;	
}
}
@media only screen and (max-width: 1023px) {
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
	
}
@media only screen and (min-width: 801px) and (max-width: 1199px) {
.content_aeb #intro .bloc-slide h2{
	font-size: 45px;	
}
}
@media only screen and (min-width: 700px) and (max-width: 1024px) {

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

}
@media only screen and (min-width: 481px) and (max-width:800px) { 
.content_aeb #intro .bloc-slide h2{
	font-size: 40px;	
}	
}
@media only screen and (max-width:480px) { 
.content_aeb #intro .bloc-slide h2{
	font-size: 30px;	
}	
}
@media only screen and (max-width: 360px) {

}

/* SECTIONS EN UN CLIC */
@media only screen and (min-width: 1025px) {
#onClic{
	padding:0 0 1.5em;
}
.actionunclic{
	display: flex;
    justify-content: space-between;
    margin-top: -3em;	
	
}	
.enunclic {
    align-self: center;
}
.enunclic p {
    font-family: 'Comfortaa', cursive;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
    color: #ADD9F5;
    margin-top: 1em;
}
.enunclic p strong {
	font-family: 'Comfortaa', cursive;
    font-size: 70px;
    line-height: 40px;
    color: #E68EB9;
}	
.enunclic p span {
    font-size: 45px;
    line-height: 40px;
	font-family: 'Comfortaa', cursive;
    color: #ADD9F5;
}		
}		
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
.enunclic .bulle {
    max-width: 150px;
}
.home #eaucommune {
    padding: 1em 0 2em;
}
}
/* Section eau commune - Fichier à part conjoint à la page Infos pratiques */

/* Section video */
#edm-video{
	padding:3em 0 2em;
}
#edm-video .bloc-2{
	align-self:center;
}
#edm-video .btn{
	border-color:#2359C6;
	color:#2359C6;
	background: #fff;
}
#edm-video .video-container {
    position: relative;
}
#edm-video .video-player {
    display: none;
    width: 100%;
    height: 100%;
}
#edm-video .video-thumbnail {
    cursor: pointer;
}	

@media only screen and (min-width: 801px) and (max-width: 1199px) {
#edm-video {
    padding: 3em 0 2em;
}	
#edm-video .row{
    position: relative;
	padding-top:4em;
}	
#edm-video h2{
    position: absolute;
    left: 15px;
    top: 0;
}	
#edm-video .video-container{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
}	
#edm-video > div > div > div:nth-child(2){
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
}	
}
@media only screen and (min-width: 801px) and (max-width: 1100px) {	
#edm-video .row{
	padding-top:6em;
}	
}
@media only screen and (min-width: 600px) and (max-width: 1200px) {
#edm-video h2 br{
	display: none;
}	
#edm-video {
    padding: 1em 0 2em;
}	
}
@media only screen and (max-width: 800px) {
#edm-video {
	position: relative;
}
#edm-video .btn{
	position: absolute;
	bottom: 0;
	left:5%;
}
#edm-video .bloc-2:nth-child(1){order:2;}
#edm-video .bloc-2:nth-child(2){order:1;}
#edm-video .video-thumbnail, #edm-video video {
    margin: 1em 0 1.5em;
	display: block;
}
}
/* Section actu */

#actus .bloc-article img {
    width:100%;
	object-fit: cover;
	height:100%;
}
@media only screen and (min-width: 1200px) {
#actus .bloc-article.featured img {
	height:564px;
}	
.bloc-article:not(.featured) .datcat {
    margin: 2em 0 1em;
}	
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
#actus {
    padding: 0 0 3em;
}
}
@media only screen and (min-width: 801px) and (max-width: 1024px) {
#actus {
    padding: 0 0 1.5em;
}
}

/* Section #laissepascouler */
#edm-lpc{
	background: -webkit-linear-gradient(81deg,#24bbc7 0%, #95e5fd 100%);
	background: -o-linear-gradient(81deg,#24bbc7 0%, #95e5fd 100%);
	background: linear-gradient(81deg,#24bbc7 0%, #95e5fd 100%);	
	padding:3em 0;
}
#edm-lpc .bloc-2{
	align-self: center;	
}
#edm-lpc h2{
	color:#fff;	
}
#edm-lpc p strong{
	font-size:21px;
	margin:1em 0;
	display: block;
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
#eaucommune h2, #edm-video h2, #actus h2, #edm-lpc h2 {
	font-size: 36px;
	line-height: 1.15;	
}
#edm-video h2 {
	font-size: 36px;
	line-height: 1.15;		
	margin-bottom: .5em;
}	
}
@media screen and (max-width:800px) {
#eaucommune h2, #edm-video h2, #actus h2, #edm-lpc h2 {
	font-size: 36px;
	line-height: 40px;	
}
#edm-video h2 {
	font-size: 36px;
	line-height: 40px;	
	margin-bottom: .5em;
}
#edm-lpc p strong {
    margin: 0.5em 0;
} 
#edm-lpc img {
    margin: 1em 0 0;
	width:100%;
}
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
#eaucommune h2, #edm-video h2, #actus h2, #edm-lpc h2 {
	font-size: 36px;
	line-height: 40px;	
}
#edm-video h2 {
	font-size: 36px;
	line-height: 40px;	
	margin-bottom: .5em;
}	
}