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

#pied-haut .global { padding: 50px 20px 0px; display: grid; grid-template-columns: repeat(24, [col-start] 1fr); flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
#pied-haut .col { margin:15px 0; grid-row: 1; height: 100%; }
 
#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#col-logo {grid-column: col-start 1 / span 4; }
#col-adresse {grid-column:col-start 6 / span 9;  display: flex; flex-direction: column; justify-content: flex-start;  align-items: flex-start; }
#col-contact {grid-column: col-start 15 / span 10; height: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; }

/* Col logo */
#pied #logo-pied {width:100%; position:relative; margin:7px auto 0; }
#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: 240px; filter: brightness(0) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }

/* Col adresse */
#col-adresse > div {margin-top: 40px;  margin-left: 15px;}
#pied-adresse {color:var(--color-principal); font-size: 19px; font-weight: 600; line-height: 21px; }
#pied-texte {color:#ffffff; font-size: 17px; font-weight: 400; margin-top: 10px; }
#pied-texte * {margin-left: 0 !important; margin: 7px 0 !important; text-align: justify !important; }

#pied-reseaux-conteneur {width: 100%; margin-bottom: 35px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
#pied-reseaux-conteneur > div { max-width: 515px; width: 100%; padding-right: 10px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; }
#pied-reseaux-titre {margin: 0px 2px 0 0; font-size: 15px; color: #fff; font-weight: 400; }
#pied-reseaux-trait {height: 2px; background: #869096; flex:1; margin: 5px 10px 0 15px; }
#pied-reseaux {text-align:center; display: flex; flex-wrap:wrap; justify-content: center; align-items:center; gap: 2px; }
#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: 24px; width: 24px; height: 24px; display: block; }
#pied-reseaux .pied-social.social-twitter-x i {filter: brightness(0) invert(10%) sepia(57%) saturate(1442%) hue-rotate(186deg) brightness(95%) contrast(89%); }
#pied-reseaux .pied-social a:hover i {color:var(--color-principal); }
#pied-reseaux .pied-social.social-twitter-x:hover i {filter: brightness(0) invert(40%) sepia(94%) saturate(1997%) hue-rotate(306deg) brightness(92%) contrast(98%); }
	
/* Col contact*/
#col-contact > div { width: 100%; max-width: 445px; margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; }
#pied-contacts {  width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px;}
#col-contact .pied-contact-element {height:35px; }
#col-contact .pied-contact-element a,
#col-contact .pied-contact-element a:visited {text-decoration:none; padding:5px 25px;  letter-spacing: 1px; height: 100%; box-sizing:border-box; color:#ffffff; background: none; border:1px solid #fff; border-radius: 65px; font-size: 15px; font-weight: 400; text-transform: uppercase; display: flex; flex-wrap: wrap; justify-content: center;  align-items: center; transition: background 400ms ease-in-out; }
#col-contact .pied-contact-element a:hover {background:#fff; color:var(--color-secondaire); }

#pied-bas { margin: 5px auto 0;}

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

#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: 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: flex; flex-wrap:wrap; -webkit-box-pack: end; -ms-flex-pack: end; 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: #869096; 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:#869096; font-weight:300; font-size:15px; line-height: 19px; }


@media all and (max-width:1430px) {
	#pied-contacts {justify-content: center; }
}

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

@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; } 
    #col-adresse > div {margin-left: 0; margin-top: 0;}
	#col-contact {grid-column: col-start 15 / span 10; }
    #col-contact > div {margin-top: 0;}
}

@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: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) {

	#col-adresse {grid-column: col-start 1 / span 24; }
	#pied-haut #col-contact {grid-column: col-start 1 / span 24; grid-row: 3;  justify-content: flex-start; }
	#col-contact > div {max-width: 100%;}
	#pied-reseaux-conteneur {justify-content: center; }

	#col-contact .pied-contact-element a::before {display: none !important; }
	#col-contact .pied-contact-element a:hover {background: #d0a063; } 
}


@media all and (max-width:605px) {
	#pied-adresse { font-size: 17px; }
	#pied-texte {font-size: 16px; }
	#col-contact .pied-contact-element a, 
	#col-contact .pied-contact-element a:visited { font-size: 16px; }
}

@media all and (max-width:480px) {
	#col-contact > div {  justify-content: center; }
	#col-contact .pied-contact-element { margin: 5px !important; }
}