/* https://google-webfonts-helper.herokuapp.com/fonts/open-sans?subsets=latin */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

body {
  font-family: "Open sans";
  font-weight: 100;
  font-size: 16px;
  padding-top: 81px;
}
b, strong {
  font-weight: 500;
}
p {
  line-height: 29px;
}
img {
  max-width: 100%;
  height: auto;
}
#footer-sociaux {
  display: block;
}

/* [exceptional projects] */

div.sliderContainer {
  position: relative;
  padding: 5px 41px;
  margin-bottom: 20px;
}
div.sliderContainer, .viewImage, .play360, .playVideo {
  border: 2px solid #eee;
  background: #FDFDFD;
}
.viewImage, .play360, .playVideo {
  padding: 5px;
}
.viewImage {
  text-align: center;
}
.viewImage img {
  margin: 0;
  cursor: pointer;
  width: auto;
  max-height: 500px;
}
.lSSlideWrapper {
  position: static !important;
  /* for arrows outside the slider */
}
.lSPrev {
  left: 6px !important;
}
.lSNext {
  right: 6px !important;
}
div.sliderContainer ul li img {
  height: 140px;
  margin: 0;
}
.btnPlay360, .btnPlayVideo {
  cursor: pointer;
}
.play360 {
  width: 100%;
  height: 250px;
}
.playVideo {
  width: 100%;
}

@media (min-width: 1020px) {
  .play360 {
    height: 350px;
  }
}

/*
 * 1200px
 */

@media (min-width: 1200px) {
  .play360 {
    height: 450px;
  }
}
ul.thematics {
  font-family: Open sans;
  font-weight: bold;
  letter-spacing: -1px;
  font-size: 20px;
  list-style: none;
  padding: 0;
}
ul.mediaTabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 2px solid #ccc;
}
ul.mediaTabs li {
  cursor: pointer;
  border: 2px solid #ccc;
  border-bottom: none;
  float: left;
  margin: 0 .25em 0 0;
  padding: .25em .5em;
}
ul.mediaTabs li a {
  font-size: 22px;
  text-transform: uppercase;
  color: #bbb;
  font-weight: bold;
  text-decoration: none;
  padding: 0 12px;
}
ul.mediaTabs li.active {
  background: #ccc;
}
ul.mediaTabs li.active a {
  color: #fff;
}
section {
  overflow: hidden;
}
article {
  padding-top: 15px;
}
article p {
  color: #777;
}
.clr {
  clear: both;
}

/* [/exceptional projects] */


/* [area press] */

.tabminibook td {
  text-align: center;
  vertical-align: top;
}
.tabminibook ul, .tabminibook ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.tabminibook ul li p {
  margin-top: 3px;
  line-height: 13px;
  font-family: Tahoma;
  font-size: 11px;
}
.tabminibook li {
  display: block;
  float: left;
  width: 140px;
  height: 184px;
  text-align: center;
  overflow: hidden;
}
.tabminibook ul li img {
  border: 1px solid #ddd;
  width: auto;
  margin: 0 auto;
  display: block;
}

/* [/area press] */

ul>li {
  line-height: 40px;
}
.glyphicon-chevron-right:before {
  content: "\f054";
  font-family: FontAwesome;
}
.glyphicon-chevron-left:before {
  content: "\f053";
  font-family: FontAwesome;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
  height: 100%;
  margin-bottom: 0;
}
#myCarousel .carousel-inner {
  height: 140px;
}
#myCarousel.home .carousel-inner {
  height: auto !important;
}
#myCarousel .carousel-inner .item {
  min-height: 250px;
  max-height: 860px;
  overflow: hidden;
}
#pageCarousel .carousel-control {
  display: none;
}
#pageCarousel:hover .carousel-control {
  display: block;
}
#pageCarousel .carousel-control.left::before, #pageCarousel .carousel-control.right::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  vertical-align: top;
  width: 0.45em;
  margin-top: 215px;
  color: #C2BBBB;
  font-size: 5em;
}
#pageCarousel .carousel-control.left::before {
  transform: rotate(225deg);
  margin-left: 120px;
}
#pageCarousel .carousel-control.right::before {
  transform: rotate(45deg);
  margin-right: 120px;
}
#pageCarousel .carousel-control.left, #pageCarousel .carousel-control.right {
  background: none;
  z-index: 20;
}
#pageCarousel .carousel-control span {
  color: #e7e7e7;
  font-weight: 300;
}
#pageCarousel .carousel-control {
  display: none;
}
#pageCarousel:hover .carousel-control {
  display: block;
}
#pageCarousel .carousel-control.left::before, #pageCarousel .carousel-control.right::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  vertical-align: top;
  width: 0.45em;
  margin-top: 215px;
  color: #C2BBBB;
  font-size: 5em;
}
#pageCarousel .carousel-control.left::before {
  transform: rotate(225deg);
  margin-left: 120px;
}
#pageCarousel .carousel-control.right::before {
  transform: rotate(45deg);
  margin-right: 120px;
}
#pageCarousel .carousel-control.left, #pageCarousel .carousel-control.right {
  background: none;
  z-index: 20;
  margin-top: -65px;
}
#pageCarousel .carousel-control span {
  color: #e7e7e7;
  font-weight: 300;
}
#pageCarousel .carousel-inner>.item {
  max-height: 250px;
  overflow: hidden;
}
.carousel-caption {
  bottom: none;
  top: 25px;
}
.carousel-caption span.btn-text, .carousel-caption span.normal-text {
  font-weight: normal;
  text-shadow: none;
  font-size: 17px;
  letter-spacing: normal;
}
.carousel-caption span, .carousel-caption h3 {
  font-weight: bold;
  text-shadow: none;
  font-size: 55px;
  letter-spacing: -4px;
}
.carousel-caption span.normal-text, .carousel-caption span {
  font-weight: 100;
}
.carousel-caption p {
  font-weight: 100;
  text-shadow: none;
  font-size: 15px;
  color: #fff;
}
.carousel .btn-primary {
  background-color: rgba(0, 0, 0, 0.6);
  background-image: none;
  border-radius: 0px;
  border-color: #808080;
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 100;
  width: 100%;
  font-family: Open sans;
  font-weight: bold;
  text-shadow: none;
  color: #EDEDED;
  margin-bottom: 10px;
  height: 81px;
  line-height: 60px;
  text-align: left;
}

.carousel .btn-primary h1 span.normal-text, .carousel .btn-primary span.normal-text {
  font-weight: 100;
}
.carousel .btn-primary:hover {
  background-color: rgba(0, 0, 0, 0.8);
}
.losange-container {
  text-align: center;
  height: 71px;
  padding: 5px 0;
  position: absolute;
  bottom: 40px;
  left: 50%;
  margin-left: -184px;
  z-index: 10;
}

