/* ==========================================================================
   Author : ALPAWEB
   ========================================================================== */

body, html {height: 100%; min-height: 100%;}

body{
   font-family: 'Roboto', sans-serif;
   font-weight: 400;
   font-size:14px;
   line-height: normal;
   color:#585858;
}  

#cookie-banner{
    position:fixed;
    bottom:0;
    z-index:20000;
    width:100%;
    background:rgba(0,0,0,0.8);
    color:#fff;
    font-size:12px;
    padding:10px 0px;
}

#cookie-banner a{
    color:#fff;
}

#inform-and-ask{
    z-index:20000;
}

object {
  width:100%;
  height:600px;
  overflow: scroll;
}

@font-face {
    font-family:'Share-Regular';
    src: url('../fonts/Share-Regular-webfont.eot');
    src: url('../fonts/Share-Regular-webfont.eot?#iefix') 
        format('embedded-opentype'),url('../fonts/Share-Regular-webfont.woff') 
        format('woff'),url('../FONT/Share-Regular-webfont.ttf') format('truetype'),
        url('../fonts/Share-Regular-webfont.svg#dearJoe4Regular') format('svg'); 
    font-weight: normal;font-style: normal;
}

/*********************************************
                    NAV
*********************************************/
.navbar {
    background-image: none !important;
    border:none;
    filter: none !important;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    margin: 0;
    text-align: center;
    position: relative;
}

.navbar-header{float: none;}

.navbar-brand{
    padding: 0;
    position: relative;
    z-index: 2;
    display: inline-block;
    float: none;
    height: auto;
}

.navMain{
    float: none;
    margin-top:15px;
    position: relative;
    z-index: 2;
    display:inline-block;
}

.navMain .nav  > li{padding-bottom: 15px;}

.navMain .nav  > li > a{
    text-transform: uppercase;
    font-size: 14px;
    color:#878787;
    line-height: 25px;
    text-align:center;
    border-radius:0px;
    padding: 0 9px;
    border-right: 1px solid #878787;
}

.nav-pills>li+li{margin: 0;}

.navMain .nav-pills > li.active > a{
    color:#7cae11;
    background:none;
}


.navMain .nav-pills > li.active > a:hover,
.navMain .nav-pills > li.active > a:focus,
.navMain .nav > li > a:hover, 
.navMain .nav > li > a:focus,
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus{
    color:#FFF;
    background:#bbd21f;
    border-color: #878787;
}

.navMain .dropdown-menu > li {
    list-style-image: none !important;
    list-style: none !important;
    border:0 !important;
    margin:0 !important;
    text-align: left;
}

.dropdown-menu{
    margin-top: 0;
    border-radius: 0;
    border: 0;
    border-radius: 0;
    background-clip: initial;
    z-index: 1;
    padding: 0;
}

.dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration:.3s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;

  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration:.3s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;

  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration:.3s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}

