#pied {background:#e85336; position:relative; z-index:10;}
#pied > .global {min-height: 75px; padding:0 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -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-copyright {width: calc(50% - 15px); font-size:17px; margin-right:15px; line-height: 17px;  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-copyright > span { 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-copyright > span,
#pied-copyright a,
#pied-copyright a:visited {font-weight:300; color:#ffffff; font-size:16px; line-height: 26px; text-decoration:none; }
#pied-copyright > span {position:relative; }
#pied-copyright .signature a {margin-right: 4px;}

#pied-copyright li {list-style-type: none; }

#pied-menu {width: 50%; 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: center; -ms-flex-align: center; align-items: center; }
#pied-menu .menu {padding:0; margin:0;  font-size:0;}
#pied-menu .menu li {list-style:none; display:inline-block; vertical-align:top; margin:0; }
#pied-menu .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 .menu li > a::after {content: ""; background: #ffffff; width: 2px; height: 15px; display:block; margin:0 10px; }
#pied-menu .menu li:last-child > a::after {display:none; }
#pied-menu .menu li > a > span,
#pied-menu .menu li > a:visited > span,
#pied-menu .menu li > span {text-decoration:none; color:#fff; font-weight:300; font-size:16px; position: relative; }
 

@media all and (max-width:1015px) {
	#pied .global {  padding: 10px 20px 30px;  -webkit-box-orient: vertical;    -webkit-box-direction: reverse;    -ms-flex-direction: column-reverse;    flex-direction: column-reverse;  -webkit-box-pack: end;  -ms-flex-pack: end;  justify-content: flex-end;  -webkit-box-align: center; -ms-flex-align: center;  align-items: center; }
	#pied-copyright,
	#pied-menu {width: 100%;}
	#pied-menu,
	#pied-copyright {margin: 15px 0;  -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;}
	#pied-copyright > span {  -webkit-box-pack: center; -ms-flex-pack: center;  justify-content: center;}
}

@media all and (max-width:780px) {
	#pied .global {  padding: 10px 20px 60px;}
}

@media all and (max-width:610px) {
	#pied-menu {  text-align: center;}
	#pied-menu .categorie {  width: 100%; margin: 0 0 15px;}
	#pied-menu .menu li > a {  padding: 5px 0;}
}