.espaces {
  position: relative;
  min-height: 130px;
  background-color: #fff;
  -webkit-box-shadow: inset 0px 10px 15px 0px rgba(116, 0, 0, 0.36);
  -moz-box-shadow: inset 0px 10px 15px 0px rgba(116, 0, 0, 0.36);
  box-shadow: inset 0px 13px 0px 0px #ccc;
  padding-bottom: 0;
  margin-bottom: 20px
}
@media (min-width:475px) {
  .espaces {
    margin-bottom: 0;
  }
}
.espaces .boxes {
  color: #fff;
  height: 65px;
  margin: 20px 10px 5px 10px;
  width: auto;
  cursor: pointer;
  font-family: Open sans;
  font-weight: 100;
  padding-top: 1px;
  letter-spacing: -1px;
}
.espaces .boxes p {
  /* line-height: 48px; */
}
.espaces .boxes a {
  color: #333;
  text-decoration: none;
}
.espaces .boxes a:hover {
  color: #d00b2b;
}
.espaces .col-xs-6 {
  border-left: 1px solid #f5f5f5;
}
.espaces .boxes .bold {
  font-weight: bold;
  margin-top: -10px;
  font-size: 25px;
}
.espaces .boxes p {
  margin-top: 9px;
  font-size: 25px;
  margin-bottom: 0;
  line-height: 40px;
}
.espaces .boxes:hover {
  color: #272727;
}
.page_espaces {
  position: relative;
  min-height: 0px;
  background-color: #d00b2b;
}
.triangle {
  position: absolute;
  width: 10%;
  height: 50px;
  bottom: 0;
  left: 50%;
  z-index: 10;
  margin-left: -5%;
  text-align: center;
  display: none;
}
.triangle .white {
  width: 1px;
  height: 1px;
  border: 1px solid #fff;
  border-color: transparent transparent #fff transparent;
  border-width: 25px;
  margin: 0 auto;
}
.triangle .red {
  width: 1px;
  height: 1px;
  border: 1px solid #fff;
  border-color: transparent transparent #d00b2b transparent;
  border-width: 25px;
  margin: 0 auto;
}
.triangle .gray {
  width: 1px;
  height: 1px;
  border: 1px solid #ececec;
  border-color: transparent transparent #ececec transparent;
  border-width: 25px;
  margin: 0 auto;
}
.reverse_triangle {
  position: absolute;
  width: 10%;
  height: 50px;
  top: 0;
  left: 50%;
  z-index: 10;
  margin-left: -5%;
  text-align: center;
  display: none;
}
.reverse_triangle .white {
  width: 1px;
  height: 1px;
  border: 1px solid #fff;
  border-color: #fff transparent transparent transparent;
  border-width: 25px;
  margin: 0 auto;
}
.reverse_triangle .litegrey {
  width: 1px;
  height: 1px;
  border: 1px solid #ececec;
  border-color: #ececec transparent transparent transparent;
  border-width: 25px;
  margin: 0 auto;
}
.reverse_triangle .gray {
  width: 1px;
  height: 1px;
  border: 1px solid #ececec;
  border-color: #ececec transparent transparent transparent;
  border-width: 25px;
  margin: 0 auto;
}
.reverse_triangle_red {
  position: absolute;
  width: 10%;
  height: 50px;
  top: 15px;
  left: 50%;
  z-index: 9;
  margin-left: -5%;
  text-align: center;
}
.reverse_triangle_red .red {
  width: 1px;
  height: 1px;
  border: 1px solid #333;
  border-color: #333 transparent transparent transparent;
  border-width: 25px;
  margin: 0 auto;
}
#pageCarousel .backHomeCarousel {
  width: 100%;
  border-color: #ff8000;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  ;
  background-position: center 13px;
  z-index: 1;
}
#myCarousel .backHomeCarousel {
  width: 100%;
  height: 100%;
  border-color: #ff8000;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  background-repeat: no-repeat;
  background-position: center 13px;
  z-index: 1;
}
#myCarousel {
  height: 140px
}
#myCarousel.home {
  height: auto !important;
}
@media (min-width: 655px) {
  #myCarousel {
    display: block;
  }
}
@media (min-width: 1800px) {
  .carousel-caption {
    right: 20% !important;
    left: 20% !important;
    padding-bottom: 30px;
  }
  .carousel-caption.pageContent {
    right: 20% !important;
    left: 20% !important;
    padding-bottom: 30px;
  }
}
@media (min-width: 850px) {
  .carousel-caption {
    top: 7% !important;
  }
  .carousel .btn-primary span.btn-text {
    display: block;
  }
}
#homeBlocks {
  min-height: 440px;
  background-color: #ececec;
  overflow: auto;
  padding-bottom: 20px
}
#homeBlocks .block {
  width: 100%;
  float: left
}
@media (min-width: 820px) {
  #homeBlocks .block {
    width: 50%;
  }
}
@media (min-width: 1300px) {
  #homeBlocks .block {
    width: 25%;
  }
}
#homeBlocks .container .col-md-4 {
  cursor: pointer;
}
#homeBlocks .container .col-md-4:hover .homeBlock_text {
  background: #f5f5f5;
}
#homeBlocks h3 {
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  font-family: Verdana;
  margin-top: 30px;
  margin-bottom: 15px;
}
#homeBlocks .homeBlock_img {
  background-color: #fff;
  width: 100%;
  margin-bottom: 0;
  background-size: 100% !important;
  background-position: center center;
}
#homeBlocks .homeBlock_text {
  position: relative;
  background-color: #fff;
  padding: 10px;
  padding-top: 0;
  margin-top: 0;
  color: #747474;
  overflow: auto;
}
#homeBlocks a {
  color: #747474;
  text-decoration: none;
}
#homeBlocks .homeBlock_text h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  margin-top: 12px;
  line-height: 25px;
}
#homeBlocks .homeBlock_text p {
  font-weight: 100;
  margin-bottom: 10px;
}
#homeBlocks .homeBlock_info {
  color: #d00b2b;
  letter-spacing: -1px;
  font-weight: 400;
}
#homeBlocks .homeBlock_info {
  text-align: right;
  position: relative;
}
#homeProjectSlider {
  position: relative;
  background: #555;
  min-height: 300px;
  -webkit-box-shadow: inset 0px 10px 15px 0px #333;
  -moz-box-shadow: inset 0px 10px 15px 0px #333;
  box-shadow: inset 0px 15px 0px 0px #333;
}
#homeProjectSlider .redBlock {
  height: 120px;
  background-color: #555555;
  color: #fff;
  margin-top: 15px;
}
#homeProjectSlider .redBlock h2 {
  text-align: center;
  font-weight: 100;
  font-family: Open sans;
  font-size: 25px;
  line-height: 35px;
  margin-top: 27px;
  color: #F4F4F4;
  letter-spacing: 2px;
}
#myCarousel .carousel-control.left::before {
  transform: rotate(225deg);
}
#myCarousel .carousel-control.right::before {
  transform: rotate(45deg);
}
#myCarousel .carousel-control.left, #myCarousel .carousel-control.right {
  z-index: 20;
  opacity: 1;
}
#myCarousel .carousel-control span {
  color: #e7e7e7;
  font-weight: 300;
}
#projectCarousel .carousel-control.left::before, #projectCarousel .carousel-control.right::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 0.15em;
  vertical-align: top;
  width: 0.45em;
  margin-top: 215px;
  color: #C2BBBB;
  font-size: 5em;
}
#projectCarousel .carousel-control.left::before {
  transform: rotate(225deg);
  margin-left: 120px;
}
#projectCarousel .carousel-control.right::before {
  transform: rotate(45deg);
  margin-right: 120px;
}
#projectCarousel .carousel-control.left, #projectCarousel .carousel-control.right {
  background: none;
}
#projectCarousel .carousel-control span {
  color: #e7e7e7;
  font-weight: 300;
}
#projectCarousel .carousel-inner>.item>a>img, #projectCarousel .carousel-inner>.item>img {
  max-height: 225px;
  max-width: 867px !important;
  margin: 0 auto;
  vertical-align: middle;
}
#projectCarousel .SlidefooterDesc p {
  text-align: center;
  padding: 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 100;
  font-style: italic;
}
.navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top {
  background-color: #fff;
}
#projectCarousel .img-container {
  text-align: center;
  background: #555;
}
#projectCarousel .SlidefooterDesc {
  background-color: #555;
}

#homeCategorys {
  height: 350px;
  background: #fff;
}
#homecategorys .item {
  height: auto;
}
#homecategorys .item {
  width: 250px
}
#homecategorys .item.w2 {
  width: 500px
}
.carousel-inner .carousel-control {
  cursor: pointer;
}
#homecategorys ul {
  overflow: auto;
}
#homecategorys ul li {
  list-style: none;
  float: left;
}
#homeLocateInstalateur {
  min-height: 350px;
  padding-top: 15px;
}
#pageLocateInstalateur {
  min-height: 350px;
  background: #fff;
  padding-top: 15px;
}
#pageLocateInstalateur .btn-primary, #homeLocateInstalateur .btn-primary {
  background-color: #fff;
  background-image: none;
  border-radius: 0px;
  border-color: #FFF5F5;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 800;
  width: auto;
  font-family: Open sans;
  font-weight: 400;
  text-shadow: none;
  color: #AEAEAE;
  margin-bottom: 10px;
  border: none;
  width: 100%;
}

@media (max-width: 820px) {
  #pageLocateInstalateur .btn-primary, #homeLocateInstalateur .btn-primary {
    font-size: 16px;
  }
}
#pageLocateInstalateur .btn-primary span.btn-text, #homeLocateInstalateur .btn-primary span.btn-text {
  display: block
}
#pageLocateInstalateur .btn-primary i, #homeLocateInstalateur .btn-primary i {
  float: left;
  font-size: 23px;
  padding: 0;
  margin: 0;
}
#pageLocateInstalateur .btn-primary span.normal-text, #homeLocateInstalateur .btn-primary span.normal-text {
  font-weight: 100;
}
#pageLocateInstalateur .btn-primary:hover, #homeLocateInstalateur .btn-primary:hover {
  background-color: rgba(174, 174, 174, 1);
  color: #fff;
}
.clearfix:after {
  content: " ";
  display: table;
  clear: both;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
#homeLocateInstalateur_container {
  background: #ccc;
  min-height: 350px;
  position: relative;
  padding-top: 25px;
}
#homeLocateInstalateur_container .container {
  padding: 20px 0;
}
#homeLocateInstalateur_right {
  font-size: 16px;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-weight: 100;
}
#homeLocateInstalateur_right img {
  float: left;
  margin-bottom: 0;
}
#homeLocateInstalateur_right p {
  text-align: justify;
  padding-top: 10px;
  margin-bottom: 41px;
  font-size: 16px;
  font-weight: 400;
}
footer {
  background: #fff;
  color: #777;
  font-size: 12px;
}
footer p {
  line-height: 23px
}
footer .container {
  text-align: center;
}
footer #footer-sociaux {
  padding: 20px;
  padding-top: 10px;
}
footer #footer-sociaux div {
  background-color: #E40000;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  display: inline-block;
  margin: 0 2px;
  vertical-align: middle;
  padding-top: 5px;
}
footer #footer-sociaux a {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  margin: @;
}
footer p.copyright {
  font-size: 10px;
  margin: 25px 0
}
footer .form-newsletter-content {
  max-width: 450px;
  margin: 0 auto;
  padding: 0 20px;
}
footer .form-newsletter-content .alert {
  font-size: 16px;
  border-color: #969696;
  margin: 0;
}
.footer_logo {
  width: 250px;
  height: auto;
  margin-bottom: 10px;
}
.breadcrumb {
  background: #fff;
  padding: 8px 0px;
  border-bottom: 1px solid #ccc;
  border-radius: 0;
}
#category-12 .breadcrumb {
  border-bottom: none;
  margin-bottom: 0px;
}
.breadcrumb li {
  font-size: 14px;
  font-weight: 500;
}
.breadcrumb a {
  color: #838181;
  cursor: pointer;
  font-size: 14px;
}
.breadcrumb a:hover {
  color: #333;
}
.sliderBottom {
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.sliderBottom:before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: '';
  display: inline-block;
  height: 0.45em;
  left: 0.15em;
  position: relative;
  top: 1.15em;
  vertical-align: top;
  width: 0.45em;
  margin-top: 215px;
  color: #C2BBBB;
  font-size: 5em;
}
.arrow_box {
  position: relative;
  background: #ff8000;
}
.arrow_box:after, .arrow_box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.arrow_box:after {
  border-color: rgba(136, 183, 213, 0);
  border-top-color: transparent;
  border-width: 50px;
  margin-left: -50px;
}
.arrow_box:before {
  border-color: rgba(194, 225, 245, 0);
  border-top-color: #c2e1f5;
  border-width: 51px;
  margin-left: -51px;
}
#topImage {
  height: 350px;
  background-size: 100%;
}
#topImage h1 {
  color: #fff;
  font-family: Open sans;
  text-align: center;
  margin-top: 11%;
  font-weight: bold;
  text-shadow: none;
  font-size: 55px;
  letter-spacing: -1px;
}

