#pied { position:relative; z-index:10; background:#2e3568; }
#pied .global { position:relative; z-index:10; }

#pied-haut .global {padding: 10px 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:15px 0; grid-row: 1;}
 
#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#pied .col .categorie {margin-bottom:10px; }
#pied .col .categorie > a {text-decoration:none; }
#pied .col .categorie > a > span,
#pied .col .categorie > a:visited > span,
#pied .col .categorie > span {text-decoration:none; color:#fff; font-size:20px; font-weight:700; text-transform: uppercase; display:block; }

#col-logo {grid-column: col-start 1 / span 6; 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: center;-ms-flex-pack: center;justify-content: center;}
#col-menu {grid-column: col-start 9 / span 7;  }
#col-contact {grid-column: col-start 18 / span 7;  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: start;  -ms-flex-align: start;  align-items: flex-start; }

/* Col logo */
#pied #logo-pied {width:100%; position:relative; margin:0 auto;  max-width: 377px; }
#pied #logo-pied a,
#pied #logo-pied a:visited {text-decoration:none; color:#000; }
#pied #logo-pied a img {height:auto; width:100%;filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }

/* Col menu */
#pied #col-menu.col .categorie {margin:0;}
#pied-texte p {color: #fff; margin:0;}
#pied .liens {padding: 0; margin: 40px 0 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 .liens li {width: 100%; margin:0 0 7px 0; list-style:none; position:relative; }
#pied .liens li > a {text-decoration:none; display: -webkit-inline-box;  display: -ms-inline-flexbox;  display: inline-flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#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:#66a3dc; font-weight:300; font-size:20px; line-height: 26px; }
#pied .liens #pied-mentionslegales,
#pied .liens #pied-politiquecookies {width: auto;}
#pied .liens #pied-mentionslegales > a::after {content: ""; background: #66a3dc; width: 1px; height: 17px; display:block; margin:0 5px; }
#pied .liens #pied-signature a:first-child {padding-right: 5px;}

/* Col contact*/
#col-contact .pied-contact-element {margin-bottom: 10px; 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;  }
#col-contact .pied-contact-element a,
#col-contact .pied-contact-element a:visited {text-decoration:none; 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; }
#col-contact .pied-contact-element i {display:block; margin-right:15px; width:22px; height:22px; filter: invert(58%) sepia(92%) saturate(256%) hue-rotate(169deg) brightness(89%) contrast(93%);}
#col-contact .pied-contact-element .pied-contact-span {font-weight:400; color:#ffffff; font-size:20px; flex:1;}

#col-contact #pied-adresse {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;  }
#col-contact #pied-adresse i {background:url(../images/icone-adresse-o.svg) no-repeat center center; background-size:contain; margin-top: 4px;}
#col-contact #pied-telephone i {background:url(../images/icone-telephone-o.svg) no-repeat center center; background-size:contain;}
#col-contact #pied-mail i {background:url(../images/icone-mail-o.svg) no-repeat center center; background-size:contain;}

@media all and (max-width:1435px) {
	#col-logo {grid-column: col-start 1 / span 5;}
	#col-menu {grid-column: col-start 7 / span 8;}
	#col-contact {grid-column: col-start 16 / span 9;}

	#pied-texte,
	#pied .liens li a > span, #pied .liens li a:visited > span, #pied .liens li > span,
	#col-contact .pied-contact-element .pied-contact-span {font-size: 18px;}
}

@media all and (max-width:1435px) {
	#pied-haut .global {padding: 10px 20px;}
	#pied-haut #col-logo {grid-column: col-start 1 / span 24; margin-bottom: 55px;}
	#pied-haut #col-menu {grid-row:2; grid-column: col-start 1 / span 11;}
	#pied-haut #col-contact {grid-row:2; grid-column: col-start 14 / span 11;}

}

@media all and (max-width:715px) {
	#pied #col-menu { grid-column: col-start 1 / span 24;}
	#pied #col-contact {grid-row: 3; grid-column: col-start 1 / span 24; }
}