/* PIED */
#pied { background:#181631; position:relative; z-index:10; }
#pied .global {padding: 50px 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;}
 
#col-menu { grid-column: col-start 1 / span 6;}
#col-centre { grid-column: col-start 8 / span 10; 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 19 / span 6;  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: start;  -ms-flex-align: start;  align-items: flex-start; }
#col-contact > div {max-width: 405px;}
#pied ul li {padding:0; }
#pied ul li::before {display:none; }

#pied .col .categorie {margin-bottom:25px; }
#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:#ed6c27; font-size: 19px; display:block; }

#pied .menu {padding:0; margin:0 0 25px 0;  font-size:0;}
#pied .menu li {list-style:none; display: block; margin:0 0 5px 0; }
#pied .menu li > a {text-decoration:none; display: block; }
#pied .menu li > a > span,
#pied .menu li > a:visited > span,
#pied .menu li > span {text-decoration:none; color:#dadaec; font-weight:500; font-size:17px; position: relative; }
 
#pied .liens {padding:0; margin:0; }
#pied .liens li { margin:0 0 7px 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:#838195; font-weight:500; font-size:17px; line-height: 25px; }
#pied .liens li:hover > a > span,
#pied .liens li:hover > span {}

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

/** VERSION AVEC FONT AWESOME **/
#pied .pied-contact-element { overflow: hidden; text-align:left; margin:0px 0 10px; font-weight: 500; font-size:17px;  line-height: 25px; color: #dadaec; }
#pied .pied-contact-element a,
#pied .pied-contact-element a:visited {color:#dadaec; text-decoration: none; display: block; }
#pied .pied-contact-element strong {color:#ed6c27;  font-weight: 500;  margin-right: 2px;  margin-top: -1px; display: inline-block;  vertical-align: top;}
/** END **/


@media all and (max-width:1260px) {
	#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;  margin-bottom: 35px;}
	#pied #logo-pied {  margin: 10px auto 30px;}
	#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:700px) {
	#pied #col-menu { grid-column: col-start 1 / span 24;}
	#pied #col-contact {grid-row: 3; grid-column: col-start 1 / span 24; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;  }
}