#pied { position:relative; z-index:10; background: var(--primary-color);  color: #fff;}
#pied .global { position:relative; z-index:10; max-width: 1560px; }

#pied-haut .global { padding: 50px 0px 0; display: flex;  flex-wrap: wrap;  justify-content: space-between;    align-items: flex-start;}
#pied-haut .col { margin:15px 0;  height: 100%;}
 
#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#col-logo {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  gap: 40px;}

#pied .col .categorie {margin-bottom:30px; color:#fff; font-size:16px; font-weight:400; display:block;  text-transform: uppercase; letter-spacing: 1.5px;}

/* Col logo */
#pied #logo-pied {position:relative;}
#pied #logo-pied a,
#pied #logo-pied a:visited {text-decoration:none; color:#fff; padding: 20px; box-sizing: border-box; width: 160px; display: block; background-color: #fff;}
#pied #logo-pied a img {height:100%; width:100%; display: block; object-fit: contain;} 

#pied-contact { flex: 1;  margin-bottom: 30px;}
#pied-telephone {} 
#pied-telephone a,
#pied-telephone a:visited { margin:0 !important;  padding: 6px !important;  font-size: 13px !important;  border-radius: 65px; border: 1px solid #fff !important;}
#pied-telephone a > span { gap: 15px;}
#pied-telephone i { display:block;  width: 14px; height: 14px; background-color: #fff; -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;  -webkit-mask-position: center;  mask-position: center;  -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url('../images/icone-telephone.svg');  mask-image: url('../images/icone-telephone.svg');} 
#pied-telephone span {flex: 1; display: block;}
#pied-telephone a:hover {background: var(--secondary-color) !important; color: #fff !important;}

#pied-reseaux-conteneur {  margin-top: 40px; height: 100%; text-align:center; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 40px; }
#pied-reseaux { height: 100%; text-align:center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 20px; }
#pied-reseaux-conteneur .pied-social { width: 16px; height: 16px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: all 200ms ease-out; }
#pied-reseaux-conteneur .pied-social a,
#pied-reseaux-conteneur .pied-social a:visited {text-align:center; text-decoration:none; display:block; width: 100%; height: 100%; }
#pied-reseaux-conteneur .pied-social i { display:block; width: 100%; height: 100%; background-color: #fff; -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;  -webkit-mask-position: center;  mask-position: center;  -webkit-mask-size: contain; mask-size: contain; }
#pied-reseaux-conteneur .pied-social.social-mail i { -webkit-mask-image: url('../images/icone-mail.svg');  mask-image: url('../images/icone-mail.svg'); }
#pied-reseaux-conteneur .pied-social.social-facebook i { -webkit-mask-image: url('../images/icone-facebook.svg');  mask-image: url('../images/icone-facebook.svg'); }
#pied-reseaux-conteneur .pied-social.social-instagram i { -webkit-mask-image: url('../images/icone-instagram.svg');  mask-image: url('../images/icone-instagram.svg'); }
#pied-reseaux-conteneur .pied-social.social-linkedin i { -webkit-mask-image: url('../images/icone-linkedin.svg');  mask-image: url('../images/icone-linkedin.svg');}
#pied-reseaux-conteneur .pied-social.social-twitter-x i { -webkit-mask-image: url('../images/icone-x-twitter.svg');  mask-image: url('../images/icone-x-twitter.svg'); }
#pied-reseaux-conteneur .pied-social.social-youtube i { -webkit-mask-image: url('../images/icone-youtube.svg');  mask-image: url('../images/icone-youtube.svg'); }
#pied-reseaux-conteneur .pied-social.social-whatsapp i { -webkit-mask-image: url('../images/icone-whatsapp.svg');  mask-image: url('../images/icone-whatsapp.svg'); }

#pied-reseaux-conteneur .pied-social a:hover i {background: var(--secondary-color);}

