body {padding-top:56px}
@media screen and (max-width:640px){
.row{margin-right:0;margin-left:0}
}
body{font-family:'Source Sans Pro'}
h3.services-title{font-size:1.3rem;color:rgba(31,83,117,1.00)}
body.page-template-suite .main-title.first{font-size:3.5rem}
.main-title{text-transform:uppercase;font-family:'Source Sans Pro';color:rgba(235,101,85,1.00);font-size:1.5rem}
.title-description,
.slogan-header{font-family:'Cookie';font-size:4rem;color:rgba(31,83,117,1.00);line-height:.8;padding-bottom:15px}
.mise-en-oeuvre-text{font-family:'Cookie';font-size:3rem;color:rgba(31,83,117,1.00)}
.navbar-toggler{border:none}
.animated-icon1{width:30px;height:20px;position:relative;margin:0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}
.animated-icon1 span{
display:block;
position:absolute;
height:3px;
width:100%;
border-radius:9px;
opacity:1;
left:0;
-webkit-transform:rotate(0deg);
-moz-transform:rotate(0deg);
-o-transform:rotate(0deg);
transform:rotate(0deg);
-webkit-transition:.25s ease-in-out;
-moz-transition:.25s ease-in-out;
-o-transition:.25s ease-in-out;
transition:.25s ease-in-out
}
.animated-icon1 span {
background:#123668;
}
.animated-icon1 span:nth-child(1) {
top:0px
}
.animated-icon1 span:nth-child(2) {
top:10px
}
.animated-icon1 span:nth-child(3) {
top:20px
}
.animated-icon1.open span:nth-child(1) {
top:11px;
-webkit-transform:rotate(135deg);
-moz-transform:rotate(135deg);
-o-transform:rotate(135deg);
transform:rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
opacity:0;left:-60px
}
.animated-icon1.open span:nth-child(3) {
top:11px;
-webkit-transform:rotate(-135deg);
-moz-transform:rotate(-135deg);
-o-transform:rotate(-135deg);
transform:rotate(-135deg)
}
.nav-link.active {border-bottom:1px solid rgba(0,0,0,.9)}
.header{position:absolute;top:100px;right:0;left:auto}
.accueil{min-height:450px}
@media screen and (max-width:991px){
.accueil{flex-direction: column}
.header{position:relative;top:auto;right:auto;left:auto}
}
.tomato{background:rgba(235,101,85,1.00);width:100%;height:100%;position:absolute;transform:rotate(-2deg);left: auto;right:20px;top:22px;box-shadow:2px 2px 17px rgba(235,101,85,1.00)}
.carousel-item {height:30vh;min-height:400px;background-position:center center!important;background-repeat:no-repeat !important;
-webkit-background-size: cover!important;
-moz-background-size: cover!important;
-o-background-size: cover!important;
background-size: cover!important;
}
#carouselExampleIndicators{background:rgba(31,83,117,1.00)}
.carousel-caption h3{text-shadow:0 0 0.2em black,0 0 0.2em black,0 0 0.3em black}
.carousel-caption p{text-shadow:0 0 0.2em black,0 0 0.2em black,0 0 0.2em black}
.carousel-inner{border-bottom:rgba(31,83,117,1.00) 3px solid;border-left:rgba(31,83,117,1.00) 3px solid;border-top:rgba(31,83,117,1.00) 3px solid}
@media screen and (max-width:640px){
.exigence,
.carousel{display:none}
.accueil{min-height:auto}
.savoir-faire.pb-5{padding-bottom:0!important}
.savoir-faire.pt-5{padding-top:0!important}
}
.portfolio-item {margin-bottom:30px}
.navbar-brand img{height:50px}
.btn-wecom{background:rgba(31,83,117,1.00);text-transform:uppercase; color:white;border-radius:0;box-shadow:2px 2px 7px rgba(31,83,117,1.00);margin-top:15px}
.btn-wecom:hover{color:#DDDDDD}
.presentation{padding:100px 0 0 0}
.savoir-faire{background: linear-gradient(177deg, rgba(31,83,117,0.00) 0%,rgba(31,83,117,0) 15%,rgba(31,83,117,0) 19%,rgba(31,83,117,0) 20%,rgba(31,83,117,0.05) 50%,rgba(31,83,117,0.1) 80%,rgba(31,83,117,0.1) 85.8%,rgba(31,83,117,0.0) 86%,rgba(31,83,117,0.00) 100%)}
.savoir-faire .container{padding:45px 0}
#suite.savoir-faire .container{padding:0 0 100px}
@media screen and (min-width:2000px){
.savoir-faire{   
background: linear-gradient(178deg, rgba(31,83,117,0.00) 0%,rgba(31,83,117,0) 15%,rgba(31,83,117,0) 19%,rgba(31,83,117,0) 20%,rgba(31,83,117,0.05) 50%,rgba(31,83,117,0.1) 80%,rgba(31,83,117,0.1) 85.8%,rgba(31,83,117,0.0) 86%,rgba(31,83,117,0.00) 100%); 
}
}
@media screen and (max-width:991px){
.presentation{padding:0px 30px}
.savoir-faire{
background: linear-gradient(178deg, rgba(31,83,117,0.00) 0%,rgba(31,83,117,0) 15%,rgba(31,83,117,0) 19%,rgba(31,83,117,0) 20%,rgba(31,83,117,0.05) 50%,rgba(31,83,117,0.1) 80%,rgba(31,83,117,0.1) 81%,rgba(31,83,117,0.0) 98%,rgba(31,83,117,0.00) 100%); 
}
}
.services-wrapp{height:auto}
.services-img{width:120px;margin:auto;height:120px}
.services-title{text-transform:uppercase}
.services{margin-top:35px}
.services-card{font-size:.9rem;padding:25px 25px 75px;border-radius:15px;box-shadow: 1px 1px 15px rgba(31,83,117,0.30);margin-bottom:30px;height:93%}
.services-btn .btn-wecom{position:absolute;bottom:65px;right:15%}
.decor{width:100%;position:relative;background-color:rgba(235,101,85,0.70)}
.decor::before{content:'';background-image:url("images/pattern.svg");display:block;position:absolute;top:2px;right:2px;left:2px;bottom:2px;
background-size:30px}
.real-container{padding:15px;width:100%;height:100%;cursor:pointer;max-width:1800px;margin:0 auto}
.realisation-wrapp{position:relative;margin:0;padding:0;overflow:hidden}
.realisation-wrapp:hover .realisation-text{opacity:1}
.realisation-text{opacity:0;position:absolute;bottom:0;width:100%;left:50%;margin-left:-50%;background: rgba(255,255,255,0.75);z-index:2;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;	
}
.realisation-img img{margin:auto}
@media screen and (max-width:1199px){
}
@media screen and (max-width:991px){
.realisation-img {display:flex}
.realisation-img img{max-width:600px;margin:0 auto}
.realisation-text{max-width:600px;margin-left:-300px}
}
@media screen and (max-width:640px){
.services h1.main-title,
.services h2.title-description{padding-left:15px}
.realisation-img img{max-width:100%;height:100%;width:100%}
.realisation-text{max-width:100%;margin-left:-50%}
}
.mise-en-oeuvre{padding:50px;background:rgba(242,242,242,1.00)}
textarea,
input[type=tel],
input[type=text],
input[type=email]{width:100%;border:none;border-bottom:1px solid #212529;}
input.btn-wecom{display:block;margin:auto;width:220px;padding: .575rem .75rem;}
textarea{height:150px}
.wpcf7-list-item {position: relative}
#checkbox [type="checkbox"]:not(:checked), 
#checkbox [type="checkbox"]:checked{position: absolute;left:-25px;top:-25px;opacity:0.01;width:70px;height:70px;cursor:pointer;z-index:10}
#checkbox [type="checkbox"]:not(:checked) + .wpcf7-list-item-label,
#checkbox [type="checkbox"]:checked + .wpcf7-list-item-label{position:relative;padding-left:2.3em;font-size:1.05em;line-height:1.4;cursor:pointer}
#checkbox [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:before,
#checkbox [type="checkbox"]:checked + .wpcf7-list-item-label:before{content:'';position:absolute;left:0;top:0;width:1.4em;height:1.4em;border:1px solid #aaa;background:#FFF;border-radius:0;box-shadow:inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(0,0,0, .2);transition:all .275s}
#checkbox [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after,
#checkbox [type="checkbox"]:checked + .wpcf7-list-item-label:after{content:'✓';position:absolute;top:.38em;left:.18em;right:auto;font-size:1.6em;color:#212529;line-height:0;transition:all .2s}
#checkbox [type="checkbox"]:not(:checked) + .wpcf7-list-item-label:after{opacity:0.1;transform:scale(0) rotate(45deg)}
#checkbox [type="checkbox"]:checked + .wpcf7-list-item-label:after{opacity:1;transform: scale(1) rotate(0)}
#Calque_1{margin-bottom:-1%}
.footer-bkcgrd{background-color:rgba(235,101,85,1.00)}
footer.footer-img ul{padding-left:0;line-height:2;padding:15px 0 30px}
footer.footer-img a{color:white}
footer.footer-img li{list-style:none}
footer .reseaux h2{text-align: center}
footer .reseaux li{margin:0 12px}
footer .reseaux li:hover a{opacity:.75}
footer .reseaux img{display:block;width:30px;height:30px}
.footer-img{background:url("images/image-footer.svg") no-repeat 95% -80px;background-size:400px}
@media screen and (max-width:991px){
.footer-img{background:url("images/image-footer.svg") no-repeat 95% 30%;background-size:400px}
}
@media screen and (max-width:640px){
.footer-img .row{flex-direction:column-reverse;}
}
@media screen and (max-width:575px){
.slider{width:90%;margin:0 auto}
}
.carousel-control-prev-icon,
.slick-prev{background: url("images/prev.svg") no-repeat 50% 50%;width:20px;height:100px} 
.carousel-control-next-icon,
.slick-next{background: url("images/next.svg") no-repeat 50% 50%;width:20px;height:100px}  
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.ref .img-container{background: rgba(111,115,152,0.10);filter:grayscale(1);webkit-filter:grayscale(1);border:1px solid white;cursor:pointer;height:150px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out
}
.ref .img-container:hover{background: rgba(111,115,152,0.01);filter:grayscale(0);webkit-filter:grayscale(0)}
.ref img{width:90%;margin:auto;max-height:100%}
.demarche-wrapp{padding:50px 0}
.demarche{width:98%;font-size:.9rem;padding:25px 35px;box-shadow: 4px 10px 29px rgba(31,83,117,0.40);margin:30px 0;height:100%}
.tiret{height:5px;width:125px;background:rgba(235,101,85,1);margin-bottom:15px}
.rubriques-texte{padding:15px 25px} 
.photo-mise-en-avant img{width:100%;height:100%}
@media screen and (max-width:991px){
.savoir-faire-wrapp{flex-direction:column-reverse}
.photo-mise-en-avant{width:50%;margin:0 auto}
}
@media screen and (max-width:640px){
.savoir{margin:0 15px}
.mise-en-oeuvre{padding:35px 15px}
.mise-en-oeuvre-text{font-size:2rem}
.photo-mise-en-avant{margin-top:25px}
}

button:focus {outline:0}