Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 717
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 1768
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2424
Deprecated: Array and string offset access syntax with curly braces is deprecated in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 2478
Warning: is_file(): open_basedir restriction in effect. File(/utils.less) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/utils) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop.less) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/desktop) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: Creating default object from empty value in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 3491
Warning: Invalid argument supplied for foreach() in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 133
Warning: is_file(): open_basedir restriction in effect. File(/tablet.less) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/tablet) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile.less) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/mobile) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Oswald&display=swap.less) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Oswald&display=swap) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Montserrat:100,200,400,600&display=swap.less) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
Warning: is_file(): open_basedir restriction in effect. File(/https://fonts.googleapis.com/css?family=Montserrat:100,200,400,600&display=swap) is not within the allowed path(s): (/www/wwwroot/ec-etanche.fr/:/tmp/) in /www/wwwroot/ec-etanche.fr/wp-content/themes/idcomweb/less/lessc.inc.php on line 82
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,400,600&display=swap');
body .cookie-notice-container {
display: none !important;
}
body header .header-top {
background-color: #1f2835;
height: 50px;
}
body header .header-top:before {
content: '';
height: 50px;
background-color: #fff;
width: 36Px;
position: absolute;
left: -21px;
-webkit-transform: skew(30deg);
-moz-transform: skew(30deg);
-o-transform: skew(30deg);
tranform: skew(30deg);
box-sizing: content-box;
border: 1px solid #fff;
}
body header .header-top:after {
content: '';
height: 50px;
background-color: #fff;
width: 36Px;
position: absolute;
right: -21px;
-webkit-transform: skew(150deg);
-moz-transform: skew(150deg);
-o-transform: skew(150deg);
tranform: skew(150deg);
top: 0;
box-sizing: content-box;
border: 1px solid #fff;
}
body header .header-top .contenu-textuel {
text-align: right;
line-height: 45px;
margin-right: 30px;
}
body header .header-top .contenu-textuel p {
display: inline-block;
font-family: 'Montserrat';
color: #fff;
font-size: 14px;
font-weight: 400;
margin-right: 10px;
}
body header .header-top .contenu-textuel p i {
color: #ed1b34;
}
body header .header-top .contenu-textuel p .fa-phone {
transform: rotate(102deg);
}
body header .header-top .contenu-textuel .tel {
font-weight: normal;
}
body header .header-bottom {
height: 70px;
margin-top: 10px;
margin-bottom: 10px;
}
body header .header-bottom .logo {
float: left;
line-height: 70px;
width: 300px;
text-align: center;
}
body header .header-bottom .menu {
float: right;
height: 70px;
line-height: 70px;
padding-inline-start: 0px;
width: 620px;
}
body header .header-bottom .menu .menu-menu-principal-container ul li {
display: inline-block;
margin-right: 15px;
}
body header .header-bottom .menu .menu-menu-principal-container ul li a {
font-family: 'Montserrat';
font-weight: 400;
text-transform: uppercase;
font-size: 14Px;
color: black;
}
body header .header-bottom .menu .menu-menu-principal-container ul li a:after {
content: '';
width: 0%;
height: 3px;
background-color: #ed1b34;
top: 0;
margin-top: -24Px;
display: block;
-webkit-transition: all .3s ease-in-out !important;
}
body header .header-bottom .menu .menu-menu-principal-container ul li a:hover {
text-decoration: none;
}
body header .header-bottom .menu .menu-menu-principal-container ul li a:hover:after {
width: 100%;
}
body header .header-bottom .menu .menu-menu-principal-container ul .current-menu-item a:after {
width: 100%;
}
body header .header-mobile {
display: none;
}
body header .navbar-toggler,
body header .menu-responsive {
display: none;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide {
height: 650px;
background-size: cover;
background-position: center 20%;
background-repeat: no-repeat;
position: relative;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide img {
width: auto !important;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .forme {
position: absolute;
bottom: 0;
left: 0;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide {
height: 0;
width: 0;
border-right: 1000px solid transparent;
border-bottom: 500px solid transparent;
position: absolute;
bottom: 0;
left: 0;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .container-titre {
width: 400px;
height: auto;
display: inline-block;
margin-top: 210Px;
margin-left: 60px;
margin-bottom: 40px;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .container-titre .titre p {
font-family: 'Oswald';
font-size: 35px;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .bouton {
width: 160px;
height: 40px;
background-color: #ed1b34;
transition: 0.6s;
margin-left: 60px;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .bouton:hover {
background-color: #1f2835;
transition: 0.6s;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .bouton a {
display: block;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .bouton a:hover {
text-decoration: none;
}
body main .page-accueil .owl-carousel .owl-stage-outer .owl-stage .owl-item .image-slide .container-contenu-slide .bouton h3 p {
font-size: 14px;
font-weight: 400;
line-height: 40px;
text-align: center;
font-family: 'Montserrat';
color: white;
text-transform: uppercase;
}
body main .page-accueil .owl-carousel .owl-nav {
display: block !important;
position: absolute;
bottom: 111px;
left: 360px;
}
body main .page-accueil .owl-carousel .owl-nav button {
background-color: white;
width: 40px;
height: 40px;
transition: 0.6s;
}
body main .page-accueil .owl-carousel .owl-nav button:hover {
background-color: #ed1b34;
transition: 0.6s;
}
body main .page-accueil .owl-carousel .owl-nav button:hover span {
color: #fff;
}
body main .page-accueil .owl-carousel .owl-nav button:focus {
outline: none;
}
body main .page-accueil .owl-carousel .owl-nav button span {
font-size: 70px;
font-family: 'Montserrat';
font-weight: 400;
position: relative;
top: -39px;
color: #ed1b34;
}
body main .page-accueil .owl-carousel .owl-nav button:first-child {
margin-right: 15px;
}
body main .page-accueil .blocs-prestations {
margin-top: 50px;
}
body main .page-accueil .blocs-prestations.container {
max-width: 1160px;
}
body main .page-accueil .blocs-prestations .container-image-prestation {
height: 250px;
background-repeat: no-repeat;
background-size: cover;
}
body main .page-accueil .blocs-prestations .container-textuel-prestation {
border-bottom: 2px solid #e6e6e6;
border-right: 2px solid #e6e6e6;
border-left: 2px solid #e6e6e6;
padding: 20px;
position: relative;
}
body main .page-accueil .blocs-prestations .container-textuel-prestation .bordure-rouge {
width: 136px;
height: 52px;
position: absolute;
bottom: -2px;
left: -1px;
background-color: transparent;
border-left: 3px solid #ed1b34;
border-bottom: 3px solid #ed1b34;
}
body main .page-accueil .blocs-prestations h3 p {
text-transform: uppercase;
font-family: 'Oswald';
font-size: 22px;
color: #ed1b34;
}
body main .page-accueil .blocs-prestations p {
font-family: 'Montserrat';
text-align: justify;
font-weight: 400;
font-size: 15Px;
color: grey;
}
body main .page-accueil .blocs-prestations .container-bouton-presta {
background-color: #1f2835;
width: 115Px;
height: 30px;
transition: 0.6s;
position: relative;
z-index: 9;
}
body main .page-accueil .blocs-prestations .container-bouton-presta:hover {
cursor: pointer;
background-color: #ed1b34;
transition: 0.6s;
}
body main .page-accueil .blocs-prestations .container-bouton-presta:hover a {
text-decoration: none;
}
body main .page-accueil .blocs-prestations .container-bouton-presta a h4 p {
text-align: center;
line-height: 30px;
color: white;
}
body main .page-accueil .bouton-presta {
margin: 0 auto;
width: 335px;
height: 40px;
background-color: #ed1b34;
margin-top: 50px;
transition: 0.6s;
}
body main .page-accueil .bouton-presta:hover {
background-color: #1f2835;
transition: 0.6s;
}
body main .page-accueil .bouton-presta:hover a {
text-decoration: none;
}
body main .page-accueil .bouton-presta h3 p {
font-family: 'Montserrat';
color: white;
text-transform: uppercase;
font-size: 17px;
font-weight: 400;
text-align: center;
line-height: 40px;
}
body main .container-expert {
margin-top: 70px;
}
body main .container-expert .container-textuel-expert {
background-color: #1f2835;
border-right: 2px solid #ed1b34;
padding-left: 210px;
padding-right: 80px;
padding-top: 60px;
padding-bottom: 60px;
}
body main .container-expert .container-textuel-expert .titre-expert {
margin-bottom: 37Px;
}
body main .container-expert .container-textuel-expert .titre-expert p {
color: #fff;
font-family: 'Oswald';
text-transform: uppercase;
font-size: 25px;
}
body main .container-expert .container-textuel-expert p {
color: #fff;
font-family: 'Montserrat';
font-weight: 400;
text-align: justify;
font-size: 14px;
line-height: 25px;
}
body main .container-expert .container-textuel-expert .container-bouton-expert {
width: 166px;
height: 38px;
background-color: #ed1b34;
transition: 0.6s;
}
body main .container-expert .container-textuel-expert .container-bouton-expert:hover {
background-color: #fff;
transition: 0.6s;
}
body main .container-expert .container-textuel-expert .container-bouton-expert:hover a {
text-decoration: none;
}
body main .container-expert .container-textuel-expert .container-bouton-expert:hover h4 p {
color: #ed1b34;
}
body main .container-expert .container-textuel-expert .container-bouton-expert a {
text-decoration: none;
}
body main .container-expert .container-textuel-expert .container-bouton-expert h4 p {
text-align: center;
line-height: 38px;
text-transform: uppercase;
font-size: 15px;
}
body main .container-expert .container-image-textuel {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
body main a:hover {
text-decoration: none;
}
body .entreprise .image-visuel {
height: 380px;
background-size: cover;
background-position: bottom;
position: relative;
}
body .entreprise .forme-responsive {
display: none;
}
body .entreprise .forme {
display: block;
}
body .entreprise .forme,
body .entreprise .forme-responsive {
position: absolute;
z-index: 9999;
bottom: -1px;
left: 0;
width: 100%;
}
body .entreprise .forme img,
body .entreprise .forme-responsive img {
width: 100%;
}
body .entreprise .container-textuel {
margin-top: 70px;
}
body .entreprise .container-textuel h2 {
text-transform: uppercase;
font-size: 40px;
color: #ed1b34;
text-align: center;
}
body .entreprise .container-textuel h2 p {
font-family: 'Oswald' !important;
}
body .entreprise .container-textuel h3 {
font-family: 'Montserrat';
font-size: 23px;
margin-bottom: 100px;
text-align: center;
}
body .entreprise .container-textuel h4 {
text-transform: uppercase;
font-size: 18px;
color: #ed1b34;
font-family: 'Oswald' !important;
}
body .entreprise .container-textuel p {
font-family: 'Montserrat';
}
body .entreprise .container-textuel a {
color: #ed1b34;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
body .entreprise .container-textuel a:hover {
color: #333333;
}
body .entreprise .container-textuel ul li {
font-family: 'Montserrat';
}
body .entreprise .pictogrammes {
margin-top: 40px;
background-color: #f4f4f4;
padding: 40px;
margin-bottom: 80px;
}
body .entreprise .pictogrammes .container-plus-picto {
width: 100%;
text-align: center;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto {
text-align: center;
display: inline-block;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto .container-img-picto {
width: 100%;
height: 80px;
position: relative;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto .container-img-picto img {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto .container-textuel-picto {
height: 30px;
position: relative;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto .container-textuel-picto h4 {
font-family: 'Montserrat';
font-weight: 400;
font-size: 15px;
position: absolute;
top: 0;
right: 0;
left: 0;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto .container-textuel-picto h4 p {
line-height: 20px;
margin-bottom: 0px;
}
body .entreprise .pictogrammes .container-plus-picto .container-picto .img-picto {
background-size: contain;
width: 62px;
height: 63px;
text-align: center;
display: inline-block;
margin-bottom: 15px;
background-repeat: no-repeat;
}
body .entreprise .ligne-carte .carte {
background-color: #1f2835;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
body .entreprise .ligne-carte .carte-textuel {
background-color: #ed1b34;
padding-top: 75px;
padding-left: 50px;
padding-right: 150px;
}
body .entreprise .ligne-carte .carte-textuel h3 {
font-family: 'Montserrat';
color: white;
font-size: 16px;
font-weight: 400;
line-height: 33px;
text-align: justify;
}
body .entreprise .ligne-carte .carte-textuel h2 {
font-family: 'Oswald';
color: white;
text-transform: uppercase;
font-size: 25px;
}
body .entreprise .ligne-carte .carte-textuel h2:after {
content: '';
width: 150px;
height: 2px;
background-color: white;
display: inline-block;
}
body .entreprise .ligne-carte .carte-textuel ul {
padding-inline-start: 20px;
}
body .entreprise .ligne-carte .carte-textuel ul li {
font-family: 'Montserrat';
font-weight: 400;
color: white;
font-size: 15px;
line-height: 25px;
}
body .entreprise .container-prestations-pictogrammes {
display: flex;
margin-top: 50px;
}
body .entreprise .container-prestations-pictogrammes li {
background-repeat: no-repeat;
width: 222px;
text-align: center;
border-top: 3px solid #e6e6e6;
}
body .entreprise .container-prestations-pictogrammes li a {
padding: 30px 30px 20px;
border-radius: 0;
height: 100%;
}
body .entreprise .container-prestations-pictogrammes li .container-img-picto {
height: 50px;
line-height: 50px;
}
body .entreprise .container-prestations-pictogrammes li h3 {
font-size: 15px;
margin-top: 31px;
font-family: 'Montserrat';
font-weight: 400;
color: #333333;
}
body .entreprise .container-prestations-pictogrammes li:hover {
cursor: pointer;
background-color: #e6e6e6;
transition: 0.6s;
}
body .entreprise .container-prestations-pictogrammes .active {
background-color: #e6e6e6;
transition: 0.6s;
}
body .entreprise .container-prestations-pictogrammes .Toiture {
background-color: #e6e6e6;
}
body .entreprise .container-prestations-textuel {
margin-bottom: 50px;
position: relative;
}
body .entreprise .container-prestations-textuel .services {
opacity: 0;
display: none;
}
body .entreprise .container-prestations-textuel .services.active {
opacity: 1;
display: block;
}
body .entreprise .container-prestations-textuel .textuel {
background-color: #e6e6e6;
padding: 90px;
text-align: center;
}
body .entreprise .container-prestations-textuel .textuel .description-textuel {
margin-top: 35px;
}
body .entreprise .container-prestations-textuel .textuel h2 {
font-family: 'Oswald';
text-transform: uppercase;
font-size: 28px;
padding-bottom: 25px;
color: #1f2835;
position: relative;
}
body .entreprise .container-prestations-textuel .textuel h2:after {
content: '';
width: 110px;
height: 3px;
display: inline-block;
position: absolute;
left: 0;
right: 0;
top: 100%;
margin: 0 auto;
background-color: #ed1b34;
}
body .entreprise .container-prestations-textuel .textuel p {
font-family: 'Montserrat';
font-size: 15Px;
line-height: 24px;
font-weight: 400;
}
body .entreprise .container-prestations-textuel .textuel ul {
padding: 0;
list-style: none;
}
body .entreprise .container-prestations-textuel .textuel ul li:before {
content: "-";
padding-right: 5px;
}
body .entreprise .container-prestations-textuel .bouton-textuel {
width: 280px;
height: 40px;
background-color: #ed1b34;
margin: 0 auto;
margin-top: 40Px;
transition: 0.6s;
}
body .entreprise .container-prestations-textuel .bouton-textuel:hover {
background-color: #1f2835;
transition: 0.6s;
cursor: pointer;
}
body .entreprise .container-prestations-textuel .bouton-textuel a:hover {
text-decoration: none;
}
body .entreprise .container-prestations-textuel .bouton-textuel h3 p {
color: white;
text-transform: uppercase;
line-height: 40px;
font-size: 14Px;
}
body .entreprise .container-realisations {
margin-top: 70px;
}
body .entreprise .container-realisations .container-categories {
margin-bottom: 40px;
padding-top: 20px;
background-color: #e6e6e6;
text-align: center;
}
body .entreprise .container-realisations .container-categories button {
border: none;
background-color: transparent;
margin-right: 12px;
text-transform: uppercase;
font-family: 'Montserrat';
font-weight: 400;
font-size: 14px;
}
body .entreprise .container-realisations .container-categories button:focus {
outline: none;
}
body .entreprise .container-realisations .container-categories button:hover {
cursor: pointer;
outline: none;
}
body .entreprise .container-realisations .container-categories .mixitup-control-active:after {
content: '';
width: 100%;
height: 3px;
background-color: #ed1b34;
top: 0;
transition: 0.6s;
display: inline-block;
position: relative;
top: -11px;
}
body .entreprise .container-realisations ul {
width: 100%;
padding-inline-start: 0px;
}
body .entreprise .container-realisations ul li {
display: inline-block;
margin-bottom: 30px;
}
body .entreprise .container-realisations ul li .image-realisation {
height: 250px;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
line-height: 250px;
}
body .entreprise .container-realisations ul li .image-realisation:hover .overlay {
width: 100%;
visibility: visible;
display: block;
height: 100%;
}
body .entreprise .container-realisations ul li .image-realisation .overlay {
background-color: rgba(237,27,52,0.5);
width: 0%;
-webkit-transition: all .3s ease-in-out !important;
visibility: hidden;
}
body .entreprise .bloc-contact .coordonnes {
background-color: #fff;
padding-left: 256px;
padding-top: 70px;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees h2 p {
font-family: 'Oswald';
color: #ed1b34;
text-transform: uppercase;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees h2:after {
content: '';
width: 120px;
height: 3px;
background-color: #1f2835;
display: inline-block;
position: absolute;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees p {
font-family: 'Montserrat';
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees p i {
color: #ed1b34;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel {
margin-top: 60px;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel a {
color: #333333;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel a:hover {
color: #ed1b34;
transition: 0.6s;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel p {
font-weight: 400;
line-height: 10px;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel i {
margin-right: 10px;
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel .fa-phone {
transform: rotate(102deg);
}
body .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel .cp {
margin-left: 27px;
}
body .entreprise .bloc-contact .formulaire {
background-color: #e6e6e6;
padding-top: 67px;
padding-bottom: 50px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2 {
padding-left: 46px;
margin-bottom: 60px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2 p {
font-family: 'Oswald';
color: #1f2835;
text-transform: uppercase;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2:after {
content: '';
width: 130px;
height: 3px;
background-color: #ed1b34;
display: inline-block;
position: absolute;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont h3 {
display: none;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-before-form-content .nf-form-fields-required {
display: none;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .checkbox-container.label-hidden label.nf-checked-label:before {
bottom: -29px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form textarea {
height: 210px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content {
margin: initial;
padding-left: 46px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content .nf-field-container .nf-after-field .nf-error-wrap {
display: none;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-18-container {
text-align: left;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-18-container .nf-field #nf-field-18-wrap .nf-field-label #nf-label-field-18:before {
bottom: -29px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-18-container .nf-field #nf-field-18-wrap .nf-field-label #nf-label-field-18:after {
bottom: -29px;
cursor: pointer;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-18-container .nf-field #nf-field-18-wrap .nf-field-description {
margin-left: 34px;
width: 89%;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-18-container .nf-field #nf-field-18-wrap .nf-field-description p {
font-family: 'Montserrat';
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container,
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-20-container,
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-13-container {
width: 33%;
float: left;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container .nf-field .field-wrap .nf-field-element input,
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-20-container .nf-field .field-wrap .nf-field-element input,
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-13-container .nf-field .field-wrap .nf-field-element input {
font-family: 'Montserrat';
font-weight: 400;
font-size: 15px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15-container {
float: right;
margin-right: 112px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15-container .nf-field .field-wrap .nf-field-element #nf-field-15 {
height: 39px;
background-color: #ed1b34;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15 {
height: 39px;
background-color: #ed1b34;
font-family: 'Montserrat';
font-weight: 400;
text-transform: uppercase;
font-size: 15px;
padding: 10px 25px;
cursor: pointer;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15:focus {
outline: none;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15:hover {
background-color: #1f2835 !important;
transition: 0.6s !important;
cursor: pointer !important;
color: #fff !important;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-14-container {
width: 46%;
float: right;
position: absolute;
right: 15% !important;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-14-container .nf-field .textarea-wrap .nf-field-element textarea {
resize: none;
font-family: 'Montserrat';
font-weight: 400;
font-size: 15px;
}
body .entreprise .bloc-contact .formulaire .container-textuel-formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-after-form-content .nf-form-errors .nf-error-msg {
display: none;
}
body .add-pages {
margin-top: 30px;
margin-bottom: 30px;
font-family: 'Montserrat';
font-weight: 400;
}
body .add-pages h2 {
font-family: 'Oswald';
color: #ed1b34;
}
body .add-pages h3 {
font-family: 'Oswald';
color: #1f2835;
margin-top: 20px;
}
body .add-pages a {
color: #ed1b34;
}
footer .footer-top {
background-color: #f4f4f4;
height: 300px;
}
footer .footer-top .logo {
width: 100%;
text-align: center;
margin-top: 60px;
}
footer .footer-top .logo:after {
content: '';
width: 81px;
height: 3px;
background-color: #ed1b34;
display: block;
margin: 0 auto;
margin-top: 30px;
}
footer .footer-top .ligne-textuelle .bloc-textuel {
text-align: center;
margin-top: 40px;
}
footer .footer-top .ligne-textuelle .bloc-textuel a {
color: #333333;
}
footer .footer-top .ligne-textuelle .bloc-textuel a:hover {
color: #ed1b34;
text-decoration: none;
transition: 0.6s;
}
footer .footer-top .ligne-textuelle .bloc-textuel p {
font-family: 'Montserrat';
font-weight: 400;
font-size: 15Px;
}
footer .footer-top .ligne-textuelle .bloc-textuel p i {
font-size: 30px;
color: #ed1b34;
}
footer .footer-top .ligne-textuelle .bloc-textuel p .fa-phone {
transform: rotate(102deg);
}
footer .footer-bottom {
background-color: #1f2835;
line-height: 170px;
text-align: center;
}
footer .footer-bottom .menu-footer a,
footer .footer-bottom .menu-footer p {
color: white;
font-family: 'Montserrat';
font-weight: 400;
font-size: 15Px;
display: inline-block;
transition: 0.6s;
}
footer .footer-bottom .menu-footer a img,
footer .footer-bottom .menu-footer p img {
margin-right: 15px;
}
footer .footer-bottom .menu-footer a:hover {
color: #ed1b34;
text-decoration: none;
transition: 0.6s;
}
footer .footer-bottom .menu-footer .separateur {
color: #ed1b34;
}
footer #formulaire.closed {
bottom: 47px;
transform: translateY(100%);
-moz-transform: translateY(100%);
-webkit-transform: translateY(100%);
}
footer #formulaire {
position: fixed;
z-index: 99999;
right: 0px;
transition: all .3s ease-in-out !important;
-webkit-transition: all .3s ease-in-out !important;
-moz-transition: all .3s ease-in-out !important;
-o-transition: all .3s ease-in-out !important;
}
footer #formulaire .nf-error-msg {
display: none;
}
footer #formulaire .nf-form-fields-required {
display: none;
}
footer #formulaire .nf-form-cont {
width: 400px;
background-color: #ed1b34;
height: auto;
padding-top: 6px;
padding-left: 10px;
}
footer #formulaire .nf-error-msg {
font-family: 'Exo 2', sans-serif;
}
footer #formulaire .rappel-title {
cursor: pointer;
display: block;
width: 100%;
background-color: #ed1b34;
text-align: center;
height: 47px;
vertical-align: top;
padding-top: 8px;
right: 0px;
bottom: 0px;
line-height: 31px;
transition: all .1s ease-in-out !important;
-webkit-transition: all .1s ease-in-out !important;
-moz-transition: all .1s ease-in-out !important;
-o-transition: all .1s ease-in-out !important;
transition: 0.6s;
}
footer #formulaire .rappel-title i {
position: absolute;
top: 9px;
right: 0;
display: none;
}
footer #formulaire .rappel-title:hover {
cursor: pointer;
background-color: #1f2835;
transition: 0.6s;
}
footer #formulaire .rappel-title i {
color: #fff;
font-size: 26px;
transform: rotate(90deg);
margin-right: 20px;
}
footer #formulaire .rappel-title span {
font-weight: bold;
}
footer #formulaire .rappel-title p {
font-family: 'Montserrat';
text-transform: uppercase;
color: #fff;
}
footer #formulaire #nf-label-field-19 {
display: none;
}
footer #formulaire #nf-label-field-19-0 {
color: #fff;
font-size: 14px;
line-height: 1.3;
}
footer #formulaire #nf-field-17-container {
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Montserrat';
color: white;
text-align: justify;
padding-left: 28px;
padding-right: 10px;
}
footer #formulaire #nf-field-17-container .nf-field #nf-field-17-wrap .nf-field-label label:before {
bottom: -22px;
left: -27px;
}
footer #formulaire #nf-field-17-container .nf-field #nf-field-17-wrap .nf-field-label label:after {
bottom: -22px;
left: -27px;
cursor: pointer;
}
footer #formulaire #nf-field-17-container .nf-field #nf-field-17-wrap .nf-field-description {
display: none;
}
footer #formulaire #nf-field-17-container .nf-field #nf-field-18-wrap .nf-field-label #nf-label-field-18:after {
bottom: -29px;
}
footer #formulaire #nf-field-17-container .nf-field #nf-field-18-wrap .nf-field-description {
margin-left: 34px;
width: 89%;
}
footer #formulaire #nf-field-17-container .nf-field #nf-field-18-wrap .nf-field-description p {
font-family: 'Montserrat';
}
footer #formulaire .rappel-title.open {
bottom: 475px;
}
footer #formulaire .rappel-title.open i {
display: block;
}
footer #formulaire h3 {
display: none;
}
footer #formulaire .textarea-container .nf-field {
border-bottom: none;
}
footer #formulaire .textarea-container .textarea-wrap {
height: 240px;
resize: none;
background-color: #fff;
}
footer #formulaire .textarea-container .nf-field-label {
padding: 10px;
}
footer #formulaire .textarea-container textarea {
resize: none;
height: 100px;
position: absolute;
top: -126px;
font-family: 'Montserrat';
font-size: 14px;
font-weight: bold;
}
footer #formulaire .submit-container {
text-align: center;
margin: 0 auto;
}
footer #formulaire .submit-container .field-wrap {
display: inherit;
}
footer #formulaire .submit-container .nf-field {
border-bottom: none;
}
footer #formulaire .submit-container input {
height: 39px;
font-family: 'Raleway' !important;
font-weight: 300 !important;
color: #ed1b34 !important;
text-transform: uppercase;
width: 100%;
font-size: 16px !important;
font-weight: 300;
text-align: center;
line-height: 0px;
letter-spacing: 1px;
transition: 0.6s;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
-moz-transition: all .4s ease-in-out !important;
-o-transition: all .4s ease-in-out !important;
}
footer #formulaire .submit-container input:hover {
background-color: #1f2835;
color: #fff !important;
}
footer #formulaire .souhait .nf-field .nf-field-element p {
text-align: center;
font-family: 'Exo 2', sans-serif;
text-transform: uppercase;
font-weight: bold;
color: ;
font-size: 20px;
letter-spacing: 2px;
margin: 0;
}
footer #formulaire .informations-saisies .nf-field .nf-field-element p {
text-align: center;
font-family: 'Gotham';
font-weight: light;
font-weight: bold;
color: ;
font-size: 14px;
line-height: 13px;
margin: 0;
text-align: justify;
}
footer #formulaire #nf-field-7-container .nf-field,
footer #formulaire #nf-field-20-container .nf-field,
footer #formulaire #nf-field-8-container .nf-field,
footer #formulaire #nf-field-9-container .nf-field {
background-color: #e6e6e6;
border: 1px solid grey;
padding: 7px;
}
footer #formulaire #nf-field-7-container .nf-field input,
footer #formulaire #nf-field-20-container .nf-field input,
footer #formulaire #nf-field-8-container .nf-field input,
footer #formulaire #nf-field-9-container .nf-field input {
color: ;
font-family: 'Exo 2', sans-serif;
}
footer #formulaire #nf-field-5-container {
margin-right: 25px;
width: 87.4%;
}
footer #formulaire #nf-field-5-container #nf-field-5-wrap {
width: 114%;
}
footer #formulaire #nf-field-30-container .nf-field .nf-field-label {
position: absolute;
top: 21px;
}
footer #formulaire #nf-field-30-container .nf-field .nf-field-label label:after {
display: inline-block;
}
footer #formulaire #nf-field-30-container .nf-field .nf-field-description {
margin-left: 30px;
}
footer #formulaire #nf-field-30-container .nf-field .nf-field-description p {
color: ;
font-family: 'Exo 2', sans-serif;
}
footer #formulaire #nf-field-5-container,
footer #formulaire #nf-field-6-container {
display: inline-block;
}
footer #formulaire #nf-field-5-container .nf-field-label label,
footer #formulaire #nf-field-6-container .nf-field-label label {
color: ;
font-family: 'Exo 2', sans-serif;
font-size: 17px;
font-weight: bold;
}
footer #formulaire .nf-field-container {
line-height: 1.5;
white-space: normal;
margin-bottom: 9px !important;
}
footer #formulaire .ninja-forms-field {
background-color: #fff;
border: none !important;
height: 5px;
}
footer #formulaire .nf-form-content {
padding: 10px;
}
footer #formulaire .nf-form-content label {
text-align: left;
font-family: 'Exo 2', sans-serif;
color: ;
font-weight: normal;
font-size: 15px;
padding-bottom: 0px;
}
footer #formulaire .nf-field-label {
width: auto;
}
footer #formulaire .nf-field-element input {
font-family: 'Montserrat' !important;
font-size: 14px;
font-weight: bold;
background: #fff;
cursor: pointer;
transition: 0.6s;
padding-top: 20px;
padding-bottom: 20px;
}
footer #formulaire .nf-field-element:after {
display: none !important;
}
footer #formulaire.open {
right: 0px !important;
bottom: 0px;
}
footer #formulaire-mobile {
display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
body header .header-bottom {
height: auto;
}
body header .header-bottom .logo {
float: none;
width: 100%;
text-align: center;
line-height: 0px;
margin-top: 30px;
}
body header .header-bottom .menu {
width: 100%;
float: none;
text-align: center;
}
body header .header-top .contenu-textuel {
text-align: center;
margin-right: 0px;
}
body main .entreprise .forme {
display: none;
}
body main .entreprise .forme-responsive {
display: block;
}
body main .entreprise .container-textuel h3 {
margin-bottom: 40px;
}
body main .entreprise .pictogrammes {
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
body main .entreprise .pictogrammes .container-plus-picto .container-picto {
width: auto !important;
margin-bottom: 15px;
display: initial;
}
body main .entreprise .pictogrammes .container-plus-picto .container-picto .container-textuel-picto h4 {
font-size: 12px;
}
body main .entreprise .ligne-carte {
height: auto;
}
body main .entreprise .ligne-carte .carte-textuel {
padding-top: 20px;
}
body main .entreprise .ligne-carte .carte {
height: 400px;
}
body main .entreprise .container-prestations-pictogrammes {
display: initial;
}
body main .entreprise .container-prestations-pictogrammes .container-pictogrammes {
width: 100%;
}
body main .entreprise .container-prestations-pictogrammes .container-pictogrammes h3 {
line-height: 21px !important;
}
body main .entreprise .container-prestations-pictogrammes ul {
justify-content: center;
}
body main .entreprise .container-realisations .container-categories button {
margin-right: 0px !important;
}
body main .entreprise .bloc-contact {
text-align: center;
}
body main .entreprise .bloc-contact .coordonnes {
padding-bottom: 30px;
padding-top: 30px !important;
padding-left: 15px !important;
padding-right: 0px !important;
}
body main .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees h2:after {
witdh: 300px;
left: 0;
right: 0;
margin: 0 auto;
}
body main .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel {
margin-top: 40px;
}
body main .entreprise .bloc-contact .coordonnes-textuel {
margin-top: 20px;
}
body main .entreprise .bloc-contact .formulaire {
padding-top: 20px;
padding-top: 40px;
padding-bottom: 20px;
}
body main .entreprise .bloc-contact .formulaire .container-textuel-formulaire {
text-align: center;
}
body main .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2 {
padding-left: 0px;
}
body main .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2:after {
left: 0;
right: 0;
margin: 0 auto;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content {
margin: 0 auto !important;
padding-left: 0px !important;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content .nf-field-container .nf-after-field .nf-error-wrap {
display: none;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-20-container,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-13-container {
width: 100% !important;
float: none;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container .nf-field .field-wrap .nf-field-element input,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-20-container .nf-field .field-wrap .nf-field-element input,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-13-container .nf-field .field-wrap .nf-field-element input {
font-family: 'Montserrat';
font-weight: 200;
font-size: 15px;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15-container {
float: none;
margin-right: 0px !important;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15-container .nf-field .field-wrap .nf-field-element input {
width: 165px;
height: 39px;
background-color: #ed1b34;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15 {
width: 165px;
height: 39px;
background-color: #ed1b34;
font-family: 'Montserrat';
font-weight: 200;
text-transform: uppercase;
font-size: 15px;
padding-top: 10px;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-14-container {
width: 100% !important;
float: none !important;
position: initial !important;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-14-container .nf-field .textarea-wrap .nf-field-element textarea {
resize: none;
font-family: 'Montserrat';
font-weight: 200;
font-size: 15px;
}
body main .page-accueil .blocs-prestations {
margin-top: 0px !important;
}
body main .page-accueil .blocs-prestations .container-bloc {
margin-bottom: 15px;
}
body main .page-accueil .blocs-prestations .bouton-presta {
margin-top: 20px;
}
body main .page-accueil .container-expert {
margin-top: 30px;
}
body main .page-accueil .container-expert .container-textuel-expert {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
body main .page-accueil .container-expert .container-image-textuel {
height: 300px;
}
body footer .footer-top {
height: auto;
}
body footer .footer-top .logo {
margin-top: 30px;
}
body footer .footer-top .ligne-textuelle {
padding-bottom: 20px;
}
body footer .footer-bottom {
height: auto;
line-height: inherit;
padding-top: 30px;
padding-bottom: 30px;
}
body footer #formulaire .nf-error-msg {
display: none;
}
body footer #formulaire #nf-field-5-container {
width: 87.6%;
}
body footer #formulaire .rappel-title {
width: 100%;
}
body footer #formulaire .rappel-title.open {
bottom: 505px;
}
body footer #formulaire .nf-form-cont {
width: 100%;
}
body footer #formulaire.open {
left: 0;
z-index: 99999999999;
}
body footer #formulaire.closed {
left: 0;
width: 100%;
}
}
@media (min-width: 991.98px) and (max-width: 1199px) {
main .entreprise .forme {
display: none;
}
main .entreprise .forme-responsive {
display: block;
}
main .entreprise .container-prestations-pictogrammes .container-pictogrammes h3 {
line-height: 17px !important;
}
main .entreprise .container-prestations-pictogrammes li {
width: 186px;
}
main .entreprise .pictogrammes {
padding: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
main .entreprise .pictogrammes .container-plus-picto .container-picto .container-textuel-picto h4 {
font-size: 12px;
}
main .entreprise .bloc-contact .coordonnes {
padding-left: 15px;
padding-top: 0px;
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
main .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees h2:after {
witdh: 300px;
left: 0;
right: 0;
margin: 0 auto;
}
main .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees .coordonnes-textuel {
margin-top: 40px;
}
main .entreprise .bloc-contact .formulaire {
padding-top: 40px;
padding-bottom: 20px;
}
main .entreprise .bloc-contact .formulaire .container-textuel-formulaire {
text-align: center;
}
main .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2 {
padding-left: 0px;
}
main .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2:after {
left: 0;
right: 0;
margin: 0 auto;
}
main .page-accueil .container-expert .container-textuel-expert {
padding-left: 30px !important;
padding-right: 30px;
}
}
@media (max-width: 767.98px) {
body header .header-top {
display: none;
}
body header .header-bottom {
display: none;
}
body header .header-mobile {
display: block;
padding: 20px;
}
body header .header-mobile .logo {
position: absolute;
left: 15px;
margin-top: 13px;
}
body header .header-mobile .logo img {
width: 160px;
}
body header .header-mobile .menu-responsive {
display: block;
text-align: center;
width: 100%;
height: auto;
z-index: 99;
margin-top: 46px;
}
body header .header-mobile .menu-responsive .menu-menu-principal-container ul {
padding-inline-start: 0px;
float: none;
width: 100%;
background-color: white;
height: auto;
display: none;
}
body header .header-mobile .menu-responsive .menu-menu-principal-container ul li {
line-height: 50px;
list-style-type: none;
}
body header .header-mobile .menu-responsive .menu-menu-principal-container ul li a {
color: #333333;
font-family: 'Raleway';
transition: 0.6s;
}
body header .header-mobile .menu-responsive .menu-menu-principal-container ul li a:hover {
text-decoration: none;
color: #ed1b34;
font-weight: bold;
transition: 0.6s;
}
body header .header-mobile .navbar-toggler {
width: 127px;
height: 42px;
background-color: #ed1b34;
margin: 0 auto;
line-height: 11px;
display: inline-block;
position: absolute;
right: 15px;
top: 70px;
}
body header .header-mobile .navbar-toggler p {
color: white;
text-transform: uppercase;
font-family: 'Montserrat';
padding-top: 12px;
font-size: 15px;
}
body main .entreprise .forme,
body main .entreprise .forme-responsive {
display: none;
}
body main .entreprise .image-visuel {
height: 200px;
}
body main .entreprise .container-textuel {
margin-top: 20px;
}
body main .entreprise .container-textuel h2 p {
font-size: 30px;
}
body main .entreprise .container-textuel h3 {
margin-bottom: 20px;
}
body main .entreprise .container-textuel h3 p {
font-size: 19px;
}
body main .entreprise .container-textuel p {
font-size: 12px;
}
body main .entreprise .container-textuel ul li {
font-size: 12px;
}
body main .entreprise .pictogrammes {
margin-top: 10px;
margin-bottom: 30px;
flex-direction: column;
padding: 10px;
}
body main .entreprise .pictogrammes .container-picto {
width: 100%;
margin-bottom: 15px;
text-align: center;
margin: 0 auto;
margin-bottom: 15Px;
}
body main .entreprise .pictogrammes .container-picto .img-picto {
width: 40px;
margin-bottom: 15px;
height: 40px;
}
body main .entreprise .pictogrammes .container-picto h4 {
font-size: 15px;
}
body main .entreprise .pictogrammes .container-picto h4 p {
line-height: 2px;
}
body main .entreprise .ligne-carte {
height: auto;
}
body main .entreprise .ligne-carte .carte {
height: 213Px;
}
body main .entreprise .ligne-carte .carte-textuel {
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
}
body main .entreprise .ligne-carte .carte-textuel h2 {
font-size: 20px;
}
body main .entreprise .ligne-carte .carte-textuel h3 {
font-size: 13px;
line-height: 20px;
}
body main .entreprise .ligne-carte .carte-textuel ul li {
font-size: 13px;
line-height: 20px;
}
body main .entreprise .container-prestations-pictogrammes {
display: initial;
}
body main .entreprise .container-prestations-pictogrammes .container-pictogrammes {
width: 100%;
}
body main .entreprise .container-prestations-pictogrammes .container-pictogrammes h3 {
line-height: 21px !important;
}
body main .entreprise .container-prestations-pictogrammes li {
width: 100%;
}
body main .entreprise .container-prestations-textuel .textuel {
padding: 20px;
}
body main .entreprise .container-prestations-textuel .textuel h2 p {
font-size: 20px;
}
body main .entreprise .container-prestations-textuel .textuel p {
font-size: 13px;
}
body main .entreprise .container-prestations-textuel .textuel .bouton-textuel {
width: 100%;
}
body main .entreprise .container-prestations-textuel .textuel .bouton-textuel h3 p {
font-size: 12px;
}
body main .entreprise .container-realisations {
margin-top: 20px;
}
body main .entreprise .container-realisations ul li {
margin-bottom: 20px;
}
body main .entreprise .container-realisations .container-categories {
display: grid;
margin-bottom: 20px;
padding: 10px;
}
body main .entreprise .container-realisations .container-categories button {
margin-bottom: 10px;
display: inline-block;
margin-right: 0px;
font-size: 12px;
}
body main .entreprise .container-realisations .container-categories .mixitup-control-active:after {
display: none;
}
body main .entreprise .bloc-contact {
text-align: center;
}
body main .entreprise .bloc-contact .coordonnes {
padding-bottom: 10px;
padding-top: 15px !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
body main .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees h2 {
font-size: 20px;
}
body main .entreprise .bloc-contact .coordonnes .container-textuel-coordonnees h2:after {
witdh: 300px;
left: 0;
right: 0;
margin: 0 auto;
}
body main .entreprise .bloc-contact .coordonnes-textuel {
margin-top: 40px !important;
}
body main .entreprise .bloc-contact .coordonnes-textuel p {
font-size: 15px;
}
body main .entreprise .bloc-contact .formulaire {
padding-top: 20px;
padding-bottom: 10Px;
}
body main .entreprise .bloc-contact .formulaire .container-textuel-formulaire {
text-align: center;
}
body main .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2 {
margin-bottom: 10px;
padding-left: 0px;
font-size: 20px;
}
body main .entreprise .bloc-contact .formulaire .container-textuel-formulaire h2:after {
left: 0;
right: 0;
margin: 0 auto;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content {
margin: 0 auto !important;
padding-left: 0px !important;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content .nf-field-container {
margin-bottom: 10px;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content .nf-field-container .nf-after-field .nf-error-wrap {
display: none;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-20-container,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-13-container {
width: 100% !important;
float: none;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container .nf-field .field-wrap .nf-field-element input,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-20-container .nf-field .field-wrap .nf-field-element input,
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-13-container .nf-field .field-wrap .nf-field-element input {
font-family: 'Montserrat';
font-weight: 200;
font-size: 15px;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-12-container {
margin-top: 12px;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15-container {
float: none;
margin-right: 0px !important;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15-container .nf-field .field-wrap .nf-field-element input {
width: 165px;
height: 39px;
background-color: #ed1b34;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-15 {
width: 165px;
height: 39px;
background-color: #ed1b34;
font-family: 'Montserrat';
font-weight: 200;
text-transform: uppercase;
font-size: 15px;
padding-top: 10px;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-14-container {
width: 100% !important;
float: none !important;
position: initial !important;
}
body main .entreprise .bloc-contact .formulaire #nf-form-3-cont .nf-form-wrap .nf-form-layout form .nf-form-content #nf-field-14-container .nf-field .textarea-wrap .nf-field-element textarea {
resize: none;
font-family: 'Montserrat';
font-weight: 200;
font-size: 15px;
}
body main .page-accueil .owl-carousel .owl-stage .image-slide .forme {
display: none;
}
body main .page-accueil .owl-carousel .owl-stage .image-slide .container-contenu-slide {
background-color: #f4f4f4;
}
body main .page-accueil .owl-carousel .owl-stage .owl-item .image-slide {
height: 350px !important;
}
body main .page-accueil .owl-carousel .owl-stage .owl-item .image-slide .container-contenu-slide {
position: absolute;
bottom: 0;
left: 0;
height: 136px !important;
width: 100% !important;
border-right: none !important;
border-bottom: none !important;
}
body main .page-accueil .owl-carousel .owl-stage .owl-item .image-slide .container-contenu-slide .container-titre {
margin-top: 15px !important;
width: 100% !important;
margin-bottom: 0px !important;
margin-left: 0px !important;
text-align: center;
}
body main .page-accueil .owl-carousel .owl-stage .owl-item .image-slide .container-contenu-slide .container-titre .titre p {
font-size: 25px !important;
}
body main .page-accueil .owl-carousel .owl-stage .owl-item .image-slide .container-contenu-slide .bouton {
margin-left: 0px !important;
margin: 0 auto !important;
}
body main .page-accueil .owl-carousel .owl-nav {
top: 10px !important;
left: 10px !important;
bottom: auto !important;
}
body main .page-accueil .blocs-prestations {
margin-top: 40px !important;
}
body main .page-accueil .blocs-prestations .container-bloc {
margin-bottom: 15px;
}
body main .page-accueil .blocs-prestations .bouton-presta {
margin-top: 20px;
width: 100%;
}
body main .page-accueil .blocs-prestations .container-image-prestation {
height: 200px;
}
body main .page-accueil .blocs-prestations h3 p {
font-size: 17px;
}
body main .page-accueil .blocs-prestations p {
font-size: 14px;
}
body main .page-accueil .container-expert {
margin-top: 30px;
}
body main .page-accueil .container-expert .container-textuel-expert {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
body main .page-accueil .container-expert .container-textuel-expert .container-bouton-expert {
margin: 0 auto;
}
body main .page-accueil .container-expert .container-textuel-expert p {
font-size: 13px;
}
body main .page-accueil .container-expert .container-textuel-expert .titre-expert {
margin-bottom: 20px;
}
body main .page-accueil .container-expert .container-textuel-expert .titre-expert p {
font-size: 20px;
}
body main .page-accueil .container-expert .container-image-textuel {
height: 200px;
}
body footer #formulaire .rappel-title {
width: 100%;
}
body footer #formulaire #nf-field-17-container {
margin-top: 10px;
margin-bottom: 10px;
font-family: 'Montserrat';
color: white;
text-align: justify;
padding-left: 28px;
padding-right: 10px;
}
body footer #formulaire #nf-field-17-container .nf-field #nf-field-17-wrap .nf-field-label label:after {
bottom: -31px;
left: -56px;
}
body footer #formulaire #nf-field-17-container .nf-field #nf-field-17-wrap .nf-field-description {
display: none;
}
body footer #formulaire #nf-field-17-container .nf-field #nf-field-18-wrap .nf-field-label #nf-label-field-18:after {
bottom: -29px;
}
body footer #formulaire #nf-field-17-container .nf-field #nf-field-18-wrap .nf-field-description {
margin-left: 34px;
width: 89%;
}
body footer #formulaire #nf-field-17-container .nf-field #nf-field-18-wrap .nf-field-description p {
font-family: 'Montserrat';
}
body footer #formulaire .nf-error-msg {
display: none;
}
body footer #formulaire .nf-field-element input {
padding: 14px;
font-size: 14px;
}
body footer #formulaire .textarea-container .textarea-wrap {
height: 114px;
}
body footer #formulaire .textarea-container .nf-field-label {
padding: 0px;
}
body footer #formulaire .textarea-container textarea {
top: -62px;
font-size: 14px;
}
body footer #formulaire .submit-container input {
font-size: 14px !important;
}
body footer #formulaire .rappel-title.open {
bottom: 357px;
}
body footer #formulaire .nf-form-cont {
width: 100%;
}
body footer #formulaire.open {
left: 0;
}
body footer #formulaire.closed {
left: 0;
width: 100%;
}
body footer .footer-top {
height: auto;
}
body footer .footer-top .logo {
margin-top: 10px;
}
body footer .footer-top .logo img {
width: 200px;
}
body footer .footer-top .logo:after {
display: none;
}
body footer .footer-top .ligne-textuelle .bloc-textuel {
margin-top: 20px;
}
body footer .footer-top .ligne-textuelle .bloc-textuel p {
font-size: 13px;
}
body footer .footer-top .ligne-textuelle .bloc-textuel p i {
font-size: 20px;
}
body footer .footer-bottom {
height: auto;
line-height: 28px;
padding-top: 15px;
padding-bottom: 15px;
}
body footer .footer-bottom .menu-footer a,
body footer .footer-bottom .menu-footer p {
font-size: 11px;
margin-bottom: 0px;
}
body footer .footer-bottom .menu-footer a img,
body footer .footer-bottom .menu-footer p img {
margin-right: 5px;
width: 30px;
}
}