.pageContent {
  color: #676767;
  line-height: 25px;
}
.left-border {
  display: inline-block;
  padding-bottom: 7px;
  background: url(/view/img/left-border.png) no-repeat;
  height: 2px;
  width: 140px;
}
.right-border {
  display: inline-block;
  padding-bottom: 7px;
  background: url(/view/img/right-border.png) no-repeat;
  height: 2px;
  width: 140px;
}
.block-button-bottom {
  display: inline-block;
  margin: 0 10px;
  z-index: 10000;
}
.button-bottom {
  cursor: pointer;
  display: block;
  margin: 0 auto;
  border: none;
  text-transform: uppercase;
  background: url(/view/img/button-bottom.png) no-repeat right;
  background-position: -2px -2px;
  width: 60px;
  height: 60px;
  border: 3px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  margin-bottom: -27px;
}
.button-bottom:hover {
  background-position: -2px -60px;
  border: 3px solid #ecf0f1;
}
h2.title, .smallTitle, .bigTitle {
  margin: 20px 0;
  margin-top: 25px;
}

.smallTitle {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -1px;
  text-align: left;
  padding-left: 20px;
  color: #626262;
  letter-spacing: 0px;
}
.smallTitle:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 13px;
  padding-right: 8px;
}
ul#gammes {
  margin: 0;
}
ul#gammes li {
  list-style: none;
  margin-bottom: 30px;
  height: 100%;
  cursor: pointer;
}
ul#gammes li a {
  text-align: center;
  overflow: auto;
  color: #000;
  font-weight: 300;
}
ul#gammes li div.img {
  height: 167px;
  max-height: 200px;
  background-size: 100% !important;
  background-repeat: no-repeat !important;
}
ul#gammes li:hover div.img {
  opacity: 0.8;
  background-size: 110% !important;
}
ul#gammes li a span {
  display: table;
  width: 100%;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
}
.panel-default>.panel-heading {
  background-image: none;
  padding: 0;
  overflow: auto;
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
i.span_plus {
  background-color: #d00b2b;
  padding: 15px 16px;
  margin: 1px;
  color: #fff;
  float: left;
}
.lang_flag {
  width: 30px;
  margin: 4px 0;
  padding: 0;
  margin: 5px 10px 5px 3px;
}
.panel-title {
  line-height: 44px;
  margin-left: 55px;
  color: #444;
}
#projectCountryFilter {
  text-align: center;
  margin-bottom: 20px;
}
#projectCountryFilter ul {
  padding-left: 0;
}
#projectCountryFilter ul li {
  margin: 4px 2px;
  border: none;
}
.btn-active, .btn-active:hover {
  color: #fff;
  background-color: #d00b2b;
  border-color: #d00b2b;
  text-shadow: none;
}
.homeSliderBlock {
  float: left;
  padding: 20px;
  width: 100%;
}
#homeBlocks .homeBlock_img img {
  height: auto;
  ;
}
#homeBlocks .homeBlock_text {
  height: 210px;
}
#homeBlocks .homeBlock_info {
  position: absolute;
  bottom: 0;
  right: 20px
}
.carousel-caption.pageContent h3 {
  letter-spacing: 0;
  color: #fff;
  margin: 0;
  font-size: 35px;
  line-height: 44px;
}
.losange-container {
  display: none !important;
}
.homeSliderBlock {
  display: none;
}
.carousel ol.carousel-indicators {
  display: none;
  bottom: 5px !important;
}
.carousel-caption {
  top: 0px;
  display: none;
}

/* deleted - moved from here to top of home-v3.css */

.homeSliderBlock a {
  text-decoration: none !important;
}
.homeSliderDashedBlock {
  float: left;
  width: 50%;
  padding: 0px 20px;
  margin: 20px 0;
}
.homeSliderDashedBlock_containe:hover {
  opacity: 1;
}
.homeSliderBlock_container:hover {
  background: #d00b2b;
  color: #fff !important;
}
.homeSliderBlock_container:hover.two-line span i {
  color: #fff !important;
}
.homeSliderBlock_container:hover span {
  color: #fff;
}
.hidetab {
  display: none;
}
@media (min-height: 1300px) {
  .hidetab {
    display: block;
  }
}
.homeBlock_text {
  border-top: 1px solid #f5f5f5;
}
@media screen and (min-width: 765px) {
  body {
    padding-top: 151px;
  }
}
.carousel .btn-primary span.normal-text, .carousel .btn-primary span.btn-text {
  font-size: 12px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.top-header-link {
  display: block;
  float: left;
  padding: 4px 6px;
  color: #fff;
  font-size: 14px;
}
.top-header-link a {
  color: #fff
}
.carousel .btn-primary i {
  margin-right: 10px;
  width: 10px !important;
}
.carousel .btn-primary {
  line-height: 30px;
  height: 55px;
}
.homeSliderDashedBlock {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}
.homeSliderDashedBlock_container {
  opacity: 0.9;
  width: 100%;
  height: 80px;
  color: #333;
  padding: 0;
  cursor: pointer;
  height: 40px;
}
.left carousel-control no-scroll, .right carousel-control no-scroll {
  display: none;
}
.homeSliderDashedBlock_container a {
  background: #fff !important;
  color: #333 !important;
  padding-top: 25px;
}
@media(min-width: 1900px) {
  .homeSliderDashedBlock_container a {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 820px) {
  .left carousel-control no-scroll, .right carousel-control no-scroll {
    display: block;
  }
  .carousel-caption {
    overflow: hidden;
  }
  .homeSliderBlock_container {
    height: 70px;
  }
  .homeSliderBlock_container span {
    line-height: normal;
  }
  /* affiche les blocs blancs de la homepage */
  .homeSliderBlock, .homeSliderDashedBlock, .losange-container {
    display: block;
  }
  .homeSliderDashedBlock {
    width: 50%;
    margin: 0;
  }
  .top-header-link {
    display: none;
  }
  .carousel .btn-primary i {
    float: left;
    font-size: 30px;
    padding: 0;
    margin: 0;
    line-height: 60px;
    margin-right: 15px;
    margin-left: 10px;
  }
  .carousel .btn-primary {
    background-color: rgb(70, 70, 70);
    background-image: none;
    border-radius: 0px;
    border-color: #989696;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 100;
    width: 100%;
    font-family: Open sans;
    font-weight: bold;
    text-shadow: none;
    color: #fff;
    margin-bottom: 10px;
    height: 85px;
    line-height: 60px;
    text-align: left;
  }
  .homeSliderDashedBlock_container {
    height: 80px;
  }
  .carousel .btn-primary span.normal-text, .carousel .btn-primary span.btn-text {
    font-size: 18px;
    line-height: 60px;
  }
  .carousel .btn-primary i {
    margin-right: 10px;
    width: 30px !important;
  }
}
#category-13 .col-md-4 img {
  height: 100px !important;
  width: 100px !important;
  margin-bottom: 20px;
  border: 1px solid #ddd !important;
  margin-right: 15px !important;
}
.block_recompense p {
  font-size: 11px;
}
.video_flash {
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding-left: 18px;
  background: url("../Images/puce_nav3.jpg") no-repeat;
  background-position: left;
  width: 320px;
}
.video_ss_cadre {
  float: left;
  width: 100%;
  padding: 0 20px 20px 0;
  margin: 0;
  overflow: auto;
}
.video_texte {
  background-color: #ebedf2;
  min-height: 100px;
  padding: 8px 8px 0 134px;
  font-size: 14px;
  width: 100%;
}


@media(min-width:1024px) {
  .video_ss_cadre {
    width: 50%;
  }
}
#menu-toggle {
  display: none;
}
.menu-side:before {
  content: "\f054";
  font-family: FontAwesome;
  padding-right: 8px;
  color: #e4e4e4;
  text-decoration: none !important;
  font-size: 10px !important;
}
.logo-emissions-air-interieur, .logo-origine-france-garantie {
  display: none;
}
#documentation-list {
  margin-top: 15px;
}
.documentations_bloc {
  display: block;
  border: 1px solid #fff;
  background: #fff;
  padding: 5px 20px 5px 20px;
  min-height: 100px;
  transition: all 0.5s ease;
  overflow: auto;
}
.documentations_bloc img {
  border: 0;
  float: left;
  width: 62px;
  margin: 0 20px 20px 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 13px;
}

