@charset "UTF-8";
/*!
* www.KNACSS.com V4.3.4 (27 août 2015) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*/
/* ---------------------------------- */
/* ==visual helpers                   */
/* .. use them with parcimony !       */
/* ---------------------------------- */
/* blocks widths (percentage and pixels) */
.w10 {
  width: 10%;
}
.w20 {
  width: 20%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w33 {
  width: 33.3333%;
}
.w40 {
  width: 40%;
}
.w50 {
  width: 50%;
}
.w60 {
  width: 60%;
}
.w66 {
  width: 66.6666%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w90 {
  width: 90%;
}
.w100 {
  width: 100%;
}
.w50p {
  width: 50px;
}
.w100p {
  width: 100px;
}
.w150p {
  width: 150px;
}
.w200p {
  width: 200px;
}
.w300p {
  width: 300px;
}
.w400p {
  width: 400px;
}
.w500p {
  width: 500px;
}
.w600p {
  width: 600px;
}
.w700p {
  width: 700px;
}
.w800p {
  width: 800px;
}
.w960p {
  width: 960px;
}
.mw960p {
  max-width: 960px;
}
.w1140p {
  width: 1140px;
}
.mw1140p {
  max-width: 1140px;
}
.wauto {
  width: auto;
}
/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
t, s,m,l,n = tiny, small, medium, large, none
*/
.man,
.ma0 {
  margin: 0;
}
.pan,
.pa0 {
  padding: 0;
}
.mat {
  margin: 5px;
}
.mas {
  margin: 10px;
}
.mam {
  margin: 20px;
}
.mal {
  margin: 30px;
}
.pat {
  padding: 5px;
}
.pas {
  padding: 10px;
}
.pam {
  padding: 20px;
}
.pal {
  padding: 30px;
}
.mtn,
.mt0 {
  margin-top: 0;
}
.mtt {
  margin-top: 5px;
}
.mts {
  margin-top: 10px;
}
.mtm {
  margin-top: 20px;
}
.mtl {
  margin-top: 30px;
}
.mrn,
.mr0 {
  margin-right: 0;
}
.mrt {
  margin-right: 5px;
}
.mrs {
  margin-right: 10px;
}
.mrm {
  margin-right: 20px;
}
.mrl {
  margin-right: 30px;
}
.mbn,
.mb0 {
  margin-bottom: 0;
}
.mbt {
  margin-bottom: 5px;
}
.mbs {
  margin-bottom: 10px;
}
.mbm {
  margin-bottom: 20px;
}
.mbl {
  margin-bottom: 30px;
}
.mln,
.ml0 {
  margin-left: 0;
}
.mlt {
  margin-left: 5px;
}
.mls {
  margin-left: 10px;
}
.mlm {
  margin-left: 20px;
}
.mll {
  margin-left: 30px;
}
.ptn,
.pt0 {
  padding-top: 0;
}
.ptt {
  padding-top: 5px;
}
.pts {
  padding-top: 10px;
}
.ptm {
  padding-top: 20px;
}
.ptl {
  padding-top: 30px;
}
.prn,
.pr0 {
  padding-right: 0;
}
.prt {
  padding-right: 5px;
}
.prs {
  padding-right: 10px;
}
.prm {
  padding-right: 20px;
}
.prl {
  padding-right: 30px;
}
.pbn,
.pb0 {
  padding-bottom: 0;
}
.pbt {
  padding-bottom: 5px;
}
.pbs {
  padding-bottom: 10px;
}
.pbm {
  padding-bottom: 20px;
}
.pbl {
  padding-bottom: 30px;
}
.pln,
.pl0 {
  padding-left: 0;
}
.plt {
  padding-left: 5px;
}
.pls {
  padding-left: 10px;
}
.plm {
  padding-left: 20px;
}
.pll {
  padding-left: 30px;
}
/* ----------------------------- */
/* ==layout and modules          */
/* ----------------------------- */
/* module, gains superpower "BFC" Block Formating Context */
.mod,
.bfc {
  overflow: hidden;
}
/* blocks that needs to be placed under floats */
.clear,
.line,
.row {
  clear: both;
}
/* blocks that must contain floats */
.clearfix::after,
.line::after {
  content: "";
  display: table;
  clear: both;
  border-collapse: collapse;
}
/* simple blocks alignment */
.left {
  margin-right: auto;
}
.right {
  margin-left: auto;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
/* text and contents alignment */
.txtleft {
  text-align: left;
}
.txtright {
  text-align: right;
}
.txtcenter {
  text-align: center;
}
/* floating elements */
.fl {
  float: left;
}
img.fl {
  margin-right: 10px;
}
.fr {
  float: right;
}
img.fr {
  margin-left: 10px;
}
img.fl,
img.fr {
  margin-bottom: 5px;
}
/* table layout */
.row {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.row > *,
.col {
  display: table-cell;
  vertical-align: top;
}
/* no table-cell for script tag when body is a .row */
body > script {
  display: none !important;
}
/* inline-block */
/* flexbox layout
http://www.alsacreations.com/tuto/lire/1493-css3-flexbox-layout-module.html
*/
[class*="flex-container"],
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-container-h {
  flex-direction: row;
}
.flex-container-v {
  flex-direction: column;
}
.flex-item-fluid {
  flex: 1;
}
.flex-item-first {
  order: -1;
}
.flex-item-medium {
  order: 0;
}
.flex-item-last {
  order: 1;
}
.flex-item-center {
  margin: auto;
}
/*

Animate.less
Cross-browser LESS animation library for Bootstrap
Licensed under the ☺ license (http://licence.visualidiot.com/)
Documenation: https://github.com/machito/animate.less
-------------------------------------------------------
Copyright © 2012 Michael Castilla
Email: yo@machito.co
Twitter: https://twitter.com/micr0bitz
http://daneden.github.io/animate.css/
DEMO http://animateforless.com/
*/
body {
  -webkit-backface-visibility: hidden;
}
.animated {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  -moz-animation-name: bounceInLeft;
  -o-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}
@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  -moz-animation-name: bounceInRight;
  -o-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  -moz-animation-name: fadeInLeftBig;
  -o-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}
@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  -moz-animation-name: fadeInRightBig;
  -o-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}
@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  -moz-animation-name: fadeOut;
  -o-animation-name: fadeOut;
  animation-name: fadeOut;
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}
@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  -moz-animation-name: fadeOutLeft;
  -o-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}
@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  -moz-animation-name: fadeOutRight;
  -o-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}
@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  -moz-animation-name: fadeOutUp;
  -o-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}
@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}
@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}
.flip {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: visible !important;
  -webkit-animation-name: flip;
  -moz-backface-visibility: visible !important;
  -moz-animation-name: flip;
  -o-backface-visibility: visible !important;
  -o-animation-name: flip;
  backface-visibility: visible !important;
  animation-name: flip;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}
@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}
@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  -moz-animation-name: rotateInDownLeft;
  -o-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}
