#pied {position:relative; z-index:10; background: #4F555B;
background: linear-gradient(0deg, rgba(79, 85, 91, 1) 0%, rgba(31, 35, 41, 1) 100%);}
#pied .global { max-width:100%; padding:0; }
#pied .contenu-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex;  flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
#pied .col {width:50%; }
#pied .col#col-gauche {display: -webkit-box;  display: -ms-flexbox;  display: flex;    flex-wrap: wrap;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;}
#pied .col#col-map iframe{height: 100%; width: 100%; }

#pied #col-informations {max-width:780px; padding: 15px 80px 50px 50px; color:#0037a8; } 
#pied .pied-ligne {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%; }
#pied #pied-haut {width: 100%; margin-top: 37px; }

#logo-pied {margin: 0; padding:0; position:relative; z-index:10; max-width: 392px; width: 100%; box-sizing: border-box}
#logo-pied a img {height:auto; width:100%; }

#pied #pied-bouton{margin: 43px 0 0; }
#pied #pied-bouton a.bouton:visited,
#pied #pied-bouton a.bouton{margin: 0; border: none; min-height: 48px; padding: 5px 20px; }
#pied #pied-bouton a.bouton span { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

#pied #pied-contacts {display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 10px; }
#pied .pied-contact a,
#pied .pied-contact a:visited {border:1px solid #fff; border-radius: 65px; padding: 10px 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #fff; text-decoration: none; transition: background 400ms ease-in-out;}
#pied .pied-contact a:hover {background: #fff; color:#DE3022;} 
#pied .pied-contact span {flex:1; font-weight: 700; font-size: 15px;}
#pied .pied-contact i {display: block; width: 14px; height: 14px;}

#pied #pied-contacts #pied-mail a,
#pied #pied-contacts #pied-mail a:visited {padding: 10px;}
#pied #pied-contacts #pied-mail i {background: url(../images/icone-mail.svg) no-repeat center center; background-size: contain; }
#pied #pied-contacts #pied-telephone i {background: url(../images/icone-telephone.svg) no-repeat center center; background-size: contain;  margin-right: 5px;}

#pied #pied-centre {margin-top: 36px; }
#pied #pied-centre.pied-ligne {align-items: flex-start;}
#pied-coordonnees {font-weight:700; color:#B0B2B3; font-size: 15px; line-height: 18px;}
#pied-coordonnees a,
#pied-coordonnees a:visited {color:#B0B2B3; text-decoration:none; }
#pied-coordonnees > span,
#pied-coordonnees a > span { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 10px;}
#pied-coordonnees i {display: block; width: 21px; height: 26px; background: url(../images/icone-adresse.svg) no-repeat center center; background-size: contain; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(359deg) brightness(103%) contrast(103%);}
#pied-coordonnees > span > span,
#pied-coordonnees a > span > span {flex: 1; margin-top: 5px;}

#pied-horaires { color:#B0B2B3; font-weight: 400; font-size: 15px; line-height: 18px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 10px;}
#pied-horaires i {display: block; width: 21px; height: 21px; background: url(../images/icone-horaires.svg) no-repeat center center; background-size: contain; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(359deg) brightness(103%) contrast(103%);}
#pied-horaires > span {flex: 1; margin-top: 5px;}
#pied-horaires strong {display: block;}

#pied-bas {border-top: 1px solid #DE3022;  margin-top: 46px;  padding-top: 46px; }
#pied-copyright { font-size:17px;  line-height: 17px;  display: flex;  flex-wrap: wrap;  justify-content: flex-start;  align-items: center;}
#pied-copyright > span { display: flex;  flex-wrap: wrap;  justify-content: flex-start;  align-items: center;}
#pied-copyright > span,
#pied-copyright a,
#pied-copyright a:visited {font-weight:500; color:#6C7980; font-size:16px; line-height: 20px; text-decoration:none; text-transform: uppercase;  padding: 2px 0;}
#pied-copyright > span {position:relative; }
#pied-copyright > span::before {position:relative; display: block; margin: 0px 10px 0; background:#6C7980; width: 5px; height: 2px; content:""; opacity: 0.7; }
#pied-copyright > span.signature,
#pied-copyright > span.plansite {width:100%;}
#pied-copyright > span.plansite a,
#pied-copyright > span.plansite a:visited {color: #fff;}
#pied-copyright > span.plansite::before,
#pied-copyright > span.signature::before,
#pied-copyright > span.mentions::before {display:none; }

