/*
Theme Name: RMMS Régie La Réole
Theme URI: https://comtogether.fr
Author: Com Together
Author URI: https://comtogether.fr
Text Domain: rmms
*/
.grecaptcha-badge {display: none!important;visibility: hidden!important;}
:root {
	--bleu: #361FDB;
	--vert: #47DABE;
	--jaune: #F2D492;
	--rouge: #CE796B;
	--urgence: #DB0032;
	--gris: #FAFAFA;
}
.hidden {
	display: none;
}
.img-fluid img {
	  max-width: 100%;
    height: auto;
}
@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	    max-width: 1140px;
	}
}
.container-specific {
	max-width: 1500px;
}
.__btn {
	padding:20px 30px;
	display: inline-block;
	border-radius: 50px;
	background:var(--vert);
	color:var(--bleu);
	text-decoration: none;
	font-weight:600;
	text-transform: uppercase;
	transition:all .4s ease-in-out;
	margin-top:15px;
	text-align: center;
}
.__btn:hover {
	background:var(--bleu);
	color:var(--vert);
}
body {
	font-family: 'Jost', sans-serif;
	font-size:16px;
}
#alerte {
	padding:10px 0;
	background:var(--bleu);
	color:white;
	position: fixed;
	top:0;
	left:0;
	right:0;
	z-index: 1000;
}
#alerte.modere {
	background:var(--jaune);
	color:var(--bleu);
}
#alerte.eleve {
	background:var(--rouge);
}
#alerte span.item {
	border-right:1px solid white;
	padding-right:10px;
	font-weight: 600;
}
#alerte span.message {
	padding-left:5px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    left: 160px;
    right:0;
}
#alerte span.message p {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
}

#alerte span.message.message2 p {
  animation-delay: 0s;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}
