/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
html,body {margin:0;padding:0;height:100%;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
input{border:1px solid #b0b0b0;padding:3px 5px 4px;color:#979797;width:190px;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:300;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

/* General Demo Style */
body{font-family: "Raleway",sans-serif;background-color: #FFFFFF;font-weight: 400;font-size: 15px;color: #666666;overflow-y: scroll;overflow-x: hidden;line-height:normal !important;position: relative;margin: 0;}
.ie7 body{overflow:hidden;}
a{transition: .2s all ease;-webkit-transition: .2s all ease;-moz-transition: .2s all ease;-o-transition: .2s all ease;-ms-transition: .2s all ease;text-decoration:none !important;outline:none !important;}
::selection {background: #999999;color: #FFF;}
::-moz-selection {background: #999999;color: #FFF;}
.clearfix, .clr {clear:both;}

/* LOADING PAGE */
.mask {background-color:#00A7E7;width:100%;height:100%;position:fixed;z-index:100000;}	
#loader {background:url(../images/loader.gif) center center no-repeat;background-size:25px 25px;height:25px;width:25px;left: 50%;top: 50%;position: absolute;margin: -12px 0 0 -12px;}

/* COOKIE */
.cookiealert {background-color:#00A7E7;color: #FFFFFF;font-size:14px;position: fixed;bottom: 0;left: 0;width: 100%;margin: 0 !important;z-index: 10000;opacity: 0;padding:10px 15px;-o-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-o-transform: translateY(100%);-ms-transform: translateY(100%);-webkit-transform: translateY(100%);-moz-transform: translateY(100%);transform: translateY(100%);-o-transition: all 500ms ease-out;-ms-transition: all 500ms ease-out;-webkit-transition: all 500ms ease-out;-moz-transition: all 500ms ease-out;transition: all 500ms ease-out;}
.cookiealert.show {opacity: 1;-o-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);transform: translateY(0%);-o-transition-delay: 1000ms;-ms-transition-delay: 1000ms;-webkit-transition-delay: 1000ms;-moz-transition-delay: 1000ms;transition-delay: 1000ms;}
.cookiealert .acceptcookies {font-size:13px;font-weight: 700;background-color: #FFFFFF;color: #00A7E7;text-transform: uppercase;padding: 6px 15px 5px 15px;margin: 0 0 0 10px;vertical-align: baseline;border: none;-o-border-radius: 0;-ms-border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;-webkit-transition: all .2s ease;-moz-transition: all .2s ease;-ms-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.cookiealert .acceptcookies:hover {background-color: #eaa728;color: #FFFFFF;}

/* NAVIGATION */
.navbar {border: 0;margin-bottom: 0;min-height: 10px;display:none;}
.navbar-default {background-color:#00A7E7;}
.navbar-static-top {border:0;}
.navbar-brand {color:#FFFFFF !important;padding:10px 15px;height: 70px;line-height: normal;}
.navbar-brand img {height:50px; width:auto;}
.navbar-default ul li a{text-transform:uppercase;letter-spacing:1px;font-size:18px;font-weight:300;}
.navbar-default .navbar-nav > li > a {color: #FFFFFF;font-size:12px;text-transform:uppercase;padding:25px 20px;}
.navbar-default .navbar-nav > li > a:hover {color: #93e2ff;}
.navbar-default .navbar-nav > li > a:focus {color: #FFFFFF;}
.navbar-default .navbar-nav > li > a.active {color: #93e2ff;}
.navbar-toggle {background-color: transparent;background-image: none;border: none;border-radius: 0; margin-bottom: 13px;margin-top: 12px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-toggle .icon-bar {background-color: #FFFFFF;}
.navbar-toggle .icon-bar {border-radius: 0;height: 3px;width: 25px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border: 0;}

/* GENERAL SECTION */
section {}
section .title {margin:0 auto 100px auto;}
section .title h2 {font-size:34px;text-transform:uppercase;}
section .title hr {width:80px;height:2px;background-color:#666666;margin:30px auto 30px auto;}
section .title h3 {font-size:24px;font-weight: 300;}

/* ACCUEIL */
section#accueil {height: 100%;position: relative;width: 100%;background-color:#F2F2F2;background-image:url(../images/pattern.png), url(../images/background-accueil.jpg);background-attachment: fixed, fixed;background-position: center center, center center;background-repeat: repeat, no-repeat;background-size: auto, cover;}
section#accueil .container{}
section#accueil #home-center {height: 100%;  display: table;position: absolute;top: 0;left:0;right:0;width:90%;margin-left:5%;margin-right:5%;}	
section#accueil .div-align-center {display: table-cell;vertical-align: middle;text-align:center;}
section#accueil .fond {background-color: rgba(255, 255, 255, 0.8);width: 350px;margin:0 auto;}
section#accueil .fond h1 {color: #3fa535;line-height:auto;font-size:21px; margin:0 auto 50px auto;text-transform: uppercase;}
section#accueil .fond .logo-big {padding: 50px 0 0;width: 350px;margin:0 auto;}
section#accueil .fond img.logo {height: auto;max-width: 100%;}
section#accueil .fond .arrow {position:relative;display:inline-block;margin:0 auto 30px auto;}
section#accueil .fond .arrow img {width:26px;height:11px;}

/* À PROPOS */
section#apropos {background-color:#FFFFFF;padding:100px 0 90px 0;}
section#apropos .about img {width:120px;height:120px;margin:0 auto 20px auto;}
section#apropos .about h4 {color: #00A7E7;font-size:19px;font-weight: 600;text-transform: uppercase;margin: 0 auto 20px auto;}
section#apropos .about p {font-size: 14px;line-height: 28px;text-rendering: optimizelegibility;max-width:300px;margin:0 auto;}

/* DEFIS */
section#defis {background-color:#eaa728;padding:80px 0 80px 0;}
section#defis .col-md-6{margin:0 auto;text-align:center;}
section#defis h5{color: #FFFFFF;font-size: 27px;line-height:auto;font-weight: 600;margin:45px auto 40px auto;text-transform: uppercase;text-align:left;}
section#defis p{color:#FFFFFF;font-size:14px;line-height:28px;margin:0 auto;text-align:left;}
section#defis img.img-defis{width:100%;max-width:350px;margin:0 auto;}

/* REALISATIONS */
section#realisations {padding:100px 0 0 0;}
section#realisations .col-lg-12 {padding-left: 0;padding-right: 0;}
.cbp-popup-lightbox-bottom, .cbp-popup-lightbox-counter {display:none;}

/* CONTACT */
section#contact {background-color:#F2F2F2; padding:100px 0;}
section#contact .about img {width:120px;height:120px;margin:0 auto 20px auto;}
section#contact .about h4 {color: #00A7E7;font-size:19px;font-weight: 600;text-transform: uppercase;margin: 0 auto 20px auto;}
section#contact .about p {background-color: rgba(255, 255, 255, 0.6);-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;border-radius: 10px;color: #00A7E7;font-size: 16px;font-weight: 500;line-height: 1.4;margin: 0 auto;max-width: 250px; min-height: 90px;padding: 22px 0 0 0;text-align: center;}
section#contact .about p a {color: #00A7E7;font-weight: 500;}
section#contact .about p a:hover {color:#eaa728;}

/* MAP */
#map_canvas {width: 100%;height: 400px;z-index: 0;position: relative;margin:0;}
#map_canvas .firstHeading,#map_canvas p {font-weight:300;line-height:normal;padding:5px 0 0 0;color:#666666;}
#map_canvas .firstHeading {font-weight:300;font-size: 16px;color:#00A7E7;}
.gm-style-cc {display:none;}

/* FOOTER */
footer {background-color:#00A7E7;color:#FFFFFF;font-size:14px;text-align:center;border:0;height:auto;padding:60px 0;width:100%;}
footer a, footer a:focus {font-weight:400;letter-spacing:0.5px;color:#FFFFFF;}
footer a:hover {color:#93e2ff;}
footer .social-links {margin:0 0 20px 0;border: 0;padding: 0;text-align: center;}
footer .social-links ul.social {text-align:center;}
footer .social-links > ul > li {display: inline-block;margin: 0 10px;}
footer .social-links > ul > li > a {background-color: #93e2ff;display: block;height: 70px;width: 70px;-webkit-border-radius: 35px;-moz-border-radius: 35px;-ms-border-radius: 35px;-o-border-radius: 35px;border-radius: 35px;}
footer .social-links > ul > li > a > i {color: #00a7e7;display: inline-block;font-size: 32px;line-height: 70px;margin: 0;}
footer .social-links > ul > li:hover a {background-color: #FFF;}
footer .social-links > ul > li:hover a i {color: #00a7e7;}
footer ul.copyright {}
footer ul.copyright li {display:inline-block;}
footer ul.copyright li:after {content: " |";}
footer ul.copyright li:last-child:after {content: "";}

@media screen and (max-width:1199px){
.cookiealert .acceptcookies {display:block;margin:10px auto 0 auto;}
section#defis h5{margin:15px auto 40px auto;}
}
@media screen and (max-width:1199px){
section#accueil {background-attachment: scroll, scroll;}
}
@media screen and (max-width:992px){
.navbar-brand {height: 60px;}
.navbar-brand img {height:40px; width:auto;}
.navbar-default .navbar-nav > li > a {font-weight:500;text-transform:uppercase;padding:20px 20px;}
section .title {margin:0 auto 50px auto;}
section .title h2 {font-size:30px;}
section .title hr {width:50px;height:2px;margin:20px auto 20px auto;}
section .title h3 {font-size:20px;line-height:25px;}
section#accueil .fond {width: 270px;}
section#accueil .fond h1 {font-size:15px; margin:0 auto 20px auto;}
section#accueil .fond .logo-big {padding: 30px 0 0 0;width: 200px;}
section#accueil .fond .arrow {margin:0 auto 30px auto;}
section#apropos .about p {margin:0 auto 50px auto;}
section#apropos .about p.last {margin:0 auto;}
section#defis h5 {font-size: 25px;margin: 30px 0 30px 0;text-align:center;}
section#defis p{max-width: 600px;text-align:center;line-height:24px;}
section#defis img.img-defis{width:100%;max-width:250px;}
section#contact .about p {margin: 0 auto 50px auto;}
section#contact .about p.last {margin: 0 auto;}
}
@media screen and (max-width:768px){
.navbar-default .navbar-nav > li > a {padding:20px;font-size:16px;}	
.navbar-toggle {margin-bottom: 10px;margin-top: 13px;}
.navbar-nav {margin: 0 -15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background-color: #FFFFFF;color: #00A7E7;}
section#apropos {padding: 50px 0;}
section#defis {padding: 50px 0;}
section#realisations {padding: 50px 0 0 0;}
.cbp-l-filters-alignCenter {margin-bottom: -2px;}
.cbp-l-filters-alignCenter .cbp-filter-item {border-left:2px solid #ffffff;border-right:2px solid #ffffff;margin: 0 auto 4px auto;display:block; }
.cbp-l-filters-alignCenter .cbp-filter-item {background-color: #F3F3F3;}
section#contact {padding: 50px 0;}
footer {font-size:12px;padding:25px 0;}
footer .social-links {margin:0 0 20px 0;}
footer .social-links > ul > li {display: inline-block;margin: 0 3px;}
footer .social-links > ul > li > a {height: 40px;width: 40px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;}
footer .social-links > ul > li > a > i {font-size: 20px;line-height: 40px;}
footer ul.copyright li {display:inline-block;}
footer ul.copyright li:nth-child(2):after {content:"";;}
footer ul.copyright li:last-child {display:block;}
}
@media screen and (max-width:600px){
section#accueil .fond {width: 220px;}
section#accueil .fond h1 {font-size:13px; margin:0 auto 15px auto;}
section#accueil .fond .logo-big {padding: 20px 0 0 0;width: 180px;}
section#accueil .fond .arrow {margin:0 auto 20px auto;}
}