#pied-copyright li {list-style-type: none; }


#pied-reseaux-conteneur { margin-top: 25px;}
#pied-reseaux {text-align:center; display: flex;  flex-wrap:wrap;  justify-content: center;  align-items:center; }
#pied-reseaux .pied-social {margin: 0 5px; }
#pied-reseaux .pied-social a,
#pied-reseaux .pied-social a:visited { color:#24292f;  background:#fff; border-radius:60px; width:35px; height:35px; text-decoration:none; display:block;  transition: transform ease-out 0.1s;display:flex;  flex-wrap:wrap;  justify-content:center;  align-items:center;  }
#pied-reseaux .pied-social i {font-size: 19px; width:17px; height:17px; display:flex;  flex-wrap:wrap;  justify-content:center;  align-items:center;  }
#pied-reseaux .pied-social.social-twitter-x i {filter: brightness(0) invert(11%) sepia(10%) saturate(1079%) hue-rotate(173deg) brightness(93%) contrast(87%);}

#pied-reseaux .pied-social a:hover {color:#e22f21; background:#24292f;}
#pied-reseaux .pied-social.social-twitter-x a:hover i {filter: brightness(0) invert(29%) sepia(76%) saturate(6017%) hue-rotate(353deg) brightness(94%) contrast(88%);}


@media all and (max-width:1560px) {
	#pied #col-informations {  padding: 15px 50px 50px 30px;}
	#logo-pied {  max-width: 360px;}
}

@media all and (max-width:1380px) {
	#logo-pied {  max-width: 310px;}
}

@media all and (max-width:1290px) {
	#logo-pied {  max-width: 280px;}
}

@media all and (max-width:1230px) {
	#pied #col-gauche {width: 60%;}
	#pied #col-map {width: 40%;}
}

@media all and (max-width:1010px) {
	#pied #col-informations {padding: 15px 30px 50px 20px;}
	#pied #pied-haut {display: block;}
	#logo-pied { margin: 0 auto;}
	#pied #pied-contacts {width: 100%; margin-top: 25px; justify-content: center;}
	#pied-copyright > span, #pied-copyright a, #pied-copyright a:visited {font-size: 15px;}

	#pied-bas {  margin-top: 25px; padding-top: 25px;}
}

@media all and (max-width:960px) {
	#pied .contenu-wrapper {display:block;}
	#pied #pied-haut{margin-bottom: 20px;margin-top: 0;}
	#pied .col { width: 100% !important;}
	#pied #col-map,
	#pied #col-map iframe { height: 260px;}
	#pied #col-informations {width: 100%;  max-width: 100%; padding: 35px 20px 67px}
	
	#pied #pied-haut {display: flex;}
	#logo-pied { margin: 0;}
	#pied #pied-contacts {width: auto; margin-top: 0; justify-content: flex-end;}

}

@media all and (max-width:580px) {
	#pied #pied-haut {display: block;}
	#logo-pied { margin: 0 auto;}
	#pied #pied-contacts {width: 100%; margin-top: 25px; justify-content: center;}
}

@media all and (max-width:530px) {
	#pied #pied-centre.pied-ligne { flex-direction: column;  gap: 20px;}
	#pied-bas { margin-top: 10px;  padding-top: 15px;}
}

@media all and (max-width:480px) {
	#pied-copyright {display: block;}
	#pied-copyright > span::before {display: none;}
}