@font-face {
font-family: 'lunaregular';
src: url(//defiservices.fr/wp-content/themes/defi-services/fonts/luna-webfont.eot);
src: url(//defiservices.fr/wp-content/themes/defi-services/fonts/luna-webfont.eot?#iefix) format('embedded-opentype'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/luna-webfont.woff2) format('woff2'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/luna-webfont.woff) format('woff'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/luna-webfont.ttf) format('truetype'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/luna-webfont.svg#lunaregular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'icobrico';
src:  url(//defiservices.fr/wp-content/themes/defi-services/fonts/icobrico.eot?4zhp9v);
src:  url(//defiservices.fr/wp-content/themes/defi-services/fonts/icobrico.eot?4zhp9v#iefix) format('embedded-opentype'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/icobrico.ttf?4zhp9v) format('truetype'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/icobrico.woff?4zhp9v) format('woff'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/icobrico.svg?4zhp9v#icobrico) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-brico"], [class*=" icon-brico"] {
font-family: 'icobrico' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-bricopicto-book:before {
content: "\e900";
color: #7bab3e;
}
.icon-bricopicto-hand .path1:before {
content: "\e901";
color: #7bab3e;
}
.icon-bricopicto-hand .path2:before {
content: "\e902";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-bricopicto-hand .path3:before {
content: "\e903";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-bricopicto-hand .path4:before {
content: "\e904";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-bricopicto-hand .path5:before {
content: "\e905";
margin-left: -1em;
color: #7bab3e;
}
.icon-bricopicto-hand .path6:before {
content: "\e906";
margin-left: -1em;
color: #7bab3e;
}
.icon-bricopicto-hand .path7:before {
content: "\e907";
margin-left: -1em;
color: #7bab3e;
}
.icon-bricopicto-book { font-size: 5rem; }
.icon-bricopicto-hand { font-size: 5rem; }
@font-face {
font-family: 'icoservices';
src:  url(//defiservices.fr/wp-content/themes/defi-services/fonts/icoservices.eot?otv1be);
src:  url(//defiservices.fr/wp-content/themes/defi-services/fonts/icoservices.eot?otv1be#iefix) format('embedded-opentype'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/icoservices.ttf?otv1be) format('truetype'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/icoservices.woff?otv1be) format('woff'),
url(//defiservices.fr/wp-content/themes/defi-services/fonts/icoservices.svg?otv1be#icoservices) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-defi"], [class*=" icon-defi"] {
font-family: 'icoservices' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-defipicto-book:before { content: "\e900"; }
.icon-defipicto-hand .path1:before {
content: "\e901";
color: rgb(0, 0, 0);
}
.icon-defipicto-hand .path2:before {
content: "\e902";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-defipicto-hand .path3:before {
content: "\e903";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-defipicto-hand .path4:before {
content: "\e904";
margin-left: -1em;
color: rgb(255, 255, 255);
}
.icon-defipicto-hand .path5:before {
content: "\e905";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-defipicto-hand .path6:before {
content: "\e906";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-defipicto-hand .path7:before {
content: "\e907";
margin-left: -1em;
color: rgb(0, 0, 0);
}
.icon-defipicto-plus:before { content: "\e908"; }
h3 span.icon-defipicto-plus {
font-size: 4rem;
position: relative;
top: 1.3rem;
color: #ae0061;
} body,
html {
width: 100%;
height: 100%;
}
body {
font-family: 'Arial', 'Helvetica Neue', Arial, sans-serif;
color: #064652;
}
hr {
max-width: 50px;
border-width: 3px;
border-color: #F05F40;
}
hr.light { border-color: #fff; }
a {
color: #F05F40;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
a:hover { color: #f05f40; }
a.politique {
color: #000000;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.text-truncate{
color: #7ead43;
font-size: 22px;
font-weight: 300;
}
.bg-primary { background-color: #dbe9ec !important; }
.bg-dark { background-color: #212529 !important; }
.bg-header-bottom {
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-header.png);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
}
.text-faded {
color: rgba(255, 255, 255, 0.7);
}
section {
padding: 8rem 0;
font-size: 20px;
}
.section-heading {
margin-top: 0;
}
::-moz-selection {
color: #fff;
background: #212529;
text-shadow: none;
}
::selection {
color: #fff;
background: #212529;
text-shadow: none;
}
img::selection {
color: #fff;
background: transparent;
}
img::-moz-selection {
color: #fff;
background: transparent;
} #mainNav {
border-bottom: 1px solid rgba(33, 37, 41, 0.1);
background-color: #fff;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
#mainNav .navbar-brand {
font-weight: 700;
text-transform: uppercase;
color: #F05F40;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
#mainNav .navbar-brand:focus,
#mainNav .navbar-brand:hover { color: #f05f40; }
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
font-size: .9rem;
font-weight: 700;
text-transform: uppercase;
color: #212529;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #638120; }
#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
color: #638120 !important;
background-color: transparent;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover { background-color: transparent; }
@media (min-width: 992px) {
#mainNav {
border-color: transparent;
background-color: transparent;
}
#mainNav .navbar-brand { color: rgba(255, 255, 255, 0.7); }
#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover { color: #fff; }
#mainNav .navbar-nav > li.nav-item > a.nav-link { padding: 0.5rem 1rem; }
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus { color: rgba(15, 54, 67, 1); }
#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #638120; }
#mainNav.navbar-shrink {
border-bottom: 1px solid rgba(33, 37, 41, 0.1);
background-color: #fff;
position: fixed;
top: 0vh;
right: 0;
left: 0;
z-index: 1030;
}
#mainNav.navbar-shrink .navbar-brand { color: #F05F40; }
#mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover { color: #638120; }
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus { color: #212529; }
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover { color: #638120; }
} header.masthead {
height: 100vh;
min-height: 750px;
padding-top: 0;
padding-bottom: 0;
}
header.masthead hr {
margin-top: 30px;
margin-bottom: 30px;
}
header.masthead h1 { font-size: 2rem; }
header.masthead p { font-weight: 300; } .service-box { max-width: 400px; } .portfolio-box {
position: relative;
display: block;
max-width: 650px;
margin: 0 auto;
}
.portfolio-box .portfolio-box-caption {
position: absolute;
bottom: 0;
display: block;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
color: #fff;
background: rgba(240, 95, 64, 0.9);
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
transition: all 0.2s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: center;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
padding: 0 15px;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 18px; }
.portfolio-box:hover .portfolio-box-caption { opacity: 1; }
.portfolio-box:focus { outline: none; }
@media (min-width: 768px) {
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category { font-size: 16px; }
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name { font-size: 22px; }
}
.text-primary { color: #F05F40 !important; }
.btn {
font-weight: 700;
text-transform: uppercase;
border: none;
border-radius: 300px;
font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}
.btn-xl { padding: 1rem 2rem; }
.btn-primary {
background-color: #F05F40;
border-color: #F05F40;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
color: #fff;
background-color: #ee4b28 !important;
}
.btn-primary:active, .btn-primary:focus {
box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.0) !important;
}
#Actual {
background: silver;
color: White;
padding: 20px;
}
.height-transition {
-webkit-transition: max-height 0.5s ease-in-out;
-moz-transition: max-height 0.5s ease-in-out;
-o-transition: max-height 0.5s ease-in-out;
transition: max-height 0.5s ease-in-out;
overflow-y: hidden;            
}
.height-transition-hidden {            
max-height: 0;  
-webkit-transition: max-height 1.5s ease-in;
-moz-transition: max-height 1.5s ease-in;
-o-transition: max-height 1.5s ease-in;
transition: max-height 1.5s ease-in;
}
.slidingDiv {
height: 70px;
background-color: rgba(215,229,202,1);
margin-top: 0;
border-bottom: 1px solid rgba(108,159,32,0.3);
position: absolute;
left: 1em;
top: 31em;
padding: 10px 10px 10px 40px;
color: #0f3643;
z-index: 3;
}
.show_hide {
display:none;
position: absolute;
left: -3em;
top: 30em;
width: 106px;
height: 92px;
z-index: 3;
}
.logo-defi {
position: absolute;
top: 5rem;
z-index: 1;
left: -2rem;
}
.show_hide {
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-contact.png);
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.txt-contact-link {
position: absolute;
top: 50%; transform: translateY(-50%); left: 0;
right: 15px;
color: #ffffff;
}
#navbarResponsive { background-color: #ecf4f6; }
.btn.btn-primary.btn-xl.js-scroll-trigger.logo-defi { background-color: transparent !important; }
.row.bg-bottom-header.accueil {
position: relative;
height: 121px;
top: 0px;
margin-top: -17em;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-header.png);
background-position: 0em 0em;
background-size: cover;
background-repeat: no-repeat;
height: 17em;
margin-right: 0px;
margin-left: 0px;
}
.text-slogan {
font-family: 'lunaregular';
color: #6c9f22;
letter-spacing: 5px;
height: 38px;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/ligne.png);
background-repeat: no-repeat;
background-position: bottom right;
background-size: 152px;
font-size: 1.25rem !important;
text-align: right;
position: relative;
top: -0.6em;
}
.carousel {
position: relative;
display: flex;
top: 50%;
transform: translatey(-50%);
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
.navbar-shrink {
position: fixed;
top: 0vh;
}
.fa.fa-angle-right.fa-3x.mb-3 {
width: 40px;
height: 40px;
background-color: rgba(255, 255, 255, 0.8);
border-radius: 40px;
position: relative;
top: 13vh;
} .dropdown-menu { background-color: #898a8c; }
.dropdown-menu.net {
background-color: #545a68;
}
.dropdown-item { color: #dbe1d5; }
.dropdown-item:focus, .dropdown-item:hover {
color: #ffffff;
text-decoration: none;
background-color: transparent;
font-weight: 500;
}
.fa-angle-right::before {
content: "\f105";
color: rgba(0, 0, 0 , 0.8);
position: relative;
top: -5px;
right: -2px;
}
.life-green {
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/feuille-vert.png);
width: 236px;
height: 169px;
position: absolute;
right: 20vw;
top: 40vh;
}
.politique { color: #064652; }
.txt-footer { font-size: 10px !important; } section#actualites {
padding: 10rem 0 15rem 0rem;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-footer.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-actualites { background-color: #ffffff !important; }
.d-block.logo-actu { width: 160px; }
.btn.btn-primary.btn-xl.js-scroll-trigger.logo-defi.actu { top: 5.5rem !important; }
.txt-contact-link {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 15px;
color: #ffffff;
font-size: 18px;
letter-spacing: 2px;
}
.card.text-card {
padding-left: 5rem !important;
} section#presentation {
padding: 0rem 0 15rem 0rem;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-footer.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
section#mentions { padding: 0rem 0 0rem 0rem; }
ul.defiplus li::before {
font-family: 'icoservices';
content: "\e908";
color: #ae0061;
margin: 0px 5px 0px -30px;
}
ul.defiplus li {
list-style-type: none;
}
.title-plus-defi { text-align: center; }
h2{
text-align:center;
padding: 20px;
}
.col-lg-10.mx-auto.block-asso {
margin: 60px 0 40px 0;
margin-right: 0px;
margin-left: 0px;
} .arrow_box {
position: relative;
background: #4493a7;
color: #ffffff;
text-align: center;
padding: 15px;
border: 1px solid #1c498c;
}
.arrow_box:after, .arrow_box:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(245, 184, 78, 0);
border-top-color: #4493a7;
border-width: 20px;
margin-left: -20px;
}
.arrow_box:before {
border-color: rgba(28, 73, 140, 0);
border-top-color: #1c498c;
border-width: 21px;
margin-left: -21px;
}
.col-md-12.text-truncate.white.bold {
color: #ffffff;
font-weight: bold;
letter-spacing: 2px;
} .quote__body {
z-index: 1;
position: relative;
margin: 0;
padding: .75rem 2.75rem;
text-align: justify;
}
.quote__body::before, .quote__body::after {
z-index: -1;
position: absolute;
color: #7ec46a;
font-size: 4rem;
font-style: normal;
font-weight: 700;
}
.quote__body::before {
content: "“";
top: 0;
left: 0;
line-height: 1;
}
.quote__body::after {
content: "”";
bottom: 0;
right: 0;
line-height: 0;
}
.quote__body p { margin-bottom: 0; }
.row.historique {
margin-top: 3em;
margin-bottom: 2em;
}
.row.block-defi {
margin-top: 3em;
margin-bottom: 3em;
}
.row.block-generique{
margin-top: 3em;
margin-bottom: 5em;
}
dl, ol, ul {
margin-top: 0;
margin-bottom: 0rem !important;
} .slick-slide { margin: 0px 20px; }
.slick-slide img { width: 100%; }
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus { outline: none; }
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none; }
.text-truncate.title-histo { color: #313a3d; } section#vocation {
padding: 0rem 0 15rem 0rem;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-footer-vocation.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.row.bg-bottom-header.vocation {
position: relative;
height: 121px;
top: 0px;
margin-top: -17em;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-header-vocation.png);
background-position: 0em 0em;
background-size: cover;
background-repeat: no-repeat;
height: 17em;
margin-right: 0px;
margin-left: 0px;
}
.bg-vocation { background-color: #e5eed8 !important; }
.block-vocation{
margin-top: 2em;
margin-bottom: 0em;
}
.block-defi-img{
margin-top: 2em;
margin-bottom: 2em;
}
.block-clientele {
margin-top: 4em;
margin-bottom: 2em;
}
.block-atouts{
margin-top: 2em;
margin-bottom: 0em;
}
.slogan-end {
margin-top: 2em;
color: #4592a6;
font-weight: 700;
font-size: 1.5rem;
}
.slogan-devis {
margin-top: 1em;
color: #4592a6;
font-weight: 400;
font-size: 1.5rem;
}
dt.col-md-12.text-truncate{ text-align: center; }
hr.my-2 {
max-width: 50px;
border-width: 3px;
border-color: #7ead43 !important;
width: 150px;
}
.mt-2,
.my-2 { margin-top: 1.5rem !important; }
.mb-2,
.my-2 { margin-bottom: 1.5rem !important; } .row.bg-bottom-header.particulier {
position: relative;
height: 121px;
top: 0px;
margin-top: -17em;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-header-bricolage.png);
background-position: 0em 0em;
background-size: cover;
background-repeat: no-repeat;
height: 17em;
margin-right: 0px;
margin-left: 0px;
}
.bg-particulier { background-color: #eff1f0 !important; }
section#particulier {
padding: 0rem 0 15rem 0rem;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-footer-bricolage.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.bg-green {
background-color: #7bab3e;
padding: 5px 0 5px 0;
}
.legend-green { color: #7bab3e; }
.margin-picto { margin: 1rem 0 0 0; } .bg-pro { background-color: #d2d6d9 !important; }
.row.bg-bottom-header.pro {
position: relative;
height: 121px;
top: 0px;
margin-top: -17em;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-header-nettoyage.png);
background-position: 0em 0em;
background-size: cover;
background-repeat: no-repeat;
height: 17em;
margin-right: 0px;
margin-left: 0px;
}
section#pro {
padding: 0rem 0 15rem 0rem;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/bg-bottom-footer-nettoyage.png);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.block-pro {
margin-top: 2rem;
margin-bottom: 0em;
}
.block-form {
margin-top: 4rem;
margin-bottom: 0em;
} .cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #24424D url(//defiservices.fr/wp-content/themes/defi-services/img/cd-top-arrow.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.cd-top.cd-is-visible {
visibility: visible;
opacity: 1;
}
.no-touch .cd-top:hover {
background-color: rgba(3,57,23,0.6);
opacity: 1;
}
a.cd-top { z-index: 9999; }
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 40px;
width: 40px;
right: 15px;
bottom: 15px;
}
} form {
width: 58.3333333333%;
margin: 0 auto;
}
form .field {
width: 100%;
position: relative;
margin-bottom: 15px;
}
form .field label {
position: absolute;
top: 0;
left: 0;
background: #313A3D;
width: 100%;
padding: 5px 0px 5px 15px;
font-size: 20px !important;
letter-spacing: 0.075em;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
color: #ffffff;
}
form .field label + span {
font-family: 'SSStandard';
opacity: 0;
color: white;
display: block;
position: absolute;
top: 12px;
left: 7%;
font-size: 2.5em;
text-shadow: 1px 2px 0 #cd6302;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field input[type="text"],
form .field textarea {
border: none;
background: #E8E9EA;
width: 100%;
margin: 0;
padding: 5px 0;
padding-left: 20%;
color: #313A3D;
font-size: 20px !important;
letter-spacing: 0.05em;
}
form .field input[type="text"]#msg,
form .field textarea#msg {
height: 40px;
resize: none;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form .field input[type="text"]:focus, form .field input[type="text"].focused,
form .field textarea:focus,
form .field textarea.focused { outline: none; }
form .field input[type="text"]:focus#msg, form .field input[type="text"].focused#msg,
form .field textarea:focus#msg,
form .field textarea.focused#msg {
padding-bottom: 150px;
height: auto !important;
}
form .field input[type="text"]:focus + label, form .field input[type="text"].focused + label,
form .field textarea:focus + label,
form .field textarea.focused + label {
width: 18%;
background: #7EC561;
color: #313A3D;
}
form .field input[type="text"].focused + label,
form .field textarea.focused + label { color: #FD9638; }
form .field:hover label {
width: 18%;
background: #313A3D;
color: white;
}
form input[type="submit"] {
background: #7EC561;
color: white;
-webkit-appearance: none;
border: none; 
position: relative;
padding: 7px 50px;
font-size: 20px;
letter-spacing: 0.1em;
font-family: 'Lato', sans-serif;
font-weight: 300;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
}
form input[type="submit"]:hover {
background: #313A3D;
color: #7ec561;
}
form input[type="submit"]:focus {
outline: none;
background: #313A3D;
}
.field.sub-box.mx-auto { text-align: center; }
.title-form { text-align: center; }
.mb-1,
.my-1 {
margin-bottom: 1.5rem !important;
}
.mt-1,
.my-1 {
margin-top: 1.5rem !important;
}
hr {
max-width: 50px;
border-width: 3px;
border-color: #313a3d;
width: 150px;
}
.hr-center {
text-align: center;
margin: 0 auto;
margin-top: 0px;
margin-bottom: 0px;
margin-top: -10px;
margin-bottom: 50px;
}
.row.map { margin-top: 4rem; }
.grecaptcha-badge { display: none; } .title-adresse {
margin-bottom: 2rem;
margin-top: 1rem;
text-align: center;
}
.title-page-adresse {
margin-top: 2rem;
text-align: center;
}
.title-secteur {
margin-bottom: 2rem;
text-align: center;
} .body {
height: 100vh;
background: -webkit-linear-gradient(-90deg, #275da2, #aacfff, #275da2); background: -o-linear-gradient(-90deg, #275da2, #aacfff, #275da2); background: -moz-linear-gradient(-90deg, #275da2, #aacfff, #275da2); background: linear-gradient(-90deg, #275da2, #aacfff, #275da2); background-size: cover;
font-family: 'Raleway', sans-serif;
background-color: #342643;
}
.text-wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.title {
font-size: 3.5em;
font-weight: 700;
color: #ffffff;
position: relative;
text-align: center;
line-height: 1.2;
}
.subtitle {
font-size: 30px;
font-weight: 700;
color: #ffffff;
position: relative;
text-align: center;
line-height: 1.2;
}
.buttons {
margin-top: 3em;
}
.buttons a.button {
background-color: #275da2;
font-weight: 700;
border: 2px solid #ffffff;
text-decoration: none;
padding: 15px;
text-transform: uppercase;
color: white;
border-radius: 26px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.buttons a.button:hover {
background-color: #ffffff;
color: #275da2;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.subtitle:before, .title:before {
content: attr(data-content);
position: absolute;
left: -2px;
text-shadow: 1px 0 blue;
top: 0;
color: white;
overflow: hidden;
clip: rect(0, 900px, 0, 0);
-webkit-animation: noise-anim-2 3s infinite linear alternate-reverse;
animation: noise-anim-2 3s infinite linear alternate-reverse;
} nav#mainNav.navbar.navbar-expand-lg.navbar-light.fixed-top div.container div#navbarResponsive.collapse.navbar-collapse ul#menu-menu-1.nav.navbar-nav.mx-auto li#menu-item-28.dropfirst.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown.menu-item-28.nav-item.show ul.dropdown-menu.show{
background-color: #898a8c;  
}
nav#mainNav.navbar.navbar-expand-lg.navbar-light.fixed-top div.container div#navbarResponsive.collapse.navbar-collapse ul#menu-menu-1.nav.navbar-nav.mx-auto li#menu-item-29.dropsecond.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.dropdown.menu-item-29.nav-item ul.dropdown-menu{
background-color: #545a68;
}
.btn-acces {
background-color: #4592a6;
color: #fff;
padding: 0.2rem 1rem;
border-radius: 2.5rem;
margin-top: 1.5rem;
margin-left: auto;
display: table;
margin-bottom: -1.5rem;
z-index: 50;
position: relative;
text-align: center;
}
.btn-acces:hover,
.btn-acces:hover { color: #fff; }
@media (max-width: 992px) {
.btn-acces {
margin-top: 4.5rem;
margin-bottom: -4.5rem;
}
} @media screen and (min-width: 0px) and (max-width: 578px) {
header.masthead p { font-size: 1.15rem; }
header.masthead {
height: 100vh !important;
min-height: 600px !important;
}
.life-green {
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/feuille-vert.png);
width: 105px !important;
height: 80px !important;
position: absolute;
right: 7vw !important;
top: 55vh !important;
background-size: contain;
background-repeat: no-repeat;
}
.show_hide {
left: 1em !important;
top: 25em !important;
width: 100px !important;
height: 87px !important;
}
.logo-defi {
top: -11rem !important;
left: calc(47% - 25%) !important;
width: 15em !important;
}
.slidingDiv {
height: 78px !important;
left: 4em !important;
top: 25.5em !important;
padding: 7px 10px 10px 50px !important;
line-height: 17px;
}
.fixed-top {
position: fixed;
top: 0vh;
right: 0;
left: 0;
z-index: 1030;
}
#navbarResponsive {
background-color: #ecf4f6;
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}
form { width: 86.333333% !important; }
.carousel {
top: 40% !important;
transform: translatey(-25%) !important;
}
form .field label {
position: absolute;
top: 0;
left: 0;
background: #313A3D;
width: 100%;
padding: 5px 0px 5px 10px;
font-size: 15px !important;
letter-spacing: 0.075em;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
color: #ffffff;
}
form .field input[type="text"], form .field textarea {
border: none;
background: #E8E9EA;
width: 100%;
margin: 0;
padding: 5px 0;
padding-left: 22%;
color: #313A3D;
font-size: 15px !important;
letter-spacing: 0.05em;
}
form .field label + span {
top: 4px !important;
left: -1% !important;
font-size: 1em !important;
}
#mainNav { background-color: #ECF4F5 !important; }
.navbar-light .navbar-toggler { background-color: #4492a6 !important; }
form .field input[type="text"]#msg, form .field textarea#msg { height: 32px; }
h4 { font-size: 1em; }
section#presentation { padding: 3rem 0 7rem 0rem !important; }
.text-slogan { top: 0.4em; }
}
@media screen and (min-width: 578px) and (max-width: 992px) {
#mainNav { background-color: #ECF4F5 !important; }
.navbar-light .navbar-toggler { background-color: #4492a6 !important; }
form .field input[type="text"]#msg,
form .field textarea#msg { height: 32px; }
h4 { font-size: 1em; }
}
@media (min-width: 578px) {
header.masthead p {
font-size: 1.15rem;
}
header.masthead {
height: 100vh !important;
min-height: 600px !important;
}
.life-green {
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/feuille-vert.png);
width: 120px !important;
height: 90px !important;
position: absolute;
right: 10vw !important;
top: 48vh !important;
background-size: contain;
background-repeat: no-repeat;
}
.show_hide {
left: 1em !important;
top: 22em !important;
width: 100px !important;
height: 88px !important;
}
.logo-defi {
top: -16rem !important;
left: 9rem !important;
right: 6rem !important;
}
.slidingDiv {
height: 80px !important;
left: 4em !important;
top: 22.5em !important;
padding: 7px 10px 10px 48px !important;
line-height: 17px;
}
.fixed-top {
position: fixed;
top: 0vh;
right: 0;
left: 0;
z-index: 1030;
}
#navbarResponsive {
background-color: #ecf4f6;
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}
form { width: 86.333333% !important; }
form .field label {
position: absolute;
top: 0;
left: 0;
background: #313A3D;
width: 100%;
padding: 5px 0px 5px 10px;
font-size: 18px !important;
letter-spacing: 0.075em;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
color: #ffffff;
}
form .field input[type="text"], form .field textarea {
border: none;
background: #E8E9EA;
width: 100%;
margin: 0;
padding: 5px 0;
padding-left: 22%;
color: #313A3D;
font-size: 18px !important;
letter-spacing: 0.05em;
}
form .field label + span {
top: 4px !important;
left: -1% !important;
font-size: 1em !important;
}
}
@media (min-width: 768px) {
header.masthead p {
font-size: 1.15rem;
}
header.masthead {
height: 100vh !important;
min-height: 650px !important;
}
.life-green {
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/feuille-vert.png);
width: 155px !important;
height: 138px !important;
position: absolute;
right: 16vw !important;
top: 49vh !important;
background-size: contain;
background-repeat: no-repeat;
}
.show_hide {
left: -1em !important;
top: 28em !important;
width: 100px !important;
height: 87px !important;
}
.slidingDiv { left: 3em; }
.logo-defi {
top: 4rem !important;
left: -3rem !important;
right: 0rem !important;
}
.slidingDiv {
height: 78px !important;
left: 2em !important;
top: 28.5em !important;
padding: 7px 10px 10px 40px !important;
line-height: 16px;
}
.fixed-top {
position: fixed;
top: 0vh;
right: 0;
left: 0;
z-index: 1030;
}
#navbarResponsive {
background-color: #ecf4f6;
padding: 0 0 0 10px;
margin: 10px 0 0 0;
}
form { width: 86.333333% !important; }
form .field label {
position: absolute;
top: 0;
left: 0;
background: #313A3D;
width: 100%;
padding: 5px 0px 5px 10px;
font-size: 18px !important;
letter-spacing: 0.075em;
-webkit-transition: all 333ms ease-in-out;
-moz-transition: all 333ms ease-in-out;
-o-transition: all 333ms ease-in-out;
-ms-transition: all 333ms ease-in-out;
transition: all 333ms ease-in-out;
color: #ffffff;
}
form .field input[type="text"], form .field textarea {
border: none;
background: #E8E9EA;
width: 100%;
margin: 0;
padding: 5px 0;
padding-left: 22%;
color: #313A3D;
font-size: 18px !important;
letter-spacing: 0.05em;
}
form .field label + span {
top: 4px !important;
left: -1% !important;
font-size: 1em !important;
}
}
@media (min-width: 992px) {
header.masthead {
height: 100vh !important;
min-height: 750px !important;
}
header.masthead h1 { font-size: 3rem; }
.slidingDiv { left: 3em; }
.logo-defi {
left: -1rem;
right: 0rem !important;
}
.slidingDiv {
height: 76px !important;
left: 2em !important;
top: 28.7em !important;
padding: 7px 10px 10px 60px !important;
text-align: left;
line-height: 16px;
}
.life-green {
background-repeat: no-repeat !important;
width: 236px !important;
height: 169px !important;
right: 13vw !important;
top: 40vh !important;
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus { font-size: .8rem; }
form { width: 56.333333% !important; }
}
@media (min-width: 1200px) {
header.masthead h1 { font-size: 4rem; }
.life-green {
background-repeat: no-repeat !important;
width: 236px !important;
height: 169px !important;
right: 13vw !important;
top: 40vh !important;
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus { font-size: .9rem; }
.text-slogan {
height: 51px;
background-size: 168px;
font-size: 1.75rem !important;
top: -1.6em;
}
}
@media (min-width: 1400px) {
.life-green {
background-repeat: no-repeat !important;
width: 236px !important;
height: 169px !important;
right: 14vw !important;
top: 40vh !important;
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
}
@media (min-width: 1600px) {
.life-green {
background-repeat: no-repeat !important;
width: 236px !important;
height: 169px !important;
right: 19vw !important;
top: 40vh !important;
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
}
@media (min-width: 1800px) {
.life-green {
background-repeat: no-repeat !important;
width: 236px !important;
height: 169px !important;
right: 24vw !important;
top: 40vh !important;
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
}
@media (min-width: 2100px) {
.life-green {
background-repeat: no-repeat !important;
width: 236px !important;
height: 169px !important;
right: 25vw !important;
top: 40vh !important;
}
.fixed-top {
position: fixed;
top: 6vh;
right: 0;
left: 0;
z-index: 1030;
}
}
.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important; }
.row.reconnu { margin-top: 60px; } .wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required.form {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
-webkit-background-clip: padding;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: white;
cursor: pointer;
padding: 10px;
padding-right: 10px;
padding-right: 20px;
outline: none;
vertical-align: middle;
display: inline-block;
background-image: url(//defiservices.fr/wp-content/themes/defi-services/img/arrow.png) !important;
background-repeat: no-repeat !important;
background-position: right 15px center !important;
width: 100%;
padding: 7px 0 5px 5px;
background: #313a3d;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-clip: border-box;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-image: none;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.075);
margin-bottom: 15px;
color: #ffffff !important;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
font-size: 18px !important;
letter-spacing: 0.075em;
}
.g-recaptcha.wpcf7-recaptcha div {
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 25px;
}
div.wpcf7 .ajax-loader { margin: 0 0 0 -12px !important; }
.wpcf7-acceptance span.wpcf7-list-item label input#acceptance-66.acceptance-66 {
-webkit-border-radius: 2px !important;
-moz-border-radius: 2px !important;
border-radius: 2px !important;
background-color: #fff !important;
border: 1px solid #c1c1c1 !important;
font-size: 2px !important;
height: 40px !important;
position: relative !important;
width: 40px !important;
top: 10px;
}
.wpcf7-acceptance span.wpcf7-list-item label span.wpcf7-list-item-label a { color:#313a3d !important; }
.text-politique { font-size: 14px; }
.politique.week-end { font-size: 12px; }
.wpcf7 > form input[type="submit"][disabled], .wpcf7 > form input[type="submit"][disabled]:hover, .wpcf7 > form input[type="submit"][disabled]:focus {
background-color: #999;
color:#c4c4c4 !important;  
}
.adherent {
text-align: center;
font-weight: bold;
margin: 0 0 40px 0;
margin-right: 0px;
margin-left: 0px;
font-size: 23px;
}
@media screen and (min-width: 0px) and (max-width: 991px) {
.btn-contact.fixed{
transition-property: margin-top,margin-right;
transition-duration: .5s,.1s;
transition-delay: 0;
transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-moz-transition-property: margin-top,margin-right;
-moz-transition-duration: .5s,.1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-o-transition-property: margin-top,margin-right;
-o-transition-duration: .5s,.1s;
-o-transition-delay: 0;
-o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-ms-transition-property: margin-top,margin-right;
-ms-transition-duration: .5s,.1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-webkit-transition-property: margin-top,margin-right;
-webkit-transition-duration: .5s,.1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
position: relative;
top:0;
z-index:1000;
}
}
@media screen and (min-width: 991px) and (max-width: 4600px) {
.btn-contact.fixed{
transition-property: margin-top,margin-right;
transition-duration: .5s,.1s;
transition-delay: 0;
transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-moz-transition-property: margin-top,margin-right;
-moz-transition-duration: .5s,.1s;
-moz-transition-delay: 0;
-moz-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-o-transition-property: margin-top,margin-right;
-o-transition-duration: .5s,.1s;
-o-transition-delay: 0;
-o-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-ms-transition-property: margin-top,margin-right;
-ms-transition-duration: .5s,.1s;
-ms-transition-delay: 0;
-ms-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
-webkit-transition-property: margin-top,margin-right;
-webkit-transition-duration: .5s,.1s;
-webkit-transition-delay: 0;
-webkit-transition-timing-function: cubic-bezier(0.22,0.99,0.62,1);
position: fixed;
top:0;
z-index:1000;
}
}
.text-adequat { font-size: 12px; }
@media screen and (min-width: 1200px) and (max-width: 4600px) {
.show_hide {
left: -3em !important;
top: 30em !important;
width: 140px !important;
height: 122px !important;
}
.slidingDiv {
height: 107px !important;
left: 1em !important;
top: 24.7em !important;
padding: 10px 20px 10px 85px !important;
text-align: left;
font-size: 20px;
line-height: 22px;
}
.txt-contact-link { font-size: 23px; }
}
@media (max-width: 1200px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn-contact.fixed { left: 13em; }
}
@media (max-width: 991px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { .btn-contact.fixed { left: 5em; }
} img.middle { vertical-align: middle; }
.img-responsive { width: 100%; } .card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: transparent;
background-clip: border-box;
border: 0px solid rgba(0,0,0,.125);
border-radius: 0rem;
}
.card-body { padding: 0rem; }
.card {
text-align: justify;
padding-left: 3rem;
} .titre-actu {
text-align: initial !important;
padding: 0px !important;
color: #6c9f34 !important;
font-size: 25px !important;
}
.col-lg-12.text-center.hr-actu{
margin-top: 30px;
margin-bottom: 30px;
}
.my-act:last-child { background-color: red; font-weight: bold; } .fa.fa-facebook-square{
color: #4592a6;
font-size: 60px;
}
.fa.fa-facebook-square:hover {
color: #0f3643;
font-size: 60px;
}
.row.block-facebook {
margin-top: 3em;
margin-bottom: 0em;
}