/* PIED */
#pied { background:#fff; position:relative; z-index:10; letter-spacing:initial;}
#pied .global {padding: 95px 20px; }
#pied .global .contenu-wrapper {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 COLONNES LOGO CENTRE **/
#pied .global .contenu-wrapper .col { margin:15px 0; grid-row: 1; box-sizing:border-box;}
 
#col-menu { grid-column: col-start 1 / span 8; padding-left: 62px;}
#col-centre { grid-column: col-start 10 / 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: justify;-ms-flex-pack: justify;justify-content: space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
#col-contact {grid-column: col-start 17 / span 8;  padding-right: 62px;   display: flex;  flex-wrap: wrap;  justify-content: flex-end;  align-items: flex-start;}
 
#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#pied .col .categorie {margin-bottom:20px; }
#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:#89bc41; font-size:22px; font-weight:500; display:block; }
#pied .col .categorie > a > span::after,
#pied .col .categorie > span::after { content:""; width:100%; height:1px; display:block; background:#fff; margin-top: 10px; } 
#pied .col .categorie:hover > a > span,
#pied .col .categorie:hover > span {}

#col-menu > div {max-width: 360px;}
#pied .menu {padding:0; margin:0 0 15px 0; max-width:375px;}
#pied .menu li {list-style:none; display:inline-block; vertical-align:top; margin: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: #6fcc66; width: 5px; height: 2px; display:block; margin:0 5px; }
#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:#5d6e75; font-weight:400; font-size:17px; position: relative; }
 
#pied .liens {padding:0; margin:0; }
#pied .liens li { margin:0; list-style:none; position:relative; }
#pied .liens li > a {text-decoration:none; }
#pied .liens li > a > span,
#pied .liens li > a:visited > span,
#pied .liens li > span {text-decoration:none; color:#82969e; font-weight:300; font-size:17px; line-height: 19px; }
#pied .liens li:hover > a > span,
#pied .liens li:hover > span {}

#pied #logo-pied {width:100%; position:relative; margin:0 auto; max-width: 157px;}
#pied #logo-pied a,
#pied #logo-pied a:visited {text-decoration:none; color:#000; }
#pied #logo-pied a img {vertical-align:top; height:auto; width:100%; }
	

#pied-reseaux-conteneur {  margin-top: 45px; }
#pied-reseaux {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 {display:inline-block; vertical-align:top; margin: 0 5px; }
#pied-reseaux .pied-social a,
#pied-reseaux .pied-social a:visited { color:#89bc41; border:1px solid #89bc41; border-radius:65px; width:27px; height:27px; text-decoration:none; -webkit-transition: -webkit-transform ease-out 0.1s; -moz-transition: -moz-transform ease-out 0.1s; transition: transform ease-out 0.1s; 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:#89bc41; font-size: 15px; }
/* #pied-reseaux .pied-social.facebook i {font-size: 19px; } */
#pied-reseaux .pied-social a:hover { -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); }
#pied-reseaux .pied-social a:hover i { color:#89bc41; }

#col-contact > div {max-width: 400px;}
/** VERSION AVEC FONT AWESOME **/
#pied .pied-contact-element { overflow: hidden; padding: 0 0 7px 4px; text-align:left; margin:0px 0 8px; }
#pied .pied-contact-element i {width: 30px; height:31px; text-align: center; margin-right: 15px; display:block; filter: invert(60%) sepia(78%) saturate(347%) hue-rotate(43deg) brightness(98%) contrast(87%);}
#pied .pied-contact-element .pied-contact-span {width: calc(100% - 45px); display: inline-block; vertical-align: top; -webkit-box-flex:1; -ms-flex:1; flex:1; font-size:17px; color: #5d6e75; font-weight:400;}
#pied #pied-adresse, #pied #pied-telephone a,
#pied #pied-mail a { color: #5d6e75; 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; }
#pied #pied-adresse {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }	
#pied #pied-telephone {}
#pied #pied-telephone i {background:url(../images/icone-telephone-rond.svg) no-repeat center center; background-size:100% auto; }
#pied #pied-mail {}
#pied #pied-mail i {background:url(../images/icone-mail-rond.svg) no-repeat center center; background-size:100% auto; }
#pied #pied-intervention {margin-top: 20px; }
#pied #pied-intervention span { font-weight:300; }
#pied .pied-contact-element:hover i {filter: invert(42%) sepia(13%) saturate(477%) hue-rotate(152deg) brightness(95%) contrast(88%);}
/** END **/

@media all and (max-width:1365px) {
	#col-menu {padding-left:0;}
}
@media all and (max-width:1185px) {
	#col-contact {padding-right:0;}
}

@media all and (max-width:860px) {
	#pied .global { padding: 20px 20px 35px; }
	#pied .global .contenu-wrapper .col {grid-row: 2;}
	#pied #col-centre {  grid-row: 1; grid-column: col-start 1 / span 24; display:block;}
	#pied #col-menu { grid-column: col-start 1 / span 11;}
	#pied #col-contact {grid-column: col-start 14 / span 11;  }
}

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