@keyframes Toright {
  0% {
    left:0;
  }
  100% {
    left:100%;
  }
}
@keyframes circletimer {
  0% {
  	stroke-dashoffset: 500;
    stroke-dasharray: 500;
  }
  100% {
  	stroke-dashoffset: 0;
    stroke-dasharray: 500;
  }
}
#alerte ul.acces {
	list-style-type: none;
	padding:0;
	margin:0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
}
#alerte ul.acces li a {
	color:white;
	font-weight:600;
	text-transform: uppercase;
	text-decoration: none;
	display: flex;
	align-items: center;
}
#alerte ul.acces li:not(:last-child) {
	margin-right:15px;
}
#alerte ul.acces li a:before {
	content:'';
	display: block;
	width: 20px;
	height:20px;
	background-size:20px;
	background-repeat: no-repeat;
	background-position: center;
	margin-right:10px;
}
#alerte ul.acces li.contact a:before{
	background-image:url('images/email.svg');
}
#alerte ul.acces li.espace_client a:before{
	background-image:url('images/espace-client.svg');
	background-size: 16px;
}
#alerte ul.acces li a:hover {
	color:var(--vert);
}
header {
	position: fixed;
	top:44px;
	left:0;
	right:0;
	z-index: 1000;
}
header.active {
	background:var(--bleu);
}
header a.logo img {
	transition:all .4s ease-in-out;
	height:130px;
	width: auto;
}
header ul.social,
footer ul li.social ul {
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	list-style-type: none;
	margin:0;
	padding:0;
}
header ul.social li:not(:last-child),
footer ul li.social ul li:not(:last-child) {
	margin-right:10px;
}
header ul.social li a,
footer ul li.social ul li a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height:30px;
	background:var(--bleu);
	border-radius: 100%;
	transition:all .4s ease-in-out;
}
header ul.social li a:hover,
footer ul li.social ul li a:hover {
	background:var(--vert);
}
header ul.social li a:hover svg,
footer ul li.social ul li a:hover svg {
	fill:var(--bleu);
}
header ul.social li a svg,
footer ul li.social ul li a svg {
	width: 12px;
	height:12px;
	fill:white;
	transition:all .4s ease-in-out;
}
header button.menu,
header button.service_urgence {
    padding: 10px 20px;
    display: block;
    outline: none;
    border: none;
    background: var(--bleu);
    color: white;
    font-weight: 800;
    text-transform: uppercase;
    border-radius: 50px;
    margin: 0 20px 0 20px;
    font-size: 0.875rem;
}
header button.menu {
	display: flex;
	align-items: center;
}
header button.menu span.burger {
	width: 20px;
	height:14px;
	border-top:2px solid rgba(255,255, 255, 1);
	border-bottom:2px solid rgba(255,255, 255, 1);
	display: block;
	position: relative;
	margin-right:10px;
	transition:all .4s ease-in-out;
}
header button.menu span.burger:before {
	content:'';
	display: block;
	width: 20px;
	height:2px;
	background:white;
	position: absolute;
	top:4px;
}
header button.menu.active {
	background:white;
	color:var(--bleu);
}
header button.menu.active span.burger:before {
	background:var(--bleu);
}
header button.menu.active span.burger {
	border-top-color: rgba(255,255, 255, 0);
	border-bottom-color: rgba(255,255, 255, 0);
}
header button.service_urgence {
	background:var(--urgence);
	margin-right:0;
}
header:not(.active).scrolled {
    background: white;
}
header.scrolled a.logo svg {
	height:60px;
}
header.scrolled a.logo svg #logo_la_reole_rectangle,
header.scrolled a.logo svg #logo_la_reole_ecriture {
	display: none;
}
header.active a.logo svg,
header.active a.logo svg * {
	fill:white;
}
header.active a.logo svg #logo_la_reole_ecriture * {
	fill:var(--bleu);
}
header.active ul.social li a {
	background:white;
}
header.active ul.social li a svg {
	fill:var(--bleu);
}
nav {
	position: fixed;
	top:-100vh;
	left:0;
	right:0;
	bottom:0;
	background:var(--bleu);
	z-index: 10;
    height: 100vh;
    overflow-y: scroll;
    padding-top:230px;
    transition:all .4s ease-in-out;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
nav::-webkit-scrollbar {
  display: none;
}

nav.active {
	top:0;
}
nav #menu_principal_left {
	font-size:2.813rem;
	text-transform: uppercase;
	list-style-type: none;
	padding:0;
	margin:0;
	line-height: 1;
}
nav #menu_principal_left li {
	margin-bottom: 0.938rem;
}
nav #menu_principal_left > li > a {
	color:var(--vert);
	font-weight: 800;
	text-decoration: none;
	opacity: .4;
	transition:all .4s ease-in-out;
	position: relative;
}
nav #menu_principal_left > li > a:before {
	content:'';
	display: block;
	position: absolute;
	top:0;
	/*left:0;*/
	right:0;
	bottom:0;
	background:var(--bleu);
}
nav.active #menu_principal_left > li > a:before {
	animation: Toright 2s normal;
	animation-delay: 0;
}
/*nav.active #menu_principal_left > li:nth-of-type(1) > a:before {
	animation-delay: 0s;
}
nav.active #menu_principal_left > li:nth-of-type(2) > a:before {
	animation-delay: 0.2s;
}
nav.active #menu_principal_left > li:nth-of-type(3) > a:before {
	animation-delay: 0.4s;
}
nav.active #menu_principal_left > li:nth-of-type(4) > a:before {
	animation-delay: 0.6s;
}
nav.active #menu_principal_left > li:nth-of-type(5) > a:before {
	animation-delay: 0.8s;
}
nav.active #menu_principal_left > li:nth-of-type(6) > a:before {
	animation-delay: 1s;
}
nav.active #menu_principal_left > li:nth-of-type(7) > a:before {
	animation-delay: 1.2s;
}*/
@keyframes Toright {
  0% {
    left:0;
  }
  100% {
    left:100%;
  }
}
nav #menu_principal_left li a:hover,
nav #menu_principal_left li.active a {
	opacity: 1;
}
nav #menu_principal_left ul.sub-menu {
	display: none;
}
nav #menu_content ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
nav #menu_content ul li a {
	color:white;
	text-decoration: none;
	transition:all .4s ease-in-out;
}
nav #menu_content ul li a:hover {
	color:var(--vert);
}
nav #menu_content > ul {
	display: flex;
	flex-wrap: wrap;
}
nav #menu_content > ul > li {
    width: 50%;
    margin-bottom: 30px;
}
nav #menu_content > ul > li > a {
	font-weight: 800;
	text-transform: uppercase;
	font-size:1.25rem;
	display: flex;
	align-items: center;
    margin-bottom: 15px;
}
nav #menu_content > ul > li.item-electricite > a:before,
nav #menu_content > ul > li.item-eau > a:before,
nav #menu_content > ul > li.item-gaz > a:before,
nav #menu_content > ul > li.item-assainissement > a:before,
nav #menu_content > ul > li.item-chaleur-bois > a:before {
	content:'';
	width: 50px;
	height:50px;
	background-image:url('images/energies.svg');
	margin-right:10px; 
	background-repeat: no-repeat;
   background-position: center;
}
nav #menu_content > ul > li.item-electricite > a:before {
	background-position: 0;
}
nav #menu_content > ul > li.item-eau > a:before {
	background-position: -50px;
}
nav #menu_content > ul > li.item-gaz > a:before {
	background-position: -100px;
}
nav #menu_content > ul > li.item-assainissement > a:before {
	background-position: -150px;
}
nav #menu_content > ul > li.item-chaleur-bois > a:before {
	background-position: -200px;
}
nav #menu_content > ul > li > ul > li {
	margin-bottom:15px;
}
nav #menu_content > ul > li > ul > li > a {
	text-transform: uppercase;
	font-weight: 600;
	padding-left:30px;
	background-image:url('images/arrow-menu.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size:20px;
	display: block;
    line-height: 1;
    margin-bottom: 15px;
}
nav #menu_content > ul > li > ul > li > ul {
	margin-left:30px;
}
nav #menu_content > ul > li > ul > li > ul li a {
	padding-left:30px;
	background-image:url('images/arrow-menu.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size:20px;
	display: block;
    line-height: 1;
    margin-bottom: 15px;
}
nav #menu_content > ul > li:not(.item-electricite):not(.item-eau):not(.item-gaz):not(.item-assainissement):not(.item-chaleur-bois) {
	margin-bottom: 15px;
}
nav #menu_content > ul > li:not(.item-electricite):not(.item-eau):not(.item-gaz):not(.item-assainissement):not(.item-chaleur-bois) > a {
	padding: 15px;
	border-radius: 10px;
	line-height: 1;
	background:white;
	color:var(--bleu);
	font-size: 1rem;
	display: block;
	width: calc(100% - 15px);
	margin-bottom: 0;
	transition:all .4s ease-in-out;
}
nav #menu_content > ul > li:not(.item-electricite):not(.item-eau):not(.item-gaz):not(.item-assainissement):not(.item-chaleur-bois) > a:hover {
	background:var(--vert);
}
#urgence_modal {
	position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgb(255 255 255 / 87%);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 5;
} 
#urgence_modal.active {
	display: flex;
}
#urgence_modal .content_modal {
	background: var(--bleu);
  width: 100%;
  max-width: 500px;
  padding: 30px 15px;
  border-radius: 20px;
  color: white;
  text-align: center;
  margin:15px;
  position: relative;
}
#urgence_modal .content_modal .close_modal_urgence {
	width: 30px;
	height:30px;
	background-color:var(--urgence);
	border-radius: 100%;
	position: absolute;
	top:-15px;
	right:-15px;
	border:none;
	outline:none;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyOS4yNjkzMyAzMjkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPjxwYXRoIGQ9Im0xOTQuODAwNzgxIDE2NC43Njk1MzEgMTI4LjIxMDkzOC0xMjguMjE0ODQzYzguMzQzNzUtOC4zMzk4NDQgOC4zNDM3NS0yMS44MjQyMTkgMC0zMC4xNjQwNjMtOC4zMzk4NDQtOC4zMzk4NDQtMjEuODI0MjE5LTguMzM5ODQ0LTMwLjE2NDA2MyAwbC0xMjguMjE0ODQ0IDEyOC4yMTQ4NDQtMTI4LjIxMDkzNy0xMjguMjE0ODQ0Yy04LjM0Mzc1LTguMzM5ODQ0LTIxLjgyNDIxOS04LjMzOTg0NC0zMC4xNjQwNjMgMC04LjM0Mzc1IDguMzM5ODQ0LTguMzQzNzUgMjEuODI0MjE5IDAgMzAuMTY0MDYzbDEyOC4yMTA5MzggMTI4LjIxNDg0My0xMjguMjEwOTM4IDEyOC4yMTQ4NDRjLTguMzQzNzUgOC4zMzk4NDQtOC4zNDM3NSAyMS44MjQyMTkgMCAzMC4xNjQwNjMgNC4xNTYyNSA0LjE2MDE1NiA5LjYyMTA5NCA2LjI1IDE1LjA4MjAzMiA2LjI1IDUuNDYwOTM3IDAgMTAuOTIxODc1LTIuMDg5ODQ0IDE1LjA4MjAzMS02LjI1bDEyOC4yMTA5MzctMTI4LjIxNDg0NCAxMjguMjE0ODQ0IDEyOC4yMTQ4NDRjNC4xNjAxNTYgNC4xNjAxNTYgOS42MjEwOTQgNi4yNSAxNS4wODIwMzIgNi4yNSA1LjQ2MDkzNyAwIDEwLjkyMTg3NC0yLjA4OTg0NCAxNS4wODIwMzEtNi4yNSA4LjM0Mzc1LTguMzM5ODQ0IDguMzQzNzUtMjEuODI0MjE5IDAtMzAuMTY0MDYzem0wIDAiIGZpbGw9IiNmZmZmZmYiIGRhdGEtb3JpZ2luYWw9IiMwMDAwMDAiIGNsYXNzPSIiPjwvcGF0aD48L2c+PC9zdmc+);
	background-size:10px;
	background-repeat: no-repeat;
	background-position: center;
}
#urgence_modal .content_modal a.btn_urgence {
	text-decoration: none;
	background:var(--urgence);
	color:white;
	text-transform: uppercase;
	display: inline-block;
	padding: 15px;
	border-radius: 10px;
	font-weight: bold;
}
main {
	padding-top:188px;
}
footer {
	background-color:var(--bleu);
	padding:30px 0;
}
footer a.logo svg {
	max-width: 100px;
	height: auto;
}
footer a.logo svg * {
	fill:white;
}
footer a.logo svg #logo_la_reole_ecriture * {
	fill:var(--bleu);
}
footer ul.coordonnees {
	list-style-type: none;
	padding:0;
	margin:0;
	display: flex;
	flex-wrap:wrap;
	font-size:0.875rem;
	color:white;
}
footer ul.coordonnees li {
	width: 50%;
	padding-left:40px;
	background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    line-height: 1;
}
footer ul.coordonnees li:nth-of-type(1),
footer ul.coordonnees li:nth-of-type(2) {
	margin-bottom:15px;
}
footer ul.coordonnees li a {
	color:white;
	text-decoration: none;
}
footer ul.coordonnees li.horaires {
	background-image:url('images/horaires.svg');
}
footer ul.coordonnees li.telephone {
	background-image:url('images/telephone.svg');
}
footer ul.coordonnees li.email {
	background-image:url('images/mail.svg');
}
footer ul.coordonnees li.adresse {
	background-image:url('images/localisation.svg');
}
footer ul.acces,
footer ul.acces ul {
	list-style-type: none;
	padding:0;
	margin:0;
}
footer ul.acces li a {
	color:white;
	text-decoration: none;
	text-transform: uppercase;
}
footer ul.acces > li:not(:last-child) {
	margin-bottom:10px;
}
footer ul.acces > li:not(:last-child) > a {
	display: flex;
}
footer ul.acces > li:not(:last-child) > a:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}
footer ul.acces li.espace_client a:before {
    background-image: url(images/espace-client.svg);
    background-size: 16px;
}
footer ul.acces li.contact a:before {
    background-image: url(images/email.svg);
}
footer ul.acces ul {
	display: flex;
	flex-wrap: wrap;
}
footer ul.acces li.social ul li a {
	background:white;

}
footer ul.acces li.social ul li a svg {
	fill:var(--bleu);
}
#credits {
	padding:5px 0;
	color:var(--bleu);
	font-size:0.875rem;
}
#credits a {
	text-decoration: none;
	color:var(--bleu);
}
#credits a.creation {
	font-weight: 600;
	text-transform: uppercase;
}