.documentations_bloc p {
  font-size: 15px;
  text-align: justify;
}
.documentations_bloc .doc_link {
  clear: both;
}
.documentations_bloc .dllink_container {
  float: right;
  width: 615px;
  margin-bottom: 2px;
}
#documentation-list hr {
  color: #ebeef3;
  width: 90%;
  text-align: center;
  margin: 10px auto;
  border: 1px solid #ebeef3;
  margin-bottom: 10px;
}
#documentation-list h2 {
  padding-left: 17px;
  background-position: left;
  border: 0 none !important;
  color: #333 !important;
  margin: 5px 0;
  margin-top: -5px;
}
#documentation-list .h2LinkView, #documentation-list .noLinkView {
  color: #333;
  text-decoration: none;
}
#documentation-list .contenu_lien {
  margin: 5px 0px;
  padding-left: 83px;
}
.bloc-news, .bloc-news-content {
  overflow: auto;
  cursor: pointer;
}
.bloc-news-content {
  padding: 20px;
  padding-bottom: 0;
  background: #fafafa;
  position: relative;
  padding-bottom: 50px;
}
.bloc-news:hover .bloc-news-content {
  background: #f5f5f5;
}
.bloc-news h2 {
  font-size: 19px;
  font-weight: 300;
  padding: 15px;
  margin-bottom: 0;
  color: #333;
  padding-left: 0;
}
.bloc-news h2:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 15px;
  padding-right: 10px;
  color: #A60A14;
}
.bloc-news h2 i {
  display: none;
}
.bloc-news h2 a {
  color: #333;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}
.bloc-news-img img {
  border: 1px solid #ccc;
  width: 100%;
  margin-bottom: 20px;
}
.bloc-news-text {
  margin-top: 0;
}
.bloc-news-text img {
  width: auto;
}
.bloc-news-content .more {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 65px 65px 0px 0;
  border-color: transparent #CCCCCC transparent transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
.bloc-news-content .more:before {
  position: absolute;
  content: "\f067";
  color: #FFF;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  top: 0;
  margin-left: 35px;
  margin-top: -28px;
}
.bloc-news:hover h2 a {
  text-decoration: underline;
}

/* ARRIVALS */

.bloc-arrivals, .bloc-arrivals-content {
  overflow: auto;
  cursor: pointer;
}
.bloc-arrivals-content {
  padding: 20px;
  padding-bottom: 0;
  background: #fafafa;
  position: relative;
}
.bloc-arrivals:hover .bloc-arrivals-content {
  background: #f5f5f5;
}
.bloc-arrivals h2 {
  font-size: 19px;
  font-weight: 300;
  padding: 15px;
  margin-bottom: 0;
  color: #333;
  padding-left: 0;
}
.bloc-arrivals h2:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 15px;
  padding-right: 10px;
  color: #A60A14;
}
.bloc-arrivals h2 i {
  display: none;
}
.bloc-arrivals h2 a {
  color: #333;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
}
.bloc-arrivals-img {
  float: left;
  margin: 0 20px 0 0;
}
.bloc-arrivals-img img {
  border: 1px solid #ccc;
  width: 225px;
  height: 113px;
  margin-bottom: 20px;
}
.bloc-arrivals-text {
  margin-top: 0;
}
.bloc-arrivals-text img {
  width: auto;
}
.bloc-arrivals-content .more {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 65px 65px 0px 0;
  border-color: transparent #CCCCCC transparent transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}
.bloc-arrivals-content .more:before {
  position: absolute;
  content: "\f067";
  color: #FFF;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 20px;
  top: 0;
  margin-left: 35px;
  margin-top: -28px;
}
.bloc-arrivals:hover h2 a {
  text-decoration: underline;
}

.enable_check {
  display: block;
  background: url('../img/enable_check.png?v=20190321');
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.enable_check.on, .enable_check.yes {
  background-position: top left;
}
.enable_check.off, .enable_check.no {
  background-position: top right;
}
.retailer-bloc {
  font-size: 13px;
}
.enable_check {
  display: block;
  background: url('../img/enable_check.png?v=20190321');
  width: 15px;
  height: 15px;
  /* cursor: pointer;
  background-size: 200%;
  background-repeat: no-repeat; */
}
.retailer-bloc i.fa-location-arrow {
  display: none;
}
@media(min-width:450px) {
  .enable_check {
    display: block;
    background: url('../img/enable_check.png?v=20190321');
    width: 20px;
    height: 20px;
    /* cursor: pointer;
    background-size: 200%;
    background-repeat: no-repeat; */
  }
  .retailer-bloc {
    font-size: 16px !important;
  }
}
.enable_check.on, .enable_check.yes {
  background-position: top left;
}
.enable_check.off, .enable_check.no {
  background-position: top right;
}
.retailer-bloc {
  margin-top: 20px;
  margin-bottom: 40px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border: none !important;
  overflow: auto;
  cursor: pointer;
  font-size: 13px;
}
.retailer-bloc-caract, .retailer-bloc-info {
  padding: 20px;
  float: left;
  width: 50%;
}
.retailer-bloc-caract {
  border-left: 1px solid #ccc
}
.commercial-bloc-caract p, .commercial-bloc-info p, .retailer-bloc-info p, .retailer-bloc-caract p {
  line-height: 18px;
}
.retailer-bloc-caract .enable_check {
  float: right;
}
.commercial-bloc, .retailer-bloc-caract, .retailer-bloc-info {
  font-size: 13px;
}
.commercial-bloc .form-control {
  font-size: 12px;
  padding: 7px 7px;
}
.commercial-bloc h3 {
  font-size: 15px !important;
}
.retailer-bloc h3 {
  background: #525252;
  padding: 10px 95px 10px 10px;
  color: #fff;
  margin: 0;
  font-size: 15px;
  font-weight: 100;
  cursor: pointer;
  position: relative;
}
@media(min-width:450px) {
  .commercial-bloc .form-control {
    font-size: 15px;
  }
  .commercial-bloc, .retailer-bloc-caract, .retailer-bloc-info {
    font-size: 16px;
  }
  .commercial-bloc h3, .retailer-bloc h3 {
    font-size: 20px !important;
  }
}
.retailer-bloc h3 .retailer-choice {
  position: absolute;
  top: 10px;
  right: 5px;
}
.retailer-bloc.selected_bloc h3 {
  background: green;
}
.retailer-bloc.not_selected_bloc h3 {
  background: #525252;
}
.retailer-bloc.selected_bloc {
  border: 1px solid #CCC !important;
  background: #fff
}
.retailer-bloc h3 input {
  float: right;
  cursor: pointer;
  margin-right: 12px
}
.retailer-bloc h3 label {
  float: right;
  cursor: pointer;
  margin-right: 12px;
  font-weight: 100;
  font-size: 15px;
  line-height: 20px;
}
.commercial-bloc {
  margin-top: 20px;
  margin-bottom: 40px;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border: none !important;
  overflow: auto;
}
.commercial-bloc-caract, .commercial-bloc-info {
  padding: 20px;
  border-top: 1px solid #ccc;
}
.retailer-form-contact-responce {
  height: 59px;
  margin-bottom: 20px;
  display: none;
}
.commercial-bloc-caract {
  border-top: 1px solid #ccc;
}
.commercial-bloc-caract .enable_check {
  float: right;
}
.commercial-bloc h3 {
  background: #d00b2b;
  padding: 10px;
  color: #fff;
  margin: 0;
  font-size: 20px;
  font-weight: 100;
}
.form-contact {
  margin-top: 30px;
}
.retailer-form-contact .form-control {
  border-radius: 0px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

ul.photos-listing {
  list-style: none;
  margin: 20px 0 0 0;
  padding: 0;
}
ul.photos-listing li {
  margin: 0;
  padding: 0;
  text-align: center;
}
ul.photos-listing li a {
  display: block;
  color: #333;
  background: #f3f3f3;
  /*height: 200px;*/
  font-family: 'Open sans';
  font-size: 15px;
  margin: 0 5px 15px 5px;
  padding: 15px 15px 5px 15px;
}
ul.photos-listing li a img {
  width: 150px;
  max-height: 100px;
  margin: 10px 0 5px 0;
}
ul.photos-listing li a .description {
  width: 100%;
  height: 50px;
  display: table;
  text-align: center;
}
ul.photos-listing li a .description span {
  display: table-cell;
  vertical-align: middle;
  line-height: 16px;
}
ul.photos-thumbnails-listing {
  overflow: hidden;
  list-style: none;
  margin: 30px 0 0 0;
  padding: 0;
}
ul.photos-thumbnails-listing li {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: 5px;
  padding: 2px;
  border: 2px solid #f3f3f3;
}
ul.photos-thumbnails-listing li:hover {
  border-color: #848484;
}
ul.photos-thumbnails-listing li img {
  width: 80px;
  height: 80px;
  margin: 0;
}
#preview-big-image {
  margin-top: 50px;
  text-align: center;
}
#preview-big-image img {
  width: auto;
  cursor: pointer;
  max-height: 900px;
}
#preview-swf {
  margin-top: 50px;
  text-align: center;
}
#map-city {
  padding: 2px 7px;
}
#map-search-button {
  padding: 2px 10px;
  height: 30px;
}
#map-km-number {
  color: #333;
}
#map-route {
  width: 100%;
  height: 500px;
}
.adp-marker {
  margin: 7px 15px
}
.adp-placemark {
  border: 0;
}
.adp table {
  width: 100%;
}
#adp-placemark img, .adp-placemark img {
  display: none;
}
#adp-placemark {
  line-height: 45px;
  padding-left: 10px;
  background: #eee url(/view/img/map-marker-start.png) no-repeat 10px center;
}
.adp-placemark {
  line-height: 45px;
  background: #eee url(/view/img/map-marker-end.png) no-repeat 10px center;
}
.adp-text {
  color: #555;
  font-weight: bold;
  padding-left: 45px;
}
.form_contact_ia .compagny_name {
  display: none;
}
.form_contact_ia .obligate {
  font-size: 13px;
}
.has-success .form-control {
  border-color: #8AAD8B;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  background: #ECFFEC;
}

.form-control {
  display: block;
  width: 100%;
  height: 45px;
  padding: 12px 12px;
  font-size: 15px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #E0DFDF;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-newsletter {
  display: inline-block;
  background: #ececec;
  width: 100%;
  margin: 0 0 30px 0;
  padding: 20px 0 20px 0;
}
.newsletter {
  height: 38px;
}
.newsletter-btn {
  background-color: #aaa;
  background-image: none;
  font-size: 16px;
  padding: 11px 25px;
  float: right;
  color: #fff;
  width: 100%;
  line-height: 14px;
}
.form-group {
  margin-bottom: 10px;
}
.form-control:focus {
  border-color: #9A9A9A;
  outline: 0;
}
#projectCountryFilter .btn-default {
  float: none;
  padding: 10px 15px;
}
.btn-default, .btn-info, .btn-danger, .btn-success {
  background-image: none;
  font-size: 16px;
  padding: 16px 25px;
  float: right;
}
.btn-info {
  border: 1px solid #5bc0de;
}
.btn-success {
  border-color: #5cb85c;
}


