.collapsed-navigation .btn,
.elements .btn,
.animations .btn {
    margin-bottom: 5px;
}

.homepage #wrapper {
    background-position: center 0;
}

@media(min-width:768px) and (max-width:991px) {
    .homepage .panel-circle-big-contrast .panel-body {
        height: 286px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .homepage .panel-image .panel-body {
        height: 238px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .homepage .panel-image .panel-big {
        height: 258px;
    }
}

#wrapper {
    /*background-image: url("/content/images/bg_wrapper.jpg");
    background-position: center -130px;   */
}

@media(min--moz-device-pixel-ratio:1.3) ,
(-o-min-device-pixel-ratio:2.6 / 2) ,
(-webkit-min-device-pixel-ratio:1.3) ,
(min-device-pixel-ratio:1.3) ,
(min-resolution:1.3dppx) {
    #wrapper {
        background-image: url("/content/images/bg_wrapper@2x.jpg");
        background-size: 1920px 535px;  
    }
}

body.error-page,
body.countdown-page {
    background: url("/content/images/bg_fullsize.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    -ms-behavior: url("/assets/images/ie/backgroundsize.min.htc");
}

.client-slideshow {
    min-height: 40px;
}

.hero-carousel .forest {
    background-position: center;
}

.hero-carousel .sea {
    
}

.hero-carousel .bokeh {
    
    background-position: center;  
}

.homepage.fullsize #wrapper {
    background-image: none;         
}

@media(min--moz-device-pixel-ratio:1.3) ,
(-o-min-device-pixel-ratio:2.6 / 2) ,
(-webkit-min-device-pixel-ratio:1.3) ,
(min-device-pixel-ratio:1.3) ,
(min-resolution:1.3dppx) {
    .homepage.fullsize #wrapper {
        background-image: url("/content/images/none");
        background-size: 1920px 535px;
    }
}

.homepage.black-and-white #wrapper {
    background-image: url("/content/images/bg_wrapper_bw.jpg");
}

@media(min--moz-device-pixel-ratio:1.3) ,
(-o-min-device-pixel-ratio:2.6 / 2) ,
(-webkit-min-device-pixel-ratio:1.3) ,
(min-device-pixel-ratio:1.3) ,
(min-resolution:1.3dppx) {
    .homepage.black-and-white #wrapper {
        background-image: url("/content/images/bg_wrapper_bw@2x.jpg");
        background-size: 1920px 535px;
    }
}

@media(max-width:767px) and (orientation:portrait) {
    .quotes .quote {
        min-height: 331px;
    }
}

@media(max-width:767px) and (orientation:landscape) {
    .quotes .quote {
        min-height: 225px;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .quotes .quote {
        min-height: 190px;
    }
}

@media(min-width:992px) {
    .quotes .quote {
        min-height: 185px;
    }
}

.style-switcher {
    z-index: 9999;
    position: fixed;
    top: 100px;
    left: -200px;
    width: 200px;
    border-right: 1px solid #353b47;
    border-bottom: 1px solid #353b47;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
    background-color: #434955;
    -webkit-transition: left 300ms;
    -moz-transition: left 300ms;
    -o-transition: left 300ms;
    transition: left 300ms;
}

@media(min-width:768px) {
    .style-switcher {
        top: 150px;
    }
}

.block
  {
  display: block;
  }

.lowercase
  {
  text-transform:lowercase !important;
  }
  
.thumbnail
  {
  /*background:#1a1a1a;
  border-color:#1a1a1a;*/
  border-radius:0;
  }
  
.box-shadow
  {
  box-shadow: inset 0px 20px 20px -10px #222;
  }
  
/* portfolio */

DIV.portfolio_content
  {
  border-top: 1px solid #ccc;
  padding-top:10px;
  }
  
DIV.portfolio_content i
  {
  color:#f8bd27;
  }
  
A.portfolio
  {
  display:none;
  }
  
FIGURE.portfolio
  {
	position: relative;
  border-radius:5px;
  padding-top:70%; /* 1:333 Aspect Ratio */ 
  overflow:hidden;  
  }

FIGURE.portfolio img 
  {
	position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  object-fit: cover;  /* adaptation contenu a son parent */
  }
  
/*****    share     *****/
UL.share
  {
  vertical-align:top;
  }

LI.share
  {
  display: inline-block;
  margin: 0px 20px;
  vertical-align:bottom;
  }
  
/*****  actu   *****/

HEADER.post-header
  {
  margin-top:20px;
  height:30px;
  margin-bottom:20px;
  color:#fff;
  }
  
.border-bottom
  {
  border-bottom:1px solid #333;
  margin-bottom:30px;
  }
  
/****** modal *****/

.modal-content
  {
  color:#454545;
  }
  
  
#main-content-header h1
    {
    color:#e9e9e9;
    }