@import url("../fonts/simpleline/simple-line-icons.css");

/* ==========================================================================
  RESPONSIVE HTML5 Boilerplate
========================================================================== */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
  font-family: 'Open Sans', sans-serif;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0 2.5em;
  padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.hidden {
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
body.overflow-hidden {
  overflow: hidden;
}
a:focus{
  color:#fff;
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
#node-preview-form-select{
  margin-top:30px;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                 GENERAL                      ||
   ||                                              ||
    \\ ========================================== //
*/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  overflow-x: hidden;
  color: #222;
  background-color: #fff;
  font-size: 14px;
  margin-top: 0;
}
b,
strong {
  font-weight: 700;
}
a,
a:visited {
  letter-spacing: 0.025em;
  text-decoration: none;
  cursor: pointer;
}
a:hover,
a:active,
a:focus {
  text-decoration: none;
  outline: none;
}
.fa {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 300;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}
h1 {
  font-size: 2.50rem;
  /* 36px */
}
h2 {
  font-size: 1.9rem;
  /* 30px */
}
h3 {
  font-size: 1.5rem;
  /*24px;*/
}
h4 {
  font-size: 1.05rem;
  line-height: 27px;
}
h5 {
  font-size: 1rem;
}
li {
  list-style: outside none none;
}
ul,
ol {
  padding: 0;
}
.table{
  display: table;
  width:100%;
}
.txt-center {
  text-align: center;
}
.txt-left {
  text-align: left;
}
.txt-right {
  text-align: right;
}
.txt-justify {
  text-align: justify;
}
.montserrat {
  font-family: 'Montserrat', sans-serif;
}
.position-relative {
  position: relative;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.margin-top-130 {
  margin-top: 130px;
}
.margin-bottom-130 {
  margin-bottom: 130px;
}
.margin-top-90 {
  margin-top: 90px;
}
.margin-bottom-90 {
  margin-bottom: 90px;
}
.margin-right-90 {
  margin-right: 90px;
}
.margin-top-60 {
  margin-top: 60px;
}
.margin-bottom-60 {
  margin-bottom: 60px;
}
.margin-top-45 {
  margin-top: 45px;
}
.margin-bottom-45 {
  margin-bottom: 45px;
}
.margin-top-30 {
  margin-top: 30px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.size-1 {
  font-size: 55px;
}
.size-2 {
  font-size: 36px;
}
.size-3 {
  font-size: 27px;
}
.size-4 {
  font-size: 22px;
}
.size-5 {
  font-size: 18px;
}
.size-6 {
  font-size: 14px;
}
.size-7 {
  font-size: 11px;
}
.extra-light {
  font-weight: 200;
}
.light {
  font-weight: 300;
}
.regular {
  font-weight: 400;
}
.medium {
  font-weight: 500;
}
.semi-bold {
  font-weight: 600;
}
.bold {
  font-weight: 700;
}
.color-black {
  color: #222;
}
.color-white {
  color: #fff;
}
.color-orange,
.color-orange:hover,
.color-orange:focus {
  color: #ff5300;
}
.color-white, 
.color-white:focus {
  color: #fff;
}
.color-light-grey {
  color: #8f97aa;
}
.color-dark-grey {
  color: #3c3c3c;
}
.color-blue {
  color: #0095ff;
}
.color-blue-light {
  color: #00a4ce;
}
.color-green {
  color: #1ad1b5;
}
img {
  width: 100%;
  height: auto;
}
.container-big {
  width: 100%;
  padding: 0 5%;
}
section {
  width: 100%;
  float: left;
  position: relative;
}
.breadcrumb {
  background: none;
  display: block;
  float: left;
}
.link-arrow {
  font-weight: 500;
  font-style: italic;
}
.link-arrow span {
  color: #006ab0;
  font-size: 20px;
  font-style: normal;
  height: 8px;
  vertical-align: middle;
}
.uppercase {
  text-transform: uppercase;
}
.unset {
  text-transform: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.user-logged-in ul.tabs--primary.nav.nav-tabs {
  left: 0;
  position: fixed;
  top: 30%;
  width: 100px;
}
.alert-success { 
    float: left;
    width: 100%;
}

.loader{
  display: inline-block;
  height: 60px;
  position: absolute;
  text-align: center;
  top: auto;
  transform: translateY(-50%);
  vertical-align: top;
  width: 100%;
  z-index: 14;
  display: none;
  left: 0;
  bottom: 120px;
}
.loader svg path,
.loader svg rect{
  fill: #ff5300;
}
.compat-object-fit {
  background-position: center;
  background-size: cover;
 }
#private-message-add-form{
  margin-top: 120px;
 }
.column-2{
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2; 
  column-gap: 3rem;
}
.justify{
  text-align: justify;
}
#cookie-banner{
  z-index: 100000;
  position: fixed;
  width: 100%;
  bottom: 0;
}
 

/* ==========================================================================
   Forms
   ========================================================================== */
/* ----------- Remise à zero des styles bootstrap 
------------------------------------------------------------------------------*/
.btn:focus {
  outline: none;
}
.form-control {
  border: none;
  background-color: transparent;
  text-shadow: none;
  color: #999;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  border-radius: 0 0 0 0;
}
.select {
  border-radius: 0 0 0 0;
}
label {
  font-weight: 400;
}
.nav-tabs {
  margin-bottom: 10px;
  position: relative;
  z-index: 1000;
}
.float {
  float: left;
}
.block {
  display: block;
}
.auto{
  width: auto;
  max-width: 100%;
}
/* ----------- Boutons
------------------------------------------------------------------------------*/
button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 0 none;
}
.btn {
  border-radius: 0;
  border-width: 3px;
  cursor: pointer;
  font-size: 14px;
  line-height: 33px;
  padding: 10px 22px 10px 15px;
  text-transform: uppercase;
}
.btn-border-white {
  border: 1px solid #ffff;
  color: #fff;
  display: inline-block;
  font-family: montserrat;
  font-size: 15px;
  margin-top: 20px;
  padding: 15px 20px;
  font-weight: 300;
  transition: 0.3s ease-in-out;
}
.btn-border-white:hover {
  background: #fff;
  color: #ff5300;
}
.btn-border-orange {
  border: 1px solid #ff5300;
  color: #fff;
  display: inline-block;
  font-family: montserrat;
  font-size: 15px;
  margin-top: 20px;
  font-weight: 300;
  padding: 15px 20px;
  transition: 0.3s ease-in-out;
}
.btn-border-orange:hover {
  background: #ff5300;
  color: #fff;
}
.btn-border-white {
  border: 1px solid #fff;
  color: #fff;
  display: inline-block;
  font-family: montserrat;
  font-size: 15px;
  margin-top: 20px;
  font-weight: 300;
  padding:15px 15px;
  transition: 0.3s ease-in-out;
}
.realisations .btn-border-white {
  font-size:14px;
  padding: 15px 8px;
  margin-top: 7px;
}
.btn-border-white:hover {
  background: #fff;
  color: #ff5300;
}
.btn-border, .acces-login .form-actions .btn,
.btn-border, .acces-login .form-actions .btn:focus,
#user-pass-reset #edit-submit,
#user-pass-reset #edit-submit:focus {
  background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #ff5300;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #ff5300!important;
    display: inline-block;
    margin: 15px 0;
    padding: 15px 25px;
  transition: 0.3s ease-in-out;
}