.newsletter-btn:hover {
  background-color: #E40000;
  color: #fff;
}
.has-error .form-control {
  border-color: #a94442;
  background: #FBF3F4;
}
.has-success .form-control {
  border-color: #8AAD8B;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ECFFEC;
}
.alert-success {
  background-image: none;
  text-shadow: none;
  border-color: #dff0d8;
  box-shadow: none;
}

/* pour une mise en forme basique des pages gamme de produits */

table td {
  padding: 2px 8px;
}
table tr.even td {
  border-bottom: 1px solid #ccc;
}
table tr.odd td {
  border-bottom: 1px solid #ccc;
}
.DetailsRoomBlock {
  border: 1px solid #ccc;
  overflow: auto;
  position: relative;
  margin-bottom: 30px;
  display: none
}
#room_list {
  overflow: auto;
  margin: 20px 0;
}
#room_list .room .room_details {
  border: 1px solid #CCC;
  background-color: #f5f5f5;
}
#room_list .room {
  margin-bottom: 30px;
}
#room_list .room .room_type {
  background: #ccc;
  padding: 15px 20px;
  color: #545454;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 18px
}

@media (max-width: 820px) {
  #page-content-wrapper {
    padding: 15px 0;
  }
  .container-fluid {
    padding: 0;
  }
}
.subtitle-results {
  margin-top: 50px !important;
  line-height: 35px;
}
.results-keywords {
  text-align: center;
  margin: 0 auto;
}
.results-title {
  margin: 40px 0 20px 0;
}
.results-title:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 20px;
  padding-right: 8px;
  color: #A60A14;
  line-height: 45px;
}
.results-list {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 60px;
}
.results-list li {
  line-height: 25px;
  margin-bottom: 15px;
}
.results-list li a {
  font-weight: 600;
}
.homeBlock_content p {
  line-height: 22px
}
.homeSliderBlock_container {
  background: #fff;
  opacity: 0.9;
  width: 100%;
  color: #333;
  cursor: pointer;
  height: 110px;
  top: 10px;
  border: 1px solid #989696;
}

.btn-all-solutions {
  max-width: 650px;
  margin: 20px auto;
  padding: 0 20px;
}
.btn-all-solutions a {
  display: block;
  padding: 20px 25px;
  line-height: 25px;
  text-align: center;
  color: #FFF;
  font-size: 24px;
  font-weight: 100;
  background: #d00b2b;
  text-overflow: ellipsis;
}
@media(max-width: 820px) {
  .btn-all-solutions a {
    font-size: 18px;
  }
}

.locate_icon::before {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f041";
  color: #d00b2b;
  font-size: 30px;
}
.carousel-caption {
  display: block;
}
body {
  padding-top: 50px;
}

#listCountry li {
  list-style: none;
}
#listCountry li img {
  width: 30px;
}
@media (max-width: 767px) {
  h1 {
    font-size: 18px;
  }
  h2 {
    font-size: 16px;
  }
}
h2.title, .smallTitle, .bigTitle {
  margin: 20px 0;
  margin-top: 25px;
}


/*
[modals]
*/

#lean_overlay {
  position: fixed;
  z-index: 9999;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#modal-warning-message, #modal-emissions-air-interieur, #modal-origine-france-garantie {
  display: none;
  position: relative;
  background: #fff;
  padding: 25px;
  max-width: 700px;
}

/*
[/modals]
*/

#modal-warning-message .close_button, #modal-emissions-air-interieur .close_button, #modal-origine-france-garantie .close_button {
  position: absolute;
  cursor: pointer;
  top: 7px;
  right: 7px;
  width: 24px;
  height: 24px;
}
#category-70 ul li {
  list-style: none;
  margin-bottom: 15px;
}
#category-70 img {
  width: 35px;
  margin-right: 10px;
}
#category-70 .col-md-3 a {
  font-size: 14px;
}
#category-70 h2 {
  font-size: 20px;
}
#category-70 h2:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 15px;
  padding-right: 8px;
  color: #ccc;
  line-height: 40px;
  text-decoration: none !important;
}
#sideMenuList {
  display: block;
}
.caret {
  float: right;
  margin-top: 8px;
}

@media(min-width: 820px) {
  #sideMenuList {
    display: none;
  }
  .caret {
    float: none;
    margin-top: -2px;
  }
}
.arrowLink:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 15px;
  padding-right: 8px;
  color: #ccc;
  line-height: 40px;
  text-decoration: none !important;
  font-size: 14px !important;
}

/* Bloc Contact Retailer */

.commercial-bloc, .retailer-bloc-caract, .retailer-bloc-info {
  font-size: 13px;
}
.commercial-bloc .form-control {
  font-size: 12px;
  padding: 7px 7px;
  /* height: 35px; */
  /* overflow: auto; */
}
input[type=checkbox], input[type=radio] {
  height: 17px !important;
}
.retailer-form-contact input[type=text] {
  height: 40px !important;
}
.commercial-bloc h3 {
  font-size: 15px !important;
}
.retailer-bloc h3 {
  background: #525252;
  padding: 10px 95px 10px 10px;
  color: #fff;
  margin: 0;
  font-size: 15px;
  font-weight: 100;
  cursor: pointer;
  position: relative;
}
#backBtn {
  display: none;
}
@media(min-width:450px) {
  .retailer-form-contact input[type=text] {
    height: 45px !important;
  }
  #backBtn {
    display: block;
  }
  .commercial-bloc .form-control {
    font-size: 15px;
  }
  .commercial-bloc, .retailer-bloc-caract, .retailer-bloc-info {
    font-size: 16px;
  }
  .commercial-bloc h3, .retailer-bloc h3 {
    font-size: 20px !important;
  }
}
#open-modal-warning-message {
  display: none;
}

.confirm-installer {
  max-width: 800px;
  margin: 5px auto 25px auto;
  text-align: center;
}
.confirm-installer a {
  background: #b1b1b1;
  color: #fff;
  padding: 10px 40px;
  font-size: 18px;
}
#accept_cookies {
  width: 100%;
  z-index: 999999;
  position: fixed;
  bottom: 0;
  padding-top: 11px;
  background-color: rgba(0, 0, 0, 0.72);
  text-align: center;
  color: #fff;
}
#collapse-wrapper {
  z-index: 99;
}
.navbar-fixed-top {
  top: 0;
  /*top: 100px;*/
  border-width: 0 0 1px;
}
.navbar-wrapper {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px;
}
.top-header {
  display: none;
}
.top-header {
  width: 100%;
  height: 30px;
  background-color: #1D1C1C;
  transition: margin 0.2s;
}
.top-header .container {
  height: 25px;
  padding: 0;
}
.top-header #topHeader-lang {
  z-index: 20000;
  float: right;
  background: #1D1C1C;
  text-transform: uppercase;
  margin-right: 35px;
}
.top-header #topHeader-lang ul {
  margin: 0;
  padding-left: 20px;
}
.top-header #topHeader-lang ul>li {
  line-height: 25px;
}
.top-header #topHeader-lang a {
  font-size: 12px;
  margin: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #5C5C5C;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: Open sans;
  padding-right: 10px;
  line-height: 30px;
  padding-left: 5px;
  text-transform: uppercase;
  font-weight: 500;
}
.top-header #topHeader-lang a span.flag {
  background: url("/view/img/lang/flags/flags-sprite.png") no-repeat 0 0;
  width: 26px;
  height: 17px;
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
  margin-top: -2px;
}
.top-header #topHeader-lang a span.flag.fr    { background-position: 0 -85px; }
.top-header #topHeader-lang a span.flag.uk    { background-position: 0 -204px; }
.top-header #topHeader-lang a span.flag.de    { background-position: 0 -51px; }
.top-header #topHeader-lang a span.flag.us    { background-position: 0 -221px; }
.top-header #topHeader-lang a span.flag.au    { background-position: 0 0; }
.top-header #topHeader-lang a span.flag.fr-ca { background-position: 0 -17px; }
.top-header #topHeader-lang a span.flag.en-ca { background-position: 0 -17px; }
.top-header #topHeader-lang a span.flag.es    { background-position: 0 -68px; }
.top-header #topHeader-lang a span.flag.it    { background-position: 0 -102px; }
.top-header #topHeader-lang a span.flag.pt    { background-position: 0 -153px; }
.top-header #topHeader-lang a span.flag.nl    { background-position: 0 -119px; }
.top-header #topHeader-lang a span.flag.pl    { background-position: 0 -136px; }
.top-header #topHeader-lang a span.flag.tr    { background-position: 0 -187px; }
.top-header #topHeader-lang a span.flag.ru    { background-position: 0 -170px; }
.top-header #topHeader-lang a span.flag.cn    { background-position: 0 -34px; }

