#pied { position:relative; z-index:10;  margin-top: 40px; }
#pied .global { position:relative; z-index:10; padding: 0; }
#pied p {margin-left:0 !important; }

#pied-haut .global {  border-top: 1px solid var(--primary-color); padding: 40px 0px 0; display: grid; grid-template-columns: repeat(24, [col-start] 1fr); flex-wrap: wrap; justify-content: space-between; align-items: stretch; }

#logo-pied {grid-row: 1/6; grid-column: col-start 1 / span 3; display: flex; flex-direction: column; justify-content: space-between; width:100%; position:relative; }
#col-infos {grid-row: 1; grid-column: col-start 5 / span 9; }
#pied-texte {grid-row: 2; grid-column: col-start 5 / span 9; }
#col-contact {grid-row: 1; grid-column: col-start 16 / span 9; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; }
#pied-reseaux-conteneur {grid-row: 3; grid-column: col-start 18 / span 7; margin-top: 20px; }

/* Col logo */
#pied #logo-pied a,
#pied #logo-pied a:visited {text-decoration:none; color:var(--primary-color); display:block; }
#pied #logo-pied a img {height:auto; width:100%; max-width: 195px; }

#pied-texte p {text-align: left; margin: 0;}

#col-contact #pied-mail .bouton {margin: 0 !important; }
#col-contact #pied-mail .bouton .circle, 
#col-contact #pied-mail .bouton:visited .circle, 
#col-contact #pied-mail a.bouton .circle, 
#col-contact #pied-mail a.bouton:visited .circle {background: var(--secondary-color);}

#pied-reseaux {  height: 100%; text-align:center; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 12px; }
#pied-reseaux .pied-social a,
#pied-reseaux .pied-social a:visited {text-align:center; color:var(--primary-color); text-decoration:none; line-height: 27px; transition: color 200ms ease-out;}
#pied-reseaux .pied-social i {font-size: 19px; display:block; }
#pied-reseaux .pied-social a:hover {color:var(--secondary-color); }

#pied-bas {margin: 25px 0 35px; }

#pied-bas .global { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 30px; }

#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#pied .menu {padding:0; margin:0; display: flex; flex-wrap:wrap; justify-content: flex-start; align-items:center; }
#pied .menu li {list-style:none; margin:0 0 5px 0; }
#pied .menu li > a {text-decoration:none; display: flex; flex-wrap:wrap; align-items:center; }
#pied .menu li > a::after {content: ""; background: var(--primary-color); width: 1px; height: 10px; display:block; margin:0 7px; }
#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: var(--primary-color); font-weight:400; font-size:15px; position: relative; }
#pied .menu li.plansite > a::after {content: ">"; background: none; width: auto; height: auto; color: var(--primary-color); margin:0 12px 0 6px; }
 
#pied .liens {padding:0; margin:0; display: flex; flex-wrap:wrap; justify-content: flex-end; align-items:center; }
#pied .liens li { margin:0 0 5px 0; list-style:none; position:relative; opacity:0.5; }
#pied .liens li > a {text-decoration:none; display: flex; flex-wrap:wrap; align-items:center; }
#pied .liens li > a::after {content: ""; background: var(--primary-color); 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:var(--primary-color); font-weight:400; font-size:15px; line-height: 19px; }


@media all and (max-width:1760px) {
    #pied {margin: 40px 20px 0;    width: calc(100% - 40px);}
}

@media all and (max-width:1420px) {
    #pied-bas .global { justify-content: center; align-items: center; gap: 0px;}
    #pied-bas .global .col {width: 100%;}
    #pied .menu,
    #pied .liens {justify-content: center; }
}

@media all and (max-width:1150px) {
    #logo-pied {grid-column: col-start 1 / span 4;  }
    #col-infos {grid-column: col-start 6 / span 12; }
    #pied-texte {grid-column: col-start 6 / span 12; }
    #col-contact {grid-column: col-start 18 / span 7;  }
    #pied-reseaux-conteneur { grid-column: col-start 18 / span 7; }
}
@media all and (max-width:1050px) {
    #pied-haut .global {  gap: 15px 0;}
    #logo-pied {grid-row:1; grid-column: col-start 1 / span 24; margin-bottom: 25px; }
    #pied #logo-pied a, #pied #logo-pied a:visited {text-align:center;}
    #col-infos {grid-row:2; grid-column: col-start 1 / span 14;     display: flex;    flex-wrap: wrap;    justify-content: flex-start;    align-items: center;}
    #pied-texte {grid-row:3; grid-column: col-start 1 / span 14; }
    #col-contact {grid-row:2; grid-column: col-start 16 / span 9;  }
    #pied-reseaux-conteneur { grid-column: col-start 16 / span 9; }
}

@media all and (max-width:930px) {
    #col-infos {grid-row:2; grid-column: col-start 1 / span 24; justify-content: center; }
    #pied-texte {grid-row:3; grid-column: col-start 1 / span 24; }
    #col-contact {grid-row:4; grid-column: col-start 1 / span 17; justify-content: flex-start;  }
    #pied-reseaux-conteneur {grid-row:4; grid-column: col-start 18 / span 7; margin:0; }
}