#pied {background:#0c2860; position:relative; z-index:10;}
#pied .global { max-width:1920px; 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: -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-align: stretch; -ms-flex-align: stretch; align-items: stretch;} 
#pied #pied-gauche {width: 275px;}

#logo-pied {margin: 0 0 20px; padding:0; position:relative; z-index:10; width: 100%; max-width: 220px; height:125px; box-sizing: border-box;}
#logo-pied a {background: #fff; border-radius: 12px; height: 100%;  width: 100%; max-width: 196px; box-sizing: border-box; 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;}
#logo-pied a img {height:100%; width:100%; object-fit: contain; display: block; max-width: 156px;}

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

#pied-centre {margin-left: 45px; flex: 1;   padding-top: 40px;	box-sizing: border-box; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-orient: vertical;  -webkit-box-direction: normal;  -ms-flex-direction: column;  flex-direction: column;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: start;  -ms-flex-align: start;  align-items: flex-start;}
#pied-adresse {font-size: 15px; color:#fff;}
#pied-adresse strong {font-weight: 800; color:#fff; text-transform: uppercase;}
#pied-adresse i {  margin: 0 6px;  font-size: 8px;  vertical-align: middle;}

#pied-coordonnees {margin: 20px 0; width: 100%; 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-coordonnees a,
#pied-coordonnees a:visited {line-height:30px; font-weight:600; background:#fff;color:#36353a; min-height: 40px;margin: 10px 20px 10px 0; border:1px solid #fff; padding:5px 10px; text-decoration:none; font-size:18px;  border-radius: 40px; 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; filter: invert(28%) sepia(57%) saturate(2688%) hue-rotate(185deg) brightness(89%) contrast(101%);}
#pied-coordonnees span {flex:1;  line-height: 17px;}
#pied-telephone i {background:url(../images/icone-telephone.svg) no-repeat center center; background-size: contain;}
#pied-mail i {background:url(../images/icone-mail.svg) no-repeat center center; background-size: contain;}
#pied-coordonnees a:hover { color:#fff; background :#0c2860; }
#pied-coordonnees a:hover i {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

#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:#006cb6; 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: invert(28%) sepia(57%) saturate(2688%) hue-rotate(185deg) brightness(89%) contrast(101%);}

#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: #08152f;  }
#pied-bas  > .global {min-height: 75px; padding:0 40px; 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-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
#pied-copyright {width: calc(50% - 15px); font-size:17px; margin-right:15px; 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:#616570; 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:#616570; 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; }

#pied-menu {width: 50%; 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-menu .categorie { margin-right: 15px;}
#pied-menu .categorie a,
#pied-menu .categorie a:visited {text-decoration: none; color: #fff;}
#pied-menu .categorie a span {text-transform: uppercase; font-weight: 800; font-size: 15px;}
#pied-menu .menu {padding:0; margin:0;  font-size:0;}
#pied-menu .menu li {list-style:none; display:inline-block; vertical-align:top; margin:0; }
#pied-menu .menu li > a {text-decoration:none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#pied-menu .menu li > a::after {content: ""; background: #ffffff; width: 1px; height: 12px; display:block; margin:0 20px; }
#pied-menu .menu li:last-child > a::after {display:none; }
#pied-menu .menu li > a > span,
#pied-menu .menu li > a:visited > span,
#pied-menu .menu li > span {text-decoration:none; color:#fff; font-weight:500; font-size:14px; position: relative; }
 

@media all and (max-width:1630px) {
	#pied #col-informations { max-width: unset; padding: 55px 20px 50px 20px;}

	#pied-bas > .global {  padding: 20px 20px 30px;  -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;  -webkit-box-align: center; -ms-flex-align: center;  align-items: center; }
	#pied-copyright,
	#pied-menu {width: 100%;}
	#pied-copyright {margin: 15px 0 0;    -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;}
}

@media all and (max-width:1360px) {
	#pied #col-informations {display: block;}
	#logo-pied {  margin: 0 auto 20px;}
	#pied #pied-gauche {width: 100%;}
	#pied-texte p {text-align: center;}
	#pied-centre {margin-left: 0;}
}


@media all and (max-width:1215px) {
	#pied .col#col-map {width: 45%;}
	#pied .col#col-gauche { width: 55%;}
	#pied-coordonnees a, #pied-coordonnees a:visited {font-size: 17px;}
}

@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 { padding: 35px 10px 30px}
	#pied-centre { -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
	#pied-coordonnees,
	#pied-reseaux {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
	#pied-adresse {text-align: center;}
	#pied-menu .menu li > a::after {   margin: 0 10px;}
}

@media all and (max-width:855px) {
	#pied-menu .categorie {width: 100%; margin:0 0 15px; text-align: center;}
	#pied-menu .menu {text-align: center;}
}

@media all and (max-width:610px) {
	#pied-menu {  text-align: center;}
	#pied-menu .categorie {  width: 100%; margin: 0 0 15px;}
	#pied-menu .menu li > a {  padding: 5px 0;}
}

@media all and (max-width:460px) {
	#pied-coordonnees {  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	#pied-coordonnees a, #pied-coordonnees a:visited {font-size: 16px; }
}

@media all and (max-width:405px) {
	#pied-coordonnees {  -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	#pied-coordonnees a, #pied-coordonnees a:visited {font-size: 14px;  margin: 10px 5px;  padding: 5px;}
	#pied-coordonnees i { margin-right: 5px; width: 13px; height: 13px;}
}
@media all and (max-width:335px) {
	#pied-mail i {display: none;}
}