.top-header #topHeader-lang .dropdown-toggle .lang_flag {
  margin: 0 5px 2px 5px;
  width: 22px;
}
.top-header #topHeader-lang .dropdown-menu {
  z-index: 20000;
  border-radius: 0;
  background: #fff;
  margin-top: 0px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 207px;
}
.top-header #topHeader-lang .lang_flag {
  width: 26px;
  margin: 4px 0;
  padding: 0;
  margin: 4px 10px 5px 3px;
}
.top-header #topHeader-sociaux {
  float: right;
  margin-right: 20px;
}
.top-header #topHeader-sociaux a {
  color: #fff;
  line-height: 30px;
  font-size: 17px;
  padding: 0 7px;
}
.top-header #topHeader-sociaux a:hover {
  color: #d00b2b
}
.top-header #topHeader-search {
  float: right;
  margin-right: 0px;
}
.top-header #topHeader-search span {
  width: 30px;
  float: left;
  margin-right: 10px;
}
.top-header #topHeader-search button {
  height: 25px;
  font-size: 10px;
  border-radius: 0;
  margin: 2px 0;
  background-image: none;
  background: #1D1C1C;
  border-color: #1D1C1C;
  color: #fff;
  font-weight: 100;
  box-shadow: none;
  padding: 0;
  padding-left: 5px;
}
.top-header #topHeader-search button:hover {
  color: #d00b2b;
}
.top-header #topHeader-search button i {
  font-size: 14px;
  line-height: 0;
  text-shadow: none
}
.top-header #topHeader-search input {
  float: left;
  width: 200px;
  height: 25px;
  border-radius: 1px;
  border: 0;
  font-size: 14px;
  padding: 0;
  padding-left: 5px;
  margin: 2px 0;
}
.brandBlock {
  position: absolute;
  top: 42px;
  right: 10px;
  z-index: 10;
}
.brandBlock {
  top: 14px;
  right: 50%;
  margin-right: -108px;
}
.brandBlock img.logo-barrisol {
  width: 210px;
  margin-bottom: 9px;
}
.brandBlock .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #8b8b8b;
}
.brandBlock .icon-bar+.icon-bar {
  margin-top: 4px;
}
.navbar {
  margin-bottom: 0px;
  z-index: 9;
  min-height: auto !important;
  border: 0 !important;
}
.nav-first {
  min-height: 50px !important;
}
.nav-first .navbar-header {
  width: 100%;
}
.navbar .navbar-nav {
  display: inline-block !important;
  float: none !important;
  vertical-align: top !important;
  margin-right: 0;
}

/* hamburger toggle button */

.navbar .navbar-toggle {
  z-index: 99;
  margin: 8px 10px;
  border: none;
  position: relative;
  float: left;
  display: inherit;
}
.navbar .navbar-toggle .icon-bar {
  background-color: #8b8b8b;
}

.navbar .navbar-toggle:hover {
  background-color: #DCDCDC;
}
.navbar {
  background: #fff;
}
.navbar .navbar-nav>li>a:focus, .navbar .navbar-nav>li>a:hover {
  color: #d00b2b;
  background-color: transparent;
}
.navbar .navbar-brand, .navbar .navbar-nav>li>a.logo {
  padding: 0;
  padding-left: 15px;
}
.navbar .navbar-brand, .navbar .navbar-nav>li>a {
  text-shadow: none;
  color: #636262;
  text-transform: none;
  font-weight: 600;
  font-size: 13px;
  font-family: Open sans;
  font-weight: 100;
  text-transform: uppercase;
  font-weight: 400;
  padding: 10px 12px;
}
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.open>a {
  color: #d00b2b;
  background-image: none;
  box-shadow: none;
  background-color: #fff
}
.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover {
  color: #d00b2b;
  background-color: #fff;
}
.navbar .navbar-nav .open .dropdown-menu>li>a {
  color: #333 !important;
}
.navbar .navbar-collapse {
  text-align: center !important;
}
.navbar .navbar-collapse li {
  color: #333;
  text-align: left;
}
.navbar .navbar-collapse li:last-child {
  border: none;
}
.navbar .navbar-collapse li ul.dropdown-menu {
  padding-bottom: 0px;
}
.navbar .navbar-collapse li ul.dropdown-menu li {
  background: #fff;
  border: none;
  text-transform: uppercase;
}
.navbar .navbar-collapse li ul.dropdown-menu li:last-child a {
  margin-bottom: 15px;
}
.navbar .navbar-collapse li ul.dropdown-menu li a::before {
  content: "\f054";
  font-family: FontAwesome;
  padding-right: 8px;
  color: #e4e4e4;
  text-decoration: none !important;
  font-size: 10px !important;
}

/* reduced class added with js */

.navbar-wrapper.reduced .logo-emissions-air-interieur {
  display: none;
}
.navbar-wrapper.reduced .logo-origine-france-garantie {
  display: none;
}
.navbar-wrapper.reduced .navbar .navbar-collapse {
  text-align: center !important;
}
.navbar-wrapper.reduced .brandBlock {
  display: block;
  height: 30px;
}
.navbar-wrapper.reduced .brandBlock img.logo-barrisol {
  margin-top: -3px;
  width: 300px;
  -webkit-transition: width .1s ease-in-out;
  -moz-transition: width .1s ease-in-out;
  -o-transition: width .1s ease-in-out;
  transition: width .1s ease-in-out;
}
.navbar-wrapper.reduced .nav-first #reducedLogo .logo {
  display: none;
}
.navbar-collapse.in {
  overflow-y: visible;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
  max-height: inherit;
}
.mobileAddNav {
  display: block !important;
}

/* class added with js */

.collapsing {
  box-shadow: rgba(0, 0, 0, 0.2) 0 5px 1px;
}
.navbar-collapse.navbar-first {
  overflow-y: scroll;
}
.navbar-collapse.navbar-first .flags {
  display: block;
}
.nav-first #reducedLogo {
  display: none;
}
.nav-first #reducedLogo .navbar-brand {
  color: #fff;
  background: url('../img/barrisol-logo.png') no-repeat center left;
  background-size: 100%;
  width: 250px;
  margin-left: 8px;
}
.nav-first #reducedLogo .logo {
  display: none;
}
.nav-second {
  background-color: #f5f5f5 !important;
  z-index: 8;
}
.sandwich-only {
  display: block;
}
@media (min-width: 500px) {
  .navbar-brand {
    width: 250px;
  }
}
@media (min-width: 548px) {
  #topHeader-sociaux {
    display: block;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    margin: 7.5px -15px;
  }
  .navbar-nav>li {
    float: inherit;
  }
  .navbar-fixed-top .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (max-width: 819px) {
  .navbar-wrapper.reduced .brandBlock img.logo-barrisol {
    margin-top: 0px;
    width: 220px;
  }
  #topHeader-search input {
    width: 160px;
  }
  #menu-toggle {
    display: block;
  }
  .navbar .navbar-nav {
    width: 100%;
  }
  .nav-second {
    display: none;
  }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.mobile-hidden {
  display: none !important;
}
@media (min-width: 820px) {
  .mobile-hidden {
    display: block !important;
  }
  .navbar .navbar-nav.sandwich-only {
    display: none !important;
  }
  .logo-emissions-air-interieur, .logo-origine-france-garantie {
    display: block;
  }
  .navbar-collapse.navbar-first .flags {
    display: none;
  }
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav>li {
    float: left;
  }
  .navbar-fixed-top .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
  .brandBlock {
    top: 14px;
    right: 0;
  }
  body {
    padding-top: 221px;
  }
  .navbar .navbar-toggle {
    display: none;
  }
  .navbar-collapse.navbar-first {
    overflow-y: inherit;
  }
  .navbar-wrapper.reduced .navbar-toggle {
    display: block;
  }
  .brandBlock {
    right: 50%;
    margin-right: 0px;
    float: right;
    margin-top: 0;
    margin-right: -125px;
  }
  .mobileAddNav {
    display: none !important;
  }
  .brandBlock {
    width: 100%;
    text-align: center;
    margin-right: 0;
    float: none;
    right: 0;
  }
  .brandBlock img.logo-barrisol {
    width: 350px;
  }
  .navbar.nav-first .navbar-collapse li {
    background: #fff;
    border: none;
    color: #333;
    text-align: left;
  }
  .navbar.nav-second .navbar-collapse li {
    background: #f5f5f5;
    border: none;
    color: #333;
    text-align: left;
  }
  .navbar.nav-second .navbar-nav>.active>a, .navbar.nav-second .navbar-nav>.active>a:focus, .navbar.nav-second .navbar-nav>.active>a:hover {
    background: #f5f5f5;
  }
  .navbar .navbar-collapse li ul.dropdown-menu li {
    text-transform: inherit;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  #menuToggle {
    display: block;
  }
  .top-header {
    display: block;
  }
  .brandBlock img.logo-barrisol {
    width: 350px;
  }
  /* taille en hauteur des menus */
  .navbar-nav>li>a {
    padding-top: 25px !important;
    padding-bottom: 25px !important;
  }
  .reduced .navbar-nav>li>a {
    padding-top: 22px !important;
    padding-bottom: 22px !important;
  }
  .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin-left: -15px !important;
    margin-top: 8px !important;
  }
  /* on ne change pas la couleur du fond lors du hover sur un menu dropdown */
  .navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover {
    background-color: transparent !important;
  }
  .navbar-right .dropdown:not(:last-child) .dropdown-menu {
    right: auto;
  }
  ul.nav li.dropdown:hover> ul.dropdown-menu {
    display: block;
  }
  .reduced .top-header {
    margin-top: -30px;
  }
  .reduced .navbar-brand {
    width: 233px;
    background-size: 100%;
    height: 35px;
    margin-top: 8px !important;
  }
}
@media (max-width: 1110px) and (min-width: 820px) {
  .navbar .navbar-brand, .navbar .navbar-nav>li>a {
    font-size: 10px;
    padding: 10px 4px;
  }
}
@media (min-width: 820px) and (max-width: 1200px) {
  .navbar-brand {
    width: 40px;
    background-size: 370px;
  }
  .reduced>.container .navbar-brand {
    width: 36px !important;
    background-size: 346px !important;
    position: absolute;
  }
  .reduced .navbar .navbar-collapse {
    margin-right: 0px !important;
  }
}
@media (min-width: 1020px) {
  .navbar .navbar-brand, .navbar .navbar-nav>li>a {
    font-size: 11px;
  }
}
@media (min-width: 1200px) {
  .navbar .navbar-brand, .navbar .navbar-nav>li>a {
    font-size: 12px;
  }
}
@media (min-width: 1300px) {
  .navbar .navbar-brand, .navbar .navbar-nav>li>a {
    font-size: 13px;
  }
}