.btn-border:hover, .acces-login .form-actions .btn:hover,
  #user-pass-reset #edit-submit:hover {
  background: #ff5300;
  color: #fff!important;
}
.blue-border-btn,
a.blue-border-btn {
  color: #0095ff;
  background-color: #fff;
  border-radius: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 23px;
  font-weight: 400;
  text-transform: unset;
  transition: 0.3s ease-in-out;
  border: 2px solid #0095ff;
}
.blue-border-btn:hover {
  background-color: #0095ff;
  color: #fff;
}
.blue-border-btn::before {
  border: 1px solid #0095ff;
  border-radius: 30px;
  color: #0095ff;
  content: "\f105";
  display: block;
  font-family: FontAwesome;
  font-size: 25px;
  height: 37px;
  line-height: 33px;
  text-indent: 4px;
  width: 37px;
  transition: 0.3s ease-in-out;
  margin-right: 14px;
  float: left;
  border: 2px solid #0095ff;
}
.blue-border-btn:hover::before {
  color: #fff!important;
  border-color: #fff;
}
.blue-btn,
a.blue-btn,
.webform-submit {
  color: #fff;
  background-color: #0095ff;
  border-radius: 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 23px;
  font-weight: 400;
  text-transform: unset;
  transition: 0.3s ease-in-out;
  border: 2px solid #0095ff;
}
.blue-btn:hover,
.webform-submit:hover {
  background-color: #fff;
  color: #0095ff;
  border: 2px solid #0095ff;
}
.blue-btn::before,
.webform-submit::before {
  border: 1px solid #fff;
  border-radius: 30px;
  color: #fff;
  content: "\f105";
  display: block;
  font-family: FontAwesome;
  font-size: 25px;
  height: 37px;
  line-height: 33px;
  text-indent: 4px;
  width: 37px;
  transition: 0.3s ease-in-out;
  margin-right: 14px;
  float: left;
}
.blue-btn:hover::before,
.webform-submit:hover::before {
  color: #0095ff!important;
  border-color: #0095ff;
}
.trait {
  position: relative;
}
.trait:after {
  background-color: #fff;
  content: "";
  height: 30px;
  left: 50%;
  margin-left: -1px;
  position: absolute;
  top: -33px;
  width: 2px;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                 HEADER                       ||
   ||                                              ||
    \\ ========================================== //
*/
.path-frontpage .region-banner{
  margin-top:0!important;
}
.region-banner{
  margin-top:84px;
}
#header {
  position: relative;
}
#header .navbar {
  border: 1px solid transparent;
  padding: 15px 0;
  margin-bottom: 0;
  min-height: 50px; 
  width: 100%;
  border-radius: 0;
  position: fixed;
  top: 0;
  z-index: 15;
  transition: all 0.3s ease-out;
  background: #000;
}
#header .navbar .logo {
  float: left;
  position: relative;
  width: 340px;
  z-index: 500;
}
#header .navbar .logo img {
  transition: all 0.3s ease-out;
  width: 100%;
  float: left;
}
#header .navbar .logo img:first-child {
  margin-right: 5%;
  width: 100%;
}
#header .navbar .wrapp-menu {
  float: right;
  margin-top: 30px;
  transition: all 0.3s ease-out;
}
#header .navbar .wrapp-menu .log {
  float: left;
}
#header .navbar .wrapp-menu .log a {
  margin: 0 5px;
  font-weight: 400;
}
#header .navbar .wrapp-menu .log a:hover {
  color: #ff5300;
}
#header .navbar .wrapp-menu .search,
#header .navbar .wrapp-menu .share {
  float: left;
  display: block;
  width: 25px;
  height: 25px;
  margin: 0 0 0 20px;
}
#header .navbar .wrapp-menu .search {
  background: url('../images/search-icon.png') no-repeat 0 0;
}
#header .navbar .wrapp-menu .share {
  background: url('../images/share-icon.png') no-repeat 0 0;
}
#header .navbar.scrolled {
  padding: 5px 0 6px;
}
/* #header .navbar.scrolled img:first-child {
  width: 66px!important;
}
#header .navbar.scrolled img {
  width: 54px!important;
} */
#header .navbar.scrolled .wrapp-menu,
#header .navbar.scrolled #trigger-overlay {
  margin-top: 24px;
}
#header .navbar #trigger-overlay {
  float: right;
  display: block;
  font-size: 0;
  height: 30px;
  margin-left: 20px;
  margin-top: 30px;
  padding: 0;
  text-indent: -9999px;
  width: 27px;
  position: relative;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.3s ease-out;
  cursor: pointer;
}
#header .navbar #trigger-overlay span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: #fff;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#header .navbar #trigger-overlay span:nth-child(1) {
  top: 0px;
}
#header .navbar #trigger-overlay span:nth-child(2),
#header .navbar #trigger-overlay span:nth-child(3) {
  top: 9px;
}
#header .navbar #trigger-overlay span:nth-child(4) {
  top: 18px;
}
#header #trigger-overlay.open {
  z-index: 1000;
}
#header #trigger-overlay.open span {
  height: 2px;
}
#header #trigger-overlay.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#header #trigger-overlay.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header #trigger-overlay.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header #trigger-overlay.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#header .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 83, 0, 0.8);
  opacity: 0;
  transition: opacity 0.5s ease 0s, visibility 0s ease 0.5s;
  visibility: hidden;
}
#header .overlay nav {
bottom: 0;
height: 100%;
left: 0;
overflow-y: auto !important;
position: fixed;
top: 0;
width: 100%;
background: rgba(255, 83, 0, 0.2);
}
#header .overlay nav > ul.menu  {
  position: absolute;
  width: 50%;
  left: 8%;
}
#header .overlay nav > ul.menu > li {
  font-size: 44px;
  display: block !important;
  float: none;
}
.user-logged-in #header .overlay nav > ul.menu > li:last-child {display: none !important;}
#header .overlay nav > ul.menu > li a {
  color: #fff;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 33px;
  padding: 15px 0;
  background: transparent!important;
}



#header .overlay nav > ul.menu > li a .caret {
   border: 0 none;
    height: auto;
    position: relative;
}
#header .overlay nav > ul.menu > li a .caret::after {
  content: "\f107";
  display: inline-block;
    font-family: FontAwesome;
    margin: 0;
    position: relative;
    top: -3px;
    width: 0;
    font-size: 35px;
}
#header .overlay nav > ul.menu > li.open a .caret::after {
  content: "\f105";
}



@media only screen and (min-width: 990px) {

  #header .overlay .nav > ul.menu > li a.dropdown-toggle:focus {
    font-weight: 500;
  }
  #header .overlay nav > ul.menu > li.open .dropdown-menu {
    opacity: 1;
    z-index: 1001;
    transition: all 0.2s ease-out;
  }
  #header .overlay nav > ul.menu > li .dropdown-menu {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    box-shadow: none;
    -webkit-column-count: 2;
      -moz-column-count: 2;
        column-count: 2; 
    height: 100%;
    opacity: 0;
    left: auto;
     display: block;
    padding-left: 8%;
    position: fixed;
    right: 0;
    top: 0;
    width: 50%;
  }
  #header .overlay nav > ul.menu > li.open  .dropdown-menu a {
    font-size: 18px;
      font-weight: 400;
      line-height: 18px!important;
      padding: 7px 0;
  }
  #header .overlay nav > ul.menu > li .dropdown-menu::before {
    background: rgba(255, 83, 0, 0.6) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 50%;
    position: fixed;
    top: 0;
    width: 100%; 
    z-index: -1;
    transition: all 0.2s ease-out;
  }
   
  #header .overlay nav > ul.menu > li .dropdown-menu li {
    opacity:0;
    transition: all 0.2s ease-out;
  }
  #header .overlay nav > ul.menu > li.open .dropdown-menu li{
  opacity: 1;
  transition: all 0.2s ease-out;
  }
}


@media only screen and (max-width: 989px) {
   #header .overlay nav > ul.menu > li.open .dropdown-menu {
      background: transparent none repeat scroll 0 0;
      border: medium none;
      box-shadow: none;
      float: left;
      margin: -10px 0 10px;
      padding: 0 0 0 18px;
      position: relative;
      width: 100%;
  }
   #header .overlay nav > ul.menu > li.open .dropdown-menu a{
      font-size:16px;
      padding: 5px 0;
   }
}



/* #header .overlay .taxo  {
  display: none;
}
#header .overlay .taxo ul {
  opacity:0;
  transition: all 0.2s ease-out;
transform: translateX(5%)
}
#header .overlay .taxo ul.open {
opacity: 1;
transform: translateX(0%)
}
#header .overlay .taxo .contextual {
  display: none!important;
}
#header .overlay .taxo ul {
  background:transparent;
  border: 0 none;
  box-shadow: none;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  display: block;
  height: 100%;
  left: auto;
  padding-left: 8%;
  position: fixed;
  right: 0;
  top: 0;
  width: 50%;
   z-index: 1000;
}
.collectionLink{
  position: relative;
}
.collectionLink::after{
  content: "\f107";
  display: inline-block;
    font-family: FontAwesome;
    height: 20px;
    margin-left: 20px;
    width: 20px;
  position: relative;
    top: 3px;
}
.collectionLink.selected::after{
  content: "\f105";
}
 
#header .overlay .taxo ul a {
  background: transparent none repeat scroll 0 0;
  color: #fff;
    float: left;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 15px;
    padding: 7px 0;
    white-space: nowrap;
    width: 100%;
}
 #header .overlay .taxo::before {
  background: rgba(255, 83, 0, 0.6) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 50%;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
}  */


#header .overlay.open {
  opacity: 1;
  transition: opacity 0.5s ease 0s;
  visibility: visible;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                     HOME                     ||
   ||                                              ||
    \\ ========================================== //
*/
/* ==========================================================================
   Header
========================================================================== */
/* ==========================================================================
   Top
========================================================================== */
.path-frontpage #header {
  
  width: 100%;
  position: relative;
}
.path-frontpage #header .arrows {
  bottom: 0;
  height: 110px;
  position: absolute;
  right: 0;
  width: 310px;
  z-index: 3;
}
.path-frontpage #header .arrows .slick-prev,
.path-frontpage #header .arrows .slick-next {
  float: left;
  height: 18px;
  width: 63px;
  position: absolute;
}
.path-frontpage #header .arrows .slick-prev {
  background: url('../images/left-arrow-grey.png') no-repeat 0 0;
  bottom: 15px;
  right: 100px;
}

.path-frontpage #header .arrows .slick-next {
  background: url('../images/right-arrow-grey.png') no-repeat 0 0;
  margin-left: 30px;
  bottom: 15px;
  right: 15px;
}
.path-frontpage #header .arrows .slick-prev:hover {
  background: url('../images/left-arrow-orange.png') no-repeat 0 0;
}
.path-frontpage #header .arrows .slick-next:hover {
  background: url('../images/right-arrow-orange.png') no-repeat 0 0;
  margin-left: 30px;
}
.path-frontpage #header .arrows .slick-dots {
  bottom: 50px;
  position: absolute;
  right: 14px;
  z-index: 4;
}
.path-frontpage #header .arrows .slick-dots li {
  float: left;
}
.path-frontpage #header .arrows .slick-dots li button {
  color: #fff;
  font-size: 12px;
  opacity: 0.3;
}
.path-frontpage #header .arrows .slick-dots li.slick-active button {
  opacity: 1;
}
.path-frontpage #header .slider-home .slick-list{
  padding-top: 79px;
}
.path-frontpage #header .slider-home .slick-list,
.path-frontpage #header .slider-home .slick-track {
  height: 100%;
}
.slick-slide img {
    display: block;
    height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
}
.path-frontpage #header .slider-home .item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: 100%;
  top: 0;
  width: 100%;
  position: relative;
}
.path-frontpage #header .slider-home .item .desc {
  background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
  padding: 30px 30px 30px 30px;
  position: absolute;
  right: 0;
  top:48%;
  z-index:2;
  font-weight: 300;
  min-width: 300px;
  max-width: 360px;
}
.path-frontpage #header .slider-home .item .desc .titre {
  font-size: 16px;
  max-width: 300px;
}
.path-frontpage #header .slider-home .item .desc .sous-titre {
  color: #eee;
  font-size: 14px;
}
.path-frontpage #header .left-menu {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  border-right: 2px solid rgba(255, 255, 255, 0.25);
  height: auto;
  left: 1%;
  padding: 15px 20px 15px 15px;
  position: absolute;
  top: 320px;
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  width: 290px;
  column-count: 2;
  z-index: 10;
}
.path-frontpage #header .left-menu ul {
  float: left;
  width: 120px;
}
.path-frontpage #header .left-menu ul li a {
  color: #888;
  display: block;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 10px;
  text-transform: uppercase;
  transition: all 0.2s ease-out;
}
.path-frontpage #header .left-menu ul li a:hover {
  color: #eee;
}
.path-frontpage #header .left-menu .arrow {
  color: #999;
  font-size: 33px;
  height: 30px;
  position: absolute;
  right: -44px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 30px;
}


