/* CSS */

body {font-family: 'Roboto', sans-serif;}

.spacing30 {padding:30px 0;}
.spacing60 {padding:60px 0 45px 0;}
.spacing060 {padding:0px 0 60px 0;}

.header_wrapper a {color:#000;}
.logo a {display: inline-block;margin-bottom:15px;}
.menu_wrapper {background:#1C1D1B;text-align:center;}
.menu_wrapper ul {display:inline-block;margin:0;padding:0;}
.menu_wrapper ul li {display:inline-block;margin:0;padding:0;}
.menu_wrapper ul li a {display:inline-block;color:#fff;margin:15px 20px;font-weight:700;font-size: 18px;text-transform: uppercase;text-decoration: none;}
.menu_wrapper ul li.active a{color:#9B9B9B}
.menu_footer_wrapper ul li a:hover{opacity:0.7}

.menu_wrapper ul li a:hover{opacity: 0.7;}
.menu_wrapper ul li:first-child a {margin-left:0;}
.menu_wrapper ul li:last-child a {margin-right:0;}


.intro_wrapper h1 {color:#9B9B9B;font-weight:300;font-size:32px;line-height:40px;text-align: center;}

.main_wrapper .intro_wrapper h1 {color:#1C1D1B;font-weight:700;font-size:50px;line-height:52px;text-align: center;text-transform: uppercase;}
.main_wrapper .intro_wrapper .intro p {color:#9B9B9B;font-weight:300;font-size:32px;line-height:40px;text-align: center;}

.home_wrapper h1 {color:#1C1D1B;font-weight:700;font-size:50px;line-height:52px;text-align: center;text-transform: uppercase;}
.divisions_vente_bg {background:#D8D8D8;padding:60px;}
.divisions_vente_bg img {/* max-width:50%; */display: inline-block;position: relative;top: 50%;transform: translateY(-50%);}
.sections_wrapper .text.mission p {font-weight:300;font-size:32px;line-height:40px;}
.sections_wrapper .text.mission {background:#4A4A4A;color:#B6B6B6;}

.decouvrir_wrapper img {max-width: 100%;border-radius: 50%;cursor: pointer;border: 1px solid #eaeaea;}
.decouvrir_bg h3 a {color:#333; text-decoration:none}
.sections_wrapper .sections_bg {margin:0 15px;}
.apropos_wrapper .sections_bg, .divisions_wrapper .sections_bg {background: #f3f3f3;}
.sections_wrapper .text {background: #f3f3f3;padding:0 80px;display: table-cell;vertical-align: middle;}
.sections_wrapper .text p, p {font-size:16px;line-height:24px;}
.sections_wrapper [class*="col-"] {padding:0;}

.is-table-row {
    display: table;
    width:100%;
}
/*
.is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: middle;
}
*/


/* FOOTER */
.menu_footer_wrapper {background:#4A4A4A;text-align:center;}
.menu_footer_wrapper ul {display:inline-block;margin:0;padding:0;}
.menu_footer_wrapper ul li {display:inline-block;margin:0;padding:0;}
.menu_footer_wrapper ul li a {display:inline-block;color:#fff;margin:15px 20px;font-weight:700;font-size: 18px;text-transform: uppercase;text-decoration: none;}
.menu_footer_wrapper ul li:first-child a {margin-left:0;}
.menu_footer_wrapper ul li:last-child a {margin-right:0;}

.copyright_footer_wrapper {background:#1C1D1B;color:#fff;padding:15px 15px;}
.copyright_footer_wrapper a {display: inline-block;margin:0;}
.copyright_footer_wrapper .copyright {line-height: 40px;margin:0;font-size:12px;}
.copyright_footer_wrapper .logo {text-align: right;}
.copyright_footer_wrapper .logo img {display: inline-block;max-width: 157px;margin-top: 5px;}

.desktop {display:block;}
.mobile {display:none;}

.footer_wrap.mobile ul {display:inline-block;margin:0;padding:0;text-align: center;}
.footer_wrap.mobile ul li {display:block;margin:0;padding:0;}
.footer_wrap.mobile ul li a {display:inline-block;color:#fff;margin:15px 0;font-weight:700;font-size: 14px;line-height: 16px;text-transform: uppercase;text-decoration: none;}
.footer_wrap.mobile ul.menu {min-width: inherit;width:100%;}


/* timeline */

.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
    max-width: 710px;
    margin: 0 auto;
}

    .timeline:before {
        top: 0;
        bottom: 0;
        position: absolute;
        content: " ";
        width: 7px;
        background-color: #9e9e9f;
        left: 50%;
        margin-left: -1.5px;
    }

    .timeline > li {
        margin-bottom: 20px;
        position: relative;
        text-align: right;
    }
    .timeline > li.timeline-inverted {text-align:left}

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            width: 46%;
            float: left;
            /* border: 1px solid #d4d4d4; */
            border-radius: 2px;
            padding: 27px 19px;
            position: relative;
            /* -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
            /* box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175); */
        }

            .timeline > li > .timeline-panel:before {
                position: absolute;
                top: 26px;
                right: -15px;
                display: inline-block;
                border-top: 15px solid transparent;
                border-left: 15px solid #ccc;
                border-right: 0 solid #ccc;
                border-bottom: 15px solid transparent;
                content: " ";
                display: none;
            }

            .timeline > li > .timeline-panel:after {
                position: absolute;
                top: 27px;
                right: -14px;
                display: inline-block;
                border-top: 14px solid transparent;
                border-left: 14px solid #fff;
                border-right: 0 solid #fff;
                border-bottom: 14px solid transparent;
                content: " ";
            }

        .timeline > li > .timeline-badge {
            color: #fff;
            width: 48px;
            height: 48px;
            line-height: 50px;
            font-size: 1.4em;
            text-align: center;
            position: absolute;
            top: 16px;
            left: 50%;
            margin-left: -23px;
            background-color: #fff;
            z-index: 100;
            border-top-right-radius: 50%;
            border-top-left-radius: 50%;
            border-bottom-right-radius: 50%;
            border-bottom-left-radius: 50%;
            border: 2px solid #9B9B9B;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                display: none;
                border-left-width: 0;
                border-right-width: 15px;
                left: -15px;
                right: auto;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                border-left-width: 0;
                border-right-width: 14px;
                left: -14px;
                right: auto;
            }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    /* 2000 Les trois banni: */
    font-size: 32px;
    color: #9B9B9B;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 5px;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    .timeline > li{text-align:left}

    ul.timeline > li > .timeline-panel {
        float: right;
        padding-left: 0px;
        width: -webkit-calc(100% - 77.9px);
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}
.sections_wrapper .text-join {
    background: #f3f3f3;
    padding: 40px 30px;
    vertical-align: middle;
    /* overflow: hidden; */
}
.heading1 {
    color: #1C1D1B;
    font-weight: 700;
    font-size: 50px;
    line-height: 52px;
    text-align: left;
    text-transform: uppercase;
}
.text-join,#map {
    height: 740px!important;
}
.division-image>div {text-align:center;background: #d9d8d9;}
.division-image>div img{display:inline-block;max-width: 100%;}
#map {width:100%}
  label {display:block}
  label span.small-indicator {display:block; font-size:12px; font-weight:normal}
  label.label-different-height {margin-top:15px}
  @media (max-width: 767px) { label.label-different-height {margin-top:0px}  }
  input[type="text"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],input[type="email"], textarea {width:100%;margin-bottom:15px;padding:0 10px;border: 1px solid #e4e0e1;opacity: 0.8;font-size: 16px;color: #1C1D1B;letter-spacing: 0;line-height: 25px;}
textarea {}
  input[type="text"],input[type="tel"],input[type="number"],input[type="search"],input[type="password"],input[type="email"] {height: 55px;/* Input: *//* Input: */}
  div.small-input {overflow:hidden}
  div.small-input input[type="text"],div.small-input input[type="tel"] {width:60px}
input[type=submit].btn-basic,a.btn-basic{/* Button: */
    background: #4A4A4A;
    border-radius: 4px;
    color: #fff;
    padding: 10px 30px;
    text-decoration: none;
}
.logo img{max-width:212px;}
.divisions_vente_bg .logo-divisions{
    /* display: table-cell; */
    height: 144px;
    vertical-align: middle;
    text-align:center;
    width: 100%;
    margin-top: 15px;
}
img.division-line {
    display: inline-block;
    margin-top: 27px;
    /* margin-bottom: 15px; */
}
p.divisions-name, .divisions-name a{/* Chestwood et divisio: */
    font-size: 20px;
    color: #1C1D1B;
    letter-spacing: 0;
    text-align: center;
    font-weight: 600;
    /* display: inline-block; */
    margin-bottom: 0px;
    text-decoration: none;
}
.logo-divisions1 img{
    max-width: 190px;
}
.logo-divisions2 img{
    max-width: 210px;
}
.logo-divisions3 img{  max-width: 152px;}
.gutter-40.row{margin-right:-20px; margin-left:-20px}
.gutter-40 >[class^="col-"], .gutter-20 >[class^="col-"]{padding-right:20px; padding-left:20px}

.gutter-20.row{margin-right:-10px; margin-left:-10px}
.gutter-20 >[class^="col-"], .gutter-20 >[class^="col-"]{padding-right:10px; padding-left:10px}
/* 10px gutter */
.gutter-10.row{margin-right:-5px; margin-left:-5px}
.gutter-10 >[class^="col-"], .gutter-10 >[class^="col-"]{padding-right:5px; padding-left:5px}
/* 0px gutter */
.gutter-0.row{margin-right:0; margin-left:0}
.gutter-0 >[class^="col-"], .gutter-0 >[class^="col-"]{padding-right:0; padding-left:0}


.hamburger-menu-wrapper {
  /*margin-top: 40px;*/
  /*background: #323232;*/
  padding: 10px;
  display: inline-block;
}
.hamburger-menu-wrapper .title {margin:8px 0 0 10px;display:inline-block;color:#fff;}

.hamburger-menu-wrapper.bounce-effect { animation: bounce 0.3s ease 1; }

.menu-overlay {
  transition: margin 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
  display: none;
  position: absolute;
  top: 90px;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 1111;
}

.menu {
  position: relative;
  min-width: 220px;
  text-align: left;
}

.hamburger-menu {
  border: 0;
  margin: 0 auto;
  display: block;
  position: relative;
  overflow: hidden;
  padding: 0;
  width: 36px;
  height: 36px;
  font-size: 0;
  /*text-indent: -9999px;*/
  cursor: pointer;
  z-index: 9999;
  cursor: pointer;
  background: transparent;
  float:left;
}

.menu-list {
  display: none;
  position: absolute;
  top: calc(100% + 40px);
  width: 100%;
  text-align: left;
  z-index: 9999;
  padding-left:15px;
}

.menu-list ul {display:inline-block;margin:0;padding:0;}
.menu-list ul li {display:block;margin:0;padding:0;}
.menu-list ul li a {display:inline-block;color:#fff;margin:0 0 20px 0;font-weight:700;font-size: 18px;line-height: 21px;text-transform: uppercase;text-decoration: none;}
.menu-list .others a {font-weight:400;font-size: 14px;line-height: 16px;text-transform: none;}

.menu-list a {
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  font-weight:700;
  text-transform:uppercase;
  display: inline-block;
  margin: 15px 0;
  transition: all 0.5s ease;
}

.menu-list a:hover { color: #9B9B9B; }

.hamburger-menu:focus { outline: none; }

.hamburger-menu span {
  display: block;
  position: absolute;
  top: 17px;
  left: 5px;
  right: 5px;
  height: 2px;
  background: #fff;
}

.hamburger-menu span:before, .hamburger-menu span:after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  content: "";
}

.hamburger-menu span:before { top: -7px; }

.hamburger-menu span:after { bottom: -7px; }

.hamburger-menu span:before, .hamburger-menu span:after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.hamburger-menu span:before { transition-property: top, transform; }

.hamburger-menu span::after { transition-property: bottom, transform; }

.hamburger-menu.active span { background: none; }

.hamburger-menu.active span:before {
  top: 0;
  transform: rotate(225deg);
}

.hamburger-menu.active span:after {
  bottom: 0;
  transform: rotate(135deg);
}

.hamburger-menu.active span:before, .hamburger-menu.active span:after { transition-delay: 0s, 0.3s; }
 @keyframes
bounce {  0% {
 transform: rotate(0);
}
 45% {
 transform: rotate(15deg);
}
 90% {
 transform: rotate(-7deg);
}
 100% {
 transform: rotate(0);
}
}
.apropos_wrapper .sections_bg img {width:100%}