html, body {height: 100%;}
body {font-family: 'Lato', sans-serif; font-size: 1.6rem;}
h1 {font-size: 3.5rem; text-transform: uppercase;}
h2 {font-size: 2.5rem; text-transform: uppercase;}
a {text-decoration: underline;}
.wrapper-1300 {max-width: 1300px; margin: 0 auto;}
.emailField {display: none;}

.header {display: -webkit-box; display: flex; z-index: 150 !important;}
.left {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;width: calc(100% * 2 / 12);}
.logo {width: 100%;}
.logo img {max-width:87%;}
.logo-texte span {color: #dd4e41;}
.right {background-color: #9d2c0e; width: calc(100% * 10 / 12);}
.menus {border-bottom: 190px solid  rgba(0, 0, 0, 0); border-left: 130px solid #ffffff; height: 0;}
.menus > div {display: -webkit-box;display: flex; padding-right: 29rem;justify-content: flex-end;}
.menus a {color: #fff; padding: 2rem 1.2rem; text-decoration : none;}
.menus > div:nth-of-type(1) {-webkit-box-pack: end;justify-content: flex-end;color: #fff;padding-top: 1rem;}
.menus > div:nth-of-type(1) span {margin: 0 1rem;}
.menus > div:nth-of-type(1) .fa {margin-right: 0.5rem;}
.navbar-nav {display: -webkit-box;display: flex; float: none; margin: 0;text-align: center;}
.navbar-nav > li {float: none;}
.navbar-nav > li > .dropdown-menu {background-color: #262222; border: medium none; display: block; float: none; height: 0; overflow: hidden; padding: 0; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.navbar-nav > li > a {color: #fff; padding: 1.5rem 5rem;}
.navbar-nav > li.active > a {color: #f04f43;}
.nav > li > a:hover, .nav > li > a:focus {background-color: rgba(0, 0, 0, 0); color: #f04f43;}
.navbar-nav li:hover .dropdown-menu {height: 400px;}
.dropdown-menu > li > a {color: #a2a1a1; padding: 0.5rem 3rem;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {background-color: rgba(0, 0, 0, 0); color: #f04f43; text-decoration: none;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {background-color: rgba(0, 0, 0, 0); color: #f04f43;}
.menus > div:nth-of-type(1) a {font-size: 1.4rem; text-transform: uppercase;}
.menus > div:nth-of-type(1) a:last-child {color: #4ecbb9;}
.menus > div:nth-of-type(1) a:last-child i {margin-right: 0.5rem;}
.menus > div:nth-of-type(2) {padding-top: 4rem;}
#bc_menu3 > a {cursor: default;}
#bc_menu12 > a {width: 124px;}
#bc_menu2 > a {width: 137px;}
.is-sticky .left {background-color: #fff;}

.panel {border: medium none;}
.banniere {height: 320px;background: #303030;}
.banniere.sdb {margin-bottom: 5rem; position: relative; text-align: center;}
.banniere.sdb > img {height: auto !important; max-width: 100%;}
.banniere.sdb > div {-webkit-box-align: center;align-items: center; background-color: #ffffff; border: 4px solid; border-radius: 50px; bottom: -45px; display: -webkit-box; display: flex; height: 100px; -webkit-box-pack: center; justify-content: center; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px;}
.banniere.sdb .fa {font-size: 5rem;}

.accueil {font-size: 1.8rem; text-align: center;}
.accueil h1 {font-size: 4rem; margin: 5rem; text-transform: none;}
.accueil h1 span {color: #dd4e41;}
.accueil h2 {font-size: 3.6rem; margin-bottom: 2rem;}
.accueil p {color: #999999;}
.content-services {display: -webkit-box;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between; margin: 7rem 0rem 2rem;}
.services {-webkit-box-align: center;align-items: center; background-color: #4ecbb9; color: #ffffff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; margin-bottom: 5rem; padding: 0 6rem 5rem; position: relative; width: calc(100% / 2 - 2rem);}
.services div {-webkit-box-align: center;align-items: center; background-color: #ffffff; border: 2px solid #4ecbb9; border-radius: 70px; display: -webkit-box; display: flex; height: 130px; -webkit-box-pack: center; justify-content: center; margin-top: -35px; width: 130px;}
.services div .fa {color: #000000; font-size: 5.5rem;}
.services h3 {font-size: 2.8rem; margin: 3rem;}
.services p {color: #ffffff; height: 110px;}
.accueil .blanc.content-services .services > a {background-color: rgba(0, 0, 0, 0); color: #262222; font-size: 1.6rem; font-weight: bold; padding: 0; text-transform: uppercase;}
.services a .fa {margin-right: 0.5rem;}
/*.equipe  .wrapper-1300 {flex-flow: column wrap; font-size: 2.2rem; padding: 0 17rem;}*/
.equipe  .wrapper-1300 {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column wrap; font-size: 2.2rem; padding: 7rem 17rem !important;}
.equipe .fa {font-size: 8rem; margin-bottom: 2rem;}
.equipe a {color: #262222; font-size: 1.6rem; font-weight: bold; text-transform: uppercase;}
.equipe a .fa {font-size: 1.6rem; margin-right: 0.5rem;}
.wrapper-1300 + .blanc {margin: 5rem 0;}
.wrapper-1300 + .blanc span {color: #dd4e41;}
.conteneur.rose .wrapper-1300 {justify-content: space-around;}
.conteneur.rose .conteneur-img {border: 5px solid #4ecbb9; border-radius: 15rem;}
.conteneur.rose .conteneur-img > img {max-width: 100%;}
.conteneur-texte > div {-webkit-box-align: center;align-items: center; display: -webkit-box; display: flex; font-size: 2.4rem; margin: 1rem 0; text-align: left;}
.conteneur-texte img {margin-right: 4rem;}
/*.accueil .blanc:last-child {margin: 7rem 0;}
.accueil .blanc:last-child a {background-color: #f44336; color: #ffffff; font-size: 2rem; font-weight: bold; padding: 1.5rem 3rem; text-transform: uppercase;}
.accueil .blanc:last-child a .fa {font-size: 2.4rem; margin-left: 1rem; vertical-align: sub;}*/
.accueil .rose:last-child {margin: 0;}
.accueil .rose:last-child a {background-color: #f44336; color: #ffffff; font-size: 2rem; font-weight: bold; padding: 1.5rem 3rem; text-transform: uppercase; text-decoration : none;}
.accueil .rose:last-child a .fa {font-size: 2.4rem; margin-left: 1rem; vertical-align: sub;}
.red {background-color: #f44336; padding: 5rem 0;}
.red .wrapper-1300 {display: -webkit-box;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; justify-content: space-around; text-align: center;}
.red .wrapper-1300 > h2 {font-size: 3.6rem; margin-bottom: 5rem; width: 100%;}
.red .wrapper-1300 > h2 .fa {margin-left: 1rem;}
.red .wrapper-1300 > div {-webkit-box-pack: center;justify-content: center; width: calc(100% / 2);}
.red .wrapper-1300 > div:nth-of-type(1) {border-right: 2px solid; font-size: 2.4rem;}
.red .wrapper-1300 > div:nth-of-type(1) .fa {font-size: 6rem; margin-right: 2rem; vertical-align: middle;}
.tel > a {color: #262222; font-weight: 500;  text-decoration : none;}
.red .wrapper-1300 > div:nth-of-type(2) {-webkit-box-align: center;align-items: center; display: -webkit-box; display: flex; font-size: 2rem; font-weight: 500; line-height: 1.1; text-align: left;}
.red .wrapper-1300 > div:nth-of-type(2) .fa {font-size: 6rem; margin-right: 2rem;}


.footer {background-color: #9d2c0e;}
.footer .wrapper-1300 {-webkit-box-align: center;align-items: center; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; justify-content: space-around; padding: 4rem 0;}
.footer a {color: #fff; padding: 1rem; text-decoration : none;}
.footer .wrapper-1300 > div:first-child {display: flex;width: calc(100% / 2);justify-content: space-around;}
.footer .wrapper-1300 > div:first-child div:first-child {font-size: 2.1rem;}
.footer .wrapper-1300 > div:first-child div:last-child {display: flex;flex-flow: column wrap;}
.footer .wrapper-1300 > div:first-child div:last-child a:last-child {border: 1px solid;font-size: 1.8rem;font-weight: 700;margin-top: 1rem;}
.footer .wrapper-1300 > div:first-child div:last-child a:last-child .fa {font-weight: 700;margin-left: 0.7rem;font-size: 2.1rem;}
.footer .wrapper-1300 > div:last-child {display: flex;width: calc(100% / 2);justify-content: space-around;}
.footer .wrapper-1300 > div:last-child div {display: flex;flex-flow: column wrap;}

.blanc.titre .wrapper-1300 {-webkit-box-align: center;align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; padding: 0 0 7rem; text-align: center;}
.titre h1 {margin: 4rem 0 7rem;}
.titre .wrapper-1300 > p {color: #999999; font-size: 2.2rem; line-height: 33px; text-align: center; width: 50%;}
.blanc .wrapper-1300 {display: -webkit-box;display: flex; padding: 7rem 0;}
.rose.voir .texte {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column wrap;}
.rose {background-color: #f6f0f0; padding: 7rem 1rem;}
.rose .wrapper-1300 {-webkit-box-align: center;align-items: center; display: -webkit-box; display: flex;}
.blanc {padding: 0 1rem;}
.blanc .photos {margin-right: 7rem;}
.texte {padding-right: 10rem; width: calc(100% / 1.3);}
.conteneur {-webkit-box-align: center;align-items: center; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: justify; justify-content: space-between;}
.conteneur-texte {width: calc(100% / 1.8);}
.conteneur-texte h2 {margin-bottom: 5rem;}
.big {font-size: 2rem;}
.conteneur-texte ul {margin: 2rem;}
.conteneur-img {height: 290px; overflow: hidden; width: 290px;}
.conteneur-img > a {display: block; height: 100%; position: relative; width: 100%;}
/*.conteneur-img > a:hover::before {background-color: rgba(0, 0, 0, 0.42); color: #ffffff; content: "\f00e"; font-family: fontawesome; font-size: 4rem; height: 100%; padding: 120px 130px; position: absolute; width: 100%;}*/
.conteneur-img > a:hover::before {align-items: center; background-color: rgba(0, 0, 0, 0.42); color: #ffffff; content: "\f00e"; display: flex; font-family: fontawesome; font-size: 4rem; height: 100%; justify-content: center; position: absolute; vertical-align: middle; width: 100%;}
.conteneur:nth-of-type(2) {margin-top: 7rem;}

.conteneur-img img {height: auto; width: 545px;}
.conteneur-img.comble img {margin: -22px -45px;} .conteneur-img.comble-sdb img {margin: 0 -60px;}
.conteneur-img.velux img {margin: -190px -70px 0;} .conteneur-img.velux-comble img {margin: -150px 0;}
.conteneur-img.baignoire img {margin: -30px 0 0 -20px;} .conteneur-img.douche img {margin: -280px -110px;} .conteneur-img.vasque img {margin: -70px 0;} .conteneur-img.robinet img {margin: -20px -100px;} .conteneur-img.wc img {margin: -310px 0 0;} .conteneur-img.led img {margin: 0 -70px;}
.conteneur-img.magasin img {margin: 0 -90px;} .conteneur-img.cuisine img {margin: -40px -155px;} .conteneur-img.ilot img {margin: -48px -76px;}
.conteneur-img.peinture img {margin: 0 -80px;} .conteneur-img.peinture-escalier img {margin: -273px -86px;}
.conteneur-img.carrelage img {margin: -25px -102px;} .conteneur-img.brique img {margin: -223px -100px;} .conteneur-img.habillage img {margin: -30px -50px;} 
.conteneur-img.parquet img {margin: -280px -100px 0;} .conteneur-img.revetement img {margin: -30px -160px;} .conteneur-img.protection img {margin: -50px -60px;}
.conteneur-img.domotique img {margin: -250px -90px;} .conteneur-img.systeme img {margin: 0 -140px;} .conteneur-img.chauffe-eau img {margin: -10px;} .conteneur-img.radiateur img {margin: -160px -10px;} .conteneur-img.antennes img {margin: 0 -70px;}
.conteneur-img.dressing img {margin: -230px -250px 0;}

.contenu-droite {display: -webkit-box;display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; width: 22%;}
.contenu-droite > a {-webkit-box-align: center;align-items: center; background-color: #f04f43; color: #ffffff; display: -webkit-box; display: flex; font-size: 1.8rem; height: 70px; -webkit-box-pack: justify; justify-content: space-between; padding: 3rem 2rem; text-decoration: none;}
.contenu-droite > a:hover {background-color: #ff5f53; text-decoration: none;}
.contenu-droite a i.fa {font-size: 2rem;}
.contenu-droite > span {-webkit-box-align: center;align-items: center; background-color: #f47b72; color: #ffffff; display: -webkit-box; display: flex; font-family: 'Titillium Web', sans-serif; font-size: 2rem; font-weight: bold; height: 70px; padding: 3rem 2rem; text-transform: uppercase;}
.contenu-droite span .fa.fa-plus {margin-right: 3rem;}
.contenu-droite.flottant > a {background-color: #7ad8cb; font-family: 'Titillium Web', sans-serif; font-size: 2rem; -webkit-box-pack: center; justify-content: center; text-transform: uppercase; text-decoration: none;}
.contenu-droite.flottant > a:hover {background-color: #62c0b3;}
.contenu-droite.flottant > div {-webkit-box-align: center;align-items: center; background-color: #4ecbb9; color: #ffffff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; -webkit-box-pack: center; justify-content: center; padding: 4rem 0; text-align: center;}
.contenu-droite.flottant div .fa {font-size: 5rem; margin-right: 2rem;}
.contenu-droite.flottant div span {font-size: 2rem;}
.contenu-droite.flottant > a:nth-of-type(2) {background-color: #262222; font-weight: bold;}
.contenu-droite.flottant > a:nth-of-type(2):hover {background-color: #363232;}
.contenu-droite.flottant > a:nth-of-type(2) i {color: #f04f43; font-size: 2.4rem; margin-right: 2rem;}
.contenu-droite div div {display: flex; flex-flow: row wrap; align-items: center; margin: 1.5rem 0;}
.contenu-droite.flottant div div:nth-of-type(2) span {font-size: 1.6rem;}

.icone {margin: 1rem 0;}
.slicknav_menu {display: none;}

.conteneur.realisation {display: block;}
.photoPicture.conteneur-img {height: auto; margin-bottom: 3rem; width: calc(100% / 3 - 2rem);}
.conteneur.realisation .conteneur-img > a {height: 100%; max-width: 100%;}
.conteneur-img img.lazy {width: 100%;}

.form form {display: flex;flex-flow: row wrap;}
.form .form-group {width: calc(100% / 2 - 2rem);}
.form-group:nth-of-type(2n) {margin-right: 2rem;}
#field_14, #field_17 {border: medium none;box-shadow: none;padding: 0;}
.conteneur.form .form-group:nth-of-type(8), .form-group:nth-of-type(10)  {width: 100%;}
.form-group:last-child {margin-right: 2rem;text-align: right;width: 100%;}
.time {display: none;}
.actu > div {display: flex;align-items: baseline;}
.actu h2 {margin: 0 0 1rem 1rem;}
.date {font-weight: 500;}

.conteneur.rose + .blanc {padding: 5rem 0;}
.conteneur.rose.actu {flex-flow: column wrap;}
.accueil .rose.actu a {background: transparent;color: #333;padding: 0;font-size: 1.9rem;}
.actu .actu > div {text-align: left;}

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

/* for 1280px or less */
@media screen and (max-width: 1279px) {

.left {-webkit-box-pack: center;justify-content: center; width: calc(100% / 3 + 0rem);}
.right {width: calc(100% - 0rem);}
.menus {border: medium none; height: auto;}
.menus > div {padding-right: 0;}
.navbar-nav > li > a {padding: 1.5rem 1rem;}

}

@media screen and (max-width: 1200px) {

.left {-webkit-box-align: center;align-items: center; width: calc(100% / 5 + 0rem);}
.navbar-nav > li > a {font-size: 1.5rem;}
.titre .wrapper-1300 > p {width: 90%;}

}

/* for 1024px or less */
@media screen and (max-width: 1023px) {

.navbar-nav {-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap; -webkit-box-pack: end; justify-content: flex-end;}
.navbar-nav > li > a {padding: 1.5rem 2.2rem;}
.texte {padding: 0; width: 100%;}
.conteneur-texte {width: 50%;}
.rose.voir {padding: 2rem;}
.rose .wrapper-1300 {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column nowrap;}
.rose.voir .contenu-droite {display: block; width: 100%;}
.rose.voir + .blanc .wrapper-1300 {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column nowrap;}
.contenu-droite.flottant {display: block; width: 100%;}
.contenu-droite {display: none;}
#bc_menu2 > a {width: 151px;}
.blanc .wrapper-1300 {flex-flow: column wrap;}
.actu .conteneur-texte {width: 80%;margin-bottom: 2rem;}


}

/* for 790px or less */
@media screen and (max-width: 790px) {

.slicknav_menu {display: block; position: absolute; right: 0; width: 80%; z-index: 3;}
.right {display: none;}
.slicknav_nav .nav.navbar-nav {margin: 0;}
.slicknav_nav .navbar-nav > li > a {color: #ffffff; font-size: 1.4rem; padding: 0.5rem 1rem;}
.nav.navbar-nav br {display: none;}
.slicknav_nav .navbar-nav > li > a:hover {background: #cccccc none repeat scroll 0 0; color: #000000;}
.slicknav_nav .slicknav_row:hover a {color: #000000;}
.navbar-nav > li > .dropdown-menu {height: auto; overflow: initial; position: relative;}
.navbar-nav li:hover .dropdown-menu {height: auto;}
.rslides1_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {margin-top: -75px;}
.accueil h1 {margin: 0rem;}
.services {padding: 0 2rem 5rem; width: calc(100% / 2 - 1rem);}
.services h3 {font-size: 3.1rem; margin: 1rem;}
.services p {height: 160px;}
.equipe .wrapper-1300 {padding: 0 3rem;}
.conteneur.rose .wrapper-1300 {-webkit-box-orient: horizontal;-webkit-box-direction: normal;flex-flow: row wrap;}

}

/* for 768px or less */
@media screen and (max-width: 768px) {

.left {width: calc(100% / 3.2 + 0rem);}
.slicknav_menu {width: 70%;}
.banniere {display: none;}
.accueil h1 {margin: 2rem;}
.content-services {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-flow: column wrap; margin: 5rem 0 0 !important;}
.services {width: calc(100% / 1 - 0rem);}
.services p {height: auto;}
.equipe .wrapper-1300 {font-size: 1.9rem; padding: 2rem !important;}
.rose {padding: 2rem 1rem;}
.conteneur.rose .conteneur-img {display: none;}
.conteneur-texte {width: 90%;}
.accueil .blanc:last-child {margin: 5rem 0;}
.red {padding: 2rem 0;}
.red .wrapper-1300 {-webkit-box-align: center;align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap;}
.red .wrapper-1300 > div:nth-of-type(1) {border: medium none; margin-bottom: 2rem;}
.conteneur {-webkit-box-pack: center;justify-content: center;}
.rose.voir .contenu-droite {margin-top: 2rem;}

}


/* for 480px or less */
@media screen and (max-width: 480px) {

.left {width: calc(100% / 2.5 + 0rem);}
.slicknav_menu {width: 60%;}
.slicknav_menu {padding: 2.6rem 0.5rem !important;}
.dropdown-menu > li > a {padding: 0.5rem 0rem; white-space: pre-line;}
.accueil h1 {font-size: 3rem;}
.accueil h2 {font-size: 2.6rem;}
.chantier {display: none;}
.equipe .fa {display: none;}
.conteneur-texte > div {font-size: 1.9rem;}
.accueil .blanc:last-child a {font-size: 1.8rem; padding: 1.5rem 1rem;}
.red .wrapper-1300 > h2 {font-size: 2.6rem;}
.red .wrapper-1300 > div {width: 100%;}
.titre .wrapper-1300 > p {font-size: 1.9rem; line-height: initial;}
.titre h1 {margin: 2rem 0;}
form .form-group {width: 100%;}
.form-group:nth-of-type(2n) {margin-right: 0;}
.accueil .rose:last-child a {font-size: 1.6rem;}
.actu .actu > div {flex-flow: column wrap;}
.rose.actu h2 {margin: 0 0 2rem;}


}