#scrollerBlack {
  color: #fff !important;
  border: 3px solid #ff5300;
  border-radius: 17px;
} 
#scrollerBlack{
  width: 33px;
  height: 51px;
  left: 50%;
  margin-left: -16px;
  bottom: 45px; 
  position: absolute;
  cursor: auto;
  z-index: 8
}
#scrollerBlack img  {
  left: 0;
  position: absolute;
  z-index: 1;
}
#scrollerBlack span {
  background: #ff5300;
  border-radius: 8px;
  display: block;
  height: 10px;
  left: 11px;
  position: absolute;
  top: 22px;
  width: 6px;
  z-index: 2; 
  -webkit-animation: scrollerAnim 6s infinite; 
  animation: scrollerAnim 6s infinite;
  -webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
 -moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
      transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
} 


#scroller {
    border: 3px solid #fff;
    border-radius: 17px;
} 
#scroller{
    position: fixed;
    width: 33px;
    height: 51px;
    left: 50%;
    margin-left: -16px;
    bottom: 45px; 
    cursor: pointer;
    z-index: 8
}
#scroller img  {
    left: 0;
    position: absolute;
    z-index: 1;
}
#scroller span {
    background: #fff;
    border-radius: 8px;
    display: block;
    height: 10px;
    left: 11px;
    position: absolute;
    top: 22px;
    width: 6px;
    z-index: 2; 
    -webkit-animation: scrollerAnim 6s infinite; 
    animation: scrollerAnim 6s infinite;
    -webkit-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
   -moz-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
     -o-transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
        transition-timing-function: cubic-bezier(0.000, 0.000, 0.580, 1.000);
} 
@keyframes scrollerAnim {
    0% {
        top: 13px;
    }
    10%{
        top: 22px
    }
    20% {
       top: 13px;
    }
    30%{
        top: 22px
    }
    40% {
       top: 13px;
    }
    50%{
        top: 22px
    }
    60%{
        top: 13px;
    }
    100%{
        top: 13px;
    }
}
/* ==========================================================================
  Presentation
========================================================================== */
.presentation .baseline {
  bottom: 100px;
  font-size: 43px;
  font-weight: 200;
  left: 50%;
  color: #333;
  line-height: 70px;
  bottom: auto;
  position: absolute;
  top: 20px;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  width: 63%; 
  transition: all 0.2s ease-out;
}
.presentation .baseline span:last-child {
  color: #ff5300;
  display: block;
  text-shadow: 1px 1px 0px #fff;
}
.presentation .baseline span:first-child {
  font-size: 85px;
}
.presentation .baseline.scrolled {
  color: #333;
}
.presentation .baseline.static {
  bottom: auto;
  position: absolute;
  top: 20px;
}
.presentation p a{
  color: #ff5300;
  font-weight: 600;
} 
.presentation .left-side img,.presentation .left-side.compat-object-fit {
  height: 610px;
  -o-object-fit: cover;
     object-fit: cover;
}
.presentation .right-side {
  padding-top: 250px;
  padding-left: 60px;
}
.presentation .right-side .btn-border {
  margin: 15px;
}
/* ==========================================================================
  Technologie
========================================================================== */
.technologie {
  padding-bottom: 290px;
  overflow: hidden;
}
.technologie .wrapp-visuel {
  position: relative;
}
.technologie .wrapp-visuel img {
  position: absolute;
  width: 160%;
}
/* ==========================================================================
  Realisations
========================================================================== */
.content-image img{
  margin:50px 0;
}
.realisations .list .visuel.compat-object-fit {
  height: 420px;
}
.realisations .list .visuel {
  padding: 0;
  float: none;
  margin: 0 14px 26px;
  overflow: hidden;
  width: 200px !important;
  height: 200px !important;
  position: relative;
  display: inline-block;
  
}
.realisations .list .visuel img,
.realisations .list .visuel.compat-object-fit {
  height: 200px;
  width: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.path-les-createurs .visuel{
  margin-bottom: 30px;
}
.path-les-createurs .visuel{
  margin-bottom: 30px;
}

/* Internet explorer */
.path-les-createurs .visuel.compat-object-fit{
  height: 200px;
  margin:15px;
  padding:0px;
}
.path-les-createurs .visuel.compat-object-fit .overlay {
  width: 100%;
}
.projet .visuel .overlay {
  min-height: 170px
}
.path-les-createurs .visuel .overlay{
  min-height: auto;
  width: calc(100% - 30px);
}
.path-les-createurs .visuel .btn-border-white {
  line-height: 20px;
  margin: 0 10px;
}
.visuel .overlay {
  position: absolute;
  z-index: 5;
  top: 0;
  bottom: 0;
  min-height: 200px;
  width: 100%;
  opacity: 0;
  background: rgba(255, 83, 0, 0.85) none repeat scroll 0 0;
  transition: all 0.2s ease-out;
}
.visuel .overlay .wrapp {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
}
.visuel .overlay .wrapp a.pdf {
  padding: 10px 10px 0;
  font-size: 13px;
  font-weight: 600;
  color:#fff;
  display: block;
  letter-spacing: 0.1px;
}
.visuel .overlay .wrapp .nom {
  text-transform: unset;
  font-size: 1.0rem; 
}
.visuel .overlay .wrapp .nom span {
  display: block;
  font-size: 20px;
  
}
.visuel .overlay:hover {
  opacity: 1;
}



/* ==========================================================================
  
========================================================================== */
.s .list .visuel {
  padding: 0;
  height: 200px;
}
.s .list .visuel img, .s .list .visuel.compat-object-fit {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.s .list .btn-border-white {
  margin: 0 15px;
  padding: 11px 20px;
}
.list.createurs{position: relative;}
.wrapp-arrows {
  position: absolute;
  height: 1px;
  top: 50%;
  margin-top: -30px;
  width: 100%;  
}
.wrapp-arrows .slick-prev, .wrapp-arrows .slick-next{
  width:21px;
  height: 36px;
  background-position:center;
  background-image: url(../images/arrow-left.png);
  background-repeat:no-repeat;
  
}
.wrapp-arrows .slick-prev{
  float: left;
  margin-left: -25px;
  background-image: url(../images/arrow-left.png);
}
.wrapp-arrows .slick-next{
  float: right;
  background-image: url(../images/arrow-right.png);
}

/* ==========================================================================
  Contact
========================================================================== */
.path-frontpage section.contact {
  background: #2e2e2e;
  padding: 50px 0;
}
.path-frontpage section.contact h2 {
  text-transform: unset;
  display: inline-block;
}
.path-frontpage section.contact a.btn-border-orange {
  display: inline-block;
  margin: 0 0 0 25px;
}



/* ==========================================================================
  Actu
========================================================================== */
.path-frontpage section.actus .list-actus .actu {
  border-right: 1px solid #ddd;
  padding: 40px 30px;
}
.path-frontpage section.actus .list-actus .actu .date {
  color: #959595;
}
.path-frontpage section.actus .list-actus .actu .titre {
  color: #ff5300;
  font-family: montserrat;
  font-size: 20px;
  font-weight: 300;
  line-height: 21px;
  margin: 13px 0;
}
.path-frontpage section.actus .list-actus .actu .resume {
  color: #959595;
}
.path-frontpage section.actus .list-actus .actu .btn-border {
  margin: 30px 0 0;
}
.path-frontpage section.actus .list-actus .actu:last-child {
  border: 0;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                     PAGE                     ||
   ||                                              ||
    \\ ========================================== //
*/
#edit-private-messages{
  display: none;
}
.confirmation-in .alert-success.alert-dismissible{display: none;}
.js-quickedit-page-title.page-header{
  display: none;
}
.titre-section {
  text-transform: unset;
  font-weight: 200;
}
 /*
.titre-section span:first-child{
  display: block;
  font-size: 55px;
}
.titre-section span:last-child{
  font-size: 36px;
}*/
.titre-section span:first-child{
  font-size: 50px;
}
.titre-section span:nth-child(2){
  font-size: 33px;
  display: block;
}
.titre-section span strong{
  color: #ff5300;
  font-weight: 200;
}
.path-les-collections .produits .titre-section.categorie span:first-child{
  display: none;
}
.path-les-collections .produits .titre-section.categorie span:nth-child(2),
.path-les-collections .produits .titre-section.categorie span:nth-child(2) strong{
  font-size: 50px;
  color:#3c3c3c
}
.path-les-collections .produits .titre-section.categorie .cat{
  color: #ff5300; 
}

.slider{
  overflow: hidden;
  max-height: 1400px;
  height: auto;
}
.slider .slick-list,
.slider .slick-track {
  height: 100%;
}
.slider .item, .banner-small .item, .banner-xs .item {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  bottom: 0;
  height: 100%;
  top: 0;
  width: 100%;
  position: relative;
}
/* .banner-xs{
  height: 230px;
}
.banner-small{
  height: 410px;
} */
.slider .item img, .banner-small .item img, .banner-xs .item img{
  height: 100%;
  max-height: 1400px;
  object-fit: cover; 
  /* min-height: 370px */;
}
.arrows.produit {
  bottom: 0;
  height: 40px;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 3;
}
.arrows.produit .slick-prev,
.arrows.produit .slick-next {
  float: left;
  height: 18px;
  width: 63px;
  opacity: 1;
}
.arrows.produit .slick-prev {
  background: url('../images/left-arrow-grey.png') no-repeat 0 0;
  float: left;
  margin-left: 20px;
}
.arrows.produit .slick-next {
  background: url('../images/right-arrow-grey.png') no-repeat 0 0;
  float: right;
  margin-right: 20px;
}
.arrows.produit .slick-prev:hover {
  background: url('../images/left-arrow-orange.png') no-repeat 0 0;
}
.arrows.produit .slick-next:hover {
  background: url('../images/right-arrow-orange.png') no-repeat 0 0;
  margin-left: 30px;
}
.dot .slick-dots {
  float: right;
  margin-right: 20px;
}
.dot .slick-dots li {
  float: left;
}
.dot .slick-dots li button {
  color: #333;
  font-size: 12px;
  opacity: 0.3;
}
.dot .slick-dots li.slick-active button {
  opacity: 1;
}
.fil-arianne {
  float: left;
  margin-top: 20px;
  width: 100%;
}
.fil-arianne .breadcrumb li {
  font-size: 13px;
}
.fil-arianne .breadcrumb li.active {
  color: #444;
}
.fil-arianne .breadcrumb a {
  color: #999;
}
.border-top {
  border-top: 1px solid #ddd;
  margin: 30px 0 0 0 ;
  padding-top: 30px;
}
.border-bottom {
  border-bottom: 1px solid #ddd;
  margin: 0 0 30px;
  padding-bottom: 30px;
}
.margin-bottom {
  margin: 0 0 30px;
  padding-bottom: 30px;
}
.btn-dl {
  background: rgba(0, 0, 0, 0) url("../images/picto-dl.png") no-repeat scroll 0 0;
  color: #444;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  max-width: 180px;
  min-height: 31px;
  padding-left: 32px;
  padding-top: 4px;
}
.thumbnail-produit {
  max-width: 280px;
}
.thumbnail-produit .field--label{
  display: none;
}
.liste-puce li {
  list-style: disc ;
  margin-left: 14px;
}
.recompense img {
  float: left;
  width: auto;
}
.item-list .pager {
  float: right;
  margin: 60px 0;
}
.item-list .pager li a.selected, .pagination > li.active a,   .pagination > li.active span{
  border: 1px solid #ff5300;
  border-radius: 0;
  background: #ff5300;
  color: #fff;
}
.item-list .pager li a, .pagination > li > a, .pagination > li > span {
  border: 1px solid #ff5300;
  border-radius: 0;
  margin-bottom: 5px;
  color: #888;
  margin-left: 5px;
  border-radius: 0!important;
  transition: all 0.2s ease-out;
}
.item-list .pager li a:hover,
.pagination > li > a:hover,
.pagination > li > a:focus, 
.pagination > li > span:hover,
.pagination > li > span:focus {
  border: 1px solid #ff5300;
  border-radius: 0;
  background: #ff5300;
  color: #fff;
}
.item-list .pager li.pager-current {
  border: 1px solid #ff5300;
  border-radius: 0;
  background: #ff5300;
  padding: 5px 14px;
  color: #fff;
}
.filter .select-style {
  background: #fff url("../images/arrow-select.png") no-repeat scroll 95% 51%;
  border: 2px solid #ff5300;
  margin: 70px 0;
  overflow: hidden;
  padding: 0;
  width: 373px;
}
.filter .select-style select {
  -moz-appearance: none;
  background-color: transparent;
  background-image: none;
  border: medium none;
  box-shadow: none;
  width: 130%;
}
.filter select {
  border: 1px solid #ddd;
  color: #aaa;
  float: left;
  padding: 13px 15px;
}

a.liked{ 
  color: #444;
  float: right;
  font-weight: 600;
  position: absolute;
  margin-top: 25px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding:6px 10px 5px;
  line-height: 21px;
  margin-left: 8px;
  right: 0;
  font-size: 11px;
    }
a.liked .fa{
  color: #ff6326;
  font-size: 21px;
  float: left;
  margin-right: 9px;
  
}
a.liked .popup{
  
     
}
/* a.liked:hover .popup{
  right: 40px;
  opacity: 1;
} */


/*
    // ========================================== \\
   ||                                              ||
   ||                 LISTE PRODUITS               ||
   ||                                              ||
    \\ ========================================== //
*/
.pager-nav{
  display: table;
  width: 100%;
}
.new{
  position: absolute;
  right: 10px;
  top: 10px;
  background: #ff5300;
  padding: 10px !important;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}
.produits .filter .select-style {
  margin: 20px 0;
  width: auto;
}
.page-node-type-produit a:hover{
  color:#111
}
.page-node-type-produit .search-bloc,
.page-node-type-realisation .search-bloc{
  display: none;
}
.search-bloc {
    background: #222;
    padding: 3px;
}
.search-bloc input {
    border: 0 none;
    border-radius: 0;
     width: 85%;
    padding: 13px 10px;
}
.search-bloc{
  margin: 20px 0;
  position: relative;
}
.bg-search{
  background-color:#f9f9f9;
  float: left;
  width:100%;
}
.search-bloc button {
  color: #ccc;
  font-size: 23px;
  height: 40px;
  position: absolute;
  right: 2%;
  top: 5px;
  width: 40px;
}
.search-bloc button::before {
    content: "";
    font-family: FontAwesome;
}
.search-bloc input::placeholder {
    color: #aaa;
}
.search-bloc input::placeholder {
    color: #aaa;
}
.no-results{
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  color: #444;
}
.list-product{
  min-height: 260px;
  text-align: center;
}

.loadmore{
  border-style: none none solid;
  border-width: 0;
  display: inline-block;
  margin: 15px auto;
  padding: 15px 25px;
  float: none;
}
.hide{
  display:none;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                   PRODUIT                    ||
   ||                                              ||
    \\ ========================================== //
*/
section.produit .container{
  position: relative
}
section.produit .dimension{
  max-width: 780px;
}
section.produit .filtre-nuancier{
  float: left;
  margin: 5px 0 15px;
  width: 100%;
}
section.produit .filtre-nuancier li{
  float: left; 
}
section.produit .filtre-nuancier li a{
  color: #8f97aa;
}
section.produit .filtre-nuancier li a{
  display: block;
  max-width: 85px;
  opacity: 0.4;
}
section.produit .filtre-nuancier li.plus{
  color: #000;
  font-size: 45px;
  height: 85px;
  line-height: 85px;
  text-align: center;
  width: 33px;
}
section.produit .filtre-nuancier li.plus:last-child{
  display: none;
}
section.produit .filtre-nuancier li a.active{
    opacity: 1;
}
section.produit .filtre-nuancier li a.active{
  color: #333;
  font-weight: 600;
}
section.produit .filtre-nuancier li:last-child{
  border: 0;
  padding-right: 0;
  margin-right: 0;
}
 
section.produit .nuanciers{
  float: left;
}
section.produit .nuanciers .wrapp-nuancier .logo{
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
section.produit .nuanciers .wrapp-nuancier .logo .name{
 
margin-top: 30px;
color: #aaa;
}
section.produit .nuanciers .wrapp-nuancier .logo img{
  width: 80px;
  height: 80px;
  float: left;
}
section.produit .nuanciers .wrapp-nuancier{
float: left;
padding-bottom: 10px;
width: 100%;
 border-top: 1px solid #eee;
}
section.produit .nuanciers .wrapp-nuancier:first-child{
  display: block;
}
section.produit .nuanciers .wrapp-nuancier .nuancier{
  margin-top: 14px;
  margin-bottom: 0;
}
section.produit .nuanciers .wrapp-nuancier .nuancier .field--label{
  display: none;
}
section.produit .nuanciers .wrapp-nuancier .nuancier li{
  float: left;
  margin-right: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 120px;
  font-size: 11px;
  text-transform: uppercase;
}
section.produit .nuancier li span{
  float: left;
  margin-top: 5px;
  text-align: left;
  text-transform: initial;
  line-height: 14px;
  min-height: 45px;
}

section.produit .tarif-produit tr,
section.projet .tarif-produit tr {
  border: 1px solid #eee;
}
section.produit .tarif-produit thead,
section.projet .tarif-produit thead {
  background: #ff6326  ;
  color: #fff;
}
section.produit .tarif-produit thead th,
section.projet .tarif-produit thead th {
  padding: 15px 10px;
  text-transform: uppercase;
}
section.produit .tarif-produit tbody tr:nth-child(even),
section.projet .tarif-produit tbody tr:nth-child(even) {
  background-color: #fdfdfd;
}
section.produit .tarif-produit tbody td,
section.projet .tarif-produit tbody td {
  color: #999;
  font-size: 14px;
  font-weight: 300;
  padding: 15px 10px;
}
section.produit .tarif-produit tbody td:last-child,
section.projet .tarif-produit tbody td:last-child {
  text-align: right;
}
section.produit .produits-connexes .visuel,
section.projet .produits-connexes .visuel {
  margin: 30px 0 0 0;
  padding: 10px;
  width: 210px !important;
  height: 210px !important;
}
section.produit .produits-connexes .visuel .wrappBg,
section.projet .produits-connexes .visuel .wrappBg {
  width: 200px !important;
}
section.produit .produits-connexes .visuel .wrapp,
section.projet .produits-connexes .visuel .wrapp {
  position: relative;
}
section.produit .produits-connexes .visuel img,
section.projet .produits-connexes .visuel img {
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
section.produit .produits-connexes .wrappBg.compat-object-fit,
section.projet .produits-connexes .wrappBg.compat-object-fit {
  height: 170px; 
}
section.produit .produits-connexes .visuel .overlay,
section.projet .produits-connexes .visuel .overlay {
  width: 100%;
}
section.produit .produits-connexes .visuel .overlay h3,
section.projet .produits-connexes .visuel .overlay h3 {
  margin-top: 0;
  font-size: 18px;
}
section.produit .produits-connexes .visuel .overlay h3 span,
section.projet .produits-connexes .visuel .overlay h3 span {
  font-size: 23px;
}
section.produit .produits-connexes .visuel .overlay .btn-border-white,
section.projet .produits-connexes .visuel .overlay .btn-border-white {
  margin-top: 10px;
}
section.produit .produits-connexes .slick-dots,
section.projet .produits-connexes .slick-dots {
  float: left;
  margin-top: 30px;
  text-align: center;
  width: 100%;
}
section.produit .produits-connexes .slick-dots li,
section.projet .produits-connexes .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
section.produit .produits-connexes .slick-dots li.slick-active button,
section.projet .produits-connexes .slick-dots li.slick-active button {
  background: #ff6326;
}
section.produit .produits-connexes .slick-dots li button,
section.projet .produits-connexes .slick-dots li button {
  background: #ddd none repeat scroll 0 0;
  border-radius: 50%;
  height: 15px;
  overflow: hidden;
  text-indent: -999px;
  width: 15px;
}
.contact-produit {
  padding: 40px 0;
  background: #ff6326;
}
.contact-produit .btn-border-white {
  margin: 20px 10px;
}
.color-orange.{
  text-transform: inherit;
  font-size: 14px;
}
.recall:hover{color: #ff6326!important;}
.recall:focus{color: #fff;}
.recall.open{
  background-color: #fff;
  color:#ff6326 ;
}
section.rappel{
  background-color: #ef5c23;
  
  height: 0;
  overflow: hidden;
  transition: all 0.3s ease-out 0s;
}
section.rappel.open{
  height: auto;
  padding: 50px 0;
}
section.rappel .form-item-societe,
section.rappel .form-item-nom,
section.rappel .form-type-tel{
  width: 22%;
  margin: 0 1%;
}
section.rappel .form-actions{
  width: 20%;
  margin: 0 2%;
}
section.rappel .form-item-nom,
section.rappel .form-item-societe,
section.rappel .form-type-tel,
section.rappel .form-actions{
  float: left;
  
}
section.rappel .form-item-nom input,
section.rappel .form-item-societe input,
section.rappel .form-type-tel input{
   background: #fd7843 none repeat scroll 0 0;
    border: 2px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    height: 55px;
    padding: 15px;
    width: 100%;
}
section.rappel .form-control:focus {
    border-color: #fff;
    box-shadow: 0 1px 1px rgba(2500, 2500, 2500, 0.075) inset;
    outline: 0 none;
}
section.rappel .form-control::placeholder {color: #eee}
section.rappel .form-item-nom input{ }
section.rappel .form-type-tel input{ }
section.rappel .form-actions button{
  border: 1px solid #fff;
    color: #fff;
    display: inline-block;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 300;
    padding:10px 20px;
    transition: all 0.3s ease-in-out 0s;
    width: 100%;
    background-color: transparent;
}
section.rappel .form-actions button:hover{
  color:#ff6326 ;
  background-color: #fff;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                    PROJET                    ||
   ||                                              ||
    \\ ========================================== //
*/
.infos-projet ul {
  margin-bottom: 0;
}
.infos-projet ul li {
  float: left;
  padding: 0 15px;
  width: 20%;
}
.contact-projet {
  padding: 40px 0;
  background: #ff6326;
}
.contact-projet h2 {
  display: inline-block;
  margin-right: 25px;
}
.contact-projet .btn-border-white {
  margin: 20px 10px;
  display: inline-block;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                   CREATEUR                   ||
   ||                                              ||
    \\ ========================================== //
*/
.arrows.createur {
  float: left;
  height: 60px;
  width: 100%;
  z-index: 3;
}
.arrows.createur .slick-prev,
.arrows.createur .slick-next {
  color: #aaa;
  float: left;
  font-family: montserrat;
  font-size: 14px;
  height: 60px;
  opacity: 1;
  text-align: left;
  text-transform: uppercase;
  width: 200px;
}
.arrows.createur .slick-prev {
  background: rgba(0, 0, 0, 0) url("../images/left-arrow-grey.png") no-repeat scroll 5px 44px;
  float: left;
  margin-left: 20px;
}
.arrows.createur .slick-next {
  background: rgba(0, 0, 0, 0) url("../images/right-arrow-grey.png") no-repeat scroll right 44px;
  float: right;
  margin-right: 20px;
  text-align: right;
}
.arrows.createur .slick-prev:hover {
  background-image: url('../images/left-arrow-orange.png');
}
.arrows.createur .slick-next:hover {
  background-image: url('../images/right-arrow-orange.png');
  margin-left: 30px;
}
/*
    // ========================================== \\
   ||                                              ||
   ||                   REVENDEURS                 ||
   ||                                              ||
    \\ ========================================== //
*/
#francemap{
  width: 100%!important;
}
#worldmap{
  background:rgb(249, 249, 249);
  padding: 0 20px 20px 20px;
}
#worldmap svg{
  width: 100%;
 
}
#worldmap svg g {
  cursor:pointer;
}
#worldmap svg g{
  position:relative
}
#worldmap svg g::before{
  content:'frfrer';
  position: absolute;
  top:0;
  left:0;

}
.revendeurs .info-revendeur > .container {
  padding: 38px 15px 0;
}
.revendeurs .info-revendeur.selected .btn-border{
  color: #ff5300;
  border: 1px solid #fff;
  background: #fff;
} 
.revendeurs .info-revendeur.selected h3, 
.revendeurs .info-revendeur.selected .infos{color:#fff;}
.revendeurs .info-revendeur.selected .ico::before{
  color: rgba(255, 255, 255, 0.4);
}
.revendeurs .info-revendeur.selected {
  background: #ff5300; 
}
.revendeurs .info-revendeur {
  border-bottom: 1px solid #eee;
  transition: all 0.2s ease-out 0s;
}
.revendeurs .liste-revendeurs {
  margin: 40px 0 110px;
  display: table;
}
.revendeurs .info-revendeur.results-map-active:after,
.revendeurs .info-revendeur:last-child:after {
  display: none;
}
.revendeurs .info-revendeur h3 {
  color: #656565;
  margin-top: 0;
  margin-bottom: 30px;
  font-size:21px;
}
.revendeurs .info-revendeur .pastille{
  width: 10px;
  height: 44px;
  float: left;
  margin: 0 10px 80px 0;
}
.revendeurs .info-revendeur ul {
  padding: 0;
  margin: 0;
}
.revendeurs .info-revendeur .mail li:last-child {
  margin-bottom: 0;
}
.revendeurs .info-revendeur li {
  list-style-type: none;
  font-weight: 700;
  margin-bottom: 35px;
}
.revendeurs .info-revendeur li .infos {
  color: #666;
  font-weight: 400;
  padding-left: 40px;
}
.revendeurs .info-revendeur .mail .infos{
  min-height: 39px;
}
.revendeurs .ico {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  margin-top: -5px;
  margin-right: 10px;
  background-size: contain;
}
.revendeurs .ico::before {
  font-size: 23px;
  font-family: FontAwesome;
  color:#ddd 
}
.revendeurs .ico-adress::before {
  content: "\f041";
}
.revendeurs .ico-tel::before {
  content: "\f095";
}
.revendeurs .ico-website::before {
  content: "\f108";
}
.revendeurs .ico-mail::before {
  content: "\f0e0";
}
.jqvmap-label{
  position: absolute;
  display: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;;
  color: white;
  font-family: sans-serif, Verdana;
  font-size: smaller;
  padding: 5px 10px;
  font-size:15px;
}
.jqvmap-zoomin, .jqvmap-zoomout{
  position: absolute;
  left: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #ff5300;
  padding: 3px;
  color: white;
  width: 20px;
  height: 20px;
  cursor: pointer;
  line-height: 10px;
  text-align: center;
  font-size: 19px
}
.jqvmap-zoomin{
  top: 10px;
}
.jqvmap-zoomout{
  top: 40px;
}
.jqvmap-region{
  cursor: pointer;
}
.jqvmap-ajax_response{
  width: 100%;
  height: 500px;
}
#mapConcessionnaire img.big{
  max-width:600px;
}
#mapConcessionnaire img.small{
  max-width:270px;
}


/*
    // ========================================== \\
   ||                                              ||
   ||                    SHOWROOM                  ||
   ||                                              ||
    \\ ========================================== //
*/
.showroom .gallery .overlay {
    background: rgba(255, 83, 0, 0.85) none repeat scroll 0 0;
    bottom: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.2s ease-out 0s;
    width: 100%;
    z-index: 5;
}
.showroom .gallery .overlay:hover {
  opacity: 1;
}
.showroom .gallery .overlay .wrapp {
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.showroom .gallery .overlay .wrapp .nom span {
    display: block;
}
.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: rgba(255, 83, 0, 0.45);
}
.lg-actions .lg-next:hover, .lg-actions .lg-prev:hover{
    background-color: rgba(255, 83, 0, 1);
}
.lg-actions .lg-prev::after{
   content: "\f104";
   font-size: 30px;
   font-family: FontAwesome;
}
.lg-actions .lg-next::before{
   content: "\f105";
   font-size: 30px;
   font-family: FontAwesome;
}



/*
    // ========================================== \\
   ||                                              ||
   ||                      FAQ                     ||
   ||                                              ||
    \\ ========================================== //
*/
.faq .panel-group .panel{
  border-radius: 0;
} 
.faq .panel-default > .panel-heading {
  padding:0;
    background-color: #fcfcfc;
    border-color: #eee;
    color: #333;
}
.faq .panel-heading a::after {
    color: #ff6326 ;
    content: "\f106";
    font-family: FontAwesome;
    height: 30px;
    position: absolute;
    right: 20px;
    width: 30px;
    top:7px;
    font-size: 28px;
    font-weight: 100;
}
.faq .panel-heading a.collapsed::after {
    content:"\f107";
}
.faq .panel-heading a {
    color: #575a62;
    display: block;
    font-weight: 600;
    padding: 15px 30px;
    position: relative;
    text-align: left;
}
.faq .panel-default > .panel-heading + .panel-collapse > .panel-body,
.faq .panel-default{
  border-color:#eee;
}
.faq .panel{
  box-shadow:none;
}
.faq .panel-group .panel + .panel {
    margin-top: 10px;
}

/*
    // ========================================== \\
   ||                                              ||
   ||                     PAGE                     ||
   ||                                              ||
    \\ ========================================== //
*/
.page-unique .body a{
  color:#ff5300
}
.page-unique .body strong{
  color:#444;
}
.page-unique .leaf.navigation__item > a {
    font-size: 17px;
    text-transform: uppercase;
}
.page-unique .leaf.navigation__item > a::before{
  content: "\f105"; 
    color: #aaa;
    font-family: FontAwesome;
    margin-right: 7px;
}
.page-node-type-qui-sommes-nous .description{
 /*  display: block;
 Fallback for non-webkit
 display: -webkit-box;
 height: 300px;
 Fallback for non-webkit
 margin: 0 auto;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis; */
}  
/* .show-more p, 
.less { display: none; } 
.show-more:target p, 
.show-more:target .less { display: block; } 
.show-more:target .more { display: none; } */
/* styles to show style tag */
.qui-sommes-nous img{
  width:auto!important;
}
    

   
    
    /* styles for show more */
    .show-more p,
    .less {
      display: none;
    }

    .show-more:target p,
    .show-more:target .less {
      display: block;
    }

    .show-more:target .more {
      display: none;
    }
    .show-more .more,
    .show-more .less {
     float: right;
color: #ff5300;
font-weight: 600;
margin-top: 6px;
    }





/*
    // ========================================== \\
   ||                                              ||
   ||                    CONTACT                   ||
   ||                                              |||
    \\ ========================================== //
*/
.page-node-type-webform .field--name-webform{display: none;}
.page-node-type-webform form .form-control,
.path-contact-commerciale  form .form-control{
  border: 2px solid #ddd;
  height: 43px;
  color: #888;
}
.page-node-type-webform form textarea,
.path-contact-commerciale  form textarea {
 
    min-height: 179px;
}
.page-node-type-webform form .form-control::placeholder, 
.path-contact-commerciale  form .form-control::placeholder {
    color: #bbb;
    opacity: 1;
}
.page-node-type-webform form .checkbox label {
    color: #777;
    }
.page-node-type-webform form .form-type-textarea, 
.path-contact-commerciale  form .form-type-textarea{
  float: left;
    margin-top: 15px;
    padding: 0 15px;
    width: 100%;  
}
.page-node-type-webform form .select-wrapper::after,
.path-contact-commerciale  form .select-wrapper::after{
 color: #ff5300;
     content: "\f107"!important;  
    font-family: FontAwesome;
    font-size: 23px;
} 
.page-node-type-webform .coordonnees{
  margin-bottom: 30px;
}
.page-node-type-webform .coordonnees p strong{
   color: #444;
}
.page-node-type-webform .coordonnees p{
  color:#8f97aa;
}
.page-node-type-webform form #edit-submit, 
.path-contact-commerciale form #edit-submit, 
.path-user .user-form #edit-submit{
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor #ff5300;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #ff5300;
    display: inline-block;
    float: right;
    margin: 15px 15px 15px 0;
    padding: 15px 25px;
    transition: all 0.3s ease-in-out 0s;
}
.page-node-type-webform form #edit-submit:hover,
.path-contact-commerciale form #edit-submit:hover, 
.path-user .user-form #edit-submit:hover {
  background: #ff5300;
  color: #fff;
}
#name_error{
  color: #F2503F;
margin: 0 0 19px 0;
font-weight: 600;
text-transform: uppercase;
display: none;
}
.no-objectfit .page-node-type-webform #webform-submission-contact-form .form-item.form-group{
  width: 33%!important;
}

