@import url("https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700");html{width:100%;height:100%}body{background:url("../images/bg-body.jpg");background-repeat:repeat-y;background-position:center center;background-size:cover;font-family:"Open Sans",sans-serif;font-size:10px;width:100%;height:100%;margin:0 auto}section{max-width:1200px;margin:0 auto;position:relative;font-family:"Open Sans",sans-serif;font-weight:300;line-height:2.2em;padding:75px 100px;box-sizing:border-box}p{font-size:1.6em}ul{margin:0;padding:0}ul,li{list-style:none}a{text-decoration:none;color:black}h1,h2,h3,h4{font-weight:normal}h1,h2{font-family:"Open Sans Condensed",sans-serif;font-size:2.8em;font-weight:700;color:#fc0;text-transform:uppercase;line-height: 1.4em}h3{font-family:"Open Sans Condensed",sans-serif;font-size:2em}header{background-color:#393939;height:85px;line-height:85px}header .container{max-width:1200px;margin:0 auto}header .container .logo{float:left}header .container .logo img{display:inline-block;vertical-align:middle}header .container .main-menu nav{font-family:"Open Sans Condensed",sans-serif;font-size:24px;font-weight:bold;text-transform:uppercase;float:right}header .container .main-menu nav li{float:left;padding:0 27px}header .container .main-menu nav li:nth-last-child(1){padding-right:0}header .container .main-menu nav li a{color:white;-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;transition:all 0.2s linear}header .container .main-menu nav li a:hover{color:#fc0;-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;transition:all 0.2s linear}.container{width:100%;height:100%;overflow:hidden;box-sizing:border-box}#homeSlider{position:relative;margin-bottom:-12px;max-width:1200px;margin:0 auto}#homeSlider .sliders{display:inline-block}#homeSlider .owl-controls.clickable .owl-buttons div{color:#FFF;display:inline-block;zoom:1;margin:15px;padding:1px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5}#homeSlider .owl-controls.clickable .owl-buttons div.owl-prev{z-index:9000;background:url("images/arrows_sprite.png");background-position:-55px -5px;background-size:128px 90px;width:28px;height:30px;position:absolute;color:#000;left:0;top:185px}#homeSlider .owl-controls.clickable .owl-buttons div.owl-next{z-index:9000;background:url("images/arrows_sprite.png");background-size:128px 90px;background-position:-60px -50px;width:22px;height:35px;position:absolute;color:#000;right:0;top:185px}section.qui-sommes-nous{background-color:#fff;margin-top:-12px}section.qui-sommes-nous .texte-interieur-gauche{border:none}section.qui-sommes-nous .slider-realisations{width:41.66%;height:100%;float:right}section.services{background-color:#393939;color:#fff;top:-12px}section.services ul{margin-left:20px}section.services ul li{list-style-type:disc;font-size:1.6em;margin:5px 0}section.realisations{background-color:#fff;color:#393939;top:-12px}section.realisations .texte-interieur-gauche{border-right:none;width:40%;padding-right:0}section.realisations #realisationsSlider{width:50%;float:right;line-height:normal}section.realisations #realisationsSlider h3{margin:0 auto;padding:10px;background-color:rgba(0,0,0,0.65);color:white;box-sizing:border-box}.texte-interieur-gauche{width:58.33%;left:0;box-sizing:border-box;border-right:2px #fc0 solid;float:left;padding-right:15px}.texte-interieur-gauche h2{margin-top:0}.texte-interieur-droite{width:41.66%;padding-left:50px;box-sizing:border-box;float:right}.texte-interieur-droite a{color:white;text-decoration:underline}footer{position:relative;margin-top:28px;color:#fff;font-weight:300;line-height:2.2em}footer .container{max-width:1200px;margin:0 auto;position:relative}footer .container .logo-footer{width:25%;display:inline-block}@media screen and (max-width: 967px){footer .container .logo-footer{width:50%}}footer .container .texte-contact{position:absolute;display:inline-block;width:33.33%;top:0}footer .container .texte-contact p{margin-top:5px}@media screen and (max-width: 967px){footer .container .texte-contact{width:50%}}footer .container .texte-adresse{width:25%;float:right}footer .container .texte-adresse .adresse{border-left:1px solid #fff}footer .container .texte-adresse .adresse a{color:#fff;font-weight:700}footer .container .texte-adresse p{margin-top:5px;padding-left:20px}footer .container .texte-adresse p a{color:#fff}@media screen and (max-width: 967px){footer .container .texte-adresse{width:100%;border-top:1px solid #fff}footer .container .texte-adresse .adresse{border-left:none}}
@media screen and (max-width: 1200px){header .container .main-menu nav{margin-right:20px}}@media screen and (max-width: 1024px){header .container{padding:0 15px}header .container .main-menu nav{display:none}header .container .main-menu{display:block}header .container .main-menu nav{position:absolute;width:100%;top:85px;left:0;z-index:999}header .container .main-menu nav ul li{float:none;background-color:#393939;text-align:center;border-top:1px solid #fc0;padding:0;line-height:50px;-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;transition:all 0.2s linear}header .container .main-menu nav ul li:nth-last-child(1){border-bottom:1px solid #fc0}header .container .main-menu nav ul li a{color:#fc0}header .container .main-menu .c-hamburger{float:right;display:block;position:absolute;overflow:hidden;top:15px;right:15px;margin:0;padding:0;width:40px;height:40px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;transition:background 0.3s}header .container .main-menu .c-hamburger:focus{outline:none}header .container .main-menu .c-hamburger span{display:block;position:absolute;top:18px;left:5px;right:5px;height:4px;background:white}header .container .main-menu .c-hamburger span::before,header .container .main-menu .c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:4px;background-color:#fff;content:""}header .container .main-menu .c-hamburger span::before{top:-10px}header .container .main-menu .c-hamburger span::after{bottom:-10px}header .container .main-menu .hamburger{background-color:#393939}header .container .main-menu .hamburger span{-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;transition:all 0.2s linear}header .container .main-menu .hamburger span::before,header .container .main-menu .hamburger span::after{-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;transition:all 0.2s linear}header .container .main-menu .hamburger span::before{transition-property:top, transform}header .container .main-menu .hamburger span::after{transition-property:bottom, transform}header .container .main-menu .hamburger.is-active{background-color:#fc0}header .container .main-menu .hamburger.is-active span{background:none}header .container .main-menu .hamburger.is-active span::before{top:0;transform:rotate(45deg)}header .container .main-menu .hamburger.is-active span::after{bottom:0;transform:rotate(-45deg)}header .container .main-menu .hamburger.is-active spanspan::before,header .container .main-menu .hamburger.is-active spanspan::after{-webkit-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;-transition:all 0.2s linear;transition:all 0.2s linear}section{padding:30px 15px}section.qui-sommes-nous img{width:100%}section.realisations{padding-top:30px;width:100%}#realisationsSlider{padding-top:30px;width:100%}footer .container{padding:0 15px}footer .container .logo-footer{width:33.33%}}@media screen and (max-width: 968px){.container{width:100%}section.qui-sommes-nous .slider-realisations{width:100%;float:none}section.qui-sommes-nous .slider-realisations img{width:100%}.texte-interieur-gauche{width:100% !important;border-bottom:2px #fc0 solid;border-right:none}.texte-interieur-droite{width:100%;padding-left:0}section #realisationsSlider.flexslider{width:100%}footer .logo-footer,footer .texte-contact{width:50% !important}}@media screen and (max-width: 768px){footer .logo-footer img{margin:0 auto;display:block}footer .container .texte-adresse{padding-top:20px}footer .container .texte-adresse p{padding-left:0}footer .logo-footer,footer .texte-contact,footer .texte-adresse{position:relative !important;width:100% !important;margin:15px auto}}
