#pied { position:relative; z-index:10; background: #052A3A;
background: -webkit-linear-gradient(0deg, rgba(5, 42, 58, 1) 0%, rgba(2, 32, 45, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(5, 42, 58, 1) 0%, rgba(2, 32, 45, 1) 100%);
background: linear-gradient(0deg, rgba(5, 42, 58, 1) 0%, rgba(2, 32, 45, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#052A3A", endColorstr="#02202D", GradientType=0);}
#pied .global { position:relative; z-index:10; }

#pied-haut .global {padding: 120px 20px 0; 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: start;-ms-flex-align: start;align-items: flex-start;}
#pied-haut .col { margin:15px 0; grid-row: 1;}
 

#pied-haut #col-logo {grid-column: col-start 1 / span 5;   margin-top: 55px;}
#pied-haut #col-menu {grid-column: col-start 6 / span 9;  }
#pied-haut #col-contact {grid-column: col-start 15 / span 9; }

/* Col logo */
#pied #logo-pied {width:100%; position:relative; margin:0 auto; }
#pied #logo-pied a,
#pied #logo-pied a:visited {text-decoration:none; max-width:285px; display:block; }
#pied #logo-pied a img {vertical-align:top; height:auto; width:100%; }


#pied-reseaux {  margin-top: 25px;  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: 5px; } 
#pied-reseaux .pied-social a,
#pied-reseaux .pied-social a:visited {text-align:center; color:#c9ae80; text-decoration:none; line-height: 27px; width:26px; height:26px;  display:block;  border:1px solid #c9ae80; border-radius: 28px;  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 i {color:#c9ae80; font-size: 16px; }
#pied-reseaux .social-twitter-x i {width: 16px; height: 16px; display: block; filter: invert(91%) sepia(11%) saturate(1470%) hue-rotate(333deg) brightness(84%) contrast(85%);}
#pied-reseaux .pied-social#bandeau-facebook i {  font-size: 15px;}
#pied-reseaux .pied-social:hover a {background: #c9ae80; color:#052a3a;}
#pied-reseaux .pied-social:hover i {color:#052a3a;}
#pied-reseaux .social-twitter-x:hover i {filter: invert(10%) sepia(59%) saturate(1737%) hue-rotate(170deg) brightness(99%) contrast(96%);}

/* Col menu */

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

#pied .col .categorie {margin-bottom:15px; }
#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:#c9ae80; font-size:22px; font-weight:700; display:block;}

#pied .menu {padding:0; margin:0 0 25px 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 0 9px 0; }
#pied .menu li > a {text-decoration:none; 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: #8990a2; width: 2px; height: 15px; display:block; margin:0 7px; border-radius:20px; }
#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:#ffffff; font-weight:500; font-size:19px; position: relative; }
 
#pied .liens {padding: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 .liens li { margin:0 0 7px 0; list-style:none; position:relative; }
#pied .liens li > a {text-decoration:none; 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: #8990a2; width: 4px; height: 2px; display:block; margin:0 5px; }
#pied .liens li:last-child > a::after,
#pied #pied-cookies > 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:#8990a2; font-weight:500; font-size:15px; line-height: 19px; }
#pied #pied-signature {display: block; width: 100%;}	

#pied #pied-adresses {padding: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: stretch; -ms-flex-align: stretch; align-items: stretch;}
#pied #pied-adresses .pied-adresse {width: 50%; max-width: 295px; box-sizing: border-box;  padding-left: 35px; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;}   
#pied #pied-adresses .pied-adresse:first-child {padding: 0;}
#pied #pied-adresses .pied-adresse-element { color:#ffffff; font-weight:500; font-size:19px;  line-height: 26px;}
#pied #pied-adresses .pied-adresse-telephones {  margin-top: 10px; 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;}
#pied #pied-adresses .pied-adresse-telephones .bouton {background: none; color:#c9ae80;}
#pied #pied-adresses .pied-adresse-telephones .bouton i {display: block; width: 14px; height: 14px; margin-right: 10px; background: url(../images/icone-telephone.svg) no-repeat center center; background-size: contain; filter: invert(91%) sepia(11%) saturate(1470%) hue-rotate(333deg) brightness(84%) contrast(85%);}
#pied #pied-adresses .pied-adresse-telephones .bouton:hover {background: #c9ae80; color:#052a3a;}
#pied #pied-adresses .pied-adresse-telephones .bouton:hover span {color:#052a3a;}
#pied #pied-adresses .pied-adresse-telephones .bouton:hover i {filter: invert(10%) sepia(59%) saturate(1737%) hue-rotate(170deg) brightness(99%) contrast(96%);}

#pied-bas {  margin-top: 45px;}
#pied-bas .global {text-align: center;}
#pied-bas-image {background:#02202d; width:calc(100% - 50px); max-width: 560px; margin: 0 auto; padding: 25px 20px 35px;   border-radius: 10px 10px 0 0;}
#pied-bas-image p {font-weight: 600; font-size: 15px; color: #c9ae80; display: block; margin-bottom: 15px; text-align: center;  line-height: 20px;}

#pied-bas-reseaux { display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#pied-bas-reseaux .pied-bas-reseau {}
#pied-bas-reseaux .pied-bas-reseau a,
#pied-bas-reseaux .pied-bas-reseau a:visited {text-align:center; color:#fff; text-decoration:none; 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-bas-reseaux .pied-bas-reseau i {color:#c9ae80; font-size: 13px; line-height: 27px; width:27px; height:27px; border-radius: 28px; margin-right: 10px;  border:1px solid #c9ae80;  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-bas-reseaux .pied-bas-reseau span {flex:1; color:#fff; font-weight: 600; font-size: 15px; }

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

@media all and (max-width:1375px) {
	#pied-haut .global {  grid-template-columns: repeat(32, [col-start] 1fr);}
	#pied-haut #col-logo {grid-column: col-start 1 / span 5;}
	#pied-haut #col-menu {grid-column: col-start 7 / span 12; }
	#pied-haut #col-contact {grid-column: col-start 20 / span 13;}
	#pied #pied-adresses .pied-adresse {  padding-left: 20px;}
}

@media all and (max-width:1330px) {
	#pied-haut .global {padding: 60px 20px 0; grid-template-columns: repeat(24, [col-start] 1fr);}

	#pied .col {grid-row: 2;}
	#pied-haut  #col-logo {text-align: center;  grid-row: 1; grid-column: col-start 1 / span 24; display:block;}
	#pied #logo-pied a, #pied #logo-pied a:visited {margin:0 auto;} 
	#pied-haut  #col-menu { grid-column: col-start 1 / span 11;}
	#pied-haut  #col-contact {grid-column: col-start 13 / span 12;  }
}


@media all and (max-width:1125px) {
	#pied .col {margin: 20px 0;}
	#pied-haut  #col-contact {  grid-column: col-start 1 / span 24;  -webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
	
	#pied #pied-adresses {  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start; -ms-flex-wrap: wrap;  flex-wrap: wrap; }
	#pied #pied-adresses .pied-adresse {   width: 50%; padding-left:25px;}

	#pied-haut  #col-menu {  grid-column: col-start 1 / span 24;  grid-row: 3;}
	
	#pied-bas { margin-top: 15px;}
}
@media all and (max-width:780px) {
	#pied-haut #col-logo {margin-top: 0;}
}

@media all and (max-width:655px) {
	#pied .col .categorie > a > span, 
	#pied .col .categorie > a:visited > span, 
	#pied .col .categorie > span {  font-size: 19px;}

	
	#pied-haut #col-contact {margin: 0;}
	#pied #pied-adresses .pied-adresse {margin: 10px 0;}
	#pied #pied-adresses .pied-adresse-element {  font-size: 17px;  line-height: 24px;}

}

@media all and (max-width:630px) {
	#pied #pied-adresses .pied-adresse {  width: 100%; padding-left:0;}
}

@media all and (max-width:580px) {
	#pied .menu li > a > span, #pied .menu li > a:visited > span, #pied .menu li > span {font-size: 15px;}

	#pied-bas-image {  padding: 5px 15px 25px;}
	#pied-bas-image p br {display: none;}
	#pied-bas-reseaux {flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	#pied-bas-reseaux .pied-bas-reseau {margin: 10px 0;}
}