body, html{}

.grecaptcha-badge{z-index: 100;}

#wrap{padding: 40px;}


#container{}

#loading{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #f0f0f0;z-index: 1000;width: 100%;height: 100%;}

#grid{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: #FFF;z-index: 80;padding: 0 40px;width: 100%;height: 100%;}

#accueil #grid{padding: 0;position: absolute;background: transparent;}

#grid .container, #grid .row, #grid .col-xs-3{height: 100%;}

#grid .col-xs-3{border-right: 1px solid #e4e4e4;}

#grid .col-xs-3:first-child{border-left: 1px solid #e4e4e4;}




.border{position: fixed;background: #f0f0f0;z-index: 90;}


.btop, .bbottom{height: 40px;}

.bleft,.bright{width: 40px;}

.btop{width: 100%;left: 0;right: 0;top: 0;}

.bleft{height: 100%;left: 0;top: 0;bottom: 0;}

.bright{height: 100%;right: 0;top: 0;bottom: 0;}

.bbottom{width: 100%;left: 0;right: 0;bottom: 0;}



header{position: fixed;top: 75px;left: 20px;bottom: 75px;width: 100px;z-index: 95;}

header #logo{cursor: pointer;position: absolute;display:block;width:100px;height:100px;text-align:center;color:#FFF;font-size:30px;line-height: 100px;text-decoration:none;z-index: 2;
}

header #logo img{display: block;    width: 100%;    height: 100%;}


header .navbar-toggle {border-color: #ddd;}

header .navbar-toggle .icon-bar {background-color: #ccc;}


.navbarre {  max-height: 340px;  padding-right: 15px;  padding-left: 15px;  overflow-x: visible;}


.navbarre.in {  overflow-y: auto;}


@media (min-width: 768px) {  .navbarre {    width: auto;    border-top: 0;    box-shadow: none;max-height: none;padding-right: 0;padding-left: 0;  }

  .navbarre.collapse {    display: block !important;    height: auto !important;    padding-bottom: 0;    overflow: visible !important;  }

  .navbarre.in {    overflow-y: visible;  }

}




#menu{position: absolute;bottom: 0;top: 120px;width: 150px;}

#menu ul{list-style: none;padding: 0;margin: 0;}

#menu li{display: block;padding: 0;margin: 0;position: absolute;text-align:left;width: 100%;}

#menu li#m-propos{ top: 0px; }

#menu li#m-realisations{ top: 30px; }

#menu li#m-contact{ top: 60px; }


#menu li a{margin:0;display:block;color:#111;font-size:20px;line-height:30px;text-transform:uppercase;text-decoration:none;font-family:"novecento_sans_wide_bookbold", Arial, Helvetica, sans-serif;}


#menu li a:hover, #menu li a:active, #menu li a.activer{}



@media (min-width: 768px){.container {width: 70%;}

}


@media (max-width: 767px){
.border, #grid{display: none;}

    #wrap {        padding:0;    }

    header{position: fixed;    top: 0;    left: 0;    bottom: auto;    width: 100%;        background:#f3f3f3;        padding: 10px 15px;    }

    header #logo{    height: 50px;    width: 50px;    position: relative;    }

    #menu{        position: relative;    bottom: auto;    top: auto;width: auto;background: #FFF;margin:10px -15px 0;    }

    #menu ul{    padding: 10px 0;    }

    #menu li{    position: relative;    text-align:left;    width: 100%;        top:auto !important;    }


}



#main{margin:0 auto;z-index: 85;position: relative;}



#content{margin:0 ;padding:0;}


section{padding: 80px 0;}