@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}
@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  -moz-animation-name: rotateInDownRight;
  -o-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* .transition(@duration:0.2s, @ease:ease-out) {
  -webkit-transition: all @duration @ease;
  -moz-transition: all @duration @ease;
  -o-transition: all @duration @ease;
  transition: all @duration @ease;
} */
.offset,
.hidden {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
span.clear {
  clear: both;
  display: block;
  height: 0;
  width: 0;
}
.reset-icon {
  padding-left: 0;
}
.reset-icon:before,
.reset-icon:after {
  content: "";
  display: none;
}
/* table layout */
/* params : @lines-to-show, @font-size (en pixels), @line-height (en em) */
/* Fonction permettant d'appliquer des styles, et de les annuler pour le premier élément
   params : @property           : propriété CSS
            @value              : valeur de la propriété CSS
            @first-child-value  : valeur de la propriété CSS pour le premier élément
*/
/* ##### TOUTES LES TRANCHES ##### */
#ezwt,
#dclic,
.ezflow.contact-map .legend.active {
  display: none;
}
/* Alternative RWD : éléments transformés en select */
.select-menu {
  color: #E02313;
  padding: 10px;
  text-transform: uppercase;
  width: 100%;
}
.select-menu option {
  color: #76757c;
}
.select-menu option[selected^="selected"] {
  color: #E02313;
}
.dropdown.select {
  background-color: #FFFFFF;
  display: block;
}
.dropdown.select select {
  position: relative;
  z-index: 2;
}
.dropdown.select:after {
  z-index: 0;
}
.js-to-select {
  display: none !important;
}
#cookie-banner {
  width: auto;
}
#wrapper .w1024p,
#wrapper #skip-links,
#wrapper .inner,
#wrapper #breadcrumb,
#wrapper #navigation > ul,
#wrapper #navigation > ul > li > .submenu > div,
#wrapper #copyright > div,
#wrapper .block.slider,
#wrapper #secondary-nav,
#wrapper .ezflow.faq,
#wrapper .short-access,
#wrapper .full > header,
#wrapper .full.profile > .h2-like,
#wrapper .slider-logos .logo-showcase-gray,
#wrapper #footer .line1,
#wrapper #footer .line2,
#wrapper #footer .line4,
#wrapper .ezflow .msg-infos,
#wrapper #main-content > header {
  width: 100%;
}
#wrapper #main-content > code {
  margin-left: 20px;
}
#wrapper .fields select {
  width: auto;
}
#wrapper .wysiwyg .embed {
  max-width: 100% !important;
}
#wrapper .wysiwyg .embed * {
  max-width: 100% !important;
}
#wrapper a.masonry-item.img-link .thumbnail-container,
#wrapper a.masonry-item.news .thumbnail-container,
#wrapper a.masonry-item.article .thumbnail-container,
#wrapper a.masonry-item.emphasis .thumbnail-container,
#wrapper a.masonry-item.img-link blockquote,
#wrapper a.masonry-item.news blockquote,
#wrapper a.masonry-item.article blockquote,
#wrapper a.masonry-item.emphasis blockquote {
  height: auto;
}
#wrapper a.masonry-item.img-link .thumbnail-container img,
#wrapper a.masonry-item.news .thumbnail-container img,
#wrapper a.masonry-item.article .thumbnail-container img,
#wrapper a.masonry-item.emphasis .thumbnail-container img,
#wrapper a.masonry-item.img-link blockquote img,
#wrapper a.masonry-item.news blockquote img,
#wrapper a.masonry-item.article blockquote img,
#wrapper a.masonry-item.emphasis blockquote img {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
}
#wrapper a.masonry-item.img-link:hover .thumbnail-container img,
#wrapper a.masonry-item.news:hover .thumbnail-container img,
#wrapper a.masonry-item.article:hover .thumbnail-container img,
#wrapper a.masonry-item.emphasis:hover .thumbnail-container img,
#wrapper a.masonry-item.img-link:focus .thumbnail-container img,
#wrapper a.masonry-item.news:focus .thumbnail-container img,
#wrapper a.masonry-item.article:focus .thumbnail-container img,
#wrapper a.masonry-item.emphasis:focus .thumbnail-container img,
#wrapper a.masonry-item.img-link:hover blockquote img,
#wrapper a.masonry-item.news:hover blockquote img,
#wrapper a.masonry-item.article:hover blockquote img,
#wrapper a.masonry-item.emphasis:hover blockquote img,
#wrapper a.masonry-item.img-link:focus blockquote img,
#wrapper a.masonry-item.news:focus blockquote img,
#wrapper a.masonry-item.article:focus blockquote img,
#wrapper a.masonry-item.emphasis:focus blockquote img {
  margin-left: 0;
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  width: 100%;
}
#wrapper #navigation > ul > li:first-child.no-display {
  display: none;
}
#wrapper #navigation #top-bar #links-items > li {
  display: block;
}
#wrapper #navigation #top-bar #links-items > li:after {
  display: none;
}
#wrapper #navigation #top-bar #links-items > li.no-display {
  display: block;
}
#wrapper #navigation #top-bar #links-items > li.no-display + .no-display {
  display: none;
}
#wrapper #commercial-fixed-container {
  width: 100%;
  display: none;
  border-top: 1px solid #DEE0DE;
  top: 100px;
  height: 100%;
  padding-bottom: 75px;
  overflow-y: scroll;
}
#wrapper #commercial-fixed-container.active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  position: fixed;
  display: block;
  z-index: 11;
}
#wrapper #commercial-fixed-container #advanced-search {
  padding: 10px;
}
#wrapper #commercial-fixed-container #advanced-search > form > .w1024p {
  display: inline;
}
#wrapper #commercial-fixed-container #advanced-search > form > .w1024p > div {
  margin-right: -10px;
}
#wrapper #commercial-fixed-container #advanced-search .form-line {
  margin-bottom: 5px;
  margin-right: 5px;
  width: 49%;
}
#wrapper #commercial-fixed-container #advanced-search .label-zone {
  font-size: 12px;
  font-size: 1.2rem;
}
#wrapper #commercial-fixed-container #advanced-search .input-zone {
  padding: 4px 13px;
}
#wrapper #commercial-fixed-container #advanced-search .input-zone input[type='text'] {
  width: 100%;
}
#wrapper #commercial-fixed-container #advanced-search .input-zone input[type='number'] {
  width: calc(100% - 25px);
}
#wrapper #commercial-fixed-container #advanced-search button[type='submit'] {
  width: 100%;
}
#wrapper #commercial-fixed-container #advanced-search #form-options .form-line {
  width: 24%;
}
#wrapper #commercial-fixed-container #commercial-fixed-content > * {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
#wrapper #commercial-fixed-container #commercial-fixed-content #commercial-result {
  padding-left: 0;
}
#wrapper #commercial-fixed-container #commercial-fixed-content #filters {
  padding-right: 10px;
}
#wrapper #commercial-fixed-container #commercial-fixed-content #batch-title h2 {
  border-right: 0;
}
#wrapper .tooltip-content3 {
  display: none !important;
}
#wrapper .responsive-slider.util-theme-default {
  margin-left: 0;
}
#wrapper .responsive-slider.util-theme-default > * {
  padding-left: 0;
}
#wrapper .responsive-slider.util-theme-default .util-item > * {
  width: 98%;
}
#wrapper .responsive-slider.util-theme-default .util-navigation {
  width: 100%;
  padding-bottom: 10px;
}
#wrapper .responsive-slider.util-theme-default .util-navigation:empty {
  display: none !important;
}
#wrapper .responsive-slider.util-theme-default .util-navigation .util-prev,
#wrapper .responsive-slider.util-theme-default .util-navigation .util-next {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #3D3F56;
  padding: 0;
}
#wrapper .responsive-slider.util-theme-default .util-navigation .util-prev:hover,
#wrapper .responsive-slider.util-theme-default .util-navigation .util-next:hover {
  background-color: #E02313;
}
#wrapper .responsive-slider.util-theme-default .util-pagination {
  background: none;
  display: block !important;
  width: 100% !important;
  padding: 0;
}
#wrapper .responsive-slider.util-theme-default .util-pagination:empty {
  display: none !important;
}
#wrapper .responsive-slider.util-theme-default .util-pagination .util-page span {
  border-color: #3D3F56;
}
#wrapper .responsive-slider.util-theme-default .util-pagination .util-page.active-page span {
  background-color: #3D3F56;
}
#wrapper .block.gallery .gallery-bloc .gallery-item {
  background-size: cover;
}
#wrapper .inline-block.article,
#wrapper .inline-block.article > * {
  display: block;
}
#wrapper .inline-block.article .thumbnail-container {
  width: auto;
}
#wrapper .inline-block.article .thumbnail-container img {
  width: 100%;
}
#wrapper .inline-block.article .content {
  padding: 10px;
}
.map-page #wrapper .full #list-panel,
.map-page #wrapper .full #detail-panel,
.map-page #wrapper .full #map-panel {
  width: 100%;
}
.map-page #wrapper .full #list-panel .mosaic-item,
.map-page #wrapper .full #detail-panel .mosaic-item {
  width: 100%;
}
#wrapper .full.contact-map .js-sticky-nav > div {
  padding: 20px;
  margin-bottom: 0;
}
#wrapper .full.contact-map .js-sticky-nav > div .h1-like {
  padding: 0;
  width: 100%;
  font-size: 25px;
  font-size: 2.5rem;
}
#wrapper .full.contact-map .js-sticky-nav > form {
  padding: 0 20px;
}
#wrapper .block.job .job-form {
  width: 100%;
}
#wrapper .ezflow .ezflow-title {
  width: 100%;
}
.commercial #wrapper #logo {
  border-collapse: separate;
  border-spacing: 20px 20px;
  display: table;
  table-layout: auto;
  width: 100%;
  background-color: #FFFFFF;
  text-align: center;
  padding: 0;
  border-bottom: 1px solid #DEE0DE;
  direction: rtl;
}
.commercial #wrapper #logo > * {
  display: table-cell;
  vertical-align: middle;
}
.commercial #wrapper #logo > a {
  text-align: left;
}
.commercial #wrapper #navigation {
  background-color: rgba(237, 239, 236, 0.95);
  border-top: 1px solid #DEE0DE;
  display: none;
  visibility: hidden;
}
.commercial #wrapper #navigation > ul {
  background-color: transparent;
  padding-bottom: 30px;
}
.commercial #wrapper #navigation > ul > li {
  padding: 0;
  text-align: left;
  border-bottom: none;
  position: relative;
}
.commercial #wrapper #navigation > ul > li > a,
.commercial #wrapper #navigation > ul > li > span {
  width: auto;
  padding: 10px 10px 10px 0;
  border: none;
  border-bottom: 2px solid #3D3F56;
}
.commercial #wrapper #navigation > ul > li > a > span,
.commercial #wrapper #navigation > ul > li > span > span {
  display: inline;
}
.commercial #wrapper #navigation > ul > li > a:hover,
.commercial #wrapper #navigation > ul > li > span:hover,
.commercial #wrapper #navigation > ul > li > a:focus,
.commercial #wrapper #navigation > ul > li > span:focus,
.commercial #wrapper #navigation > ul > li > a:active,
.commercial #wrapper #navigation > ul > li > span:active {
  position: inherit;
}
.commercial #wrapper #navigation > ul > li > .submenu {
  background-color: transparent;
}
.commercial #wrapper #navigation > ul > li > .submenu .submenu-title {
  font-size: 14px;
  font-size: 1.4rem;
}
.commercial #wrapper #navigation > ul > li > .submenu > * {
  padding: 0;
}
.commercial #wrapper #navigation > ul > li > .submenu > * > * {
  padding-top: 10px;
  padding-bottom: 10px;
}
.commercial #wrapper #navigation > ul > li > .submenu [class^="autogrid"] > * {
  width: 100%;
}
.commercial #wrapper #navigation > ul > li > .submenu.active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  position: static;
}
.commercial #wrapper #navigation > ul > li .nav-sublevel {
  text-align: center;
  position: absolute;
  top: 3px;
  right: 0;
  width: 30px;
  z-index: 1;
}
.commercial #wrapper #navigation > ul > li .nav-sublevel:before {
  font-size: 20px;
  font-size: 2rem;
  color: #E02313;
  content: "\e92e";
  font-family: 'System Icons';
  font-weight: normal;
  line-height: inherit;
}
.commercial #wrapper #navigation > ul > li .nav-sublevel.active:before {
  content: "\e92d";
}
.commercial #wrapper #navigation > ul > li .nav-sublevel + span,
.commercial #wrapper #navigation > ul > li .nav-sublevel + a {
  padding-right: 30px;
  border-color: #E02313;
}
.commercial #wrapper #navigation.active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
  bottom: auto;
  left: 0;
  top: 100px;
  right: 0;
  border-bottom: 1px solid #3D3F56;
  display: block;
  height: 100%;
  overflow-y: scroll;
  padding-bottom: 60px;
  position: absolute;
  visibility: visible;
  z-index: 11;
}
.commercial #wrapper #navigation #top-bar {
  background-color: transparent;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  display: block;
}
.commercial #wrapper #navigation #top-bar #twitter_account,
.commercial #wrapper #navigation #top-bar #links-container {
  width: 100%;
  padding: 0;
  margin-top: 10px;
  display: block;
}
.commercial #wrapper #navigation #top-bar .social-networks {
  text-align: center;
  width: auto;
}
.commercial #wrapper #navigation #top-bar #links-items {
  text-align: left;
  position: static;
  white-space: normal;
}
.commercial #wrapper #navigation #top-bar #links-items > :last-child {
  display: block;
}
.commercial #wrapper #navigation #top-bar .global-search {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 10px;
  padding: 0;
  display: block;
}
.commercial #wrapper #navigation #top-bar .global-search input {
  width: 100%;
  max-width: none;
  margin: 2px;
  padding: 5px;
  width: calc(100% - 32px);
}
.commercial #wrapper #navigation #top-bar .global-search button {
  background-color: transparent;
}
.commercial #wrapper #navigation #top-bar .global-search button:hover,
.commercial #wrapper #navigation #top-bar .global-search button:focus {
  background-color: #3D3F56;
  border-color: transparent;
  color: #FFFFFF;
}
.commercial #wrapper #navigation > ul,
.commercial #wrapper #navigation > ul > * {
  display: block;
}
.commercial #wrapper .inner {
  display: block;
  height: auto;
}
.scroll.commercial #wrapper #logo,
.scroll.commercial #wrapper #navigation {
  position: fixed !important;
  z-index: 10;
}
.scroll.commercial #wrapper #logo {
  top: 0;
}
.commercial #wrapper #nav-mobile,
.commercial #wrapper #search-mobile,
.commercial #wrapper #commercial-search-mobile,
.commercial #wrapper #nav-mobile.active,
.commercial #wrapper #search-mobile.active,
.commercial #wrapper #commercial-search-mobile.active {
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
}
.commercial #wrapper #search-mobile,
.commercial #wrapper #commercial-search-mobile {
  -webkit-animation-name: fadeIn;
  -moz-animation-name: fadeIn;
  -o-animation-name: fadeIn;
  animation-name: fadeIn;
}
.commercial #wrapper #search-mobile.active,
.commercial #wrapper #commercial-search-mobile.active {
  -webkit-animation-name: rollIn;
  -moz-animation-name: rollIn;
  -o-animation-name: rollIn;
  animation-name: rollIn;
}
/* ##### PETITS ECRANS > 768PX ET < 1024PX ##### */
@media (min-width: 768px) and (max-width: 1024px) {
  #wrapper .block.slider .util-item .slider-item .content-inner {
    padding-right: 165px;
  }
  #wrapper .block.job .job-form > * {
    display: block;
  }
  #wrapper .block.job .job-form .form-base form {
    display: table;
  }
  #wrapper .block.job .job-form .form-base form > * {
    display: table-cell;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item {
    margin: 0 0 1em 2%;
    width: 32%;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item:first-child,
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item.shuffle-item {
    margin-left: 0;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .column-width {
    margin-left: 2%;
    width: 32%;
  }
  #wrapper .ezflow.mosaic .mosaic-item {
    margin: 1%;
  }
  #wrapper .ezflow.mosaic .mosaic-item.small-width {
    width: 31.3%;
  }
  #wrapper .ezflow.mosaic .mosaic-item.medium-width {
    width: 48%;
  }
  #wrapper .ezflow.mosaic .mosaic-item.large-width {
    width: 64.7%;
  }
}
/* ##### ECRANS TABLETTES & MOBILES < 768PX ##### */
@media (max-width: 768px) {
  #cookie-banner {
    background-color: #DEE0DE;
    border-color: transparent;
    color: #3D3F56;
    position: fixed;
    bottom: 0;
    left: 0;
    top: auto;
    right: 0;
    z-index: 6;
  }
  .no-script #wrapper #navigation,
  .no-script #wrapper #search-housing,
  .no-script #wrapper #commercial-fixed-container {
    display: block !important;
    position: static;
    visibility: visible;
  }
  .no-script #wrapper #navigation {
    margin-bottom: 20px;
  }
  .no-script #wrapper #navigation > ul > li > a,
  .no-script #wrapper #navigation > ul > li > span {
    border-color: #E02313;
  }
  .no-script #wrapper #navigation .submenu {
    position: static;
  }
  .no-scroll {
    overflow: hidden;
  }
  #wrapper {
    /*#nav-mobile{
            .flip;
            &.active{
                .fadeIn;
            }
        }*/
  }
  .scroll #wrapper #logo,
  .scroll #wrapper #navigation {
    position: fixed !important;
    z-index: 10;
  }
  .scroll #wrapper #logo {
    top: 0;
  }
  #wrapper #nav-mobile,
  #wrapper #search-mobile,
  #wrapper #commercial-search-mobile,
  #wrapper #nav-mobile.active,
  #wrapper #search-mobile.active,
  #wrapper #commercial-search-mobile.active {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  #wrapper #search-mobile,
  #wrapper #commercial-search-mobile {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-animation-name: fadeIn;
    animation-name: fadeIn;
  }
  #wrapper #search-mobile.active,
  #wrapper #commercial-search-mobile.active {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn;
  }
  #wrapper .table-layout,
  #wrapper .table-layout > * {
    display: block;
  }
  #wrapper #breadcrumb,
  #wrapper #footer-sitemap {
    display: none;
  }
  #wrapper #top-bar {
    display: none;
  }
  #wrapper #search-housing {
    padding: 10px;
    display: none;
  }
  #wrapper #search-housing.active {
    display: block;
    z-index: 11;
  }
  #wrapper #commercial-fixed-container #advanced-search {
    /*fieldset {
                    .man;
                    display: block;

                    .form-line {
                        width: calc(~'50% - 10px');

                        &:last-child {
                            .mrn;
                        }
                    }
                }*/
  }
  #wrapper #commercial-fixed-container #advanced-search > form > .w1024p {
    display: block;
  }
  #wrapper #commercial-fixed-container #advanced-search > form > .w1024p > div {
    margin-right: 0;
  }
  #wrapper #commercial-fixed-container #advanced-search .form-line {
    width: 100%;
    margin-right: 0;
  }
  #wrapper #commercial-fixed-container #advanced-search #form-options .form-line {
    width: 32%;
  }
  #wrapper #logo {
    border-collapse: separate;
    border-spacing: 20px 20px;
    display: table;
    table-layout: auto;
    width: 100%;
    background-color: #FFFFFF;
    text-align: center;
    padding: 0;
    border-bottom: 1px solid #DEE0DE;
    direction: rtl;
  }
  #wrapper #logo > * {
    display: table-cell;
    vertical-align: middle;
  }
  #wrapper #logo > a {
    text-align: left;
  }
  #wrapper .inner {
    display: block;
    height: auto;
  }
  #wrapper .key-figures .util-navigation,
  #wrapper .key-figures .buttons,
  #wrapper .key-figures .buttons *,
  #wrapper .line1,
  #wrapper .line2,
  #wrapper .line3,
  #wrapper .line4,
  #wrapper .line1 > *,
  #wrapper .line2 > *,
  #wrapper .line3 > *,
  #wrapper .line4 > *,
  #wrapper #navigation > ul,
  #wrapper #navigation > ul > * {
    display: block;
  }
  #wrapper #navigation {
    background-color: rgba(237, 239, 236, 0.95);
    border-top: 1px solid #DEE0DE;
    display: none;
    visibility: hidden;
  }
  #wrapper #navigation > ul {
    background-color: transparent;
    padding-bottom: 30px;
  }
  #wrapper #navigation > ul > li {
    padding: 0;
    text-align: left;
    border-bottom: none;
    position: relative;
  }
  #wrapper #navigation > ul > li > a,
  #wrapper #navigation > ul > li > span {
    width: auto;
    padding: 10px 10px 10px 0;
    border: none;
    border-bottom: 2px solid #3D3F56;
  }
  #wrapper #navigation > ul > li > a > span,
  #wrapper #navigation > ul > li > span > span {
    display: inline;
  }
  #wrapper #navigation > ul > li > a:hover,
  #wrapper #navigation > ul > li > span:hover,
  #wrapper #navigation > ul > li > a:focus,
  #wrapper #navigation > ul > li > span:focus,
  #wrapper #navigation > ul > li > a:active,
  #wrapper #navigation > ul > li > span:active {
    position: inherit;
  }
  #wrapper #navigation > ul > li > .submenu {
    background-color: transparent;
  }
  #wrapper #navigation > ul > li > .submenu .submenu-title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #wrapper #navigation > ul > li > .submenu > * {
    padding: 0;
  }
  #wrapper #navigation > ul > li > .submenu > * > * {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #wrapper #navigation > ul > li > .submenu [class^="autogrid"] > * {
    width: 100%;
  }
  #wrapper #navigation > ul > li > .submenu.active {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-animation-name: fadeInUp;
    animation-name: fadeInUp;
    position: static;
  }
  #wrapper #navigation > ul > li .nav-sublevel {
    text-align: center;
    position: absolute;
    top: 3px;
    right: 0;
    width: 30px;
    z-index: 1;
  }
  #wrapper #navigation > ul > li .nav-sublevel:before {
    font-size: 20px;
    font-size: 2rem;
    color: #E02313;
    content: "\e92e";
    font-family: 'System Icons';
    font-weight: normal;
    line-height: inherit;
  }
  #wrapper #navigation > ul > li .nav-sublevel.active:before {
    content: "\e92d";
  }
  #wrapper #navigation > ul > li .nav-sublevel + span,
  #wrapper #navigation > ul > li .nav-sublevel + a {
    padding-right: 30px;
    border-color: #E02313;
  }
  #wrapper #navigation.active {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    bottom: auto;
    left: 0;
    top: 100px;
    right: 0;
    border-bottom: 1px solid #3D3F56;
    display: block;
    height: 100%;
    overflow-y: scroll;
    padding-bottom: 60px;
    position: absolute;
    visibility: visible;
    z-index: 11;
  }
  #wrapper #navigation #top-bar {
    background-color: transparent;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    display: block;
  }
  #wrapper #navigation #top-bar #twitter_account,
  #wrapper #navigation #top-bar #links-container {
    width: 100%;
    padding: 0;
    margin-top: 10px;
    display: block;
  }
  #wrapper #navigation #top-bar .social-networks {
    text-align: center;
    width: auto;
  }
  #wrapper #navigation #top-bar #links-items {
    text-align: left;
    position: static;
    white-space: normal;
  }
  #wrapper #navigation #top-bar #links-items > :last-child {
    display: block;
  }
  #wrapper #navigation #top-bar .global-search {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 10px;
    padding: 0;
    display: block;
  }
  #wrapper #navigation #top-bar .global-search input {
    width: 100%;
    max-width: none;
    margin: 2px;
    padding: 5px;
    width: calc(100% - 32px);
  }
  #wrapper #navigation #top-bar .global-search button {
    background-color: transparent;
  }
  #wrapper #navigation #top-bar .global-search button:hover,
  #wrapper #navigation #top-bar .global-search button:focus {
    background-color: #3D3F56;
    border-color: transparent;
    color: #FFFFFF;
  }
  #wrapper #secondary-nav {
    margin-bottom: 10px;
  }
  #wrapper .block.slider {
    background-color: #000000;
    overflow: hidden;
  }
  #wrapper .block.slider .util-item {
    height: auto;
  }
  #wrapper .block.slider .slider-item {
    width: 100%;
    height: 330px;
    position: relative;
  }
  #wrapper .block.slider .slider-item .h1-like {
    font-size: 30px;
    font-size: 3rem;
  }
  #wrapper .block.slider .slider-item .content-inner {
    padding: 30px !important;
    padding-bottom: 50px;
  }
  #wrapper .block.slider .slider-item.video .video-controls {
    right: 0;
  }
  #wrapper .block.slider .util-pagination {
    display: none !important;
  }
  #wrapper .block.slider .util-controls {
    margin-left: 0;
    -moz-opacity: 1;
    -khtml-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    filter: alpha(opacity=100);
    visibility: visible;
  }
  #wrapper .block.slider .util-counter > span {
    margin-right: 0;
  }
  #wrapper .block.emergency {
    padding: 10px;
  }
  #wrapper .block.emergency > .w1024p,
  #wrapper .block.emergency > .w1024p > * {
    display: block;
  }
  #wrapper .block.emergency img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wrapper .block.emergency .numbers {
    white-space: normal;
  }
  #wrapper .block.key-figures > .w1024p {
    padding-left: 20px;
    padding-right: 20px;
  }
  #wrapper .block.key-figures .key-figures-container {
    padding: 0 30px 0 30px;
  }
  #wrapper .block.key-figures .buttons > * {
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
  }
  #wrapper .block.key-figures .buttons > * .btn {
    width: 100%;
  }
  #wrapper .block.job .job-form > * {
    display: block;
  }
  #wrapper .block.job .job-form .form-base {
    text-align: left;
  }
  #wrapper .block.job .job-form .job-number {
    margin-bottom: 15px;
  }
  #wrapper .block.job .form-line {
    display: block;
    margin-right: 0;
    margin-bottom: 15px;
  }
  #wrapper .block.job .form-line .label-zone {
    display: block;
  }
  #wrapper .block.job .form-line .input-zone {
    width: 100%;
  }
  #wrapper .block.job .job-info {
    margin-bottom: 10px;
    width: 100%;
    display: block;
  }
  #wrapper .block.job .job-info::after {
    content: "";
    display: table;
    clear: both;
    border-collapse: collapse;
  }
  #wrapper .block.job .job-info > a {
    text-align: center;
    float: left;
    width: 140px;
  }
  #wrapper .block.job .job-info .job-info-logo {
    text-align: center;
    margin: 0;
    float: right;
    width: 140px;
    /*position: relative;

                        a {
                            position: absolute;
                            left: 140px;
                            top: 20px;
                            width: 160px;

                            span {
                                display: inline-block;
                                margin-left: 0;
                            }
                        }*/
  }
  #wrapper .block.job .job-info .job-info-logo a span {
    display: inline;
    margin-left: 0;
  }
  #wrapper .block.job .job-desc {
    width: 100%;
    display: block;
    padding-left: 0;
    /*div {
                        .clear;
                    }*/
  }
  #wrapper .block.job .job-desc .job-desc-top {
    width: 100%;
    clear: both;
    padding-top: 10px;
  }
  #wrapper .block.job .job-desc .job-desc-intitule {
    margin-bottom: 5px;
  }
  #wrapper .block.job .job-desc .job-desc-ref {
    display: inline;
  }
  #wrapper .block.job .job-desc .job-desc-date {
    display: inline;
  }
  #wrapper .slider-logos {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
  }
  #wrapper .ezflow {
    padding: 0 20px;
    width: auto;
  }
  #wrapper .ezflow::after {
    content: "";
    display: table;
    clear: both;
    border-collapse: collapse;
  }
  #wrapper .ezflow > .w1024p {
    overflow: hidden;
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .ezflow.contact-map #search-location {
    margin-top: 10px;
    margin-left: 0;
    padding: 4px 0;
    white-space: nowrap;
  }
  #wrapper .ezflow.contact-map #search-location > * {
    display: inline-block;
    vertical-align: middle;
    width: initial;
  }
  #wrapper .ezflow.contact-map #search-location input {
    min-width: 0;
    padding: 4px 8px;
  }
  #wrapper .ezflow.masonry-wall.advanced .masonry-items {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  #wrapper .ezflow.masonry-wall.advanced .masonry-items .masonry-item,
  #wrapper .ezflow.masonry-wall.advanced .masonry-items .masonry-item img {
    width: 100%;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items {
    column-gap: initial;
    -moz-column-gap: initial;
    -webkit-column-gap: initial;
    -moz-column-count: initial;
    -webkit-column-count: initial;
    column-count: initial;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item {
    display: block;
    margin: 0 0 1em 3%;
    width: 48.5%;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item:first-child,
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item.shuffle-item {
    margin-left: 0;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .column-width {
    margin-left: 3%;
    width: 48.5%;
  }
  #wrapper .ezflow.masonry-wall .filters {
    background-color: transparent;
  }
  #wrapper .ezflow.masonry-wall .filters .dropdown {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wrapper .ezflow.mosaic .mosaic-item {
    height: auto;
  }
  #wrapper .ezflow.mosaic .mosaic-item .image-container {
    padding: 20px;
  }
  #wrapper .ezflow.contact-map .contact-list {
    border-spacing: 0 0;
  }
  #wrapper .ezflow.contact-map .contact-point {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .ezflow.contact-map #contact-visit > .table {
    display: block;
  }
  #wrapper .ezflow.contact-map #contact-visit > .table > * {
    padding-left: 0;
    display: block;
  }
  #wrapper .ezflow.contact-map #contact-visit #visit-form label {
    margin-top: 10px;
  }
  #wrapper .ezflow.contact-map #contact-visit #visit-form input[type="text"] {
    font-size: 14px;
    font-size: 1.4rem;
    width: auto;
  }
  #wrapper .ezflow.contact-map #contact-visit .visit-text {
    width: auto;
  }
  #wrapper .ezflow.contact-map #contact-visit .visit-info .table {
    display: block;
  }
  #wrapper .ezflow.contact-map #contact-visit .visit-info .table > li {
    margin-top: 10px;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    display: table;
    table-layout: fixed;
    width: auto;
    line-height: 1;
  }
  #wrapper .ezflow.contact-map #contact-visit .visit-info .table > li > * {
    display: table-cell;
    vertical-align: baseline;
  }
  #wrapper .ezflow.contact-map #contact-visit .day {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #wrapper .ezflow.contact-map #contact-visit .opening {
    padding-left: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-presentation,
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-information,
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-presentation > *,
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-information > * {
    display: block;
  }
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-information {
    padding-left: 0;
  }
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-information li {
    padding-left: 0;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    display: table;
    table-layout: fixed;
    width: auto;
  }
  #wrapper .ezflow.contact-map #contact-tel .contact-item .contact-information li > * {
    display: table-cell;
    vertical-align: baseline;
  }
  #wrapper .ezflow.contact-map #contact-tel .contact-item .opening {
    padding: 0;
    padding-left: 10px;
  }
  #wrapper .ezflow.profile {
    padding: 20px;
    width: 100%;
    height: auto;
  }
  #wrapper .ezflow.profile .form {
    padding: 0;
  }
  #wrapper .ezflow.search-housing {
    padding: 0;
    min-height: 400px;
  }
  #wrapper .ezflow.search-housing .offer-home {
    height: 400px;
  }
  #wrapper .ezflow.search-housing form {
    font-size: 30px;
    font-size: 3rem;
    left: 20px;
    width: calc(100% - 40px);
    height: 164px;
    margin-top: -82px;
    margin-left: 0;
  }
  #wrapper .ezflow.search-housing form select {
    max-width: 65%;
  }
  #wrapper .full {
    padding-top: 10px;
  }
  #wrapper .full.landing_page {
    padding-top: 0;
  }
  #wrapper .full.company .table-layout .wysiwyg {
    padding: 0;
    margin-top: 20px;
  }
  #wrapper .full.company .table-layout .wysiwyg ul > li {
    padding: 10px 10px 10px 20px;
  }
  #wrapper .full.company .table-layout .wysiwyg ul > li:before {
    top: 10px;
  }
  #wrapper .full.iframe,
  #wrapper .full .ezflow.iframe {
    padding-top: 10px;
  }
  #wrapper .full.iframe > .w1024p > iframe,
  #wrapper .full .ezflow.iframe > .w1024p > iframe {
    display: none;
  }
  #wrapper .full.iframe > .w1024p > .btn,
  #wrapper .full .ezflow.iframe > .w1024p > .btn {
    margin-top: 10px;
    display: inline-block;
  }
  #wrapper .full.news > .w1024p .wysiwyg,
  #wrapper .full.article > .w1024p .wysiwyg {
    column-gap: 0px;
    -moz-column-gap: 0px;
    -webkit-column-gap: 0px;
    -moz-column-count: auto;
    -webkit-column-count: auto;
    column-count: auto;
    -webkit-column-rule-width: 0px;
    -moz-column-rule-width: 0px;
    column-rule-width: 0px;
    -webkit-column-rule-style: solid;
    -moz-column-rule-style: solid;
    column-rule-style: solid;
    -webkit-column-rule-color: transparent;
    -moz-column-rule-color: transparent;
    column-rule-color: transparent;
  }
  #wrapper .full .layout {
    padding-bottom: 10px;
  }
  #wrapper .full.contact-map {
    padding-top: 0;
  }
  .scroll #wrapper .full.contact-map .js-sticky-nav {
    position: fixed;
    z-index: 10;
    top: 0;
  }
  #wrapper .full.contact-map .js-sticky-nav > div .h1-like {
    font-size: 20px;
    font-size: 2rem;
  }
  #wrapper .form-info {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .form {
    padding-left: 0;
    padding-right: 0;
  }
  #wrapper .form .actions,
  #wrapper .form .dropdown-container,
  #wrapper .form .dropdown,
  #wrapper .form .input-zone > .reset-fieldset,
  #wrapper .form .input-zone.input-multiple,
  #wrapper .form input[type='text'],
  #wrapper .form input[type='email'],
  #wrapper .form input[type='number'],
  #wrapper .form input[type='date'],
  #wrapper .form input[type='time'],
  #wrapper .form input[type='file'],
  #wrapper .form textarea {
    width: 100%;
  }
  #wrapper .form .input-zone.has-success input,
  #wrapper .form .input-zone.has-error input,
  #wrapper .form .input-zone.has-success .dropdown,
  #wrapper .form .input-zone.has-error .dropdown {
    width: calc(100% - 40px);
  }
  #wrapper .form .error.msg,
  #wrapper .form .success.msg,
  #wrapper .form .success.msg,
  #wrapper .form .info.msg {
    max-width: none;
    padding-left: 0;
  }
  #wrapper .form .remove-option-btn,
  #wrapper .form .add-option-btn {
    margin-top: 10px;
    float: right;
  }
  #wrapper .form .actions .btn {
    margin-bottom: 5px;
  }
  #wrapper #footer {
    padding: 0;
    border-top: 10px solid #F5F5F5;
  }
  #wrapper #footer #search-footer {
    display: none;
  }
  #wrapper #footer > * {
    padding: 10px;
  }
  #wrapper #footer .line1 {
    padding-top: 0;
    padding-bottom: 0;
  }
  #wrapper #footer .line2 > * {
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: auto;
  }
  #wrapper #footer .line2 #zone1 {
    text-align: center;
  }
  #wrapper #footer .line2 #zone1 img {
    max-width: 80%;
  }
  #wrapper #footer .line2 #zone2 {
    text-align: center;
  }
  #wrapper #footer .line2 #zone2 a,
  #wrapper #footer .line2 #zone2 img {
    display: inline-block;
  }
  #wrapper #footer .line2 #zone2 img {
    width: 50px;
  }
  #wrapper #footer .line4 .social-networks {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    display: table;
    border-collapse: separate;
    border-spacing: 5px 5px;
  }
  #wrapper #footer .line4 .social-networks a {
    display: table-cell;
  }
  #wrapper #footer #copyright {
    padding: 5px 10px;
  }
  #wrapper #footer #copyright > * {
    padding: 0;
  }
  #wrapper #footer #copyright ul {
    display: block;
  }
}
/* ##### ECRANS TABLETTES > 320PX ET < 768PX ##### */
@media (min-width: 320px) and (max-width: 768px) {
  .scroll #wrapper {
    padding-top: 100px;
  }
  #wrapper .ezflow {
    /*&.mosaic {
                .mosaic-item {
                    margin: 1%;
                    &.small-width {
                        width: 31.3%;
                    }
                    &.medium-width {
                        width: 48%;
                    }
                    &.large-width {
                        width: 64.7%;
                    }
                }
            }*/
  }
  #wrapper .ezflow.contact-map .legend ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  #wrapper .full.profile > .h2-like {
    padding-left: 20px;
    padding-right: 20px;
    width: calc(100% - 40px);
  }
  #wrapper .full.company .short-access,
  #wrapper .full.company > header,
  #wrapper .full.company > .table-layout {
    width: calc(100% - 40px);
  }
  #wrapper .full.company > header,
  #wrapper .full.company > .table-layout {
    padding: 0;
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* ##### PETITS ECRANS > 768PX ET < 1024PX ##### */
/* ##### ECRANS TABLETTES > 520px ET < 1024PX ##### */
@media (min-width: 520px) and (max-width: 1024px) {
  #wrapper .block.quotation .quotation-info > * {
    width: auto;
  }
  #wrapper .block.quotation .quotation-info > *.vcard {
    width: 40%;
  }
  #wrapper .inline-block {
    /*&.article {
                border-collapse: separate;
                border-spacing: 15px 15px;
                .thumbnail-container {
                    .w40;
                    vertical-align: top;
                }
                .content {
                    padding: 0 20px;
                }
            }*/
  }
}
/* ##### ECRANS TABLETTES > 520PX ET < 768PX ##### */
@media (min-width: 520px) and (max-width: 768px) {
  #wrapper {
    /*#commercial-fixed-container {
            display: block !important;
        }*/
  }
  #wrapper #search-mobile {
    display: none;
  }
  #wrapper #search-housing {
    text-align: center;
    border-bottom: 1px solid #EFC94C;
    display: block !important;
  }
  #wrapper #search-housing .title {
    text-align: center;
    margin-bottom: 10px;
  }
  #wrapper #search-housing .dropdown {
    display: inline-block;
  }
  #wrapper .block.gallery .gallery-bloc {
    height: 300px !important;
  }
  #wrapper .block.gallery .gallery-bloc .gallery-item {
    background-size: cover;
    height: 150px;
    line-height: 150px;
    margin-bottom: 8px;
  }
  #wrapper .block.gallery .gallery-bloc .gallery-item.height2 {
    height: 300px;
    line-height: 300px;
  }
}
/* ##### CAS PARTICULIER < 520PX ##### */
@media (max-width: 520px) {
  #wrapper {
    /* Responsive tables : Force table to not be like tables anymore */
    /* Hide table headers (but not display: none;, for accessibility) */
  }
  #wrapper .responsive-slider.util-theme-default .util-item > * {
    width: 100%;
  }
  #wrapper h1,
  #wrapper .h1-like {
    font-size: 30px;
    font-size: 3rem;
  }
  #wrapper h2,
  #wrapper .h2-like {
    font-size: 26px;
    font-size: 2.6rem;
  }
  #wrapper h3,
  #wrapper .h3-like {
    font-size: 19px;
    font-size: 1.9rem;
  }
  #wrapper h4,
  #wrapper .h4-like {
    font-size: 17px;
    font-size: 1.7rem;
  }
  #wrapper h5,
  #wrapper .h5-like {
    font-size: 17px;
    font-size: 1.7rem;
  }
  #wrapper #navigation .col2,
  #wrapper #navigation .col3,
  #wrapper #navigation .col4 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  #wrapper #navigation .col2 .w50,
  #wrapper #navigation .col3 .w50,
  #wrapper #navigation .col4 .w50,
  #wrapper #navigation .col2 .w33,
  #wrapper #navigation .col3 .w33,
  #wrapper #navigation .col4 .w33,
  #wrapper #navigation .col2 .w25,
  #wrapper #navigation .col3 .w25,
  #wrapper #navigation .col4 .w25 {
    width: 100%;
  }
  #wrapper .grid3,
  #wrapper .grid2 {
    padding-bottom: 0;
  }
  #wrapper .grid3 > *,
  #wrapper .grid2 > * {
    width: 100%;
    margin-bottom: 10px;
  }
  #wrapper .grid3.js-autosize > *,
  #wrapper .grid2.js-autosize > * {
    height: auto !important;
  }
  #wrapper [class*="autogrid"] > * {
    width: 100%;
    margin-bottom: 20px;
  }
  #wrapper #page-tools > * {
    display: block;
  }
  #wrapper #page-tools #page-share {
    margin-top: 10px;
    text-align: left;
  }
  #wrapper #search-housing {
    width: 100%;
    text-align: left;
    background-color: #FFFFFF;
    border-top: 1px solid #DEE0DE;
    position: absolute;
    /*.fields {
                .table(middle, auto, 100%, collapse, 0, 0);
                display: inline-flex;
                .dropdown {
                    &, select {
                        .w100;
                    }
                }
            }*/
  }
  #wrapper #search-housing.active {
    -webkit-animation-duration: 0.5s;
    -moz-animation-duration: 0.5s;
    -o-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown;
    border-bottom: 1px solid #EFC94C;
    position: fixed;
  }
  #wrapper #search-housing > * {
    margin-bottom: 10px;
  }
  #wrapper #search-housing .fields,
  #wrapper #search-housing .fields > * {
    display: block;
  }
  #wrapper #search-housing .fields .dropdown {
    border-bottom: 1px solid #edefed;
  }
  #wrapper #search-housing .fields .dropdown:last-child {
    border-bottom: none;
  }
  #wrapper #search-housing .fields .dropdown select {
    width: 100%;
  }
  #wrapper #search-housing .title {
    display: block;
  }
  #wrapper #search-housing .title span {
    display: inline;
    font-size: inherit;
  }
  #wrapper #search-housing button {
    width: 100%;
    text-align: center;
    display: block;
  }
  #wrapper #commercial-fixed-container #commercial-fixed-content #commercial-result {
    padding: 9px 20px;
  }
  #wrapper #commercial-fixed-container #commercial-fixed-content #filters {
    display: block;
    float: none;
    padding: 0 10px;
    width: 100;
    text-align: right;
  }
  #wrapper #commercial-fixed-container #commercial-fixed-content #filters .title {
    float: left;
  }
  #wrapper #commercial-fixed-container #commercial-fixed-content #filters ul {
    width: 100%;
  }
  #wrapper #commercial-fixed-container #commercial-fixed-content #filters ul > li {
    display: block;
  }
  #wrapper #commercial-fixed-container #commercial-fixed-content #filters ul > li:after {
    display: none;
  }
  #wrapper nav.pagination {
    position: relative;
    padding: 50px 0 0 0 !important;
    margin-left: 15px;
    margin-right: 15px;
  }
  #wrapper nav.pagination ul {
    position: static;
  }
  #wrapper nav.pagination .next:after,
  #wrapper nav.pagination .prev:after {
    top: 0;
    bottom: auto;
    width: 49%;
  }
  #wrapper nav.pagination .next:after {
    left: auto;
    right: 0;
  }
  #wrapper nav.pagination .prev:after {
    left: 0;
    right: auto;
  }
  #wrapper .block.key-figures > .w1024p {
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper .block.slider .slider-item .subhead {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #wrapper .block.slider .slider-item .h1-like {
    font-size: 22px;
    font-size: 2.2rem;
  }
  #wrapper .block.slider .slider-item .intro {
    line-height: 1.2;
  }
  #wrapper .block.gallery .gallery-bloc {
    height: 200px !important;
  }
  #wrapper .block.gallery .gallery-bloc .gallery-item {
    height: 100px;
    line-height: 100px;
    margin-bottom: 3px;
  }
  #wrapper .block.gallery .gallery-bloc .gallery-item.height2 {
    height: 200px;
    line-height: 200px;
  }
  #wrapper .block.gallery .gallery-bloc .gallery-item .image-title {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #wrapper .block.gallery .gallery-carousel {
    padding-bottom: 50px;
  }
  #wrapper .block.gallery .gallery-carousel .util-navigation {
    bottom: 20px;
    left: 0;
    top: auto;
    right: 0;
    position: absolute;
  }
  #wrapper .block.gallery .gallery-carousel .util-navigation .util-prev {
    bottom: 0;
    left: auto;
    top: auto;
    right: 50%;
  }
  #wrapper .block.gallery .gallery-carousel .util-navigation .util-next {
    bottom: 0;
    left: 50%;
    top: auto;
    right: auto;
  }
  #wrapper .block.gallery .gallery-carousel .util-navigation .util-prev,
  #wrapper .block.gallery .gallery-carousel .util-navigation .util-next {
    margin: 0 5px;
  }
  #wrapper .block.timeline ol:before {
    left: 10%;
  }
  #wrapper .block.timeline ol > li {
    margin: 20px 0;
    padding-left: 10%;
    padding-right: 0;
    text-align: right;
  }
  #wrapper .block.timeline ol > li a {
    background-size: cover;
  }
  #wrapper .block.timeline ol > li:before {
    bottom: auto;
    left: 10%;
    top: 50%;
    right: auto;
    margin-left: -29px;
  }
  #wrapper .block.timeline ol > li:after {
    bottom: auto;
    left: 10%;
    top: 50%;
    right: 25%;
  }
  #wrapper .block.timeline_item > .content {
    position: static;
  }
  #wrapper .block.quotation .quotation-info {
    padding-left: 10px;
  }
  .prs #wrapper .block.quotation .quotation-info,
  #wrapper .block.quotation .quotation-info > * {
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    display: block;
  }
  #wrapper .block.quotation .wysiwyg {
    text-align: center;
  }
  #wrapper .block.quotation .wysiwyg blockquote {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #wrapper .block.goals ul li {
    margin: 0;
  }
  #wrapper .block.goal {
    display: block;
  }
  #wrapper .block.goal > * {
    display: block;
  }
  #wrapper .block.goal .content {
    padding: 10px;
    text-align: center;
  }
  #wrapper .block.goal .thumbnail-container {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
  }
  #wrapper .block.goal .title {
    margin-top: 0;
  }
  #wrapper .block.call_for_rubric_bloc {
    padding: 10px;
  }
  #wrapper .block.commercial-card .commercial-gallery {
    width: 100%;
    float: none;
    display: block;
  }
  #wrapper .block.commercial-card .commercial-summary {
    padding-left: 0;
  }
  #wrapper .block.commercial-card .flag {
    margin: 0;
    right: 0;
  }
  #wrapper .block.commercial-card .info-list {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #wrapper .block.commercial-card .info-list > * {
    margin-bottom: 5px;
  }
  #wrapper .block.commercial-batch {
    padding: 10px;
    width: 100%;
  }
  #wrapper .block.commercial-batch .commercial-gallery {
    width: 100%;
    float: none;
    display: block;
  }
  #wrapper .block.commercial-batch .commercial-summary {
    margin-right: 0;
    padding: 10px 0;
  }
  #wrapper .block.commercial-batch .flag {
    margin: 0;
    right: 0;
  }
  #wrapper .block.commercial-batch #batch-links {
    margin-right: 0;
    white-space: normal;
  }
  #wrapper .block.commercial-batch #batch-links li {
    margin-left: 0;
  }
  #wrapper .block.commercial-offer .btn,
  #wrapper .block.commercial-group .btn,
  #wrapper .block.commercial-card .btn,
  #wrapper .block.commercial-batch .btn {
    margin-top: 10px;
  }
  #wrapper .offers-list .block.commercial-offer .btn,
  #wrapper .offers-list .block.commercial-group .btn,
  #wrapper .offers-list .block.commercial-card .btn,
  #wrapper .offers-list .block.commercial-batch .btn {
    width: 100%;
    text-align: center;
    float: none;
  }
  #wrapper .offers-list .block.commercial-offer .commercial-gallery,
  #wrapper .offers-list .block.commercial-card .commercial-gallery {
    width: 100px;
    height: 100px;
  }
  #wrapper .offers-list .block.commercial-offer .flag,
  #wrapper .offers-list .block.commercial-card .flag {
    margin-right: -110px;
  }
  #wrapper .ezflow .ezflow-title {
    padding: 15px 15px;
    position: relative;
  }
  #wrapper .ezflow .ezflow-title,
  #wrapper .ezflow .ezflow-title > * {
    display: block;
  }
  #wrapper .ezflow .ezflow-title .rounded-icon {
    position: absolute;
  }
  #wrapper .ezflow .ezflow-title .rounded-icon + .title,
  #wrapper .ezflow .ezflow-title .rounded-icon ~ * {
    margin-left: 70px;
  }
  #wrapper .ezflow .ezflow-title .rounded-icon + .title + * {
    padding-top: 10px;
  }
  #wrapper .ezflow .ezflow-title .title {
    margin: 0 0 10px 0;
  }
  #wrapper .ezflow .ezflow-title .txtright {
    text-align: left;
  }
  #wrapper .ezflow.mosaic .w1024p .mosaic-item {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
  }
  #wrapper .ezflow.mosaic .w1024p .mosaic-item .image-container {
    padding: 30px;
  }
  #wrapper .ezflow.masonry-wall.advanced .masonry-items {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
  #wrapper .ezflow.masonry-wall.advanced .masonry-items .masonry-item,
  #wrapper .ezflow.masonry-wall.advanced .masonry-items .masonry-item img {
    margin-left: 0;
    width: 100%;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item {
    margin: 0 0 1em 0;
    width: 100%;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item:first-child,
  #wrapper .ezflow.masonry-wall.advanced.js .masonry-items .masonry-item.shuffle-item {
    margin-left: 0;
  }
  #wrapper .ezflow.masonry-wall.advanced.js .column-width {
    margin-left: 0;
    width: 100%;
  }
  #wrapper .ezflow.contact-map .contact-channel > a > .label {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  #wrapper .ezflow.profile.resized {
    background-size: cover;
    padding: 40px;
    position: relative;
  }
  #wrapper .ezflow.profile.resized:before {
    background-color: #FFFFFF;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    -webkit-opacity: 0.7;
    opacity: 0.7;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    filter: alpha(opacity=70);
    bottom: 20px;
    left: 20px;
    top: 20px;
    right: 20px;
    content: " ";
    position: absolute;
  }
  #wrapper .ezflow.search-housing {
    min-height: 350px;
  }
  #wrapper .ezflow.search-housing .offer-home {
    height: 350px;
  }
  #wrapper .ezflow.search-housing form {
    font-size: 20px;
    font-size: 2rem;
    min-height: 120px;
    margin-top: -60px;
  }
  #wrapper .full .introduction > .w1024p,
  #wrapper .ezflow.contact-map .legend ul {
    column-gap: initial;
    -moz-column-gap: initial;
    -webkit-column-gap: initial;
    -moz-column-count: initial;
    -webkit-column-count: initial;
    column-count: initial;
  }
  #wrapper .full.article > .w1024p,
  #wrapper .full.news > .w1024p {
    padding-left: 20px;
    padding-right: 20px;
  }
  #wrapper .full.article > header,
  #wrapper .full.news > header {
    width: 100%;
    padding: 0;
  }
  #wrapper .full.article > header .h1-like,
  #wrapper .full.news > header .h1-like {
    margin-bottom: 20px;
  }
  #wrapper .full.article > header > *,
  #wrapper .full.news > header > * {
    margin-left: 20px;
    margin-right: 20px;
    width: auto;
  }
  #wrapper .full.article > header > *.image-container,
  #wrapper .full.news > header > *.image-container {
    text-align: left;
    width: calc(100% - 40px);
  }
  #wrapper .full.article > header > *.image-container img,
  #wrapper .full.news > header > *.image-container img {
    width: 100%;
  }
  #wrapper .full.company > header img {
    height: auto;
  }
  #wrapper .full.company .short-access > span,
  #wrapper .full.company .short-access li {
    display: block;
    margin-right: 0;
  }
  #wrapper .full.contact .contact-point .contact-point-info {
    background-color: #76757c;
    margin-bottom: 10px;
    width: 100%;
    display: block;
  }
  #wrapper .full.contact .contact-point .container {
    height: auto;
  }
  #wrapper .full.contact .contact-point .container .iframe-responsive-wrapper {
    margin-bottom: 10px;
    position: relative;
  }
  #wrapper .full.contact .contact-point .container .iframe-responsive-wrapper .iframe-ratio {
    display: block;
  }
  #wrapper .wysiwyg .autogrid2 > *,
  #wrapper .wysiwyg .autogrid3 > *,
  #wrapper .wysiwyg .autogrid4 > * {
    width: 100%;
    display: block;
  }
  #wrapper .wysiwyg .autogrid2.js-autosize > *,
  #wrapper .wysiwyg .autogrid3.js-autosize > *,
  #wrapper .wysiwyg .autogrid4.js-autosize > * {
    height: auto !important;
  }
  #wrapper .wysiwyg .block.folder {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
  }
  #wrapper .wysiwyg ul,
  #wrapper .wysiwyg ol {
    margin-left: 0;
  }
  #wrapper .guide table.wysiwyg {
    display: block;
    width: auto;
  }
  #wrapper .guide table.wysiwyg tbody,
  #wrapper .guide table.wysiwyg tr {
    display: block;
  }
  #wrapper .guide table.wysiwyg th,
  #wrapper .guide table.wysiwyg td,
  #wrapper .guide table.wysiwyg th.wysiwyg,
  #wrapper .guide table.wysiwyg td.wysiwyg {
    display: block;
    width: auto;
  }
  #wrapper .guide table th.wysiwyg,
  #wrapper .guide table td.wysiwyg {
    display: block;
    width: auto;
  }
  #wrapper .scroll {
    overflow-x: scroll;
  }
  #wrapper .scroll > table {
    float: none;
  }
  #wrapper .scroll:before {
    text-align: right;
    display: block;
  }
  #wrapper .scroll:before:before {
    color: #3D3F56;
    content: "\e91d";
    font-family: 'System Icons';
    font-size: 22px;
    font-weight: normal;
    line-height: inherit;
  }
  #wrapper .scroll:before:before {
    display: inline-block;
    padding-right: 10px;
    position: static;
    vertical-align: middle;
  }
  #wrapper table.rwd-table thead,
  #wrapper table.rwd-table tbody,
  #wrapper table.rwd-table th,
  #wrapper table.rwd-table td,
  #wrapper table.rwd-table tr {
    display: block;
  }
  #wrapper table.rwd-table {
    border-top: 1px solid #76757c !important;
    margin-top: 20px;
    width: 100%;
  }
  #wrapper table.rwd-table thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #wrapper table.rwd-table tr {
    border: 1px solid #76757c;
    margin-bottom: 10px;
  }
  #wrapper table.rwd-table tr:first-child th {
    display: none;
  }
  #wrapper table.rwd-table tr:first-child th:only-of-type {
    display: block;
  }
  #wrapper table.rwd-table tr th:only-of-type {
    border: 1px solid #76757c !important;
  }
  #wrapper table.rwd-table td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #76757c;
  }
  #wrapper table.rwd-table td > * {
    display: inline-block;
    vertical-align: top;
    width: initial;
  }
  #wrapper table.rwd-table td > * {
    width: 50%;
  }
  #wrapper table.rwd-table td:before {
    font-weight: bold;
    content: attr(data-title);
    display: inline-block;
    vertical-align: top;
    width: 49% !important;
    padding-right: 1%;
  }
  #wrapper table.rwd-table td:empty {
    display: none;
  }
  #wrapper table.rwd-table td:first-child {
    border-top: 1px solid #76757c;
  }
  #wrapper table.rwd-table th {
    background-color: #3D3F56;
    border-color: #3D3F56;
    color: #FFFFFF;
  }
  #wrapper table.rwd-table,
  #wrapper table.rwd-table tbody tr {
    border: 1px;
  }
  #wrapper table.rwd-table tbody td {
    border-color: #76757c;
    border-style: solid;
    border-width: 0 1px 1px 1px;
    margin: 0;
    width: auto !important;
  }
  #wrapper table.rwd-table.alt-table th {
    background-color: #E02313;
    border-color: #E02313;
    color: #FFFFFF;
  }
  #wrapper table.fl,
  #wrapper table.fr {
    float: none;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important;
  }
  .commercial.full-width #wrapper #poiSidebar.right,
  .commercial.full-width #wrapper #poiSidebar.left {
    height: calc(100% - 170px);
  }
  .white-popup,
  .white-popup-block {
    width: 100%;
    margin: 10px 0;
    padding: 20px 10px;
  }
  .white-popup .h2-like,
  .white-popup-block .h2-like {
    font-size: 20px;
    font-size: 2rem;
  }
  .white-popup .form,
  .white-popup-block .form {
    padding: 0;
  }
  .white-popup .form fieldset,
  .white-popup-block .form fieldset {
    margin-top: 20px;
  }
  .white-popup .form .btn,
  .white-popup-block .form .btn {
    width: 100%;
  }
  .white-popup .form .btn[type="reset"],
  .white-popup-block .form .btn[type="reset"] {
    display: none;
  }
  .white-popup .form-info,
  .white-popup-block .form-info {
    padding: 0;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .white-popup .autogrid2 > *,
  .white-popup-block .autogrid2 > * {
    width: 100%;
  }
}
/* ##### ECRANS MOBILES < 320PX ##### */
@media (max-width: 320px) {
  #wrapper {
    /*#main-content {
            > header, > .w1024p {
                .mls;
                .mrs;
            }
        }*/
  }
  #wrapper .contact-list > *,
  #wrapper .contact-list > * {
    display: block;
  }
  #wrapper.scroll {
    padding-top: 80px;
  }
  #wrapper #nav-mobile:before {
    font-size: 30px;
  }
  #wrapper #search-mobile:before,
  #wrapper #commercial-search-mobile:before {
    font-size: 20px;
  }
  #wrapper #navigation,
  #wrapper #search-housing,
  #wrapper #commercial-fixed-container {
    bottom: auto;
    left: 0;
    top: 80px;
    right: 0;
    z-index: 2;
  }
  #wrapper #navigation {
    padding-bottom: 80px;
  }
  #wrapper #navigation #top-bar {
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper #logo {
    border-spacing: 10px 10px;
  }
  #wrapper #page-tools #page-share,
  #wrapper #page-tools #page-share ul {
    white-space: normal;
  }
  #wrapper .block.slider .slider-item {
    height: 278px;
  }
  #wrapper .block.slider .slider-item .content-inner {
    padding: 20px 10px 50px 10px !important;
  }
  #wrapper .block.slider .slider-item .play-button {
    bottom: 40px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
  #wrapper .block.slider .slider-item .play-button:before {
    font-size: 20px;
    font-size: 2rem;
  }
  #wrapper .block.slider .util-navigation {
    display: none;
  }
  #wrapper .block.mosaic-item {
    height: auto !important;
  }
  #wrapper .block.mosaic-item .image-container {
    padding: 25px 15px;
  }
  #wrapper .block.agenda nav {
    border-spacing: 10px 10px;
  }
  #wrapper .block.agenda nav .title {
    width: auto;
  }
  #wrapper .ezflow {
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper .ezflow .ezflow-title .rounded-icon ~ * {
    margin-left: 0;
  }
  #wrapper .ezflow.profile {
    padding: 10px;
  }
  #wrapper .ezflow.mosaic .w1024p .mosaic-item {
    padding: 10px;
  }
  #wrapper .ezflow.search-housing {
    min-height: 300px;
  }
  #wrapper .ezflow.search-housing .offer-home {
    height: 300px;
  }
  #wrapper .ezflow.search-housing form {
    font-size: 15px;
    font-size: 1.5rem;
    height: 96px;
    margin-top: -48px;
  }
  #wrapper .ezflow.search-housing form select {
    max-width: 50%;
  }
  #wrapper .full.article > header,
  #wrapper .full.news > header {
    padding: 0;
  }
  #wrapper .full.article > header > *,
  #wrapper .full.news > header > * {
    margin-left: 10px;
    margin-right: 10px;
  }
  #wrapper .full.article > header > *.image-container,
  #wrapper .full.news > header > *.image-container {
    width: calc(100% - 20px);
  }
  #wrapper .full.article > .w1024p,
  #wrapper .full.news > .w1024p {
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper .full > header {
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper .full.profile .introduction > .w1024p,
  #wrapper .full.theme .introduction > .w1024p {
    padding-left: 10px;
    padding-right: 10px;
  }
  #wrapper .full.profile > .h2-like {
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% - 20px);
  }
  #wrapper .full.company > header {
    table-layout: auto;
  }
  #wrapper .full.company > header .prev {
    padding-right: 10px;
  }
  #wrapper .full.company > header .next {
    padding-left: 10px;
  }
  #wrapper .full.company > header .prev > span,
  #wrapper .full.company > header .next > span {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  #wrapper .full.company .short-access,
  #wrapper .full.company > header,
  #wrapper .full.company > .table-layout {
    width: calc(100% - 20px);
  }
  #wrapper .full.company > header,
  #wrapper .full.company > .table-layout {
    padding: 0;
    margin-left: 10px;
    margin-right: 10px;
  }
  #wrapper #footer #top-link {
    width: auto;
    height: auto;
    line-height: normal;
  }
  #wrapper #footer #top-link > span {
    left: -9999px;
    position: absolute;
    top: -9999px;
  }
  #wrapper .form .autogrid2 > *,
  #wrapper .form .autogrid3 > * {
    width: 100%;
  }
  #wrapper .wysiwyg .object-left,
  #wrapper .wysiwyg .object-right {
    float: none;
  }
  #wrapper .wysiwyg .object-left {
    margin-right: 0;
  }
  #wrapper .wysiwyg .object-right {
    margin-left: 0;
  }
  #wrapper .wysiwyg .block.folder {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}