@media only screen and (max-width: 992px) {
	a.__btn {
    display: block;
    text-align: center;
	}
	main {
		padding-top:188px;
	}
	header button.menu {
	   margin-right: 0;
	}
	nav {
		padding-top:180px;
	}
	nav #menu_content {
		display: none;
	}
	nav #menu_principal_left {
    	font-size: 1.813rem; 
	}
	nav #menu_principal_left ul {
		list-style-type: none;
	}
	nav #menu_principal_left li a {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		width: 100%;
		opacity: 1;
	}
	nav #menu_principal_left > li.menu-item-has-children > a:after {
		content:'';
		background-color:var(--bleu);
		width: 25px;
		height:25px;
		background-size: 20px;
		background-repeat: no-repeat;
		background-position: center;
		border-radius: 100%;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDMyIDMyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIiBjbGFzcz0iIj48Zz48cGF0aCBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Im00LjkzOTM0IDEwLjkzOTNjLjU4NTc5LS41ODU3IDEuNTM1NTMtLjU4NTcgMi4xMjEzMiAwbDguOTM5MzQgOC45Mzk0IDguOTM5My04LjkzOTRjLjU4NTgtLjU4NTcgMS41MzU2LS41ODU3IDIuMTIxNCAwIC41ODU3LjU4NTguNTg1NyAxLjUzNTYgMCAyLjEyMTRsLTEwIDEwYy0uNTg1OC41ODU3LTEuNTM1Ni41ODU3LTIuMTIxNCAwbC05Ljk5OTk2LTEwYy0uNTg1NzktLjU4NTgtLjU4NTc5LTEuNTM1NiAwLTIuMTIxNHoiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCIgY2xhc3M9IiI+PC9wYXRoPjwvZz48L3N2Zz4=);
		background-size:15px;
		background-position: center;
		background-repeat: no-repeat;
		transition: all .4s ease-in-out;
	}
	nav #menu_principal_left > li.menu-item-has-children.active > a:after {
		transform:rotate(180deg);
	}
	nav #menu_principal_left > li.menu-item-has-children > .sub-menu {
		background: white;
	    border-radius: 0 0 10px 10px;
	    font-size: 1rem;
	    padding: 0 10px 10px 10px;
	}
	nav #menu_principal_left > li.menu-item-has-children > .sub-menu > li,
	nav #menu_principal_left > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu > li {
		margin-bottom:5px;
	}
	nav #menu_principal_left > li.menu-item-has-children > .sub-menu > li:last-child {
		margin-bottom:0;
	}
	nav #menu_principal_left > li.menu-item-has-children > .sub-menu > li.menu-item-has-children > .sub-menu {
		padding:0;
	}
	nav #menu_principal_left > li.menu-item-has-children > .sub-menu > li.menu-item-has-children:hover > .sub-menu {
		display: block;
	}
	nav #menu_principal_left > li.menu-item-has-children.active > .sub-menu {
		display: block;
	}
	nav #menu_principal_left > li > a {
	    background: white;
	    padding: 15px 10px;
	    border-radius: 10px;
	    font-size: 1.2rem;
	    justify-content: space-between;
	    transition: none;
	}
	nav #menu_principal_left > ul > li > a {
		justify-content: space-between;
	}
	nav #menu_principal_left > li.menu-item-has-children.active > a,
	nav #menu_principal_left > li.menu-item-has-children.active > a,
	nav #menu_principal_left > li.menu-item-has-children.active > a {
		border-radius: 10px 10px 0 0;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu {
		display: none;
		flex-wrap: wrap;
		justify-content: center;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres.active > .sub-menu {
		display: flex;
		justify-content: space-between;
		margin-top: -2px;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li > a {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		color: white;
    	text-decoration: none;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-electricite > a:before,
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-eau > a:before,
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-gaz > a:before,
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-assainissement > a:before,
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-chaleur-bois > a:before {
		content:'';
		display: block;
		width: 50px;
		height:50px;
		margin: 5px auto;
		background-image:url('images/energies.svg');
		background-repeat: no-repeat;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-electricite > a:before {
		background-position: 0;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-eau > a:before {
		background-position: -50px;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-gaz > a:before {
		background-position: -100px;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-assainissement > a:before {
		background-position: -150px;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.item-chaleur-bois > a:before {
		background-position: -200px;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li > a:after {
		content:none;
	}
	nav #menu_principal_left li.menu-item-has-children.container-offres > .sub-menu > li {
		width: calc((100% / 3) - (7.5px * 3));
	    background: var(--bleu);
	    border-radius: 10px;
	    padding: 10px;
	    margin-bottom:15px;
	}
	nav #menu_principal_left > li.menu-item-has-children.container-offres > .sub-menu > li.menu-item-has-children > .sub-menu {
		display: none;
	}
	nav.active #menu_principal_left > li > a:before {
		animation: none;
	}
	nav #menu_principal_left > li.menu-item-has-children:not(.container-offres) > .sub-menu li a {
		text-decoration: none;
		background:var(--bleu);
		color:white;
		padding:10px;
		text-align: center;
		border-radius: 5px;
	}
	footer ul.coordonnees {
		flex-direction: column;
    	align-items: flex-start;
	}
	footer ul.coordonnees li,
	footer ul.coordonnees li:nth-of-type(1), footer ul.coordonnees li:nth-of-type(2) {
		margin-bottom: 0;
		width: 100%;
	}
	footer ul.acces {
		margin-top:25px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	footer ul.acces li:not(:last-child) {
		margin-right:15px;
	}
	footer ul.acces li.social {
		width: 100%;
	}
	footer ul.acces li.social ul {
		justify-content: center;
	}
}

@media only screen and (max-width:768px) {
	header button.menu, header button.service_urgence {
		padding:10px;
	}
	header button.service_urgence {
		text-indent: -99999px;
		width: 41px;
		height:41px;
		background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnN2Z2pzPSJodHRwOi8vc3ZnanMuY29tL3N2Z2pzIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDUxMy42NCA1MTMuNjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTIiIHhtbDpzcGFjZT0icHJlc2VydmUiIGNsYXNzPSIiPjxnPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTkuNjYsMzc2Ljk2bC03MS42OC03MS42OGMtMjUuNi0yNS42LTY5LjEyLTE1LjM1OS03OS4zNiwxNy45MmMtNy42OCwyMy4wNDEtMzMuMjgsMzUuODQxLTU2LjMyLDMwLjcyCgkJCWMtNTEuMi0xMi44LTEyMC4zMi03OS4zNi0xMzMuMTItMTMzLjEyYy03LjY4LTIzLjA0MSw3LjY4LTQ4LjY0MSwzMC43Mi01Ni4zMmMzMy4yOC0xMC4yNCw0My41Mi01My43NiwxNy45Mi03OS4zNmwtNzEuNjgtNzEuNjgKCQkJYy0yMC40OC0xNy45Mi01MS4yLTE3LjkyLTY5LjEyLDBsLTQ4LjY0LDQ4LjY0Yy00OC42NCw1MS4yLDUuMTIsMTg2Ljg4LDEyNS40NCwzMDcuMmMxMjAuMzIsMTIwLjMyLDI1NiwxNzYuNjQxLDMwNy4yLDEyNS40NAoJCQlsNDguNjQtNDguNjRDNTE3LjU4MSw0MjUuNiw1MTcuNTgxLDM5NC44OCw0OTkuNjYsMzc2Ljk2eiIgZmlsbD0iI2ZmZmZmZiIgZGF0YS1vcmlnaW5hbD0iIzAwMDAwMCI+PC9wYXRoPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjwvZz48L3N2Zz4=");
		background-size:20px;
		background-repeat: no-repeat;
		background-position: center;
	}
	nav #menu_principal_left li.menu-item-has-children.container-offres > .sub-menu > li {
		width: calc(50% - (7.5px * 1));
	}
	nav #menu_principal_left li.menu-item-has-children.container-offres > .sub-menu > li:last-child {
		width: 100%;
	}
}

@media only screen and (max-width:575px) {
	main {
		padding-top:157px;
	} 
	header a.logo svg {
	    width: auto;
	    height: 80px;
	}
	header ul.social {
		width: 100%;
		justify-content: flex-end;
		margin-bottom: 10px;
	}
	header button.menu {
		margin-right: 0;
	}
	footer ul.coordonnees {
		/*margin-top:25px;*/
	}
	footer ul.coordonnees li, footer ul.coordonnees li:nth-of-type(1), footer ul.coordonnees li:nth-of-type(2) {
		width: auto;
	}
	footer ul.acces {
		margin-top:25px;
		text-align:center;
	}
	footer ul.acces > li > a,
	footer ul li.social ul {
		justify-content: center;
	}
}
@media only screen and (max-width:450px) { 
	nav #menu_principal_left li.menu-item-has-children.container-offres > .sub-menu > li {
		width: 100%;
		margin:0 0 15px 0;
	}
}