/*
#
#
#
# OTHERS
#
#
#
*/

.navbar .dropdownLang li {
  float: none !important;
}
.dropdownLangContainer {
  position: absolute;
  top: 50px;
  right: 0;
  border-radius: 0;
}
#collapse-wrapper-language-menu {
  margin-top: -1500px;
  -moz-transition: all 0.3s ease-out; /* FF4+ */
  -o-transition: all 0.3s ease-out; /* Opera 10.5+ */
  -webkit-transition: all 0.3s ease-out; /* Saf3.2+, Chrome */
  -ms-transition: all 0.3s ease-out; /* IE10 */
  transition: all 0.25s ease-out;
  position: absolute;
  top: 50px;
  right: 0px;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
  z-index: 10000;
  display: block;
}
#collapse-wrapper-language-menu ul {
  padding: 0;
  border-top: 2px solid #ccc;
}
#collapse-wrapper-language-menu ul li {
  list-style: none;
  padding: 0 15px;
  cursor: pointer;
}
#collapse-wrapper-language-menu ul li a {
  font-size: 12px;
  margin: 0;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: #5C5C5C;
  font-weight: normal;
  letter-spacing: 1px;
  font-family: Open sans;
  padding-right: 10px;
  line-height: 30px;
  padding-left: 5px;
  text-transform: uppercase;
  font-weight: 500;
}
#collapse-wrapper-language-menu ul li:hover {
  background: #f5f5f5;
}
#collapse-wrapper-language-menu ul li:hover a {
  text-decoration: underline;
}
.collapse.in {
  margin-top: 0 !important;
}
#arrivalsBloc.owl-theme .owl-controls .owl-nav, #newsBloc.owl-theme .owl-controls .owl-nav, #projectBloc.owl-theme .owl-controls .owl-nav {
  text-align: center;
}
#arrivalsBloc.owl-theme .owl-controls .owl-nav [class*=owl-], #newsBloc.owl-theme .owl-controls .owl-nav [class*=owl-], #projectBloc.owl-theme .owl-controls .owl-nav [class*=owl-] {
  padding: 3px 10px;
  margin: 5px 10px 10px 0;
  background: #fff;
  border: 2px solid #ccc;
  color: #ccc;
  font-weight: bold;
}
#arrivalsBloc.owl-theme .owl-controls .owl-nav [class*=owl-]:hover, #newsBloc.owl-theme .owl-controls .owl-nav [class*=owl-]:hover, #projectBloc.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
  background: #d00b2b;
  border-color: #d00b2b;
  color: #fff;
}
.green-cert {
  font-weight: bold;
  color: green;
}
#headerLogoA {
  position: absolute;
  top: 50px;
  right: 2%;
  z-index: 20000;
  display: none;
}
#headerLogoOF {
  position: absolute;
  top: 40px;
  left: 2.5%;
  z-index: 20000;
  display: none;
}
#headerLogoA a img {
  width: 70px;
}
#headerLogoOF a img {
  width: 85px;
}
@media(min-width: 920px) {
  #headerLogoA, #headerLogoOF {
    display: block;
  }
}
@media(min-width: 1400px) {
  #headerLogoA a img {
    width: 100px;
  }
  #headerLogoOF a img {
    width: 125px;
  }
  #headerLogoOF {
    left: 50px;
    top: 30px;
  }
  #headerLogoA {
    right: 50px;
    top: 60px
  }
}
@media(min-width: 1600px) {
  #headerLogoA a img {
    width: 120px;
  }
  #headerLogoOF {
    left: 5%;
    top: 30px;
  }
  #headerLogoA {
    right: 5%;
  }
}

.nice-arrows .owl-dots {
  line-height: 40px;
}
.nice-arrows .owl-nav {
  position: relative;
}
.nice-arrows .owl-prev {
  position: absolute;
  top: -4px;
  left: 20px;
}
.nice-arrows .owl-next {
  position: absolute;
  top: -4px;
  right: 15px;
}
.bloc-arrivals:before, .bloc-news:before {
  display: block;
  content: " ";
  visibility: hidden;
  margin-top: -30px;
  height: 50px;
}
.lg-actions .lg-prev:after {
  content: "\2039" !important;
  display: inline;
  line-height: .3;
  font-size: 11em;
  font-weight: 400;
  color: #e0dddd;
  font-family: Arial;
}
.lg-actions .lg-next:before {
  content: "\203A" !important;
  display: inline;
  line-height: .3;
  font-size: 11em;
  font-weight: 400;
  color: #e0dddd;
  font-family: Arial;
}
#lg-counter {
  font-size: 25px !important;
}
.lg-toolbar .lg-icon {
  font-size: 47px !important;
}
.elt3D {
  float: left;
  margin-top: 15px;
  width: 100%;
}
.elt3D .content {
  width: 450px;
  border: 1px solid #989696;
  margin: 0 auto;
}
.elt3D .content .img {
  margin-right: 15px;
}
.elt3D .content .text {
  font-family: 'Open Sans';
  font-size: 22px;
  font-weight: 600;
}
#useful-links td {
  padding-bottom: 30px;
  vertical-align: top;
}
@media (max-width: 990px) {
  #useful-links td {
    float: left;
  }
}
.grid {
  padding: 20px 20px 100px 20px;
  max-width: 1300px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
.grid li {
  display: inline-block;
  margin: 0;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.grid li img {
  width: 155px;
  height: 103px;
}
.grid figure {
  margin: 0;
  position: relative;
}
.grid figure img {
  max-width: 100%;
  display: block;
  position: relative;
}
.grid figcaption {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  color: #ed4e6e;
  text-align: center;
  /* text-transform: uppercase; */
}
.grid figcaption {
  background: #d00b2b;
}
.grid figcaption h3 {
  margin: 0;
  padding: 0;
  color: #F4F4F4;
  text-transform: uppercase !important;
  font-weight: normal;
}
.grid figcaption span:before {
  content: 'by ';
}

/* pour documentations, products range et projet, à renommer ou placer ailleurs */
.cs-style-3 figure {
  overflow: hidden;
  cursor: pointer;
}
.cs-style-3 figure img {
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  transform: translateY(-50px);
}
.cs-style-3 figcaption {
  height: 103px;
  width: 100%;
  top: auto;
  bottom: 0;
  opacity: 0;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  transition: transform 0.4s, opacity 0.1s 0.3s;
}
.cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  transition: transform 0.4s, opacity 0.1s;
}
.cs-style-3 figcaption a {
  position: absolute;
}

@media screen and (max-width: 31.5em) {
  .grid {
    padding: 10px 10px 100px 10px;
  }
  .grid li {
    width: 100%;
    min-width: 300px;
  }
}
div.designer {
  position: absolute;
  bottom: 5px;
  color: #fff;
  left: 5px;
}

/* solutions barrisol */
#homeGallery .grid figcaption {
  background: rgba(0, 0, 0, 0.6);
  border-top: 1px solid #696969;
}
#homeGallery .grid figcaption a.btn {
  text-align: center;
  padding: 20px;
  border-radius: 0px;
  display: inline-block;
  background: #d00b2b;
  color: #fff;
  border: none;
  position: relative;
  margin-top: 35px;
  cursor: pointer;
}
#homeGallery .cs-style-3 figure:hover img, #homeGallery .cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(11px);
  -moz-transform: translateY(11px);
  -ms-transform: translateY(11px);
  transform: translateY(11px);
}
#homeGallery .cs-style-3 figcaption {
  height: 146px;
  width: 100%;
  cursor: pointer;
}
#homeGallery {
  z-index: 1000000;
}
#homeGallery .grid {
  padding: 0px 10px 0px 10px;
  max-width: 1300px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
#homeGallery .grid li {
  display: inline-block;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  cursor: pointer;
  padding-left: 0;
}
#homeGallery .grid li img {
  width: 100%;
  height: 156px;
  margin-top: 20px;
}
#homeGallery .homeVignTitle {
  position: absolute;
  top: 0px;
  background-color: rgba(255, 255, 255, 1);
  background: #fff;
  color: #333;
  left: 0px;
  width: 100%;
  height: 30px;
  text-align: center;
  padding: 5px;
  font-weight: normal;
  line-height: 20px;
  border-bottom: none;
  font-size: 15px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px;
}
#homeGallery .homeVignTitle a {
  color: #333;
}
#homeGallery .grid li img {
  -webkit-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
}
#homeGallery .grid li figcaption h3 {
  font-weight: 200;
  font-size: 14px;
  display: none;
}

#projectGallery .grid figcaption {
  background: rgba(0, 0, 0, 0.8);
  border-top: 1px solid #696969;
}
#projectGallery .grid figcaption a {
  text-align: center;
  padding: 5px 10px;
  border-radius: 0px;
  display: inline-block;
  background: #d00b2b;
  color: #fff;
  border: none;
}
#projectGallery .cs-style-3 figure:hover img, #projectGallery .cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(11px);
  -moz-transform: translateY(11px);
  -ms-transform: translateY(11px);
  transform: translateY(11px);
}
#projectGallery .cs-style-3 figcaption {
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  cursor: pointer;
  padding: 15px;
}
#projectGallery .cs-style-3 figcaption a {
  position: relative;
  width: 150px;
  margin: 0 auto;
  margin-top: 20px;
  cursor: pointer;
}
#projectGallery .grid {
  padding: 0px 10px 0px 10px;
  max-width: 1300px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