/*
    // ========================================== \\
   ||                                              ||
   ||                   USER LOGIN                 ||
   ||                                              ||
    \\ ========================================== //
*/
.acces-login .form-control {
  height: 46px;
  border: 3px solid #eee;
}
.acces-login .form-control:focus {
  border: 3px solid #ff5300
}
.acces-login .wrapp-form {
    text-align: center;
}
.acces-login .login, .acces-login .create-account {
    display: inline-block;
    width: 350px;
}
.acces-login .wrapp-form:last-child {
    border-left: 1px solid #ddd;
}
.acces-login .control-label{
  display: none;
}
.acces-login .form-item-field-profil .control-label{
  display: block!important;
  text-align: left;
  font-size: 13px;
  color: #aaa;
  margin-left: 5px;
}
.acces-login .password-strength__meter { 
    height: 0.25em;
}
.acces-login .password-strength__title, 
.acces-login .password-strength__text, 
.acces-login div.password-confirm.js-password-confirm,
.acces-login .password-suggestions.description,
.acces-login #edit-mail--description {
  color: #999;
    font-size: 11px;
}

.acces-login #edit-field-profil-autre-wrapper{
  display: none;
}
.forgot-password{
  cursor: pointer;
  display: block;
  float: right;
  margin: 15px 0 45px;
  font-size: 13px;
  color: #aaa;
  width: 100%;
  text-align: center;
}
.forgot{
   display:none;
   float: left;
}
.forgot p{
color: #aaa;
font-size: 12px; 
}
 
