#pied { position:relative; z-index:10; background: #122C48;
background: -webkit-linear-gradient(90deg, rgba(18, 44, 72, 1) 0%, rgba(22, 55, 87, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(18, 44, 72, 1) 0%, rgba(22, 55, 87, 1) 100%);
background: linear-gradient(90deg, rgba(18, 44, 72, 1) 0%, rgba(22, 55, 87, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#122C48", endColorstr="#163757", GradientType=1);}
#pied .global { position:relative; z-index:10; max-width: 1720px; }

#pied-haut .global {max-width: 1605px; padding: 50px 20px 20px; display: grid; grid-template-columns: repeat(24, [col-start] 1fr);-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-haut .col { margin:25px 0 15px; grid-row: 1; }
 
#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#col-logo {grid-column: col-start 1 / span 4; margin: 25px 0 0 !important;}
#col-adresse {margin-top: 45px !important; grid-column:col-start 5 / span 10; margin-left: 15px !important; 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: start;-ms-flex-pack: start;justify-content: flex-start; -webkit-box-align: start;  -ms-flex-align: start;  align-items: flex-start; }
#col-contact {margin-top:0 !important; grid-column: col-start 16 / span 9;  height: 100%;   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;  -webkit-box-align: start;  -ms-flex-align: start;  align-items: flex-start; }

/* Col logo */
#pied #logo-pied {width:100%; position:relative; }
#pied #logo-pied a,
#pied #logo-pied a:visited {text-decoration:none; color:#000; display: block; }
#pied #logo-pied a img {height:auto; width:100%; max-width: 209px;}

/* Col adresse */
#pied-adresse {color:#ffffff;font-size: 19px; font-weight: 500;  line-height: 25px; }
#pied-texte {color:#ffffff;font-size: 15px; font-weight: 400;  margin-top: 10px;}
#pied-texte * {margin-left: 0 !important; margin: 7px 0 !important; text-align: left !important;}

#pied-compte {  margin: 0 0 35px; }
#pied-compte a,
#pied-compte a:visited {border: 1px solid #ffffff; border-right: 0; background:none; color:#fff; padding: 0; text-decoration: none; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; border-radius: 27px; background-clip: padding-box; -webkit-transition: background 300ms ease-in-out; -moz-transition: background 300ms ease-in-out; -ms-transition: background 300ms ease-in-out; -o-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;} 
#pied-compte span {display:block;  padding: 5px 7px 5px 15px;}
#pied-compte i {width:35px; height:35px; margin-left:5px; background:#fff; border-radius: 27px; background-clip: padding-box; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#pied-compte i::after {content:""; display: block; width: 16px; height: 16px; background:url(../images/icone-compte.svg) no-repeat center center; background-size:contain; filter: invert(12%) sepia(68%) saturate(1441%) hue-rotate(186deg) brightness(93%) contrast(88%);}
#pied-compte a:hover { background:#fff; color: #122c47;}
#pied-compte a:hover i {background:#122c47;}
#pied-compte a:hover i::after {filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }

#pied-reseaux-conteneur {width: 100%; margin-bottom: 20px; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center; }
#pied-reseaux-titre {margin: 0px 2px 0 0; font-size: 15px; color: #fff; font-weight: 300;}
#pied-reseaux-trait {height: 2px; background: #fff; flex:1;  margin: 5px 5px 0 15px;}
#pied-reseaux {text-align:center; 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 {margin: 0 5px; }
#pied-reseaux .pied-social a,
#pied-reseaux .pied-social a:visited { color:#fff;  text-decoration:none; display:block;   padding: 5px; }
#pied-reseaux .pied-social i {font-size: 21px;  width: 19px;  height: 24px; display:block;}
#pied-reseaux .pied-social.social-twitter-x i {filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
#pied-reseaux .pied-social a:hover i {color:#e30613;}
#pied-reseaux .pied-social.social-twitter-x:hover i {filter: brightness(0) invert(29%) sepia(99%) saturate(7454%) hue-rotate(351deg) brightness(86%) contrast(107%);}
	
/* Col contact*/
#col-contact > div {max-width: 535px;  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;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
#pied-contacts {width: 100%;  max-width: 515px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#col-contact .pied-contact-element {height:40px; margin: 10px 0 10px 15px;}
#col-contact .pied-contact-element a,
#col-contact .pied-contact-element a:visited {border:1px solid #fff; color:#fff; border-radius: 20px; background: none; font-size: 15px; font-weight: 400; min-height: 0;   height: 100%; box-sizing: border-box; margin:0; padding: 5px 15px; text-decoration: none;   display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;}
#col-contact .pied-contact-element a:hover {background: #fff; color:#122c47;}

#col-contact #pied-mail a,
#col-contact #pied-mail a:visited {background: #fff; color:#122c47;   }
#col-contact #pied-mail i { margin-left:20px; background: url(../images/icone-fleche.svg) no-repeat center center; width:15px; height:15px; display:block; background-size:contain;  filter: invert(12%) sepia(60%) saturate(856%) hue-rotate(174deg) brightness(96%) contrast(94%);}
#col-contact #pied-mail a:hover { background: none; color:#fff;}
#col-contact #pied-mail a:hover i {filter: invert(100%) sepia(94%) saturate(24%) hue-rotate(349deg) brightness(105%) contrast(107%);}

#col-contact #pied-telephone a,
#col-contact #pied-telephone a:visited {font-weight: 700; font-size: 18px;}
#col-contact #pied-telephone i { margin:0 10px; background: url(../images/icone-telephone-o.svg) no-repeat center center; width:19px; height:19px; display:block; background-size:contain; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}
#col-contact #pied-telephone a:hover i {filter: invert(12%) sepia(60%) saturate(856%) hue-rotate(174deg) brightness(96%) contrast(94%);}

#pied-bas .global { padding: 30px 0 80px; border-top:2px solid #516579; }
#pied-bas .global > div {width:100%; max-width: 1605px; padding: 0 20px; margin:0 auto; display: -webkit-box;  display: -ms-flexbox;  display: flex;  -webkit-box-pack: justify;  -ms-flex-pack: justify;  justify-content: space-between;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
#pied .menu {padding:0 10px 0 0; margin:0; 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 .menu li {list-style:none;  margin:0; }
#pied .menu li > a {text-decoration:none; padding: 4px 0; 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 li > a::after {content: ""; background: #fff; width: 1px; height: 12px; display:block; margin:0 12px; }
#pied .menu li:last-child > a::after {display:none; }
#pied .menu li > a > span,
#pied .menu li > a:visited > span,
#pied .menu li > span {text-decoration:none; color:#fff; font-weight:400; font-size:15px; position: relative; }
#pied .menu li.plansite > a > span,
#pied .menu li.plansite > a:visited > span {font-weight: 700;}
#pied .menu li.plansite > a::after {content: ">"; background: none; width: auto; height: auto; color:#fff; margin:0 12px 0 6px;}
 
#pied .liens {padding:0 0 0 10px; margin:0;  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; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#pied .liens li { margin:0; list-style:none; position:relative; }
#pied .liens li > a {text-decoration:none; padding: 7px 0; 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 .liens li > a::after {content: ""; background: #8a93a0; width: 5px; height: 1px; display:block; margin:0 5px; }
#pied .liens li:last-child > a::after {display:none; }
#pied .liens li a,
#pied .liens li a:visited {text-decoration:none; }
#pied .liens li a > span,
#pied .liens li a:visited > span,
#pied .liens li > span {color:#8a93a0; font-weight:300; font-size:15px; line-height: 19px; }



@media all and (max-width:1760px) {
	#pied-bas {  margin: 35px 20px 0;}
	#pied-bas .global > div {padding: 0;}
}


@media all and (max-width:1420px) {
	#col-adresse {grid-column: col-start 5 / span 10;}
	#col-contact {grid-column: col-start 16 / span 9;}
}

@media all and (max-width:1350px) {
	 #pied-contacts {max-width: 100%;  justify-content: center;}
	 #col-contact .pied-contact-element {  margin: 10px 5px;}
}

@media all and (max-width:1165px) {
	#pied-haut .global { padding: 10px 20px;}
	#pied-haut .col {  grid-row: 2;}
	#pied-haut #col-logo { grid-column: col-start 1 / span 24; grid-row: 1;}
	#pied #logo-pied a,
	#pied #logo-pied a:visited {text-align: center;}
	#pied #logo-pied a img {max-width: 220px; margin: 0 auto;}
	#col-adresse {grid-column: col-start 1 / span 13; margin-left: 0 !important;}   
	#col-contact {grid-column: col-start 15 / span 10;}
}

@media all and (max-width:1130px) {
	#pied-bas .global > div {-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
  	#pied .menu { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	#pied .liens {padding: 0; margin: 20px 0;  width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	
}

@media all and (max-width:1050px) {
	#col-adresse {grid-column: col-start 1 / span 11;}
	#col-contact {grid-column: col-start 13 / span 12;}
}


@media all and (max-width:965px) {
	#pied-haut .global {  -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
	#pied-haut .col { margin: 20px 0 15px !important;}
	#col-adresse {grid-column: col-start 1 / span 24;}
	#pied-adresse,
	#pied-texte {text-align: center; width: 100%;}
	#pied-texte * {text-align: center !important;}
	#pied-haut #col-contact {grid-column: col-start 1 / span 24; grid-row: 3; height: auto;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;}
	#col-contact > div {max-width: 100%;  width: 100%;}

	#pied-bas { margin: 15px 20px 0; }
	#pied-bas .global {  padding: 25px 0 90px;}
}

@media all and (max-width:780px) {
	#pied-bas .global { padding: 30px 0 90px;}
}

@media all and (max-width:580px) {
	#pied-adresse {  font-size: 17px;}
}
@media all and (max-width:480px) {
	#col-contact > div {  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
	#col-contact .pied-contact-element {  margin: 5px !important;}
}
@media all and (max-width:350px) {
	#col-contact .pied-contact-element { margin: 5px 0 !important;}
	#col-contact .pied-contact-element .bouton-fleche > span > span {font-size: 14px;}
}