.blocker{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:auto;z-index:1;padding:20px;box-sizing:border-box;background-color:#000;background-color:rgba(0,0,0,0.75);text-align:center}.blocker:before{content:"";display:inline-block;height:100%;vertical-align:middle;margin-right:-0.05em}.blocker.behind{background-color:transparent}.modal{display:none;vertical-align:middle;position:relative;z-index:2;max-width:500px;box-sizing:border-box;width:90%;background:#fff;padding:15px 30px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;text-align:left}.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==)}.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes sk-stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.5)}20%{-webkit-transform:scaleY(1.0)}}@keyframes sk-stretchdelay{0%,40%,100%{transform:scaleY(0.5);-webkit-transform:scaleY(0.5)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;overflow:hidden;display:block;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;left:0;top:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px;display:none}[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}html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} :focus {
outline: 0;
} article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
-webkit-appearance: none;
-moz-appearance: none;
}
input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
} audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
max-width: 100%;
} audio:not([controls]) {
display: none;
height: 0;
} [hidden] {
display: none;
} html {
font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus {
outline: thin dotted;
} a:active,
a:hover {
outline: 0;
} img {
border: 0; -ms-interpolation-mode: bicubic; } figure {
margin: 0;
} form {
margin: 0;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
border: 0; padding: 0;
white-space: normal; *margin-left: -7px; } button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button,
input {
line-height: normal;
} button,
select {
text-transform: none;
} button,
html input[type=button],
input[type=reset],
input[type=submit] {
-webkit-appearance: button; cursor: pointer; *overflow: visible; } button[disabled],
html input[disabled] {
cursor: default;
} input[type=checkbox],
input[type=radio] {
box-sizing: border-box; padding: 0; *height: 13px; *width: 13px; } input[type=search] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
} input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
} textarea {
overflow: auto; vertical-align: top; } table {
border-collapse: collapse;
border-spacing: 0;
}
html,
button,
input,
select,
textarea {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
img {
vertical-align: middle;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
textarea {
resize: vertical;
}
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
@import url("https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@900&family=Dancing+Script:wght@700&family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&family=Reenie+Beanie&display=swap");
::selection {
background: #D6006D;
color: white;
}
::placeholder {
color: #EEEEEE;
}
a:active, a:focus, input, button, figure, img {
outline: none !important;
outline-style: none !important;
outline-width: 0 !important;
}
:focus {
outline: none !important;
}
::-moz-focus-inner {
border: 0 !important;
}
a:hover, a:active, a:focus {
text-decoration-style: none !important;
}
img {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
b, strong {
font-weight: 700;
}
body {
font-family: "Montserrat", Arial, sans-serif;
font-size: 18px;
line-height: 24px;
line-height: 1.8em;
color: #505050;
}
body.error404 {
background: linear-gradient(120deg, #d00565 0%, #a92832 100%);
}
body.error404 #article-404 {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
padding-top: 20em;
padding-bottom: 20em;
text-align: center;
color: white;
}
body.error404 #article-404 a.button-d {
margin-top: 3em;
}
body #page {
display: flex;
overflow: hidden;
flex-direction: column;
min-height: 100vh;
}
body #page #content {
flex: 1 0 auto;
position: relative;
}
body .site-header, body .site-main, body .widget-area, body .site-footer, body .site-main > article > *, body .site-main > .not-found > *, body .entry-content > *, body [class*=inner-container] > *, body .wp-block-template-part > *, body .wp-block-post-template :where(li > *) {
padding: 0;
margin: 0;
}
body .site-main > * {
padding: 0;
margin: 0;
}
body ul li {
list-style-type: disc;
margin-left: 1em;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
font-weight: 700;
line-height: 1.1em;
}
body h1 {
font-size: 3.5em;
}
body h2 {
font-size: 3em;
}
body h3 {
font-size: 2.5em;
}
body h4 {
font-size: 2em;
}
body h5 {
font-size: 1.75em;
}
body h6 {
font-size: 1.5em;
}
body h2 {
font-size: 3.4em;
line-height: 1em;
font-weight: 700;
color: #D6006D;
letter-spacing: 1px;
margin-bottom: 20px;
}
body input[type=text],
body input[type=email],
body input[type=url],
body input[type=password],
body input[type=search],
body input[type=number],
body input[type=tel],
body input[type=date],
body input[type=month],
body input[type=week],
body input[type=time],
body input[type=datetime],
body input[type=datetime-local],
body input[type=color],
body textarea {
border: 0;
border-bottom: 1px solid #505050;
resize: none;
padding: 5px 0;
font-family: "Montserrat", Arial, sans-serif;
}
body textarea {
padding-top: 10px;
padding-bottom: 0px;
}
body input[type=checkbox] {
width: 20px;
height: 20px;
min-width: 20px;
min-height: 20px;
border: 1px solid #505050;
border-radius: 5px;
}
body input[type=submit] {
background: #F27E2E !important;
color: white;
font-weight: 700;
box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.075);
transition: all 700ms ease;
padding: 15px 50px;
border-radius: 50px;
font-size: 24px;
line-height: 1.5em;
text-decoration: none;
display: inline-block;
border: 0;
text-transform: uppercase;
font-family: "Montserrat", Arial, sans-serif;
}
body input[type=submit]:hover, body input[type=submit]:active, body input[type=submit]:focus {
background: white !important;
color: #F27E2E !important;
}
body ::placeholder {
font-size: 0.8em;
color: #505050;
}
body .modal {
max-width: 590px;
border-radius: 45px;
padding: 45px 45px 60px 45px;
}
body .modal .close-modal {
display: none;
}
body .modal #submit-contact {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%) translateY(calc( 50% ));
display: flex;
align-items: center;
}
body .modal #submit-contact input {
width: 100%;
}
body .modal .wpcf7-not-valid-tip, body .modal .wpcf7-response-output {
font-size: 0.9em;
line-height: 1.2em;
}
body .modal .wpcf7-not-valid-tip {
margin-top: 5px;
}
body .modal .your-acceptance {
font-size: 0.8em;
}
body .modal .your-acceptance label {
display: flex;
align-items: center;
gap: 10px;
}
body .modal .your-acceptance .wpcf7-list-item-label {
line-height: 1.6em;
margin-top: 20px;
}
body .modal .wpcf7-spinner {
position: absolute;
right: -100px;
}
body .modal h2 {
position: absolute;
top: -120px;
color: white;
text-align: center;
left: 0;
font-size: 1.8em;
line-height: 1.4em;
width: 100%;
}
body .blocker {
z-index: 200;
}
body .sous-titre {
font-size: 1.5em;
font-weight: 700;
margin-bottom: 20px;
display: inline-block;
}
body .button-d {
background: #F27E2E;
color: white;
font-weight: 700;
box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.075);
transition: all 700ms ease;
padding: 15px 50px;
border-radius: 50px;
font-size: 20px;
line-height: 1.5em;
text-decoration: none;
display: inline-block;
}
body .button-d:hover, body .button-d:active, body .button-d:focus {
background: white !important;
color: #F27E2E !important;
}
body .container {
max-width: 1920px;
margin: auto;
padding: 0 3%;
}
body .container2 {
padding: 0 6%;
}
body .slick-slide {
margin: 0 80px;
}
body .slick-dots {
text-align: center;
}
body .slick-dots li {
display: inline-block;
text-indent: -99999px;
width: 15px;
height: 15px;
border-radius: 15px;
background: #505050;
opacity: 0.3;
cursor: pointer;
transition: all 700ms ease;
}
body .slick-dots li.slick-active {
opacity: 0.7;
}
body #formulaire-contact {
margin-top: -20px;
}
body #formulaire-contact .intitule {
font-weight: 700;
font-size: 1.2em;
margin-top: 20px;
display: block;
}
body .checkbox-contact {
font-size: 0.8em;
line-height: 1.2em;
margin-top: 1em;
}
body #page {
min-height: 100vh;
display: flex;
flex-direction: column;
overflow: hidden;
}
body #page img {
max-width: 100%;
}
body #page #page-standard {
padding: 10em 0;
}
body #page #page-standard h1 {
color: #D6006D;
font-size: 4em;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 1em;
}
body #page .padding-section {
padding: 7em 0;
}
body #page .pink-section {
background: linear-gradient(120deg, #a92832 0%, #d00565 100%);
padding: 2em 0;
color: white;
font-weight: 700;
font-size: 2em;
line-height: 1.2em;
text-align: center;
}
body #page .pink-section b, body #page .pink-section strong {
font-size: 1.3em;
line-height: 1.2em;
}
body #page #header-menu {
position: absolute;
top: 0;
width: 100%;
padding: 2em 0;
z-index: 100;
}
body #page #header-menu .container {
display: flex;
justify-content: space-between;
align-items: center;
}
body #page #header-menu #menu-deigma ul li {
display: inline-block;
list-style-type: none;
padding: 0 25px;
}
body #page #header-menu #menu-deigma a {
text-decoration: none;
position: relative;
color: #505050;
transition: all 700ms ease;
}
body #page #header-menu #menu-deigma a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background-color: #505050;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
body #page #header-menu #menu-deigma a:hover, body #page #header-menu #menu-deigma a:active, body #page #header-menu #menu-deigma a:focus {
color: #505050 !important;
background: transparent !important;
}
body #page #header-menu #menu-deigma a:hover::before {
visibility: visible;
transform: scaleX(1);
}
body #page #header-menu a.site-logo {
display: none;
margin: 0;
}
body #page #header-menu a.site-logo-black {
display: block;
}
body #page #header-menu a.site-logo, body #page #header-menu a.site-logo-black {
max-width: 175px;
}
body #page #header-menu.whitemenu a.site-logo {
display: block;
}
body #page #header-menu.whitemenu a.site-logo-black {
display: none;
}
body #page #header-menu.whitemenu #menu-deigma a {
text-decoration: none;
position: relative;
color: white;
transition: all 700ms ease;
}
body #page #header-menu.whitemenu #menu-deigma a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background-color: white;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
body #page #header-menu.whitemenu #menu-deigma a:hover, body #page #header-menu.whitemenu #menu-deigma a:active, body #page #header-menu.whitemenu #menu-deigma a:focus {
color: white !important;
background: transparent !important;
}
body #page #header-menu.whitemenu #menu-deigma a:hover::before {
visibility: visible;
transform: scaleX(1);
}
body #page #header-menu.whitemenu #menu-deigma li:last-child a {
text-decoration: none;
position: relative;
color: white;
transition: all 700ms ease;
}
body #page #header-menu.whitemenu #menu-deigma li:last-child a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background-color: white;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
body #page #header-menu.whitemenu #menu-deigma li:last-child a:hover, body #page #header-menu.whitemenu #menu-deigma li:last-child a:active, body #page #header-menu.whitemenu #menu-deigma li:last-child a:focus {
color: white !important;
background: transparent !important;
}
body #page #header-menu.whitemenu #menu-deigma li:last-child a:hover::before {
visibility: visible;
transform: scaleX(1);
}
body #page #header-menu.whitemenu #menu-deigma a:before, body #page #header-menu.whitemenu #menu-deigma li:last-child a:before {
height: 2px;
bottom: -8px;
}
body #page #header-home {
color: white;
min-height: 100vh;
width: 100vw;
background-image: url(//preprod.deigma.fr/wp-content/themes/deigma/assets/images/deigma-header.png), linear-gradient(120deg, #d00565 0%, #a92832 100%);
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
position: relative;
}
body #page #header-home .container {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
width: 100%;
padding-top: 120px;
padding-bottom: 120px;
}
body #page #header-home h1 {
font-family: "Arima Madurai", Times, serif;
font-size: 3em;
line-height: 1.2em;
}
body #page #header-home ::selection {
background: white;
color: #D6006D;
}
body #page #header-home #scrolltobottom {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 50px;
color: white;
font-size: 2em;
cursor: pointer;
}
body #page #header-home #header-texte {
flex: 1;
line-height: 2.2em;
font-size: 1.2em;
}
body #page #header-home #header-texte #header-texte-texte {
max-width: 650px;
margin-top: 20px;
margin-bottom: 60px;
}
body #page #header-home #header-postit {
font-family: "Reenie Beanie", Times, serif;
padding-left: 5%;
margin: 0 5em;
}
body #page #header-home #header-postit #header-postit-postit {
background: url(//preprod.deigma.fr/wp-content/themes/deigma/assets/images/postit.svg);
background-size: contain;
background-repeat: no-repeat;
color: #505050;
font-size: 1.8em;
line-height: 1.2em;
height: 450px;
display: flex;
justify-content: flex-start;
align-items: center;
background-position: left center;
}
body #page #header-home #header-postit #header-postit-postit div {
padding: 20px 30px 0 70px;
width: 450px;
transform: rotate(-10deg);
text-align: center;
}
body #page #atouts .container, body #page #demo .container, body #page #ide .container {
display: flex;
align-items: center;
}
body #page #atouts .container div, body #page #demo .container div, body #page #ide .container div {
flex: 1;
}
body #page #atouts {
padding-top: 7em;
}
body #page #atouts .container {
align-items: flex-start;
}
body #page #atouts #atouts-prelevements {
margin-top: 3em;
}
body #page #atouts #atouts-prelevements .atout-prelevement {
display: flex;
gap: 40px;
margin-bottom: 2em;
}
body #page #atouts #atouts-prelevements .atout-prelevement figure {
width: 120px;
text-align: center;
}
body #page #atouts #atouts-prelevements .atout-prelevement div .atout-prelevement-titre {
font-size: 1.2em;
font-weight: 700;
display: inline-block;
margin-bottom: 10px;
}
body #page #atouts #atouts-titre h2 {
max-width: 420px;
}
body #page #atouts #atouts-image {
transform: translateX(50px) translateY(calc(1em + 5%));
}
body #page #prenez-rdv-1 {
font-size: 1.7em;
line-height: 1.4em;
}
body #page #demo {
padding: 10em 0;
}
body #page #demo #demo-texte {
flex: none;
border-left: 2px solid #F27E2E;
padding-left: 20px;
padding-right: 100px;
width: 40%;
color: #F27E2E;
font-size: 2.25em;
line-height: 1.5em;
font-weight: 300;
}
body #page #demo #demo-texte b, body #page #demo #demo-texte strong {
font-weight: 700;
}
body #page #demo #demo-texte div {
max-width: 420px;
}
body #page #demo #demo-video {
flex: none;
width: 60%;
position: relative;
padding-bottom: 33.75%;
height: 0;
}
body #page #demo #demo-video:after {
content: "";
background: url(//preprod.deigma.fr/wp-content/themes/deigma/assets/images/demo.svg);
background-size: contain;
background-repeat: no-repeat;
max-height: 195px;
height: 30%;
display: block;
z-index: 200;
position: absolute;
top: -2.4%;
right: 70px;
max-width: 100%;
width: 65px;
pointer-events: none;
}
body #page #demo #demo-video iframe {
border-radius: 25px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body #page #partenaires {
background: #EEEEEE;
}
body #page #partenaires h2 {
text-align: center;
}
body #page .slick-partenaire .slick-slide {
background: white;
border-radius: 50px;
padding: max(100px, 0.5%);
margin: 5em 0.75%;
box-shadow: 0 20px 30px 20px rgba(0, 0, 0, 0.025);
position: relative;
text-align: center;
}
body #page .slick-partenaire .slick-slide .item-logo {
max-height: 175px;
display: flex;
gap: 20%;
justify-content: center;
text-align: center;
align-items: center;
}
body #page .slick-partenaire .slick-slide .item-logo img {
max-width: 250px;
}
body #page .slick-partenaire .slick-slide .item-photo figure {
height: 175px;
width: 175px;
border-radius: 175px;
overflow: hidden;
}
body #page .slick-partenaire .slick-slide .item-photo img {
width: 175px;
height: 175px;
object-fit: cover;
}
body #page .slick-partenaire .slick-slide .item-nom {
margin-top: 2em;
font-weight: 600;
font-size: 1.1em;
}
body #page .slick-partenaire .slick-slide .item-nom span:first-child {
font-weight: 800;
}
body #page .slick-partenaire .slick-slide .item-nom .separator {
margin: 0 10px;
}
body #page .slick-partenaire .slick-slide .item-texte {
margin-top: 2em;
}
body #page #ide #merci {
font-family: "Dancing Script", Times, serif;
font-size: 2em;
transform: rotate(-10deg);
float: right;
margin-top: 30px;
}
body #page #ide #ide-image {
position: relative;
}
body #page #ide #ide-image figure {
overflow: hidden;
border-radius: 30px;
box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.075);
}
body #page #ide #ide-texte {
padding-left: 5%;
}
body #hamburger {
width: 40px;
height: 35px;
position: absolute;
transform: rotate(0deg);
transition: 0.5s ease-in-out;
cursor: pointer;
display: none;
right: 20px;
top: 37px;
z-index: 100;
}
body #hamburger:hover span {
background: white;
}
body #hamburger span {
display: block;
position: absolute;
height: 2px;
width: 100%;
background: white;
border-radius: 2px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: 0.25s ease-in-out;
}
body #hamburger span:nth-child(1) {
top: 0px;
}
body #hamburger span:nth-child(2), body #hamburger span:nth-child(3) {
top: 12px;
}
body #hamburger span:nth-child(4) {
top: 24px;
}
body #hamburger.open span:nth-child(1) {
top: 12px;
width: 0%;
left: 50%;
}
body #hamburger.open span:nth-child(2) {
transform: rotate(45deg);
}
body #hamburger.open span:nth-child(3) {
transform: rotate(-45deg);
}
body #hamburger.open span:nth-child(4) {
top: 12px;
width: 0%;
left: 50%;
}
body footer {
background: #EEEEEE;
padding: 5em 0 2em 0;
font-size: 0.9em;
line-height: 1.6em;
}
body footer ul li {
list-style-type: none;
margin-left: 0;
}
body footer i {
font-size: 1.4em;
line-height: 1.1em !important;
}
body footer h6 {
font-weight: 700;
text-transform: uppercase;
display: block;
margin-bottom: 10px;
font-size: 1.1em;
}
body footer a {
text-decoration: none;
position: relative;
color: #505050;
transition: all 700ms ease;
}
body footer a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background-color: #505050;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
body footer a:hover, body footer a:active, body footer a:focus {
color: #505050 !important;
background: transparent !important;
}
body footer a:hover::before {
visibility: visible;
transform: scaleX(1);
}
body footer .site-logo:before, body footer .site-logo:after, body footer .a-picto:before, body footer .a-picto:after {
content: "";
display: none;
}
body footer .site-logo:hover::before, body footer .site-logo:hover::after, body footer .a-picto:hover::before, body footer .a-picto:hover::after {
display: none;
}
body footer .a-picto {
margin-right: 15px;
}
body footer .a-picto:hover, body footer .a-picto:active, body footer .a-picto:focus {
color: #D6006D !important;
}
body footer .footer-col div {
display: flex;
gap: 15px;
margin-bottom: 20px;
}
body footer .footer-col div:last-child {
margin-bottom: 0;
}
body footer #footer-content {
display: flex;
gap: 5%;
padding: 0 5%;
justify-content: space-between;
}
body footer #footer-content .footer-col {
flex: 1;
}
body footer #footer-submenu {
text-align: center;
padding-top: 3em;
font-size: 0.9em;
}
body footer #footer-submenu div, body footer #footer-submenu ul li {
display: inline-block;
}
body footer #footer-submenu .menu-divider {
margin: 0 5px;
margin-right: 0;
}
body footer #footer-submenu .menu-divider:last-child {
display: none;
}
@media screen and (max-width: 1620px) {
body #page #header-menu.open {
box-shadow: 0 10px 20px 10px rgba(0, 0, 0, 0.075);
display: block;
background: white;
}
body #page #header-menu.open .container {
display: block;
}
body #page #header-menu.open a {
color: #505050;
}
body #page #header-menu.open #menu-deigma {
text-align: center;
margin-top: 2em;
}
body #page #header-menu.open #menu-deigma ul li {
display: block;
margin: auto;
}
body #page #header-menu.open #menu-deigma ul li a {
text-decoration: none;
position: relative;
color: #505050;
transition: all 700ms ease;
}
body #page #header-menu.open #menu-deigma ul li a:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: -2px;
left: 0;
background-color: #505050;
visibility: hidden;
transform: scaleX(0);
transition: all 0.3s ease-in-out 0s;
}
body #page #header-menu.open #menu-deigma ul li a:hover, body #page #header-menu.open #menu-deigma ul li a:active, body #page #header-menu.open #menu-deigma ul li a:focus {
color: #505050 !important;
background: transparent !important;
}
body #page #header-menu.open #menu-deigma ul li a:hover::before {
visibility: visible;
transform: scaleX(1);
}
body #page #header-menu.open a.site-logo {
display: none;
}
body #page #header-menu.open a.site-logo-black {
display: block;
}
body #page #header-menu.open #hamburger:hover span {
background: #505050;
}
body #page #header-menu.open #hamburger span {
background: #505050;
}
body #page #hamburger {
display: block;
}
body #page #menu-deigma {
display: none;
}
body #page #menu-deigma.open {
display: block;
}
}
@media screen and (max-width: 1280px) {
body {
font-size: 16px;
}
body #page #header-menu {
font-size: 1.2em;
}
body #page #header-menu #menu-deigma ul li {
margin-bottom: 10px !important;
}
body #page #header-home #header-postit {
display: none;
}
body #page #atouts .container, body #page #demo .container, body #page #ide .container {
flex-wrap: wrap;
}
body #page #atouts .container #atouts-titre {
max-width: none;
}
body #page #atouts .container #atouts-titre h2 {
max-width: none;
}
body #page #atouts .container #atouts-texte {
flex: auto;
}
body #page #atouts .container #atouts-image {
flex: auto;
max-width: 500px;
text-align: center;
width: 100%;
margin: auto;
transform: translateY(3em);
}
body #page #demo {
padding: 5em 0;
}
body #page #demo .container {
justify-content: center;
}
body #page #demo .container #demo-texte {
width: 100%;
padding-right: 0;
margin-bottom: 2em;
}
body #page #demo .container #demo-texte div {
max-width: none;
}
body #page #demo .container #demo-video {
text-align: center;
padding-bottom: 0;
width: 100%;
height: 360px;
max-width: 100%;
max-height: 100%;
}
body #page #demo .container #demo-video iframe {
position: relative;
width: 100%;
height: 100%;
max-width: 640px !important;
max-height: 360px !important;
}
body #page #ide .container #ide-image {
flex: auto;
}
body #page #ide .container #ide-image img {
width: 100%;
}
body #page #ide .container #ide-texte {
flex: auto;
}
body #page .slick-partenaire .slick-slide {
padding: max(50px, 0.5%);
margin: 5em 1em;
}
body #page .slick-partenaire .slick-slide .item-logo {
max-height: 120px;
}
body #page .slick-partenaire .slick-slide .item-logo img {
max-width: 200px;
}
body #page .slick-partenaire .slick-slide .item-photo figure {
width: 120px;
height: 120px;
}
body #page .slick-partenaire .slick-slide .item-photo figure img {
width: 120px;
height: 120px;
}
body footer #footer-content {
flex-direction: column;
align-items: center;
text-align: center;
}
body footer #footer-content .footer-col {
margin-bottom: 2em;
}
body footer #footer-content .footer-col:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 680px) {
body {
font-size: 14px;
}
body h2 {
font-size: 3em;
}
body h2 br {
display: none;
}
body #page .padding-section {
padding: 4em 0;
}
body #page #header-home h1 br {
display: none;
}
body #page #header-home #header-texte #header-texte-texte {
max-width: none;
}
body #page #atouts .container #atouts-texte br {
display: none;
}
body #page #atouts .container #atouts-prelevements .atout-prelevement {
flex-direction: column;
gap: 20px;
}
body #page #prenez-rdv-1 .container div br {
display: none;
}
body #page #ide #merci {
margin-top: 10px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px) {
body h1 {
font-size: 2.5em;
}
body h2 {
font-size: 2.25em;
}
body h3 {
font-size: 2em;
}
body h4 {
font-size: 1.75em;
}
body h5 {
font-size: 1.5em;
}
body h6 {
font-size: 1.25em;
}
body .button-d {
font-size: 16px;
}
body #page .pink-section {
font-size: 1.5em;
}
body #page .pink-section b, body #page .pink-section strong {
font-size: 1.15em;
}
body #page #header-home h1 {
font-size: 1.8em;
}
body #page .slick-partenaire .slick-slide {
padding: max(20px, 0.5%);
margin: 2em 1em;
}
body #page .slick-partenaire .slick-slide .item-logo {
max-height: 75px;
}
body #page .slick-partenaire .slick-slide .item-logo img {
max-width: 100px;
}
body #page .slick-partenaire .slick-slide .item-photo figure {
height: 75px;
width: 75px;
}
body #page .slick-partenaire .slick-slide .item-photo img {
width: 75px;
height: 75px;
}
}