.acces-login #edit-field-s-inscrire-a-la-newsletter-wrapper label{
  display:block!important;
  float: left;
  margin-bottom: 20px;
  color: #999;
  margin-top: 10px;
}
.password-strength, .password-suggestions{
  display: none!important;
}
.form-item-field-s-inscrire-a-la-newsletter-value label {margin-bottom::20px; text-align:left;}
.form-item-field-s-inscrire-a-la-newsletter-value label::after{
  content:"En cochant cette case, j'accepte de recevoir des mails m'informant des actualités de Metalco.";
  font-size:12px;
  display:block;
  color:#bbb;
}

/*
    // ========================================== \\
   ||                                              ||
   ||                   USER PAGE                  ||
   ||                                              ||
    \\ ========================================== //
*/
#edit-field-profil-wrapper .form-required::after{
  background:none!important;
}
.private_message_link_wrapper{display: none;}
.path-user .region-breadcrump, 
.path-messagerie .region-breadcrump, 
.path-favoris .region-breadcrump, 
.path-private-messages .region-breadcrump,
.path-private-message .region-breadcrump{
  visibility: hidden;
}
.path-user-login #edit-field-departements-affectees-com-0-value, .path-user-login #edit-field-commerciale-referent-wrapper{display: none;}
.path-user .block-private-message-notification-block .private-message-notification-image{
  display: none;
}
.path-private-messages .private_message_thread_delete_link_wrapper a{display: none;}
.path-user .menu-user .messagerie .private-message-page-link {
    color: #ff5300;
    font-size: 15px;
    font-weight: 600;
    margin-left: -4px;
    position: absolute;
    top: 26px;
  }