@keyframes slidenavAnimation {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes slidenavAnimation {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.nav li.dropdown:hover > ul {display: block;}
.caret{display: none;}

.dropdown-menu > li > a{color: #6e6e6e; text-transform: uppercase; line-height: 26px; font-size: 14px;}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, 
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus{
    color:#FFF;
    background:#bbd21f;
    border-color: #878787;
}

.dropdown-menu > .active > a{
    color: #7cae11;
    background: #FFF;
}

.navbar-info.btn{
    display:inline-block;
    margin-top: 25px;
    float: right;
    font-size: 18px;
}

.navbar-info span{margin-right: 5px;}

.lt-ie9 .navbar-info{
    width:310px;
}

.navbar-info a{color:#fff;}

.breadcrumb {
    background:transparent;
    padding:0;
    margin-bottom:0;
}
.breadcrumb li a:hover {color:#ccc;}

/*********************************************
                ACCUEIl
*********************************************/

.bandeauAcc{padding-top: 173px; margin-top: -173px;}
.bandeauAcc, .carousel, .slideAcc, .carousel-inner, .imgSlide{height:100%;}
.bandeauAcc .carousel-inner {border:none;border-radius:0;}

.slideAcc{position: absolute;}

.diagonaleAcc{height: 100%; width: auto; left: 0; position: absolute; top:0;}


.carousel-inner{
    
    border: 1px solid transparent;
    background-color: transparent;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;

}

.carousel-indicators{
    bottom: 0;
    background-color: rgba(112,139,137,0.6);
    width: 100%;
    padding: 0;
    margin: 0;
    left: 0;
}

.carousel-indicators a, .carousel-indicators .active{
    width: 20%;
    padding: 20px;
    height: 100px;
    border-radius: 0;
    text-indent: 0;
    border: 0;
    margin: 0;
    font-size: 18px;
    color: #FFF;
    float: left;
    transition: all 0.3s linear;
    text-align: center;
    line-height: normal;
    font-weight: 300;
}

.carousel-indicators a:hover, .carousel-indicators a:focus{background-color: #596d6c;}

.carousel-indicators .active, .carousel-indicators .active:hover{
    background-color: #bfcbcc;
    color: #3e4c4c;
}

.slideTxt{
    padding: 20px; 
    font-size: 16px; 
    background-color: #bbd21f; 
    color: #FFF;
    position: absolute; 
    right: 10%;
    top: 20%;
    max-width: 400px;
    text-shadow: 0 0 5px rgba(0,0,0,0.4);
    font-weight: 300;
}

.slideTxt .btn{background: #FFF; color: #7cae11;}

.slideTxt strong{
    font-size: 24px; 
    font-family:'Share-Regular'; 
    font-weight: normal;
}

.slideTxt .btn-lg{margin-top: 10px;}

.glyphicon-chevron-left:before,
.glyphicon-chevron-right:before{
    font-size: 28px;
}

.carousel-control .glyphicon-chevron-left{
    left: 25%;
    top: 45%;
}

.carousel-control .glyphicon-chevron-right{
    right: 25%;
    top: 45%;
    left: auto;
}

.carousel-control.right {
    background-image:none!important;
    display:none;
}
.carousel-control.left {
    background-image:none!important;
    display:none;
}

.blocAcc {
    background:#596d6c;
}

.blocAcc a  {
    background:#7c8f8e;
    text-align:center;
    padding:15px;
    color:#fff;
    min-height:220px;
    display:block;
}

.blocAcc a:nth-child(2) {
    background:#98a7a8;
}
.blocAcc a:hover {
    background:#596d6c;
    -webkit-transition: all 0.7s ease-in;
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
color:#fff;
}
 .blocAcc a h3 {
    color:#fff;
    text-transform:uppercase;
    font-weight:500;
   
}
.encart {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin:40px 0 60px 0;
    position:relative;
}
.encart h2:before {background:none;}
.encart:before {
    content:"";
    position:absolute;
    display:block;
    width:150px;
    height:2px;
    background:#bbd21f;
    left:0;
    top:40px;
}


.encart:after {
    content:"";
    position:absolute;
    display:block;
    width:150px;
    height:2px;
    background:#bbd21f;
    right:0;
    top:40px;
    
}

.encart a {
   background:#7cae11;
   display:inline-block;
   text-align:center;
   padding:15px;
   width:150px;
   vertical-align:top;
   height:140px;
}
.encart a:nth-child(2) {background: #a1c709;}
.encart a:nth-child(3) { background: #bbd21f;}
.encart a:nth-child(5) { background: #a1c709;}

.encart h3 {color:#fff;}
.encart a:hover {
    border-top-right-radius:30px;
    border-bottom-left-radius:30px;
}

.encart a:nth-child(2):hover {background:#7cae11;}
.encart a:nth-child(3):hover {background:#7cae11;}
.encart a:nth-child(5):hover { background: #7cae11;}
.encart a:hover{background:#bbd21f;}

.blocRea {padding:25px 0;text-align:center;}
.blocRea .carousel-control.right {margin-right:-45px;display:block!important;}
.blocRea .carousel-control.left {margin-left:-45px;display:block!important;}
.blocRea .carousel-control {color:#596d6c;text-shadow:none;opacity:1;}

.blocRea .imgRea {
    border-bottom-left-radius:30px;
    border-top-right-radius:30px;
}

.blocRea h3 {margin-top:5px;color:#596d6c;}
.glyphicon-plus {
    position:relative;
    top:-15px;
    font-size:26px;
    color:#bbd21f;
}

.owl-nav {display:block!important;font-size:50px;}
.owl-nav button-owl-next, button-owl-prev {margin:30px;}

.blocRea .owl-next {position: absolute;right: -30px;top: 25%;}
.blocRea .owl-prev {position: absolute;left: -30px;top: 25%;}
.blocRea .owl-prev:focus, .owl-next:focus {outline:none;}

.blocImg {
    border-bottom-left-radius:30px;
    border-top-right-radius:30px;
    overflow:hidden;
    position:relative;
    overflow:hidden;
    display:inline-block;
}

.blocRea .glyphicon-eye-open {display:none;}
.blocRea a:hover .glyphicon-eye-open {
    display:block;
    top:50%;
    position:absolute;
    left:50%;
    font-size:26px;
    margin-left:-13px;
    margin-top:-13px;
    color:#fff;
   

}
.blocRea .blocImg:hover:before {
    content:"";
    height:500px;
    width:600px;
    position:absolute;
    top:0;
    background:rgba(89, 109, 108,0.4);
    display:block;
   
}

.blocRea .btn {
    margin-top:30px;
    font-size:18px;
}

.owl-nav {display:block;}
/*********************************************
                CONTENU
*********************************************/
.photoBloc {
  margin-bottom:60px;
  margin-top:20px;
}
.photoBloc img {
    border:1px solid transparent;
   border-top-right-radius:100px; 
   border-bottom-left-radius:100px;
}

.blocPictoPage {
    text-align:center;
    padding:20px 0 30px 0;
}
.blocPictoPage h2 {color:#7cae11;}

.blocPictoPage h2:before {
    display:none;
}

.blocPictoPage h3 {
    color:#596d6c;
    font-weight:100;
    font-family:roboto;
    font-size:16px;
}

.blocPictoPage .pictoWrap:hover img {
    -webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;

    
}
.txtDouble {
    margin: 30px 0;
}
.txtDouble li {
    padding:5px 0;
    
}
.contenu{padding: 0px 0;}

.contenu h1{
    font-size: 26px;
}

.contenu ul{padding-left: 25px;}

.contenu ul li {
    list-style-type: none;
    margin-bottom: 6px;
    position: relative;
}

.contenu ul li:before {
    display: inline-block;
    content: "\e080";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    top: 0;
    left: -20px;
}

.contenu2{
    background-color: #7c8f8e;
    color: #FFF;
}

.contenu2 h2{
    color: #FFF;
    margin-top: 30px;
}

.contenu2 h3{
    color: #FFF;
    margin-top: 0;
    margin-bottom: 20px;
}

.liens .btn{min-width: 160px;}

.btnContact:after{
    display: inline-block;
    content: "\2709";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 13px;
    margin-left: 10px;
}

.contenu ul li:before {
    display: inline-block;
    content: "\e258";
    font-family: 'Glyphicons Halflings';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    position: absolute;
    top: 4px;
    left: -18px;
    color:#7cae11;
}

.titre{
    background-color: #7c8f8e;
    padding: 40px 20px;
}

.titre h1{margin-bottom: 0;}

.blockProd{
    display: block;
    position: relative;
    margin: 0 0 40px 0;
    min-height: 285px;
}

.blockProd.service{min-height: 1px;}
.blockProd.service .btn {position:relative;top:-20px!important;}

#prod3{margin-left: 15%;}

.txtDevis {
    float:right;
}
.encartDevis {
    margin:60px 0;
 
}
.encartDevis h2 {
   
    padding:25px 0;
} 
.encartDevis h2:before {
    background:none;
}




blockProd:hover {
-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
   
}

.blockProd:hover .imgBlockProd:before { display:block;}
.blockProd:hover .txtProd{color: #FFF;}

.blockProd .btn{
    position:relative;
    left:50%;
    margin-left:-70px;
    top:-20px;
}

.blockProd:hover .btn{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    background:#90b73e;
}

.blockProd.service .btn {top: 42%;}

.carouselPage{margin: 30px 0;}

.embed-responsive{margin-bottom: 20px;}

.bandeauCouleur {
    background:#f5f5f5;
    margin-top:30px;
    color:#596d6c;
    padding:0 0 25px 0;
}

.bandeauCouleur h2{color:#7cae11;}
.bandeauCouleur h2:before {background:#7cae11!important;}
.bandeauC{
    background-color: #90b73e;
    font-family:'Share-Regular'; 
    font-size: 22px;
    color: #FFF;
    background-image: url("/img/fond-fauteuil.jpg"), url("/img/fond-elevateur.jpg");
    background-position: 0 50%, 100% 50%;
    background-repeat: no-repeat;
    padding: 40px 20px 30px;
}

.bandeauC .btn {
    background: #FFF;
    color: #7cae11;
    margin-top: 10px;
}


.addContact{
    position: absolute; 
    margin-top: -190px;
    background: rgba(144,183,62,0.85);
    padding: 15px 20px 10px;
    color: #FFF;
    width:280px;
    font-size: 18px;
    text-shadow:#bbd21f;
     border-top-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

.addContact a{color:#fff;}

.addContact strong{font-family:'Share-Regular'; font-weight: normal; font-size: 26px;}

.addContact .glyphicon-map-marker{float: left; margin-right: 6px; top:4px;}

.bgFinanceGris {background:#f5f5f5;}

.blocFinance {margin:20px 0 40px 0;}
.blocFinance .picto {margin-top:35px;text-align:center;}

.contact {padding-top:25px;margin-top:0;}

/*********************************************
                   REA
*********************************************/
.catRef .glyphicon-plus {
    font-size:14px;position:relative;top:2px;padding-right:10px;
}
.catRef a{
    color:#596d6c;
    margin-top:10px;
    display:inline-block;
    padding-top:20px;
}

.catRef a:hover{color:#7cae11;}
.dropdown-item{background:transparent!important;color:#585858!important;}

.catRef a:hover .glyphicon-plus{
    color:#7cae11;
    -webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;


}
.rea {
    margin-bottom:40px;display:inline-block;
}
.wrapRea {
    display:block;
    margin-top:40px;
    background:#f5f5f5;
    border-top-right-radius:30px;
    border-bottom-left-radius:30px;
    color:#585858; 
    overflow:hidden;
    height:425px;
}


.wrapRea:hover {color:#585858;}
.wrapRea .btn {margin-bottom:15px;float:right;}

.wrapRea img{
    border-top-right-radius:30px;
}

.wrapRea .mask {position:relative; overflow:hidden;}
.wrapRea .mask:before {
    content:"";
    position:absolute;
    background:rgba(89,109,108,0.4);
    display:none;
    width: 100%;
    height:500px;
    top:0;
}

.wrapRea:hover .mask:before {display:block;}

.txtRea {padding:15px;}

.mask .glyphicon-eye-open {
    position:absolute;
    top:50%;
    left:50%;
    font-size:26px;
    margin-top:-13px;
    margin-left:-13px;
    color:#fff;
    display:none;
}
.wrapRea:hover .glyphicon-eye-open {display:block;}
.sitemap {padding:10px;}
.form-control:focus {border-color:#f1f1f1!important;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(169, 169, 169, 0.6)!important;}

/*********************************************
                    ACTU
*********************************************/
.actuAcc {
    padding:15px;
}
.actuBloc {
    display:inline-block; 
    padding: 20px 20px 0 20px;
    position:relative;
}

.actuBloc:hover .date{
    background:#7cae11;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.actuBloc:hover .date:before {
    background:#7cae11;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.actuBloc:hover h3{
    color:#7cae11;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.actuPhoto {
    width:100%;
}
.oneActu {margin-top:30px;display:inline-block;}
.oneActu .date{right:initial;}

.date {
    position:absolute;
    display:block;
    top:0;
    right:0;
    text-align:center;
    background:#bbd21f;
    padding:30px 15px 15px 15px;
    color:#fff;
    width:100px;
    height:100px;
    z-index:2;
    font-weight:500;
    border-top-right-radius:30px;
    border-bottom-left-radius:30px;
}

.date:before {
    content:'';
    width:2px;
    height:76px;
    display:block;
    position:absolute;
    background:#bbd21f;
    right:-6px;
    top:23px;
}
.actuItem {
    text-align:center;
    padding:0px;
}   

.actuItem img {width:100%;}

.actuItem:before:hover {display:block;}

.txtActu {
    
    position:relative;
    top:-20px;
    color:#3e4c4c;
    height:170px;
    text-align:left;
}

.txtActu h3 {
    color:#bbd21f;
   padding-top:20px;
    text-transform:uppercase;
    text-align:left;
}
.txtActu .btn {
    float:right;
    
}

.txtActu:hover {
    
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.txtActu .date {top:0;}
.actuList .date{
    left:0!important;
    top:50%;
    margin-top:-50px;
}

.actuList .date:before {left:-6px!important;top:2px;}
.imgBlocActu {padding:40px 0 40px 40px;}

.pageActu .txtActu {
    margin-top:45px;
    height:auto;
}

/*********************************************
                    FOOTER
*********************************************/

#footer{
    background :#596d6c;
    padding: 20px 0px 20px 0px;
    font-size:14px;
    font-weight: 400;
    color:#fff;
}

#footer a{color: #fff;}
#footer a:hover, #footer a:focus{color: #223432;}

#footer strong{
    color:#fff; 
    text-transform:uppercase; 
    border-bottom:1px solid #fff; 
    font-size: 20px; 
    font-weight:500;
    display:block;
    padding-bottom:5px;
    margin-bottom:25px;
    
}

#footer .fa-facebook{
    background:#bbd21f;
    padding:10px 15px;
    border-bottom-left-radius:10px;
    border-top-right-radius:10px;
    font-size:18px;margin-right:10px;
}

ul.footer-links{
    list-style:none;margin:0;padding:0;text-align:center;
}

ul.footer-links li{
    margin:0;padding:0;list-style-type: none; display:inline-block;
}

ul.footer-links li a{
    color:#fff!important;font-size: 13px;
}

ul.footer-links li a:hover{
    text-decoration: none; 
    color:#223432 !important;
}

.copyright{text-align: center; margin-top: 10px;
}

.copyright img {
    position: relative;
    top: -2px;
    left: -4px;
}
/*********************************************
                  FORMULAIRE
*********************************************/

.form-control {
  border-radius :0px;   
}

.form-control:focus {
  border-color: #ed1c24;
  border-color: rgba(226, 0, 26, 0.6);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(226, 0, 26, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(226, 0, 26, 0.6);
}

.text-error{
    color:#f00;
}

label.error{font-size:12px;font-weight:bold;color:#f00;margin-bottom:0}

/*********************************************
              GOOGLE MAP
*********************************************/

#GGMap{
    width:100%;
    height:300px;
}


/*********************************************
              BOOTSTRAP THEME
*********************************************/

.img-responsive, .navbar-brand>img{display: inline-block;}

h1{
    font-weight: normal;
    font-size:30px;
    color:#585858;
    margin-top: 0;
    font-family:'Share-Regular';
    text-transform:uppercase;
    padding:35px 10px 15px 10px;
    position:relative;
    text-align:center;
    margin-top:25px;
}

h2{
    font-weight: normal;
    font-size:27px;
    color:#7cae11;
    font-family:'Share-Regular';
    position:relative;
    padding:30px 0 45px 0;
    margin:0;
}

h2:before {
    content:"";
    display:block;
    position:absolute;
    width:50px;
    height:2px;
    background:#7cae11;
    bottom:20px;
    left:0;
}

h3{
    font-weight: normal;
    font-size:20px;
    color:#7cae11;
    font-family:'Share-Regular';
}

h4{
    font-weight: normal;
    font-size:18px;
    color:#585858;
    font-family:'Share-Regular';
}

a {color: #7cae11; text-decoration: none !important; transition: all 0.3s linear;}
a:hover{color: #fff;}

.btn{
    transition: all 0.3s linear;
    font-weight: 400;
    font-size:14px;
    text-transform: uppercase;
    background:#bbd21f;
    border: none;
    filter:none;
    color: #FFF;
    text-shadow: none;
    padding:10px 18px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    
    
    font-family: 'Roboto', sans-serif;
}
.btn:hover,.btn:focus{background:#90b73e; color: #FFF; text-shadow: none;}

.btn-primary {
    filter:none;
    background: #FFF;
    border-color: #4b6867;
    color: #4b6867;
}

.btn-secondary {background:#90b73e;margin-right:5px;}
.btn-secondary:hover {background:#bbd21f;}
.btn-primary:hover, .btn-primary:focus{
    background: #d2dedf;
    color: #4b6867;
    border-color: #4b6867;
}

label{font-weight: 400;}
strong{font-weight: 700;}

.sitemap {margin:50px 0px;}
 
.selectnav{
    display: none;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
              box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
              transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.sectionRea .bandeauCouleur {padding:0;}
.infosRea .date {left:50%;margin-left:-50px;bottom:-50px!important;top:initial;}
 .descriptifProj {padding: 70px 15px 20px 15px;}
.galerieRea {padding-bottom:30px;}
.lienTof .fa-expand:before{
    position:absolute;
    left:50%;
    font-size:22px;
    margin-left:-11px;
    top:50%;
    margin-top:-11px;
    display:none;
}

.lienTof {
    position:relative;
    width:100%;
    display:block;
    margin:15px 0;
}

.lienTof:before {
    content:"";
    position:absolute;
    background:rgba(89, 109, 108,0.4);
    width:100%;
    height:100%;
    top:0;
    z-index:2;
    opacity:0.6;
    display:none;
}
.lienTof .fa {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-11px;
}

    
.lienTof:hover:before {
    display:block;
}
.lienTof:hover .fa-expand:before {
    display:block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

/*********************************************
              MEDIA QUERIES
*********************************************/

@media (min-width:1600px){
    .carousel-indicators{padding: 0 15%;}
    .carousel-indicators a, .carousel-indicators .active{font-size: 20px;}
    .slideTxt{right: 12%; padding: 40px; font-size: 18px; max-width: 500px;}
    .slideTxt strong{font-size: 28px;}
    .imgD{padding-left: 80px;}
    .bandeauC{background-position: 10% 50%, 90% 50%;}
}

@media (max-width:1600px) and (min-width:1200px){
    .carousel-indicators{padding: 0 10%;}
    .carousel-indicators a, .carousel-indicators .active{font-size: 20px;}
    .slideTxt{right: 10%; padding: 30px; font-size: 17px; max-width: 450px;}
    .slideTxt strong{font-size: 26px;}
    .imgD{padding-left: 60px;}
    .bandeauC{background-position: 5% 50%, 95% 50%;}
}

@media (min-width:1200px) {
    .navMain .nav > li > a{padding: 0 12px; font-size: 15px;}
    #GGMap{height: 400px;}
}

@media (max-width:1200px) {
    .blocAcc a {
        min-height:280px;
    }
}
@media (max-width:991px) {
    #mainMenu{display:none;}
    .selectnav{display: block;}
    .navMain{margin: 15px 0;}
    body, html{height: auto;}
    .bandeauAcc{height: 550px;}
    .carousel-indicators a, .carousel-indicators .active{font-size: 16px; padding: 10px; height: 65px;}
    .slideTxt{right: 50%; margin-right: -250px; max-width: 500px; top: 20%;}
    .bandeauC{max-width: 100%; background-position: -15% 50%, 115% 50%}
    .blockProd{min-height: 320px;}
    #prod3{margin-left: 0;}
    #prod4{margin-left: 25%;}
    .navbar-brand{display: block; text-align: center;}
    .navbar-info.btn {margin-top:10px;}
    .encart a{margin-bottom:3px;}
    .blocImg .glyphicon-plus{display:none;}
    .blocRea .owl-next {position: absolute;right:0;top: 25%;margin-right:-20px;}
    .blocRea .owl-prev {position: absolute;left:0px;top: 25%;margin-left:-20px;}

}

@media (max-width:767px) {
    .navbar-info.btn, .navMain{float: none; font-size:14px;}
    .navbar-info.btn{margin-top: 0;}
    .selectnav{width: 100%; max-width: 260px; margin: auto;}
    .bandeauAcc{height: 400px;}
    .carousel-indicators{display: none;}
    .slideTxt{max-width: 100%; right: auto; margin: auto 15%; top: 20%;}
    .glyphicon-chevron-left:before, .glyphicon-chevron-right:before {font-size: 22px;}
    .btn{font-size:13px;}
    .bandeauC{background-image: url("/img/fond-fauteuil.jpg");background-position: -20% 50%; padding-left: 20%;}
    h1, .contenu h1{font-size: 24px;}
    .titre{padding: 20px 0; height: auto;}
    #prod4{margin-left: 0;}
    .blockProd{height: auto; max-width: 550px; margin: 40px auto;}
    .contenu{padding: 20px 0;}
    #GGMap{height: 200px;}
    .addContact{position: relative; max-width: 260px; margin: 20px auto;}
    .copyright, ul.footer-links{text-align: left;}
    .blocRea .btn {font-size:15px;}
    .encart:before{display:none;}
    .encart:after{display:none;}
    .encart a{margin-bottom:3px;}
    .blocImg {width:300px;}
    .blocImg .glyphicon-plus{display:none;}
    .navbar-info.btn {margin-bottom:5px;}
    .btn {margin-top:5px;}
    #footer img {margin-bottom:25px;}
    #footer strong {font-size:15px;}
     .blocRea .owl-next {display:none!important;}
    .blocRea .owl-prev {display:none!important}
    .item .glyphicon-plus {display:none;}
    .imgBlocActu { padding: 40px 0 20px 40px;}
    .encart a {display:block;margin: 5px auto;}
    .wrapRea {height:auto;}
    .wrapServices {text-align:center}
    .wrapServices .blockProd.service {display:inline-block;}
    .wrapServices .blockProd.service h2:before {left:50%;margin-left:-25px;}
    .wrapServices .blockProd.service img {text-align:center;}
    .wrapServices .blockProd.service .btn {top:-20px;margin-left:0px;left:0;}
}

@media (max-width:600px){
    .bandeauC{font-size: 20px; background-image: none; padding: 20px;}
}

@media (max-width:500px) {
    .navbar .container{padding: 0;}
    .bandeauAcc{height:400px;}
    .glyphicon-chevron-left:before, .glyphicon-chevron-right:before {font-size: 20px;}
    .slideTxt{max-width: 100%; height: 100%; right: auto; margin:0; top: 0; font-size: 14px; font-weight: 400; padding: 20px 15%;}
    .slideTxt strong{font-size: 20px;}
}

/*********************************************
                    LANDING PAGE
*********************************************/
#landing{
    color:#636466;
    font-size: 18px;
    font-weight: 300;
}
#landing h1{
    margin: 0 0 50px 0; 
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size:40px;
    font-weight: 300;
}
#landing h1 strong{
    color:#90b73e;
    font-weight: 600;
}
#solutions, #etude, #financement, #carte{padding: 84px 0;}

#landing .navbar{
    background: #fff;
    z-index: 12;
    display: flex;
    padding:0 18%;
    width: 100%;
}
#navbarContact{margin: auto 0 auto auto;}
#landing .navbar p{font-size: 15px;font-weight: 300;margin-bottom: 0;text-align: right;}
#landing a.navbar-tel.btn{
   border-radius:100px;
   background: #ededed;
   color:#636466;
   font-weight: bold;
   font-size:26px;
   padding: 6px 12px;
   display: inline-flex;
   align-items: center;
}
#landing a.navbar-tel.btn:hover{background: #f5f5f5;}
#landing a.navbar-tel.btn div{
    border-radius: 25px;
    width: 40px;
    height: 40px;
    background: #90b73e;
    display: flex;
    margin-right: 13px;
}
#landing .navbar span.glyphicon.glyphicon-earphone{
    color:#fff;
    margin: auto;
}
#home{
    padding-top: 114px;
    margin-top: -114px;
    z-index:10;
}
#home:before{
    padding-top: 114px;
    margin-top: -114px;
    content:'';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-background: linear-gradient(30deg, rgba(188,207,89,1) 0%, rgba(0,0,0,0) 50%, rgba(162,184,180,1) 90%), linear-gradient(160deg, rgba(162,184,180,1) 0%, rgba(0,0,0,0) 30%, rgba(162,184,180,1) 100%);
    -moz-background: linear-gradient(30deg, rgba(188,207,89,1) 0%, rgba(0,0,0,0) 50%, rgba(162,184,180,1) 90%), linear-gradient(160deg, rgba(162,184,180,1) 0%, rgba(0,0,0,0) 30%, rgba(162,184,180,1) 100%);
    -o-background: linear-gradient(30deg, rgba(188,207,89,1) 0%, rgba(0,0,0,0) 50%, rgba(162,184,180,1) 90%), linear-gradient(160deg, rgba(162,184,180,1) 0%, rgba(0,0,0,0) 30%, rgba(162,184,180,1) 100%);
    background: linear-gradient(30deg, rgba(188,207,89,1) 0%, rgba(0,0,0,0) 50%, rgba(162,184,180,1) 90%), linear-gradient(160deg, rgba(162,184,180,1) 0%, rgba(0,0,0,0) 30%, rgba(162,184,180,1) 100%);
}
#home .btn{
    background: #90b73e;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: 26px;
    font-weight: 700;
}
#home .btn:hover, #financement .btn:hover, #carte .btn:hover{background: #cbdb2a;}
#home #txtAcc{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 29px;
    color:#fff;
    text-shadow: 0px 0px 15px #7f7f7f;
    margin-top: 30%;
}
#home #txtAcc strong {font-size:55px;}
#home #txtAcc span {font-size: 88px;}
#home #txtAcc .btn {
    margin-top:45px;
    box-shadow: 0px 25px 20px -20px rgba(0,0,0,0.65);
    font-size: 22px;
    font-weight: 600;
}
#home form{
    width: 440px;
    background :#2197b5;
    color:#fff;
    padding: 22px 45px 30px 45px;
    border-radius: 10px;
    box-shadow: 0px 30px 20px -20px rgba(0,0,0,0.4);
}
#rappel{
    display: inline-block;
    margin-left: -30px;
    margin-bottom: 30px;
    width: 100%;
}
#rondTel{
    border-radius: 50px;
    width: 71px;
    height: 71px;
    background: #fff;
    display: flex;
    margin-right: 20px;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
    float: left;
}
#rondTel span.glyphicon.glyphicon-earphone{color:#90b73e;margin: auto;font-size: 40px;}
#home form strong{
    text-transform: uppercase;
    font-size:30px;
    font-weight: 600;
}
#home .form-group label{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 300;
}
#home .form-group label.error{
    text-transform: none;
    font-size: 10px;
    font-weight: 700;
}
#home .form-group:first-of-type{margin-top: 20px;}
#home .form-control{
    border:none;
    border-radius: 8px;
}
#home form button{margin-top: 30px;padding:10px 45px;}
.checkbox-inline{font-size: 16px;}

#solutions span{
    font-weight: 600;
    font-size: 30px;
    color: #90b73e;
    text-transform: uppercase;
}
#solutions ul{padding-right: 50px;margin-top: 4%;}
#solutions ul li {list-style-image: url('../img/checked.png');margin-top: 15px;}
#solIcon1, #solIcon2{margin-top: 55px;}
.solutionIcons{
    display: flex;
    align-items:center;
    margin-bottom: 25px;
}
.solutionIcons strong {
   text-transform: uppercase;
   font-size: 20px;
   font-weight: 500;
}
.solutionIcons .rond{
    margin: 0 12px 0 0;
    width: 90px;
    height: 90px;
}
.solutionIcons .rond img{width:50px;}

#monteEscalier h1 strong{color:#2197b5;}
#escalier1:before, #escalier2:before, #escalier3:before{
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(14,132,162,0.6);
}
#escalier1, #escalier2, #escalier3{
    background-size: cover;
    background-repeat: no-repeat;
}
#escalier1 {background-image: url('../img/horizon.jpg');padding-left:0;}
#escalier2 {background-image: url('../img/fond.jpg');}
#escalier3 {background-image: url('../img/ext.jpg');}
.escalierContent{
    padding:30% 12% 6% 12%;/* 160px 120px 60px 120px; */
    color:#fff;
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
    position :relative;
}
.escalierContent img{margin-bottom: 50px;}

#etude h1{margin: 0 0 50px 0px;padding: 0;}
#etude p{padding:0 40px;}
#etude h3{
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 26px;
    color: #90b73e;
    text-transform: uppercase;
    margin-top: 38px;
    margin-bottom: 25px;
}
#etude .col-12:last-child:after{content: '';}
.rond {
    width: 120px;
    height: 120px;
    border-radius: 75px;
    background: #cbdb2a;
    display: flex;
    margin-left: auto;
    margin-right: auto;
}
.rond img{
    width:68px;
    height: auto;
    margin:auto;
    align-self:center;
}

#financement .btn, #carte .btn{
    background: #90b73e;
    color: #fff;
    border-radius: 15px;
    font-size: 24px;
    font-weight: 600;
    display: inline-flex;
}
#financement .btn .glyphicon.glyphicon-earphone, #carte .btn .glyphicon.glyphicon-earphone{
    margin-right: 12px;
}
#financement h1, #financement p, #financement img{
    color:#fff;
    position: relative;
}
#financement p{font-size: 28px;}
#financement h1 strong {color:#cbdb2a;}
#financement img{margin-bottom: 40px;}
#financement:before{
    content:'';
    display: block;
    position: absolute;
    top:0;
    width: 100%;
    height:100%;
    background:rgba(27,121,145,0.8);
}
#financementContent{
    text-align: center;
    margin:9% 2% 5% 2%;
    }
#financementContent div{
    display:inline-block;
    width:19%;
}
#financementContent p{padding: 0 30px; font-size: 22px;}
#financementContent strong{color:#cbdb2a;}

#carte{padding:50px 0;}
#carte h1{text-align: left;}
#carte h1 strong {color:#2197b5;}
#carte .btn {margin-top: 40px;}

#footer-landing{
    background: #2197b5;
    color:#fff;
    padding: 40px 0;
    display: flex;
    align-items:center;
}
#footer-landing a, #footer-landing a:focus {color: white;}
#footer-landing a:hover{color:#cbdb2a;}
#footer-landing p{margin-bottom:0;}
#footer-landing strong {text-transform: uppercase;margin-bottom: 5px;}
#footer-landing #contact{display: inline-flex;}
#footer-landing #contact div{margin-right: 75px;}

@media(max-width:1200px){
    #landing .navbar {padding:0 5%;}
    #solutions, #etude, #financement, #carte{padding: 55px 0;}
    #home #txtAcc strong {font-size: 38px;}
    #home #txtAcc span {font-size: 60px;}
    #rappel {margin-left: 0px;}
    
    .solutionIcons strong {font-size: 15px;}
    #solIcon1, #solIcon2{margin-top: 0px;}
    .escalierContent {font-size: 18px;}
    #financementContent div{width: 32%;}
}
@media(min-width:991px){
    #home form{margin: 20% auto 20% 5%;}
    #etude .col-12:after{
        content: url('../img/fleche.png');
        color: #90b73e;
        font-weight: 700;
        display: block;
        position: absolute;
        top:50px;
        right:-100px;
    }
    #escalier1, #escalier2, #escalier3{height: 480px;background-origin: content-box;}
    #escalier1:before, #escalier2:before, #escalier3:before{width: calc(100% - 15px);}
    #escalier1:before{width:100%;}
}

@media(max-width:991px){
    #home #txtAcc {margin:35px 0;}
    #home #txtAcc .btn{margin-top: 15px;font-size: 18px;}
    #home form{width: auto;padding: 3% 5% 3% 5%;}
    #escalier1, #escalier2, #escalier3 {margin-bottom:15px;}
    #solIcon1, #solIcon2{margin-top: 0px;}
    .solutionIcons {float: left;}
    #footer-landing #contact div{margin-right: 20px;}
    #footer-landing{text-align: center;}
    #footer-landing #contact div{margin-bottom: 30px;}
}

@media(max-width:768px){
    #landing h1{font-size: 30px;margin-bottom: 20px;}
    #landing p{font-size: 16px;}
    #solutions, #etude, #financement, #carte{padding: 42px 0;}
    #landing a.navbar-tel.btn {font-size: 18px;}
    #landing a.navbar-tel.btn div {width: 30px;height: 30px; }
    
    #rondTel{width: 60px;height: 60px;}
    #rondTel span.glyphicon.glyphicon-earphone{font-size: 30px;}
    
    #solutions {text-align: center;}
    #solutions span {font-size: 24px;}
    #solutions ul {text-align:left;margin-bottom: 25px;}
    .solutionIcons {display: inline;width: 33.333%;margin-bottom: 0;}
    .solutionIcons .rond {margin: auto;}
    .solutionIcons strong {font-size: 18px;}
    
    .escalierContent{padding:15% 20% 3% 20%;}
    
    #etude .rond{margin-top: 40px;}
    #etude h3{margin-bottom: 25px;margin-top: 25px;}
    
    #financement .btn, #carte .btn{font-size: 14px;}
    #financement p{font-size: 18px;}
    #financement img{margin-top: 20px;margin-bottom: 10px;}
    #financementContent div{width: 48%;}
    #financementContent{margin-top: 5px;font-size: 16px;}
        
    #carte, #carte h1{text-align: center;}
    #carte .btn{margin: 20px 0 20px 0;}
    
    #footer-landing #contact div{margin-right: 20px;font-size: 16px;}
}

@media(max-width:500px){
    #landing h1{font-size: 22px;}
    #solutions, #etude, #financement, #carte{padding: 21px 0;text-align: center;}
    #landing .navbar{display: inline-block;padding: 0;}
    #landing .navbar p{text-align: center;}
    .navbar-brand {padding: 0 40px;}
    
    #home #txtAcc {margin:25px 0;}
    #home #txtAcc strong {font-size: 30px;}
    #home #txtAcc span {font-size: 48px;}
    #home form strong{font-size:20px; }
    #home form .form-group:first-of-type{margin-top: 20px;}
    .checkbox-inline {font-size: 14px;}
    #home .btn {font-size: 17px;}
    #home #rappel{text-align: center;}
    #rondTel{margin:0 auto 15px auto;float: none;}
            
    .solutionIcons {width: 50%;}
    #solutions ul {font-size: 16px;margin-top: 10px;}
    #solutions span {font-size: 18px;}
    .solutionIcons strong {font-size: 14px;}
    
    .escalierContent{padding:15% 14% 3% 14%;}
    #etude h3 {font-size: 20px;}
        
    #financement:before {background: rgba(27,121,145,1);}
    #financementContent{display: inline;}
    #financement h1{margin: 0 0 25px 0;}
    #financementContent div{width: 100%;}
    
    #footer-landing #contact{display: block;}
}