#pied {background:#182b4f; position:relative; z-index:10;}
#pied .global { max-width:100%; padding:0; }
#pied .contenu-wrapper {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; 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#col-gauche {width: 62%; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;}
#pied .col#col-map {width: 38%;}
#pied .col#col-map iframe{height: 100%; width: 100%; }

#pied #col-informations {max-width:940px; padding: 55px 60px 50px 20px; min-height: 280px; color:#0037a8;  width: 100%; display: flex;  flex-wrap: wrap;  justify-content: space-between; align-items: stretch;} 
#pied #pied-gauche {width: 385px;}

#logo-pied {padding:0; position:relative; z-index:10; width: calc(100% - 20px); max-width: 248px; height:267px; margin:10px; }
#logo-pied a  {height: 100%;  width: 100%; box-sizing: border-box; display:block;}
#logo-pied a img {height:100%; width:100%; object-fit: contain; display: block; filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

#pied-texte {font-size: 13px;}
#pied-texte p { color:#fff; line-height: 20px;}

#pied-centre {margin-left: 60px; flex: 1; box-sizing: border-box; }
#pied-adresse {  margin-top: 10px; font-size: 18px; color:#fff; font-weight: 500;  line-height: 28px;}
#pied-adresse a,
#pied-adresse a:visited {text-decoration:none; color:#fff;}
#pied-adresse strong {display:block; font-weight: 800; text-transform: uppercase;}

#pied-horaires-conteneur {color:#fff; font-size: 18px;  margin-top: 25px;}
#pied-horaires-conteneur strong {font-weight:800; display: block;}
#pied-horaires {display:flex; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start;  gap: 50px;}
#pied-horaires p {margin: 2px 0; line-height: 25px;}

#pied-coordonnees {margin: 35px 0 0; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 30px}
#pied-coordonnees a,
#pied-coordonnees a:visited {line-height:30px; font-weight:400; background:#fff;color:#36353a; min-height: 40px; padding:5px 10px; text-decoration:none; font-size:18px;  border-radius: 40px; font-weight: 500; display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;  box-sizing: border-box;}
#pied-coordonnees i {margin-right:10px; width: 18px; height: 18px;}
#pied-coordonnees span {flex:1;  line-height: 17px;}
#pied-telephone i {background:url(../images/icone-telephone-rouge.svg) no-repeat center center; background-size: contain;}
#pied-mail i {background:url(../images/icone-mail-rouge.svg) no-repeat center center; background-size: contain;}
#pied-coordonnees a:hover { color:#fff; background :#c62527; }
#pied-coordonnees a:hover i {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

#pied-reseaux-conteneur {margin-top:20px;}
#pied-reseaux-titre {margin: 0px 2px 0 0; font-size: 20px; color: #2e60a6; display:inline-block; vertical-align:middle; }

#pied-reseaux {text-align:center; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#pied-reseaux .pied-social {margin: 7px 14px 7px 0; }
#pied-reseaux .pied-social a,
#pied-reseaux .pied-social a:visited { color:#6b6b6b;  background:#fff; border-radius:60px; width:42px; height:42px; text-decoration:none; display:block; -webkit-transition: -webkit-transform ease-out 0.1s; -moz-transition: -moz-transform ease-out 0.1s; transition: transform ease-out 0.1s;display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -moz-box-shadow: 0 0 16px rgba(126, 5, 5, 0.5);-webkit-box-shadow: 0 0 16px rgba(126, 5, 5, 0.5);-o-box-shadow: 0 0 16px rgba(126, 5, 5, 0.5); box-shadow: 0 0 16px rgba(126, 5, 5, 0.5);	 }
#pied-reseaux .pied-social i {color:#c62527; font-size: 28px; line-height: 25px; width:25px; height:25px; display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center;  }
#pied-reseaux .pied-social.social-twitter-x i {filter: brightness(0) invert(16%) sepia(98%) saturate(5407%) hue-rotate(339deg) brightness(75%) contrast(110%);}

#pied-reseaux .pied-social a:hover { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93);transform: scale(0.93);}

#pied-bas {width:100%; background: #08142b;  }
#pied-bas  > .global {max-width: 1560px; min-height: 75px; padding:0 40px; display: flex; flex-wrap: wrap;justify-content: flex-start; align-items: center; }
#pied-copyright {width: 100%; font-size:17px; line-height: 17px;  display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#pied-copyright > span { display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#pied-copyright > span,
#pied-copyright a,
#pied-copyright a:visited {font-weight:300; color:#8b8a8d; font-size:15px; line-height: 26px; text-decoration:none; }
#pied-copyright > span {position:relative; }
#pied-copyright > span::before {position:relative; display: block; margin: 0px 5px; background:#8b8a8d; width:5px; height:1px; content:""; opacity: 0.7; }
#pied-copyright .mentions::before {display:none; }
#pied-copyright .signature a {margin-right: 4px;}

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

@media all and (max-width:1615px) {
	#pied #col-informations { max-width: unset; padding: 55px 20px 50px 20px;}
	#pied-coordonnees {  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;}
	#pied-coordonnees a, #pied-coordonnees a:visited { margin: 10px 10px 10px 0;}

}

@media all and (max-width:1510px) {
	#pied #pied-gauche { width: 285px;}
}

@media all and (max-width:1310px) {
	#pied-centre { margin-left: 20px;}
}

@media all and (max-width:1225px) {
	#pied #col-informations {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
	#pied .col#col-gauche, #pied .col#col-map {  width: 50%;}
	#logo-pied {margin: 10px auto;}
	#pied-centre {margin-left: 0;}
	#pied-adresse {text-align:center;}
}

@media all and (max-width:960px) {
	#pied .contenu-wrapper { -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse;}
	#pied .col#col-map,
	#pied .col#col-gauche { width: 100%;}
	#pied #col-map,
	#pied #col-map iframe { height: 260px;}
	#pied #col-informations {flex-direction: row;  justify-content: space-between;  padding: 35px 10px 30px;}
	#logo-pied {margin: 10px;}
	#pied-centre { margin-left: 20px;}
	#pied-adresse {text-align:left;}
}

@media all and (max-width:750px) {
	#pied #col-informations {flex-direction: column;  justify-content: center; }
	#logo-pied {margin: 10px auto;}
	#pied-centre { margin-left: 0px;}
	#pied-adresse {text-align:center;}
	#pied-coordonnees {  gap: 10px;}
	#pied-bas > .global {padding: 0 20px;}
	#pied-copyright {justify-content:center;}
}

@media all and (max-width:540px) {
	#pied #pied-gauche { width: 225px;}
	#logo-pied {height: auto; box-sizing: border-box; }
	#pied-coordonnees {  margin: 20px 0 0; -webkit-box-pack: center;  -ms-flex-pack: center; justify-content: center;}
}

@media all and (max-width:460px) {
	#pied-adresse {font-size: 18px;}
	#pied-coordonnees a, #pied-coordonnees a:visited {font-size: 16px; }
}

@media all and (max-width:405px) {
	#pied-coordonnees {gap:0;}
	#pied-coordonnees a, #pied-coordonnees a:visited { margin: 10px;  padding: 5px 9px;}
	#pied-coordonnees i { margin-right: 5px; width: 13px; height: 13px;}
}
@media all and (max-width:380px) {
	#pied-horaires-conteneur {text-align:center;}
	#pied-horaires {display:block;}
	#pied-horaires p {text-align:center !important;}