.path-user .menu-user{
  margin: 70px 0 100px;
}
.path-user .menu-user .bloc{
  margin-bottom: 20px;
}
.path-user .menu-user .menu{
  border: 5px solid #eee;
  background: #fdfdfd none repeat scroll 0 0;
  padding: 15px;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out 0s;
}
.path-user .menu-user .menu:hover{
  border-color:  #ff5300;
  background:  #ff5300;;
}
.path-user .menu-user .menu:hover span{
  color: #fff;
}
.path-user .menu-user .menu:hover i.fa{
  color: rgba(255, 255, 255, 0.6);
}
.path-user .menu-user .menu span{
  color: #666;
  margin-left: 9px;
  display: inline-block;
  vertical-align: super;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease-in-out 0s;
}
.path-user .menu-user .menu i.fa{
  color: #ff5300;
    display: block;
    font-size: 33px;
    margin-bottom: 10px; 
  transition: all 0.3s ease-in-out 0s;
}
.path-user .tabs--primary.nav.nav-tabs{
  display: none;
}
.path-messagerie .search-bloc {
    background: rgba(0, 0, 0, 0.1) none repeat scroll 0 0;
    left: 50%;
    padding: 15px;
    position: relative;
    top: 200px;
    width: auto;
    display: table;
    margin: 0 auto;
    top: 0;
    transform: translate(0);
    left: 0;
  }
.path-user .user-form{
  margin: 0 auto 150px;
  width: 100%;
  padding: 0 15px;
  max-width: 1170px;
} 
.path-user .user-form .form-control {
    border: 2px solid #ddd;
    color: #888;
    height: 43px;
}
.path-user .user-form .control-label{
  color: #666;
    font-size: 13px;
    font-weight: 600;
}
.path-user .user-form .password-strength__title, 
.path-user .user-form .password-confirm,
.path-user .user-form .password-suggestions,
.path-user .user-form .control-group .help-inline, 
.path-user .user-form .help-block{
  color: #999;
  font-size: 11px;
} 
.path-user .private_message_link_wrapper a,
.path-private-message .private-message-add-form #edit-submit{
  background: #ff5300 none repeat scroll 0 0;
    border-color: #ff5300;
    border-radius: 0;
    border-width: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 33px;
    margin: 20px 0 50px;
    padding: 15px 22px 15px 15px;
    text-transform: uppercase;
}
.path-user .js-form-item.form-type-item {
  color: #999;
}
.path-user .js-form-item.form-type-item h4{
  margin-right: 8px;
  color: #444;
  font-size: 13px;
  padding: 0;
}
.path-user.user-logged-in .field--type-list-string  .field--label,
.path-user.user-logged-in .field--type-integer  .field--label,
.path-user.user-logged-in .field--type-string .field--label{
  color: #444;
  font-size: 13px;
  padding: 0;
  display: inline;
  text-transform: uppercase;
  font-weight: 700;
}
.path-user .page-content{
  padding-bottom: 60px;
}
.path-user.user-logged-in .field--type-list-string  .field--item,
.path-user.user-logged-in .field--type-integer  .field--item,
.path-user.user-logged-in .field--type-string .field--item{
  color: #999;
  display: inline;
  margin-left: 8px;
}
.path-user #block-privatemessagenotification-2{
  display: none;
}


#user-pass-reset p{
  width: 100%;
  text-align: center;
}
#user-pass-reset #edit-submit{
  margin: 30px auto;
  text-align: center;
  display: inherit;
}

