@CHARSET "UTF-8";

@font-face {font-family: 'regular'; src: url(//www.sodico.fr/wp-content/themes/sodico/assets/le-kin/fonts/regular.woff) format("woff"), url(//www.sodico.fr/wp-content/themes/sodico/assets/le-kin/fonts/regular.svg) format("svg"); font-weight: normal; font-style: normal;}
@font-face {font-family: 'bold'; src: url(//www.sodico.fr/wp-content/themes/sodico/assets/le-kin/fonts/bold.woff) format("woff"), url(//www.sodico.fr/wp-content/themes/sodico/assets/le-kin/fonts/bold.svg) format("svg"); font-weight: normal; font-style: normal;}
:root {--blanc:#ffffff; --beige:#e6e4dc; --noir:#121517;; --mauve:#6d6ca7; --mauve2:#8785b7;}
* {box-sizing:border-box; padding:0; margin:0; -webkit-backface-visibility:hidden; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; outline: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,
main, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; vertical-align: baseline;}
body, html {font-family: 'regular'; margin:0; padding:0; overflow:hidden;}
body {line-height:1.4; color:var(--noir); background:var(--beige);}
h1, h2, h3 , h4 {line-height:1; margin:0; padding:0;}
h1, h2 {font-family: 'bold'; text-transform:uppercase;}
h1 {font-size:2.2vw; line-height:1.15;}
h2 {font-size:1.5vw; margin-top:.5rem; color:var(--mauve);}
body, html {font-size:1rem;}
.font-b {font-size: 1.5vw; line-height: 1.2;}
.font-c {font-size:.8rem;}
a {color: var(--blanc); outline: none; text-decoration: none; transition:.5s;}
a:focus, a:active {outline: none;}
a:link, a:visited, a:hover, a:active, a:focus, button {outline:0;}
:focus, :hover {-webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.right {text-align:right;}
.header {display:flex; grid-gap:3vw; justify-content:space-between; padding-right:6vw; opacity:0; transform:translateY(-3rem); filter:blur(20px); transition:.5s cubic-bezier(.215,0,.355,1);}
.is-ready .header {opacity:1; transform:none; filter:none;}
.content {position:relative; width:100vw; height:100vh; display:grid; grid-gap:3vw; grid-template-columns: 1fr 1fr;}
.content:before {content:''; background:var(--mauve); position:absolute; right:0; bottom:0; width:calc(50% + 4.5vw); height:100%; z-index:-1; opacity:0;
transition:.8s cubic-bezier(.215,0,.355,1);}
.is-ready .content:before {opacity:1;}
.col-1 {display:flex; flex-direction:column; justify-content:space-between; padding:3vw 0 3vw 3vw;}
.col-2 {display:flex; flex-direction:column; justify-content:space-between; grid-gap:3vw; color:var(--blanc); padding:3vw 3vw 3vw 0;}
.font-b, .formulaire, .footer {opacity:0; transform:translateY(3rem); filter:blur(20px); transition:.5s cubic-bezier(.215,0,.355,1);}
.is-ready .font-b {opacity:1; transform:none; filter:none; transition-delay:.3s;}
.is-ready .formulaire {opacity:1; transform:none; filter:none; transition-delay:.4s;}
.is-ready .footer {opacity:1; transform:none; filter:none; transition-delay:.5s;}
.col-1 svg {width:150px; height:auto;}
.st0 {fill:var(--noir);}
.st1 {fill:var(--mauve);}
.image img {width:100%; height:auto;}
.image {opacity:0; transform:scale(.8); transition:.5s cubic-bezier(.215,0,.355,1); filter:blur(20px);}
.is-ready .image {opacity:1; transform:none; filter:none;}
.wrapper-btn {display:flex; grid-gap:1.5rem;}
button.btn {background:var(--noir); color:var(--blanc); font-family:'regular',sans-serif; font-weight:400; font-size:inherit; transition:.2s; border:0!important; pointer-events:auto;}
button.btn:hover {background:var(--blanc); color:var(--noir);}
.btn {height:3.5rem; padding:0 2rem; grid-gap:1rem; border-radius:6rem; background:var(--mauve2); color:var(--blanc); display:flex; align-items: center;}
.btn svg {width:1rem; fill:var(--blanc); transition:.3s;}
.btn:hover {background:var(--blanc); color:var(--mauve);}
.btn:hover svg {fill:var(--mauve);}
.formulaire {padding-top:2.5rem;}
.formulaire-content {display:grid; grid-gap:2.5rem; grid-template-columns: 1fr 1fr;}
.wpcf7-form {display: flex; flex-direction: column; grid-gap: 2.5rem;}
.form-item {width:100%; position:relative;}
button[type="submit"] {position:relative; font-family:inherit; cursor:pointer;}
input, textarea {font-family:'regular',sans-serif; font-weight:400; color:var(--noir); font-size:inherit; padding:1.5rem 2rem; transition:.3s; border:0!important;
width:100%;}
input:focus, textarea:focus {background:var(--mauve2); border:0!important; color:var(--blanc);}
input {border-radius:7rem;}
textarea {border-radius:1.5rem; resize: none; height:17rem;}
.formulaire-col1 {display:flex; flex-direction:column; justify-content:space-between;}
.formulaire-btn {display:flex; justify-content: center;}
.wpcf7-form input[type="radio"], .wpcf7-form input[type="checkbox"] {display: none;}
.wpcf7-list-item-label {cursor:pointer; left:2rem; width:calc(100% - 2rem); position:relative; display: flex;}
.wpcf7-radio {display:flex; column-gap:2rem; row-gap:1rem; margin-bottom:0; flex-wrap: wrap;}
.wpcf7-form input[type="radio"] + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"] + .wpcf7-list-item-label::before {position: absolute; top:3px; left:-2rem;
background: none; background:transparent; border:1px solid var(--blanc); border-radius:50%; display:inline-block; vertical-align:middle; height:15px; width:15px; content:''; transition:.2s;}
.wpcf7-form input[type="radio"]:checked + .wpcf7-list-item-label::before, .wpcf7-form input[type="checkbox"]:checked + .wpcf7-list-item-label::before {background:var(--blanc);}
::-webkit-input-placeholder {opacity:1; color:var(--noir) -webkit-transition: opacity .5s; transition: opacity .5s;}
:-moz-placeholder {opacity:1; color:var(--noir) -moz-transition: opacity .5s; transition: opacity .5s;}
::-moz-placeholder {opacity:1; color:var(--noir) -moz-transition: opacity .5s; transition: opacity .5s;}
:-ms-input-placeholder {opacity:1; color:var(--noir) -ms-transition: opacity .5s; transition: opacity .5s;}
::placeholder {opacity:1; color:var(--noir) transition: opacity .5s;}
*:focus::-webkit-input-placeholder {opacity:1; color:var(--noir)}
*:focus:-moz-placeholder {opacity:1; color:var(--noir)}
*:focus::-moz-placeholder {opacity:1; color:var(--noir)}
*:focus:-ms-input-placeholder {opacity:1; color:var(--noir)}
*:focus::placeholder {opacity:1; color:var(--noir)}
:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid {box-shadow:none;}
.wpcf7-not-valid {border:2px solid #ffce00!important;}
.wpcf7-acceptance.wpcf7-not-valid {border:0!important;}
.screen-reader-response, .wpcf7-response-output {display:none;}
.wpcf7-not-valid-tip, .mailerlite-form-error {color:#ffce00; font-size: .7rem; width: 100%; position: absolute; display: block; margin-top:.4rem;}
.footer {display:flex; grid-gap:3vw; justify-content:space-between; align-items: flex-end;}
.footer .image {display:none;}
.sodico svg {width:75px; height:auto; fill:var(--blanc);}
#epd {display:none!important;}
@media screen and (max-width:1700px) {
.col-1 svg {width: 120px; height: auto;}
.content {grid-template-columns:.7fr 1fr;}
.content:before {width:calc(58% + 4.5vw);}
}
@media screen and (max-width:1290px) {
body, html {overflow: auto;}
.header {padding-right:0; grid-gap:3rem; flex-direction:column; text-align:center;}
.right {text-align: center;}
h1 {font-size: 2rem;}
h2 {font-size: 1.5rem;}
.font-b {font-size: 1.5rem;}
.content {grid-template-columns: 1fr; width: 100%; height: auto; grid-gap: 0;}
.content:before {content:none;}
.col-1, .col-2 {padding: 3rem;}
.col-2 {grid-gap:3rem; background:var(--mauve);}
.col-1 .image {display:none;}
.footer .image {display:block;}
.formulaire-col1 {grid-gap:1.5rem;}
.formulaire-content {grid-gap:1.5rem; grid-template-columns: 1fr;}
.footer {align-items: center; flex-direction: column; grid-gap:1.5rem;}
.wrapper-btn {grid-gap: 1.5rem; flex-direction: column;}
}
@media screen and (max-width:690px) {
.col-1 svg {width: 100px;}
h1 {font-size: 1.6rem; width:75%;}
h2 {font-size: 1.3rem;}
.font-b {font-size: 1.3rem;}
body, html {font-size: .9rem;}
.header, .wpcf7-form {grid-gap:2rem;}
.col-1, .col-2 {padding: 2rem;}
.btn {height: 3rem; padding: 0 1.5rem;}
input, textarea {padding: 1rem 1.5rem;}
.right {text-align: left;}
.formulaire {padding-top:2rem;}
textarea {height:12rem;}
.header {filter:none;}
.font-b, .formulaire, .footer {opacity:0; transform:translateY(3rem); filter:none; transition:.5s cubic-bezier(.215,0,.355,1);}
}