#col-adresses { display: flex;  flex-wrap: wrap;  justify-content: flex-end;  flex: 1;}
#col-adresses > div {max-width: 550px; }
#pied-groupe-adresses {display: flex; flex-wrap: wrap;  justify-content: space-between; gap: 30px;}
#pied-groupe-adresses .pied-groupe-adresse {}
#pied-groupe-adresses .pied-groupe-adresse h4 {margin: 0; font-weight: 700; font-size: 14px; color:#fff;}
#pied-groupe-adresses .pied-groupe-adresse .pied-groupe-nom {margin: 0; font-weight: 500; font-size: 14px; color:var(--secondary-color);}
#pied-groupe-adresses .pied-groupe-adresse .pied-groupe-mail {margin: 0; font-weight: 500; font-size: 14px;}
#pied-groupe-adresses .pied-groupe-adresse .pied-groupe-mail a,
#pied-groupe-adresses .pied-groupe-adresse .pied-groupe-mail a:visited {text-decoration:none; color:#fff;}

#pied-bas {margin-top: 5px;}

#pied-bas .global { padding: 30px 0 80px; border-top:2px solid #52504d;    display: flex;    justify-content: space-between;    align-items: center; }

#pied .menu {padding:0 10px 0 0; margin:0; display: flex;  flex-wrap:wrap;  justify-content: flex-start;  align-items:center; }
#pied .menu li {list-style:none;  margin:0; }
#pied .menu li > a {text-decoration:none; padding: 4px 0;  display: flex;  flex-wrap:wrap;  align-items:center; }
#pied .menu li > a::after {content: ""; background: #fff; width: 2px; height: 10px; display:block; margin:0 10px; }
#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:14px; position: relative; }
#pied .menu li.plansite > a > span,
#pied .menu li.plansite > a:visited > span {font-weight: 700; font-size:14px;}
#pied .menu li.plansite > a::after {content: ">"; background: none; width: auto; height: auto; color:#fff; font-weight: 700; margin:0 12px 0 6px;}
 
#pied .menu li > a:hover > span {color: var(--secondary-color);}

#pied .liens {padding:0 0 0 10px; margin:0; display: flex;  flex-wrap:wrap;  justify-content: flex-end;  align-items:center; }
#pied .liens li { margin:0; list-style:none; position:relative; }
#pied .liens li > a {text-decoration:none; padding: 7px 0;  display: flex;  flex-wrap:wrap;  align-items:center; }
#pied .liens li > a::after {content: ""; background: #52504d; 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;color:#52504d;  }
#pied .liens li a > span,
#pied .liens li a:visited > span,
#pied .liens li > span {color:#52504d; font-weight:400; font-size:14px; line-height: 19px; }
#pied .liens li a:hover {text-decoration: underline;}

@media all and (max-width:1600px) {
	#pied-haut {margin: 0 20px;}
	#pied-bas {  margin: 5px 20px 0;}
}

@media all and (max-width:1185px) {
	#pied #logo-pied a,
	#pied #logo-pied a:visited {text-align: center;}
	#pied #logo-pied a img {max-width: 220px; margin: 0 auto;}
}

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

@media all and (max-width:1040px) {
	#pied-haut .global { padding: 30px 0px 0;}
	#col-logo {gap: 20px;}
}

@media all and (max-width:990px) {
	#pied-haut .global {flex-direction: column;  align-items: center;}
	#pied .col .categorie {text-align: center;}
}

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

@media all and (max-width:580px) {
	#col-logo {flex-direction: column;  justify-content: center;  align-items: center;}
	#pied-contact {flex: unset; margin-bottom: 0px;}
	#pied-reseaux-conteneur {  margin-top: 25px;justify-content: center;  gap: 30px;}
	#col-adresses {display: block; flex:unset; width: 100%;}
	#col-adresses > div {width: 100%; max-width: 100%;}
	#pied .col .categorie {text-align: left;}
	#pied-groupe-adresses {display: block;}
	#pied-groupe-adresses .pied-groupe-adresse {width: 100%; margin: 15px 0;}
}