.list-el .fav{
  border-bottom: 1px solid #eee;
  padding: 15px;
}
.list-el .fav:last-child{
  border: none 0;
}
.list-el .fav:nth-child(odd){
  background: #fbfbfb;
/*   border-top: 1px solid #eee;
border-bottom: 1px solid #eee; */

}
.list-el .fav > div.info {
    float: left;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.list-el .fav > div{
  text-align: center;
  color: #666;
}
.list-el .fav p{
  text-align: center;
}
.list-el .fav a{
  text-align: center;
  margin: 0;
}
.list-el .fav div.title a, .list-el .fav div.title p{
  color: #ff5300;
    font-weight: 200;
    font-size: 16px;
}
.path-private-messages .private-message-thread .container{
  position: relative;
}
.path-private-messages .private_message_thread_delete_link_wrapper {
    position: absolute;
    right: 15px;
}
.path-private-messages .private_message_thread_delete_link_wrapper a{
  color: #ff0000;
  font-size: 12px;
}
.path-private-messages .btn-success, .path-private-messages .btn-success:hover{
  background: #ff5300;
  border-color: #ff5300;
  margin-bottom: 60px;
}
.path-private-messages .private-message-thread-messages {
    margin-bottom: 50px;
}
 
.path-private-messages .wrapp-btn{
  margin-bottom: 30px;
  width: 100%;
}
.path-private-messages .private-message-recipients {
    font-size: 20px; 
    margin: 18px 0!important;
}
.path-private-messages .private-message-recipients a{
  color: #ff5300
}
.path-private-messages .private-message-thread-messages .field--name-private-messages .field--name-message p {
  margin-bottom: 4px;
  color: #666;
}
.path-private-messages .private-message-thread-messages .field--name-private-messages .field--name-created {
    color: #999;
    float: right;
    font-size: 13px;
}
.path-private-messages .private-message-thread-messages .field--name-private-messages .field--name-owner a,
.path-private-messages .private-message-thread-messages .field--name-private-messages .field--name-owner span {
  color: #ff5300;
  display: block;
  margin-bottom: 11px;
}
.path-private-messages .private-message-thread-messages .field--name-private-messages .private-message >.container {
  width: 100%!important;
}
.path-private-messages .private-message-thread-messages .field--name-private-messages .private-message {
  border:0 none!important;
  padding: 15px 0!important;
}
.path-private-messages .private-message-thread-messages .field--name-private-messages > .field--item:nth-child(odd) {
  background-color: #fbfbfb;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.path-private-message #thread-members-input{
  display: none;
}
.path-private-message #thread-members-display-container label {
  float: left;
}
.path-private-message .private-message-add-form.private-message-form {
    margin: 90px auto;
    max-width: 980px;
    padding: 0 15px;
    width: 100%;
}
.back-btn.user{
  background: #3c3c3c none repeat scroll 0 0;
  color: #eee;
  font-weight: 600;
  padding: 10px 30px;
  transition: all 0.3s ease-in-out 0s;
}
.back-btn.user i{
  font-size: 19px;
    margin-right: 7px;
}
.back-btn.user:hover{
  background-color: #111;
}

/*
    // ========================================== \\
   ||                                              ||
   ||                     BLOG                     ||
   ||                                              ||
    \\ ========================================== //
*/
.list-actus .img-responsive, #block-articlesconnexesblock .wrapp-image img{
  height: 300px;
  object-fit: cover;
}
 
.blogs .filter{
  padding:0 15px; 
}
.blogs .container{
  padding:0!important;
}
.list-actus .actu {
  border-right: 1px solid #ddd;
  padding: 40px 30px;
}
.list-actus .actu:last-child {
 
}
.list-actus .actu .wrapp-image.compat-object-fit {
  -o-object-fit: cover;
     object-fit: cover;
  height: 160px;
  margin-bottom: 10px;
}
.list-actus .actu a.compat-object-fit{
  height: 200px;
  display: block;
  background-position:center!important;
  margin-bottom: 10px;
}
.list-actus .actu .date {
  color: #959595;
}
.list-actus .actu  a{
  
  color: #ff5300;
}
.list-actus .actu .titre {
  font-family: montserrat;
  font-size: 20px;
  font-weight: 300;
  line-height: 21px;
  margin: 13px 0;
}
.list-actus .actu .resume {
  color: #959595;
}
.list-actus .actu .btn-border {
  margin: 30px 0 0;
}
.list-actus .actu.elem3,
.list-actus .actu.elem6 {
  border: 0;
}
.page-node-type-article .article .visuel-top img {
  max-height: 220px;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-node-type-article .article .titre-article {
  font-size: 20px;
  margin-bottom: 5px;
}
.page-node-type-article .article .visuel-bg img, .page-node-type-qui-sommes-nous  .visuel-bg img,
.page-node-type-article .article .visuel-bg.compat-object-fit, .page-node-type-qui-sommes-nous  .visuel-bg.compat-object-fit {
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  height: 300px;
  overflow: hidden;
}
.actu.social ul {
  margin: 18px 0 9px;
  padding: 0;
}
.actu.social ul li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.actu.social ul li a {
  color: #929292;
}
.page-node-type-article .back a{ 
color: #666;
    float: left;
    margin-top: 18px;
}
.blogs .form-inline .select-wrapper, .blogs .form-inline .form-group{
  width: 100%;
}
.blogs .filter .select-style, .blogs .filter .select-style select{
height: 50px;
}
.blogs .select-wrapper::after{
  display: none;
}
/*

    // ========================================== \\
   ||                                              ||
   ||                    FOOTER                    ||
   ||                                              ||
    \\ ========================================== //
*/
footer {
  background-image: url('../images/background-footer.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  float: left;
  margin-top: -1px!important;
}
footer .logo {
  max-width: 150px;
  display: inline-block;
}
footer .newsletter {
  border-bottom: 1px solid #555;
  margin-bottom: 10px;
  padding-bottom: 17px;
}
footer .newsletter .signup-btn{
  background: #ff5300 !important;
  border: #ff5300 !important;
  color: #fff;
}
footer .newsletter .title {
  display: inline-block;
  position: relative;
  margin-right: 20px;
}
footer .newsletter .region-newsletter {
  display: inline-block;
}
footer .newsletter form .control-label {
  display: none;
}
footer .newsletter   #sendinblue-form-subscribe {
  float: left;
  margin: 0 30px;
  min-width: 240px;
}
footer .newsletter   #sendinblue-form-subscribe input {
  border: 1px solid #ff5300;
  color: #fff;
  font-family: montserrat;
  height: 54px;
  margin-top: 0;
}
footer .newsletter form .form-group {
  margin-bottom: 0;
  float: left;
  width: 60%;
}
footer .newsletter form .form-submit {
  background: transparent none repeat scroll 0 0;
  border-color: currentcolor currentcolor #ff5300;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #ff5300;
  display: inline-block;
  margin: 0;
  padding: 10px 25px !important;
  transition: all 0.3s ease-in-out 0s;
}
footer .newsletter form .form-submit:hover {
  background: #ff5300!important;
  color: #fff;
}
footer .menu-footer ul {
  width: 100%;
}
footer .menu-footer ul li {
  display: inline-block;
  float: none;
}
footer .menu-footer ul li a {
  color: #777;
  font-family: montserrat;
  font-size: 13px;
  text-transform: uppercase;
  padding: 10px 10px;
}
footer .menu-footer ul li a:hover {
  color: #eee;
  background: transparent;
}
footer .socials {
  margin: 5px 0 15px 0;
}
footer .socials .social {
  display: inline-block;
}
footer .socials .social a {
  color: #777;
  font-size: 17px;
  margin: 0 11px;
}
footer .socials .social a:hover {
  color: #eee;
}
footer .footer-bottom {
  background: #2e2e2e none repeat scroll 0 0;
  margin-top: 20px;
  padding: 20px 0 5px;
}
footer .footer-bottom .links {
  float: left;
}
footer .footer-bottom .links li {
  float: left;
}
footer .footer-bottom .links li a {
  border-right: 1px solid #777;
  color: #666;
  font-size: 12px;
  margin-right: 10px;
  padding-right: 10px;
}
footer .footer-bottom .links li a:hover {
  color: #eee;
}
footer .footer-bottom .links li:last-child a {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}
footer .footer-bottom .copyright {
  float: right;
  color: #666;
  font-size: 12px;
}
footer .footer-bottom .copyright img {
  width: 125px;
}

/* MENU ADMIN */
#edit-regions, #edit-visibility-title{display: none}
#menu-client {
    background: #111 none repeat scroll 0 0;
    height: 38px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
} 
#page-content.webmaster {
    margin-top: 38px;
}
#menu-client li{
  list-style:none
}
#menu-client #admin-menu-account{
  float: right;
  margin: 0;
}
#menu-client #admin-menu-icon{
  float: left;
  padding-left:10px;
}
#menu-client .admin-menu-action {
    float: right;
    margin: 0px 21px;
}
#menu-client > a{
  margin-left: 10px;
}
#menu-client a:hover{
  text-decoration: none;
}
#menu-client a{
  color: #eee;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-top: 9px;
    padding-left: 29px;
    position: relative;
}
#menu-client a::before {
color: #777;
font-weight: 500;
    font-family: "Simple-Line-Icons";
    font-size: 20px;
    left: 0;
    top: -5px;
    position: absolute;
}
#menu-client > a::before { content: "\e09a"; }
#menu-client ul li:first-child a::before { content: "\e065";}
#menu-client ul li:last-child a::before { content: "\e005";}

#menu-client .admin-menu-icon a{
  display: block;
    
}
#menu-client .admin-menu-icon a p{
  float: left;
    font-size: 15px;
    line-height: 18px;
    text-indent: 9px;
}
#menu-client .admin-menu-icon a img{
  float: left;
    margin-top: 0;
    width: 18px;
}

/*
// ========================================== \\    
||                                              ||
||                   CONTACT                    ||
||                                              ||
\\ ========================================== //
*/
.webform{

}
#map{
  height: 410px!important;
}