#projectGallery .grid li {
  display: inline-block;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  cursor: pointer;
}
#projectGallery .grid li img {
  width: 100%;
  height: 195px;
  margin-top: 50px;
}
#projectGallery .homeVignTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 68px;
  background: rgb(243, 243, 243);
  color: #333;
  font-size: 15px;
  text-align: center;
  padding: 10px 5px 0px 5px;
  font-weight: normal;
  line-height: 24px;
  box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 16px;
}
#projectGallery .homeVignTitle i {
  position: absolute;
  top: 28px;
  right: 20px;
  display: block;
}
@media(min-width: 380px) {
  #projectGallery .homeVignTitle i {
    display: none;
  }
}
#projectGallery .grid li img {
  -webkit-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 0px 85px rgba(0, 0, 0, 0.4);
}
#projectGallery .grid li figcaption h3 {
  font-weight: 200;
  font-size: 14px;
  display: none;
}
#projectGallery .description {
  position: relative;
  color: #E6E6E6;
  font-size: 13px;
  text-align: center;
  margin-top: 7px;
  line-height: 20px;
  height: 100%;
}
#projectGallery .description p {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#projectGallery .description .see-project-btn {
  position: absolute;
  bottom: 10px;
  left: 50%;
  margin-left: -75px;
  font-size: 16px;
  padding: 8px 0;
}

/* DOCUMENTATIONS */

#category-documentation .grid figcaption {
  background: rgba(0, 0, 0, 0.8);
  border-top: 1px solid #696969;
}
#category-documentation .grid figcaption a {
  color: #fff;
  border: none;
}
#category-documentation .grid figcaption a.see-project-btn {
  text-align: center;
  padding: 5px 10px;
  border-radius: 0px;
  display: inline-block;
  background: #d00b2b;
  color: #fff;
  border: none;
}
#category-documentation .grid figcaption .read-project-btn:before {
  content: '';
}
#category-documentation .grid figcaption .read-project-btn {
  width: 100%;
  font-size: 15px;
  text-align: center;
  padding: 10px 4px;
  margin: 5px 0 0 0;
  border-radius: 0px;
  display: inline-block;
  background: #d00b2b;
  color: #fff;
  border: none;
}
#category-documentation .cs-style-3 figure:hover img, #category-documentation .cs-style-3 figure.cs-hover img {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(11px);
}
#category-documentation .cs-style-3 figcaption {
  height: 100%;
  width: 100%;
  cursor: pointer;
  padding: 15px;
}
#category-documentation .cs-style-3 figcaption a {
  position: relative;
  width: 150px;
  margin: 0 auto;
  margin-top: 20px;
  cursor: pointer;
}
#category-documentation .grid {
  padding: 0px 10px 0px 10px;
  max-width: 1300px;
  margin: 0 auto;
  list-style: none;
  text-align: center;
}
#category-documentation .grid li {
  display: inline-block;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-bottom: 20px;
  cursor: pointer;
}
#category-documentation .grid li img {
  width: 100%;
  height: 300px;
  margin-top: 68px;
}
#category-documentation .homeVignTitle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 68px;
  background: rgb(243, 243, 243);
  color: #333;
  font-size: 15px;
  text-align: center;
  padding: 10px 5px 0px 5px;
  font-weight: normal;
  line-height: 24px;
}
#category-documentation .homeVignTitle i {
  position: absolute;
  top: 28px;
  right: 20px;
  display: block;
}
@media(min-width: 380px) {
  #category-documentation .homeVignTitle i {
    display: none;
  }
}
#category-documentation .grid li img {
  border: 1px solid #f5f5f5;
}
#category-documentation .grid li figcaption h3 {
  font-weight: 200;
  font-size: 14px;
  display: none;
}
#category-documentation .description {
  position: relative;
  color: #E6E6E6;
  font-size: 13px;
  text-align: center;
  margin-top: 7px;
  line-height: 20px;
  height: 100%;
  overflow: hidden;
}
#category-documentation .description-mobile {
  position: relative;
  color: #E6E6E6;
  font-size: 13px;
  text-align: center;
  margin-top: 7px;
  line-height: 20px;
  height: 100%;
  overflow: hidden;
  margin-top: 0;
  background: #f7f7f7;
  padding: 20px;
}
#category-documentation .description-mobile .see-project-mobile-btn {
  font-size: 18px;
  float: left;
  width: 50%;
}
#category-documentation .description p {
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
#category-documentation .description .see-project-btn {
  font-size: 16px;
  padding: 8px 0;
  float: left;
  width: 40%;
  margin: 10px;
}
#videosLst .col-md-6 {
  padding: 10px;
}
#videosLst a {
  text-decoration: none;
}
#videosLst .col-md-6 .videosLst_container {
  /* background: #f5f5f5; */
  /* border: 1px solid #ccc; */
  overflow: auto;
  padding: 15px 0px 0px 0px;
  cursor: pointer;
}
#videosLst .col-md-6 .videosLst_container_title {
  /* padding-left:10px; */
  padding-bottom: 5px;
}
#videosLst .col-md-6 .videosLst_container_title p {
  /* padding-left:10px; */
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#videosLst .col-md-6 .videosLst_container_title p:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 15px;
  padding-right: 8px;
  color: #ccc;
  line-height: 40px;
  text-decoration: none !important;
}
#videosLst .col-md-6 .videosLst_container_img img {
  width: 100%;
  height: 220px;
}
#videosLst .col-md-6 .videosLst_container.new {
  /* background: #f5f5f5; */
  /* border: 1px solid #ccc; */
}

/*#videosLst .col-md-6 .videosLst_container.old {
  background: #e2e1e1;
  border: 1px solid #c3c3c3;
}*/

#videosLst .col-md-6 .videosLst_container:hover .videosLst_container_title p {
  color: #d00b2b;
}
#videosLst .col-md-6 .videosLst_container .videosLst_btnView {
  font-weight: 300;
}
#videosLst a {
  color: #333;
  font-weight: 500;
}
@media(min-width:450px) {
  #videosLst .col-md-6 .videosLst_container .col-md-4 img {
    width: 113px;
    height: 94px;
  }
}
#videosLst .col-md-6 .videosLst_container .videosLst_container_imgBack {
  position: relative;
  height: 220px;
}
#videosLst .col-md-6 .videosLst_container .videosLst_container_imgBack .videosLst_container_img {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#videosLst .col-md-6 .videosLst_container .videosLst_container_imgBack .videosLst_container_Back {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -25px;
  margin-top: 90px;
}
#videosLst .col-md-6 .videosLst_container .videosLst_container_imgBack .videosLst_container_Back img {
  width: 50px;
  opacity: 0.7;
}
#videosLst .col-md-6 .videosLst_container:hover .videosLst_container_imgBack .videosLst_container_Back img {
  width: 50px;
  opacity: 1;
}

/* Toggle Styles */

#wrapper {
  padding-left: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled {
  padding-left: 250px;
}
#sidebar-wrapper {
  z-index: 1000;
  float: left;
  width: 0;
  display: none;
  height: 100%;
  margin-left: -250px;
  overflow-y: auto;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
#wrapper.toggled #sidebar-wrapper {
  width: 250px;
  display: block;
}
#page-content-wrapper {
  width: 100%;
  padding: 15px;
  padding-top: 0;
}
#wrapper.toggled #page-content-wrapper {
  margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-nav li {
  padding-left: 20px;
  list-style: none;
  line-height: 26px;
  margin: 12px 0;
}
.treeview-menu {
  margin: 0 0 10px;
  padding: 0;
}
.treeview-menu li {
  text-indent: 0px;
  line-height: 30px;
  margin: 7px 0;
}
.treeview-menu li a:first-letter {
  text-transform: uppercase;
}

.sidebar-nav li.title {
  font-weight: 100;
  text-transform: uppercase;
  background: #fff;
  color: #E50000;
  padding: 8px;
  font-size: 23px;
  padding-left: 0;
  padding-left: 20px;
  text-indent: 0;
  font-weight: 900;
}
.sidebar-nav li a {
  display: block;
  text-decoration: none;
  color: #5C5C5C;
  font-size: 14px;
  font-weight: 500;
}
.sidebar-nav li a:hover {
  text-decoration: none;
  color: #d00b2b;
  background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active, .sidebar-nav li a:focus {
  text-decoration: none;
}
.sidebar-nav> .sidebar-brand {
  height: 65px;
  font-size: 18px;
  line-height: 60px;
}
.sidebar-nav> .sidebar-brand a {
  color: #999999;
}
.sidebar-nav> .sidebar-brand a:hover {
  color: #fff;
  background: none;
}
@media(min-width:768px) {
  #wrapper {
    padding-left: 220px;
  }
  #wrapper.toggled {
    padding-left: 0;
  }
  #sidebar-wrapper {
    width: 250px;
    display: block;
  }
  #wrapper.toggled #sidebar-wrapper {
    /*width: 0;*/
    display: none;
  }
  #page-content-wrapper {
    /* padding: 20px; */
    position: relative;
  }
  #wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0;
  }
}
#menu-toggle {
  background-image: none;
  box-shadow: none;
  position: absolute;
  top: 2px;
  padding: 5px 10px;
}



.banner {
  height: 120px;
  position: relative;
  background-size: 100%;
  background-position: center;
}
/* banner image's opacity */
.banner:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background: #000;
  opacity: .3;
}
.banner-text {
  position: relative;
  z-index: 2;
  display: block;
  padding-top: 20px;
  font-size: 38px;
  text-align: center;
  font-weight: bold;
  line-height: 70px;
  color: #fff;
}
@media (max-width: 820px) {
  .banner-text {
    font-size: 24px;
  }
}

#sidebar-wrapper {
  padding-top: 17px;

}
.sidebar-nav {
  padding-top: 5px;
}
#sidebar-wrapper .title {
  font-size: 23px;
  font-weight: 900;
  color: #e50000;
  text-transform: uppercase;
  padding-left: 20px;
  display: block;
}
/* map */
address {
  line-height: 24px;
}