/*
// ========================================== \\    
||                                              ||
||                MEDIA QUERIES                 ||
||                                              ||
\\ ========================================== //
*/
/* ==========================================================================
Medium Devices, Desktops
========================================================================== */
@media only screen and (max-width: 1200px) {
  /****** HOME *****/
  /* slider */
  .path-frontpage #header .arrows .slick-prev,
  .path-frontpage #header .arrows .slick-next {
    display: none!important;
  }
  .path-frontpage #header .slider-home .item .desc {
    top: 41%;
  }
  .technologie {padding-bottom: 180px;}
  /* Nous contacter */
  .path-frontpage section.contact h2 {
    display: block;
  }
  .path-frontpage section.contact a.btn-border-orange {
    margin: 10px 10px 0;
  }
  /*presentation*/
  .presentation .btn-border {
    margin: 15px 7px;
    padding: 15px 11px;
  }
  .presentation .baseline span:first-child {
    font-size: 100px;
  }
  .presentation .baseline {
    line-height: 52px;
    font-size: 35px;
  }
  /*  Liste Produit  */
  .realisations .list .visuel img, .realisations .list .visuel.compat-object-fit{
    height:200px;
  }
  /* Produit */
  .qui-sommes-nous img {width: 100%!important; height:auto!important}

}
@media only screen and (max-width: 1024px) {
  /****** HOME *****/
  /*slider*/
  .path-frontpage #header .arrows .slick-dots {
    bottom: 20px;
    right: 20px;
  }
  .technologie {padding-bottom: 20px;}
  /*presentation*/
  .presentation .btn-border {
    margin: 15px;
    padding: 15px 25px;
  }
  /*Menu*/
  #header .overlay nav > ul.menu > li {font-size: 34px;}

  /* Produit  */
  .produit a.liked{
    float: right;
    margin-right: 15px;
    display: block;
    margin-top: -32px;
  }
  .produit .titre-section {
      text-transform: unset;
      font-weight: 200;
      float: left;
      width: 100%;
      margin-top: 30px;
  }
}
@media only screen and (max-width: 990px) {
  /****** HOME *****/
  /*Top*/
  .path-frontpage #header .left-menu {
    display: none;
  }
  /*Presentation*/
  /*Produit*/
  section.produit .dimension { 
    width: 100%;
}
  .presentation .right-side {
    padding: 30px 15px 15px 15px;
  }
  .presentation .left-side img {
    height: 500px;
  }
  .presentation .baseline span:first-child {
    font-size: 90px;
  }
  .presentation .baseline {
    line-height: 50px;
    font-size: 30px;
    color: #fff !important;
  }
  /*technologie*/
  .technologie {
    margin-bottom: 0;
  }
  .technologie .wrapp-visuel img {
    margin-top: 30px;
    position: static;
    width: 100%;
  }
  /* Les dernieres actus */
  .path-frontpage section.actus .list-actus .actu {
    border-bottom: 1px solid #ddd;
    border-right: 0 none;
    padding: 30px 20px;
  }
   /* Liste Produit */
   .realisations .list .visuel img, .realisations .list .visuel.compat-object-fit{
    height:200px;
  }
  /*Projet*/
  .infos-projet ul li {
    padding: 15px 15px;
    width: 33%;
  }
  .contact-projet h2 {
    display: block;
  }
  /*Blog*/
  .blogs .list-actus .actu {
    border-right: 0!important;
    border-bottom: 1px solid #ddd !important;
  }
  /*Article*/
  .list-actus .actu {
    border-right: 0;
  }
  .page-node-type-article .list-actus .actu {padding: 10px 0px;}
  .visuel-bg.second {
    margin-top: 30px;
  }
  .page-node-type-article .article .visuel-bg img, .page-node-type-article .article .visuel-bg.compat-object-fit {height: auto!important;}
  /* Createurs */
  .wrapp-arrows{top: auto; bottom: 0; width: calc(100% - 30px);}
  .wrapp-arrows .slick-prev { margin-left: 0;}
  /* Revendeur */
  .revendeurs .info-revendeur .pastille {margin: 0 10px 30px 0;}
    /*user login*/ 
 .acces-login .wrapp-form:last-child{border-left:none!important}
}
/* ==========================================================================
Small Devices, Tablets
========================================================================== */
@media only screen and (max-width: 767px) {
   /* .banner-small {height: 350px;} */
  /* MENU*/
  #header .navbar .wrapp-menu .log {
    display: none;
  }
  #header .navbar .logo {width: 300px;}
  #header .navbar #trigger-overlay{margin-top:22px}
  #header .navbar .wrapp-menu .search,
  #header .navbar .wrapp-menu .share,
  #header .navbar #trigger-overlay {
    margin-left: 26px;
  }
  #header .overlay .taxo{display: none!important}
  #header .overlay nav > ul.menu{width: 100%;}
  /* Page */
  .breadcrumb.slide {
    margin-top: 30px;
  }
  .titre-section span:first-child {font-size: 40px;}

  /****** HOME *****/
  /*Presentation*/
  #scroller{display: none!important;}
  .presentation .right-side {
    padding: 30px 15px 15px 15px;
  }
  .visuel .overlay .wrapp .nom { margin-top: -24px; margin-bottom: -7px;}

  /* CREATEURS */
  .path-les-createurs .visuel .btn-border-white {margin: 20px 0 0 0;}
  
  .technologie {padding-bottom: 20px;}
  /*PRODUIT*/
 
 
.border-bottom-mobile {border-top: 1px solid #ddd;margin: 30px 0 0;padding-top: 40px;}
  /*Projet*/
  .infos-projet ul li {
    padding: 15px 15px;
    width: 50%;
  }
  .column-2{
    -webkit-column-count: 1;
      -moz-column-count: 1;
        column-count: 1; 
  }

 
 
}
/* ==========================================================================
Extra Small Devices, Phones
========================================================================== */
@media only screen and (max-width: 570px) {

  /*Menu*/
  #header .navbar { padding: 12px 0; }
  #header .overlay nav > ul.menu > li {font-size: 27px;}
  #header .overlay nav > ul.menu > li a{line-height: 17px}
  #header .overlay nav > ul.menu{left: 12%}
  #header .overlay nav > ul.menu > li.open .dropdown-menu a { font-size: 15px; padding: 7px 0;}
  .region-banner {margin-top: 74px;}
  /* Banner */
  .path-frontpage #header .slider-home .slick-list{padding-top: 69px;}
 /*  .banner-small, #map {height: 280px!important;} */
  .fil-arianne .breadcrumb li {margin: 3px 0;}

  /****** HOME *****/
  .titre-section span:first-child {font-size: 30px;}
  /* slider */
  .path-frontpage #header .slider-home .item .desc {
    top: 20%;
  }
  .presentation .baseline {
      bottom: auto!important;
      position: absolute;
      top: 20px!important;
  }
  /* Realisations; */
  .realisations .list .visuel, .realisations .list .visuel img {
/*  
    width:160px!important;
    height:160px!important; */
  }
  /* presentation; */
  .presentation .left-side img {
    height: 430px;
  }
  .presentation .baseline span:first-child {
    font-size: 60px;
  }
  .presentation .baseline {
    line-height: 50px;
    font-size: 20px;
    color: #fff !important;
  }
  .titre-section .size-1 {
    font-size: 40px !important;
  }
  .titre-section .size-2 {
    font-size: 34px !important;
  }
  /**/
  .s h3 {font-size: 15px;}
  .s .size-3 {font-size: 20px;}
  .s .list-product {margin: 0;}

  /*PRODUIT*/
  section.produit .nuancier li {
    display: inline-block;
    float: none;
  }
  section.produit .produits-connexes img,
  section.projet .produits-connexes img {
    width: 100% ;
  }
  section.rappel .form-item-nom, section.rappel .form-type-tel, section.rappel .form-actions, section.rappel .form-item-societe{width: 100%; margin: 5px 0}
  .list-product .visuel .overlay .wrapp .nom {padding: 0 5px; margin-top: -25px; margin-bottom: 6px;}
  .btn-border-white {padding: 6px 0!important; width: 90%;  }
  .visuel .overlay .wrapp .nom span {font-size: 15px;}
  section.produit .tarif-produit thead th, section.projet .tarif-produit thead th {padding: 15px 6px; text-transform: uppercase; font-size: 14px;}
/*   .realisations .list .visuel img, 
  .realisations .list .visuel.compat-object-fit {height: 300px;} */
  


  /*BLOG*/
  .blogs .filter .select-style {
    width: 100%;
  }
  /*Article*/
 .visuel-bg div {
    height: 240px;
  }
  /* FAQ */
  .faq .panel-heading a::after { right: 0px; top: 3px; }
  .faq .panel-heading a { padding: 15px 20px;}
    /*user login*/
  .acces-login .login, .acces-login .create-account { width: 100%;}
  /*FOOTER*/
  footer .newsletter form .form-group {width: 100%;}
}



@media only screen and (max-width: 540px) {
  #header .navbar .logo {width: 268px;}
  #header .navbar #trigger-overlay {margin-top: 16px;}
}
/* ==========================================================================
Custom, iPhone Retinas
========================================================================== */
@media only screen and (max-width: 380px) {
  .col-xxs{width:100%!important;}
  .path-concessionnaires #mapConcessionnaire img.small.right, .path-concessionnaires #mapConcessionnaire img.small.left{float:none!important}
  /* Logo */
  #header .navbar .logo { margin-left: -20px;}
  #header .navbar .logo {width: 250px;}
  /* presentation; */
  .presentation .baseline span:first-child {
    font-size: 40px;
  }
  .presentation .baseline {
    line-height: 35px;
    font-size: 18px;
    color: #fff !important;
  }
  /*Projet*/
  .infos-projet ul li {
    padding: 15px 15px;
    width: 100%;
    text-align: center;
  }
  /* .realisations .list .visuel {width: 43vw !important; margin: 3%;} */
  .realisations .list .visuel {margin:14px 1%;  }

  .path-les-createurs .visuel{width:100%!important}
}
/* ==========================================================================
Landscape
========================================================================== */
@media only screen and (max-width : 980px) and (orientation : landscape) {
  .presentation .baseline {
    bottom: auto!important;
    position: absolute;
    top: 20px!important;
  }
}

@media only screen and (max-height : 500px) and (orientation : landscape) {
  #header .overlay nav > ul.menu > li {font-size: 24px;}
  #header .overlay nav > ul.menu > li a {line-height: 23px; padding: 5px 0;}
}

@media only screen and (max-height : 460px) and (orientation : landscape) {
  .path-frontpage #header .slider-home .item .desc {top: 0; width:100%; max-width: 100%;}
}