/* Slider */
.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; }
@charset "UTF-8";
/* Slider */
.slick-loading .slick-list {
background: #fff url("./ajax-loader.gif") center center no-repeat; }
/* Icons */
@font-face {
font-family: "slick";
src: url("./fonts/slick.eot");
src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
font-weight: normal;
font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none; }
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
outline: none;
background: transparent;
color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1; }
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 0.25; }
.slick-prev:before,
.slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-prev {
left: -25px; }
[dir="rtl"] .slick-prev {
left: auto;
right: -25px; }
.slick-prev:before {
content: "←"; }
[dir="rtl"] .slick-prev:before {
content: "→"; }
.slick-next {
right: -25px; }
[dir="rtl"] .slick-next {
left: -25px;
right: auto; }
.slick-next:before {
content: "→"; }
[dir="rtl"] .slick-next:before {
content: "←"; }
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px; }
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%; }
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer; }
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1; }
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75; }
@charset "UTF-8";
/*
-----------------
Variable
-----------------
*/
/*
-----------------
-----------------
CLASS
-----------------
-----------------
*/
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400&family=Dancing+Script:wght@400;600&display=swap");
.clear:after, #formulaire-style .question:after, .homepage .block_2 .ul:after, .homepage2 .block_2 .ul:after, .homepage2 .block_2 .block_step:after {
clear: both;
content: "";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
padding: 0;
margin: 0; }
.vam:after {
display: inline-block;
vertical-align: middle;
content: "";
height: 100%;
width: 0;
line-height: 1;
font-size: 0px;
margin: 0;
padding: 0; }
.transition, #navigation ul li a, #navigation-menu, .form-1 .row-form-design .label-form-1, .link-text, .link-text-grey, .question-general .question-link .input, #same-address [type="checkbox"]:not(:checked) + label:before,
#same-address [type="checkbox"]:checked + label:before,
#same-address [type="checkbox"]:not(:checked) + label:after,
#same-address [type="checkbox"]:checked + label:after, #footer .link ul li a, #formulaire-style [type="radio"]:not(:checked) + label:after,
#formulaire-style [type="radio"]:checked + label:after,
#formulaire-style [type="checkbox"]:not(:checked) + label:after,
#formulaire-style [type="checkbox"]:checked + label:after {
transition: All 0.5s ease;
-webkit-transition: All 0.5s ease;
-moz-transition: All 0.5s ease;
-o-transition: All 0.5s ease; }
.alignVerticalAbsolute, #footer .link ul li:not(:last-child):after, #formulaire-style .question .select-content:after {
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.alignHorizonAbsolute {
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%); }
.no-margin {
margin: 0 !important; }
/*
-----------------
-----------------
MIXIN
-----------------
-----------------
*/
/*
-----------------
Font Always Forever Regular
-----------------
*/
@font-face {
font-family: 'alwaysforeverregular';
src: url("/public/font/always_forever-webfont.eot");
src: url("/public/font/always_forever-webfont.eot?#iefix") format("embedded-opentype"), url("/public/font/always_forever-webfont.woff2") format("woff2"), url("/public/font/always_forever-webfont.woff") format("woff"), url("/public/font/always_forever-webfont.ttf") format("truetype"), url("/public/font/always_forever-webfont.svg#alwaysforeverregular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'DroidSerif';
src: url("/public/font/DroidSerif.eot?#iefix") format("embedded-opentype"), url("/public/font/DroidSerif.woff") format("woff"), url("/public/font/DroidSerif.ttf") format("truetype"), url("/public/font/DroidSerif.svg#DroidSerif") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'LibreBaskerville-Regular';
src: url("/public/font/LibreBaskerville-Regular.eot?#iefix") format("embedded-opentype"), url("/public/font/LibreBaskerville-Regular.otf") format("opentype"), url("/public/font/LibreBaskerville-Regular.woff") format("woff"), url("/public/font/LibreBaskerville-Regular.ttf") format("truetype"), url("/public/font/LibreBaskerville-Regular.svg#LibreBaskerville-Regular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'DomaineDisp-Regular';
src: url("/public/font/DomaineDisp-Regular.otf") format("opentype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'DomaineDisp-Semibold';
src: url("/public/font/DomaineDisp-Semibold.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Montserrat-Regular';
src: url("/public/font/Montserrat-Regular.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Montserrat-SemiBold';
src: url("/public/font/Montserrat-SemiBold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Montserrat-Bold';
src: url("/public/font/Montserrat-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Montserrat-LightItalic';
src: url("/public/font/Montserrat-LightItalic.otf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'BrandonText-Regular';
src: url("/public/font/HVD Fonts - BrandonText-Regular.otf") format("opentype");
font-weight: 700;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Roustel';
src: url("/public/font/roustel-webfont.woff") format("woff"), url("/public/font/roustel-webfont.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-display: swap; }
/*
-----------------
Navigation
-----------------
*/
#navigation {
position: fixed;
top: 0;
left: 0;
z-index: 20;
width: 100%;
height: 90px;
background: #fcfcfc;
border-bottom: 1px solid #ddd;
color: #6D737F; }
#navigation .line {
height: 45px; }
#navigation .line-top {
background: #b2dfdb;
border-bottom: 1px solid #8ed0ca; }
#navigation .line-top .logo a {
display: block;
height: 45px; }
@media (max-width: 768px) {
#navigation .line-top .logo a {
display: inline-block; } }
#navigation .line-top .logo img {
width: 100%;
height: auto;
width: 120px;
margin-top: 9px; }
@media (max-width: 768px) {
#navigation .line-top .logo {
float: none;
margin: 0 auto;
text-align: center; } }
#navigation .line-top .assurance {
display: inline-block;
vertical-align: top;
font-size: 16px;
margin-left: 15px;
line-height: 45px; }
@media (max-width: 768px) {
#navigation .line-top .assurance {
display: none; } }
#navigation .line-top .assurance i {
margin-right: 2px; }
@media (max-width: 768px) {
#navigation .line-bottom {
display: none; } }
#navigation ul {
list-style-type: none;
white-space: nowrap;
height: 45px; }
#navigation ul li {
display: inline-block;
position: relative;
vertical-align: middle; }
#navigation ul li.name {
display: inline-block; }
#navigation ul li a {
display: block;
font-size: 16px;
position: relative;
padding: 0 10px;
color: inherit; }
#navigation ul li a.logout {
margin-left: 5px;
border-left: 1px solid #ddd;
padding-left: 15px; }
#navigation ul li a:hover {
color: #000; }
#navigation .line-mobile {
display: none;
text-align: center; }
#navigation .line-mobile ul {
line-height: 45px; }
#navigation .line-mobile ul li {
padding: 0;
height: 45px;
display: block;
float: left; }
#navigation .line-mobile .border {
border-right: 1px solid #ddd;
border-left: 1px solid #ddd; }
@media (max-width: 768px) {
#navigation .line-mobile {
display: block; } }
#navigation-menu {
position: fixed;
z-index: 19;
padding-top: 90px;
-ms-overflow-y: auto;
overflow-y: auto;
background: #fcfcfc;
right: -240px;
top: 0;
width: 240px;
height: 100%;
border-left: 1px solid #eee;
opacity: 0;
visibility: hidden; }
#navigation-menu.open {
right: 0;
opacity: 1;
visibility: visible; }
#navigation-menu ul {
list-style-type: none; }
#navigation-menu ul li {
height: 50px;
line-height: 50px; }
#navigation-menu ul li a {
display: block;
height: 100%;
font-size: 16px;
color: #6D737F;
text-align: left;
border-bottom: 1px solid #eee;
padding-left: 20px; }
#navigation-menu ul li a:hover {
background: #000;
color: #fff; }
#navigation.navigation-extended {
height: 125px; }
.header-message {
width: 100%;
padding: 5px 0px; }
/*
-----------------
Formulaire type - 1
-----------------
*/
.form-1 .title-form-1 {
font-size: 26px;
text-align: left; }
@media (max-width: 768px) {
.form-1 .title-form-1 {
font-size: 20px; } }
.form-1 .row-form-design {
position: relative; }
.form-1 .row-form-design.error-field-open .error-field {
display: block;
font-size: 14px; }
.form-1 .row-form-design .facultatif {
font-size: 14px;
font-style: italic; }
.form-1 .row-form-design .textarea-form-1 {
display: block;
width: 100%; }
.form-1 .row-form-design .input-form-1 {
display: inline-block;
width: 70%; }
.form-1 .row-form-design .label-form-1 {
display: inline-block;
width: 29%;
font-size: 16px;
padding-bottom: 4px;
font-family: "Montserrat-Regular", sans-serif; }
.form-1 .row-form-design .input-form-1 {
height: 40px;
padding: 0 5px;
text-align: left;
background: #F8F8F8;
border: 1px solid #ddd; }
.form-1 .row-form-design .textarea-form-1 {
resize: none;
padding: 10px;
background: #F8F8F8;
border: 1px solid #ddd;
height: 120px; }
.form-1 .row-form-design .error-field {
display: none;
color: #f0a918; }
.form-1 .row-form-design .slide_relative_content {
position: relative;
display: block; }
.form-1 .btn {
margin-left: 20px;
margin-top: 20px; }
.form-1 .loader {
color: #F0415B;
font-size: 22px;
display: block;
opacity: 0;
position: absolute;
top: 10px;
left: 120px; }
.form-1 .loader.open {
opacity: 1; }
.form-1 .text {
padding: 20px 0 0;
position: relative; }
.form-1 .text a {
display: inline-block; }
.form-1 .text.success .icon {
width: 25px;
height: 25px;
border-radius: 100%;
background: #77CC7D;
visibility: visible;
display: inline-block;
margin-right: 10px;
position: relative; }
.form-1 .text.success .icon .fa {
color: #fff;
font-size: 16px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute; }
.form-1 .text .icon {
display: none;
visibility: hidden; }
.form-1 input:required,
.form-1 input:invalid {
box-shadow: 0 0 0 50px white inset !important;
-webkit-box-shadow: 0 0 0 50px white inset !important; }
.form-1 input:-webkit-autofill {
box-shadow: 0 0 0 50px white inset !important;
-webkit-box-shadow: 0 0 0 50px white inset !important; }
.show-password {
position: absolute;
width: 40px;
height: 40px;
line-height: 40px;
color: #555;
right: 20px;
top: 20px;
text-align: center;
cursor: pointer; }
.show-password.open .fa-eye {
opacity: 0;
margin-top: -10px; }
.show-password.open .fa-eye-slash {
opacity: 1;
margin-top: 0; }
.show-password .fa {
left: 0;
right: 0;
margin: 0 auto;
position: absolute; }
.show-password .fa-eye {
opacity: 1;
margin-top: 0; }
.show-password .fa-eye-slash {
opacity: 0;
margin-top: 10px; }
.twitter-background {
background: #00aced; }
.facebook-background {
background: #3b5998; }
.pinterest-background {
background: #cb2027; }
.instagram-background {
background: #517fa4; }
.email-background {
background: #776F6B; }
.copier-background {
background: #68AFAA; }
/*
-----------------
Accessibility
-----------------
*/
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
/*
-----------------
Center bloc
-----------------
*/
/*
-----------------
Row
-----------------
// */
/*
-----------------
Hide
-----------------
*/
@media (max-width: 992px) {
.hidden-md {
display: none;
visibility: hidden; } }
@media (max-width: 768px) {
.hidden-sm {
display: none;
visibility: hidden; } }
.inline {
display: inline-block !important; }
/*
-----------------
Width
-----------------
*/
.w-40 {
max-width: 40px;
width: 100%; }
.w-80 {
max-width: 80px;
width: 100%; }
.w-100 {
max-width: 100px;
width: 100%; }
.w-120 {
max-width: 120px;
width: 100%; }
.w-140 {
max-width: 140px;
width: 100%; }
.w-160 {
max-width: 160px;
width: 100%; }
.w-180 {
max-width: 180px;
width: 100%; }
.w-200 {
max-width: 200px;
width: 100%; }
.w-220 {
max-width: 220px;
width: 100%; }
.w-240 {
max-width: 240px;
width: 100%; }
.w-260 {
max-width: 260px;
width: 100%; }
.w-300 {
max-width: 300px;
width: 100%; }
.w-360 {
max-width: 360px;
width: 100%; }
.w-20p {
width: 20%; }
.w-25p {
width: 25%; }
.w-33p {
width: 33.3333333333%; }
.w-40p {
width: 40%; }
.w-50p {
width: 50%; }
.w-100p {
width: 100%;
display: block; }
@media (max-width: 768px) {
.w-33p-sm {
width: 33.3333333333%; }
.w-50p-sm {
width: 50%; }
.w-100p-sm {
width: 100%;
display: block; } }
.h-40 {
min-height: 40px;
width: 100%; }
.h-80 {
min-height: 80px;
width: 100%; }
.h-100 {
min-height: 100px;
width: 100%; }
.h-120 {
min-height: 120px;
width: 100%; }
.h-140 {
min-height: 140px;
width: 100%; }
.h-160 {
min-height: 160px;
width: 100%; }
.h-180 {
min-height: 180px;
width: 100%; }
.h-200 {
min-height: 200px;
width: 100%; }
.h-220 {
min-height: 220px;
width: 100%; }
.h-240 {
min-height: 240px;
width: 100%; }
.h-260 {
min-height: 260px;
width: 100%; }
.h-300 {
min-height: 300px;
width: 100%; }
.h-360 {
min-height: 360px;
width: 100%; }
/*
-----------------
Columns
-----------------
*/
/*
-----------------
Columns width
-----------------
*/
/*
-----------------
Text align
-----------------
*/
.text-align-left {
text-align: left; }
.text-align-center {
text-align: center; }
.text-align-right {
text-align: right; }
.fl-left {
float: left; }
.fl-right {
float: right; }
/*
-----------------
Button and Link
-----------------
*/
.link-text {
color: #FF5859;
text-decoration: underline; }
.link-text:hover {
color: #be0001; }
.link-text-grey {
color: #828ca4;
font-size: 14px;
text-decoration: underline; }
.link-text-grey:hover {
color: #3b4252; }
.button-link-text {
cursor: pointer;
border: 0;
padding: 0;
background: #fff;
color: #00aced;
margin-bottom: 10px; }
/*
-----------------
Separator
-----------------
*/
[class*='hr-'] {
width: 100%;
height: 0;
margin: 0 auto;
background: none;
border: none; }
.hr-dot {
border-top: 1px dotted #ddd; }
.hr-line {
border-top: 1px solid #ddd; }
.hr-square {
width: 12px;
height: 12px;
border: 1px solid #828CA4;
margin: 0 auto;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg); }
/*
-----------------
Header categorie
-----------------
*/
.header-categorie {
background: #fff;
box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.1);
padding: 30px 0; }
.header-categorie .header-title {
color: #4F9893;
font-size: 24px; }
.header-categorie h2 {
font-weight: normal;
color: #383838;
font-size: 18px; }
.header-categorie .text {
font-weight: normal;
display: block; }
.header-categorie ul {
padding-left: 40px;
padding-top: 20px;
color: #383838;
font-size: 18px;
padding-bottom: 20px; }
.header-categorie .btn {
margin-top: 20px; }
@media (max-width: 992px) {
.header-categorie {
text-align: center;
margin-bottom: 10px; } }
@media (max-width: 768px) {
.header-categorie {
padding: 20px 10px; } }
/*
-----------------
Icon set
-----------------
*/
.icon-set {
background: url("/public/images/clicandfit-icon-set.png") no-repeat;
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 10px; }
.icon-adr-livraison {
background-position: -160px 0; }
.icon-adr-facture {
background-position: -40px 0; }
.icon-tools {
background-position: -80px 0; }
.icon-lock {
background-position: -120px 0; }
.icon-profil {
background-position: -200px 0; }
.icon-gift {
background-position: -240px 0; }
.icon-msg {
background-position: -280px 0; }
/*
-----------------
Bloc
-----------------
*/
.bloc-page {
padding: 30px; }
@media (max-width: 768px) {
.bloc-page {
padding: 10px 5px; } }
.bloc-shadow {
box-shadow: 0px 2px 4px rgba(50, 50, 50, 0.1);
height: 100%;
padding: 30px;
background: #ffffff; }
.bloc-shadow .title-bloc-shadow {
padding-bottom: 20px;
font-size: 20px;
color: #000000; }
.bloc-shadow .title-bloc-shadow .icon-set {
margin-right: 10px; }
.bloc-shadow hr {
padding-bottom: 20px; }
.bloc-shadow .text-bloc-shadow {
padding-bottom: 20px; }
.bloc-shadow .link-text {
display: block; }
@media (max-width: 768px) {
.bloc-shadow {
margin-bottom: 10px;
padding: 20px;
-webkit-box-sizing: border-box !important; } }
.bloc-validation .icon {
width: 30px;
height: 30px;
display: inline-block;
text-align: center;
position: relative;
vertical-align: middle;
margin-right: 20px; }
.bloc-validation .icon.rond {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%; }
.bloc-validation .icon.success {
background: #3FC380; }
.bloc-validation .icon.error {
background: #f0a918; }
.bloc-validation .icon .fa {
color: #ffffff;
position: absolute;
left: 0;
right: 0; }
@media (max-width: 768px) {
.bloc-validation .icon {
display: block;
margin: 0 auto 10px; } }
.bloc-validation .msg {
display: inline-block;
vertical-align: middle;
margin: 0; }
@media (max-width: 768px) {
.bloc-validation .msg {
text-align: center;
display: block; } }
/*
-----------------
Input / Textarea
-----------------
*/
input,
textarea {
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
/*
-----------------
Form
-----------------
*/
.question-general {
position: relative; }
.question-general .question-link {
display: block;
float: left;
margin-right: 20px;
margin-bottom: 20px; }
.question-general .question-link .label {
display: block; }
.question-general .question-link .content-input {
display: block;
float: left;
position: relative; }
.question-general .question-link .input {
height: 40px;
display: block;
padding: 10px;
margin-top: 5px;
text-align: left;
width: 100%;
border: 1px solid #ddd;
background: #fff; }
.question-general .question-link .input:focus {
border: 1px solid #B2DFDB; }
.question-general .question-link.error .label {
color: #a41c19; }
.question-general .question-link.error .input {
border: 1px solid #a41c19; }
.anchor {
display: block;
height: 90px;
margin-top: -90px;
visibility: hidden;
opacity: 0; }
.img-full {
position: relative;
width: 100%;
height: 100%; }
/*
-----------------
Cookie
-----------------
*/
#cookie-popup {
position: fixed;
bottom: 0;
left: 0;
text-align: center;
padding: 5px 0;
width: 100%;
border-top: 1px solid #ddd;
background: #fff;
font-size: 14px;
z-index: 3; }
#cookie-popup.hide {
display: none;
opacity: 0;
visibility: hidden; }
#cookie-popup .cookie-text {
display: inline-block; }
#cookie-popup .cookie-btn {
display: inline-block;
color: #ff5859;
margin-left: 10px;
cursor: pointer;
text-decoration: underline; }
@media (max-width: 768px) {
#cookie-popup .cookie-btn {
margin-top: 10px;
display: block;
margin-left: 0; } }
@media (max-width: 768px) {
#cookie-popup {
padding: 10px; } }
/*
-----------------
Smartsup
-----------------
*/
@media (max-width: 992px) {
#chat-application {
display: none !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important; } }
/*
-----------------
Tunnel commande
-----------------
*/
#bloc-tunnel-commande {
padding: 20px 0 40px; }
#bloc-tunnel-commande.step-1-color .step-1 {
color: #f0415b; }
#bloc-tunnel-commande.step-2-color .step-1,
#bloc-tunnel-commande.step-2-color .step-2 {
color: #f0415b; }
#bloc-tunnel-commande .fa {
margin-left: 15px; }
#bloc-tunnel-commande .color {
color: #f0415b; }
@media (max-width: 992px) {
#bloc-tunnel-commande {
display: none; } }
.small-font {
font-size: 14px; }
.big-font {
font-size: 24px; }
.bold-font {
font-weight: bold; }
/*
-----------------
Tableau infos
-----------------
*/
.info-table {
background: #faf9f8;
padding: 10px;
text-align: center; }
.info-table-line {
padding: 5px 10px;
text-align: left; }
.green-background {
background: #b2dfdb;
color: #ffffff; }
.red-background {
background: #FFA7A7;
color: #ffffff; }
.white-background {
background: #ffffff; }
.center {
text-align: center; }
#same-address {
display: block;
cursor: pointer; }
#same-address [type="checkbox"]:not(:checked),
#same-address [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
padding: 0;
display: none; }
#same-address [type="checkbox"]:not(:checked) + label,
#same-address [type="checkbox"]:checked + label {
position: relative;
padding-left: 30px;
cursor: pointer; }
#same-address [type="checkbox"]:not(:checked) + label:before,
#same-address [type="checkbox"]:checked + label:before,
#same-address [type="checkbox"]:not(:checked) + label:after,
#same-address [type="checkbox"]:checked + label:after {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
border: 1px solid #aaa;
background: #f8f8f8;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
#same-address [type="checkbox"]:not(:checked) + label:after,
#same-address [type="checkbox"]:checked + label:after {
background: #b2dfdb; }
#same-address [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0); }
#same-address [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1);
color: #3FC380; }
#invoice-address {
display: none; }
#invoice-address.open {
display: block; }
.ui-autocomplete {
background: #f9f9f9;
border: 1px solid #eee;
max-height: 300px;
width: 270px;
overflow-y: scroll;
cursor: pointer;
font-size: 14px;
z-index: 100;
position: relative; }
.ui-menu-item {
padding: 3px 6px; }
.ui-menu-item:hover {
background: #ff7b7b; }
.form_address, .form_informations {
padding: 10px;
margin: 20px;
border: 1px solid #e5e5e5; }
.form_address .c-deliveryAddress .row-2, .form_address .c-billingAddress .row-2, .form_address .c-userInformations .row-2, .form_informations .c-deliveryAddress .row-2, .form_informations .c-billingAddress .row-2, .form_informations .c-userInformations .row-2 {
display: inline-block;
padding-right: 7.5px;
padding-left: 7.5px;
width: 50%; }
.form_address .c-deliveryAddress .row-3, .form_address .c-billingAddress .row-3, .form_address .c-userInformations .row-3, .form_informations .c-deliveryAddress .row-3, .form_informations .c-billingAddress .row-3, .form_informations .c-userInformations .row-3 {
display: inline-block;
padding-right: 7.5px;
padding-left: 7.5px;
width: 33.33%; }
.form_address .c-deliveryAddress .c-addressTitle, .form_address .c-billingAddress .c-addressTitle, .form_address .c-userInformations .c-addressTitle, .form_informations .c-deliveryAddress .c-addressTitle, .form_informations .c-billingAddress .c-addressTitle, .form_informations .c-userInformations .c-addressTitle {
font-family: "DomaineDisp-Regular", sans-serif;
color: #000;
font-size: 24px;
margin-bottom: 20px;
padding: 10px 0 0 10px; }
.form_address .c-deliveryAddress .c-form__input, .form_address .c-billingAddress .c-form__input, .form_address .c-userInformations .c-form__input, .form_informations .c-deliveryAddress .c-form__input, .form_informations .c-billingAddress .c-form__input, .form_informations .c-userInformations .c-form__input {
border-radius: 0;
background: #ffffff;
height: 50px;
line-height: 50px;
padding-right: 10px;
background-origin: content-box; }
.form_address .c-deliveryAddress .c-form__input:hover, .form_address .c-deliveryAddress .c-form__input:focus, .form_address .c-deliveryAddress .c-form__input:active, .form_address .c-billingAddress .c-form__input:hover, .form_address .c-billingAddress .c-form__input:focus, .form_address .c-billingAddress .c-form__input:active, .form_address .c-userInformations .c-form__input:hover, .form_address .c-userInformations .c-form__input:focus, .form_address .c-userInformations .c-form__input:active, .form_informations .c-deliveryAddress .c-form__input:hover, .form_informations .c-deliveryAddress .c-form__input:focus, .form_informations .c-deliveryAddress .c-form__input:active, .form_informations .c-billingAddress .c-form__input:hover, .form_informations .c-billingAddress .c-form__input:focus, .form_informations .c-billingAddress .c-form__input:active, .form_informations .c-userInformations .c-form__input:hover, .form_informations .c-userInformations .c-form__input:focus, .form_informations .c-userInformations .c-form__input:active {
background-repeat: no-repeat;
background-position: right center; }
.form_address .c-deliveryAddress .c-form__label_autohidden, .form_address .c-billingAddress .c-form__label_autohidden, .form_address .c-userInformations .c-form__label_autohidden, .form_informations .c-deliveryAddress .c-form__label_autohidden, .form_informations .c-billingAddress .c-form__label_autohidden, .form_informations .c-userInformations .c-form__label_autohidden {
display: none;
position: absolute;
left: 8px;
top: -7px;
font-size: 10px;
background: white;
padding: 0 5px; }
.form_address .c-deliveryAddress .c-form__label_autohidden.show, .form_address .c-billingAddress .c-form__label_autohidden.show, .form_address .c-userInformations .c-form__label_autohidden.show, .form_informations .c-deliveryAddress .c-form__label_autohidden.show, .form_informations .c-billingAddress .c-form__label_autohidden.show, .form_informations .c-userInformations .c-form__label_autohidden.show {
display: block; }
.form_address .c-deliveryAddress .c-form__label_autohidden.c-form__label_autohidden_error, .form_address .c-billingAddress .c-form__label_autohidden.c-form__label_autohidden_error, .form_address .c-userInformations .c-form__label_autohidden.c-form__label_autohidden_error, .form_informations .c-deliveryAddress .c-form__label_autohidden.c-form__label_autohidden_error, .form_informations .c-billingAddress .c-form__label_autohidden.c-form__label_autohidden_error, .form_informations .c-userInformations .c-form__label_autohidden.c-form__label_autohidden_error {
color: #FF0000; }
.form_address .c-deliveryAddress .show-password, .form_address .c-billingAddress .show-password, .form_address .c-userInformations .show-password, .form_informations .c-deliveryAddress .show-password, .form_informations .c-billingAddress .show-password, .form_informations .c-userInformations .show-password {
top: 5px;
right: 10px; }
.form_address .c-deliveryAddress .c-form__password_validation_wrapper, .form_address .c-billingAddress .c-form__password_validation_wrapper, .form_address .c-userInformations .c-form__password_validation_wrapper, .form_informations .c-deliveryAddress .c-form__password_validation_wrapper, .form_informations .c-billingAddress .c-form__password_validation_wrapper, .form_informations .c-userInformations .c-form__password_validation_wrapper {
width: 100%;
padding-top: 5px; }
.form_address .c-deliveryAddress .c-form__password_validation_wrapper .c-form__password_validation, .form_address .c-billingAddress .c-form__password_validation_wrapper .c-form__password_validation, .form_address .c-userInformations .c-form__password_validation_wrapper .c-form__password_validation, .form_informations .c-deliveryAddress .c-form__password_validation_wrapper .c-form__password_validation, .form_informations .c-billingAddress .c-form__password_validation_wrapper .c-form__password_validation, .form_informations .c-userInformations .c-form__password_validation_wrapper .c-form__password_validation {
font-size: 10px;
color: #b2b2b2;
display: inline-block;
transition: all ease 0.2s;
padding: 0 5px;
vertical-align: top; }
.form_address .c-deliveryAddress .c-form__password_validation_wrapper .c-form__password_validation.checked, .form_address .c-billingAddress .c-form__password_validation_wrapper .c-form__password_validation.checked, .form_address .c-userInformations .c-form__password_validation_wrapper .c-form__password_validation.checked, .form_informations .c-deliveryAddress .c-form__password_validation_wrapper .c-form__password_validation.checked, .form_informations .c-billingAddress .c-form__password_validation_wrapper .c-form__password_validation.checked, .form_informations .c-userInformations .c-form__password_validation_wrapper .c-form__password_validation.checked {
color: #00CA8D; }
.form_address .c-btn--red, .form_informations .c-btn--red {
border-radius: 0;
width: 100%; }
#cf_core_mentionslegales .content h2 {
color: black;
font-weight: bold;
text-transform: uppercase;
margin: 16px 0;
line-height: 1em; }
#cf_core_mentionslegales .content h3 {
color: black;
font-weight: bold;
text-transform: uppercase;
margin: 14px 0;
line-height: 1em; }
#cf_core_mentionslegales .content h4 {
color: black;
font-weight: bold;
text-transform: uppercase;
margin: 8px 0;
line-height: 1em; }
#cf_core_mentionslegales .content p {
color: black; }
#cf_core_mentionslegales .content ul {
color: black;
padding-left: 20px; }
#cf_core_mentionslegales .content ol {
color: black;
padding-left: 40px;
list-style: lower-alpha; }
#cf_core_mentionslegales .content ul li {
color: black;
list-style: circle; }
#cf_core_mentionslegales .header-categorie .container h2 {
font-weight: bold;
text-transform: uppercase;
margin: 16px 0;
line-height: 1em;
color: unset; }
#cf_core_mentionslegales .header-categorie .surround {
border: 1px solid black;
padding: 10px;
color: black; }
#cf_core_mentionslegales div {
color: black; }
@media (max-width: 992px) {
#basic-content {
padding: 40px 0; } }
#cf_core_politique_de_confidentialite .content {
color: #000; }
#cf_core_politique_de_confidentialite .content h2 {
color: #000;
font-weight: normal;
text-transform: uppercase;
margin: 16px 0;
line-height: 1em; }
#cf_core_politique_de_confidentialite .content h3 {
color: #000;
font-weight: normal;
text-transform: uppercase;
margin: 14px 0;
line-height: 1em; }
#cf_core_politique_de_confidentialite .content h4 {
color: #000;
font-weight: normal;
text-transform: uppercase;
margin: 8px 0;
line-height: 1em; }
#cf_core_politique_de_confidentialite .content p {
color: #000; }
#cf_core_politique_de_confidentialite .content a {
color: #FF5859; }
#cf_core_politique_de_confidentialite .content ul {
color: #000;
padding-left: 20px; }
#cf_core_politique_de_confidentialite .content ul li {
color: #000;
list-style: circle; }
#cf_core_politique_de_confidentialite .content table {
color: #000;
border-collapse: collapse;
border: 2px solid; }
#cf_core_politique_de_confidentialite .content th {
color: #000;
border: 1px solid;
padding: 8px 10px; }
#cf_core_politique_de_confidentialite .content td {
color: #000;
border: 1px solid;
padding: 8px 10px; }
@media (max-width: 992px) {
#basic-content {
padding: 40px 0; } }
body {
background: #F8F8F8; }
#account-content {
color: #383838; }
.p-account.p-account_credit {
text-align: center; }
.p-account.p-account_credit .link-text-orange {
color: #f0a918; }
.archives-list .articles-list {
width: 100%; }
.archives-list .articles-list th {
text-align: left;
padding: 10px 0; }
.archives-list .articles-list tr {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa; }
.archives-list .articles-list td {
padding: 3px 0; }
.archives-list .articles-list tr.title-row {
border: none; }
#contact-content {
/*#contact-aide{padding:0 40px;
.title{font-size: 20px;padding-bottom: 25px;color:#000;}
.question-liste{padding-left: 40px;list-style-type: circle;
li{padding-bottom: 15px;
a{color:#383838;
&:hover{color:$color_pink;text-decoration: underline;}
}
}
}
.hr-dot{margin:20px auto;}
@include breakpoint(phablet){
padding-top:20px;padding-bottom:20px;
.title{text-align: center;}
.question-liste{padding-left: 20px;}
.hr-dot{display: none;}
}
}*/
color: #000;
font-family: "Montserrat-Regular", sans-serif;
margin-bottom: 50px; }
#contact-content.contact-questions .title {
font-size: 20px;
font-weight: bold;
font-family: "Montserrat-Bold", sans-serif;
padding-bottom: 30px; }
#contact-content.contact-questions .subtitle {
font-size: 18px; }
#contact-content.contact-questions .most-viewed-questions .title {
font-weight: bold;
font-family: "Montserrat-Bold", sans-serif;
margin-bottom: 0;
padding-bottom: 0; }
#contact-content.contact-questions .most-viewed-questions ul {
display: inline-block;
padding-left: 0;
padding-bottom: 0;
width: 50%; }
#contact-content.contact-questions .most-viewed-questions ul li {
padding-bottom: 20px; }
#contact-content.contact-questions .most-viewed-questions ul li a {
color: #000;
text-decoration: underline; }
#contact-content.contact-questions .questions-container a {
color: #000; }
#contact-content.contact-questions .questions-container .question-liste {
padding-left: 0;
padding-bottom: 50px; }
#contact-content.contact-questions .questions-container .question-liste li {
list-style: none;
margin-bottom: 10px; }
#contact-content.contact-questions .questions-container .question-liste li a {
color: #000;
text-decoration: underline; }
#contact-content.contact-questions .questions-container .question-liste .see-more {
text-decoration: underline; }
#contact-content.contact-category-question .header-categorie a {
text-decoration: none;
color: #000; }
#contact-content.contact-category-question .category-list ul li {
padding-bottom: 10px; }
#contact-content.contact-category-question .category-list ul li a {
text-decoration: none;
color: #000; }
#contact-content.contact-category-question .category-list ul li a.active {
text-decoration: underline;
font-family: "Montserrat-Bold", sans-serif; }
#contact-content.contact-category-question .answers-list .c-title-big {
font-size: 32px;
font-family: "Montserrat-Bold", sans-serif; }
#contact-content.contact-category-question .answers-list .answer-title > a {
color: #000;
text-decoration: underline; }
#contact-content.contact-category-question .answers-list .answer-title > .answer-content {
font-size: 16px; }
#contact-content.contact-category-question .answers-list .answer-title > .answer-content > a {
color: #000; }
#contact-content.contact-category-question .answers-list .c-title b {
display: block;
margin-bottom: 10px; }
#contact-content.contact-category-question .answers-list .same-category-question {
display: block;
text-decoration: underline;
margin-bottom: 10px;
color: #000; }
#contact-content.contact-category-question .answers-list hr {
margin: 60px 0 30px 0; }
#contact-content.contact-category-question .answers-list .send-email-wrapper {
width: 100%; }
#contact-content.contact-category-question .answers-list .send-email-wrapper .send-email-block {
text-align: center;
width: 350px;
margin: 0 auto; }
#contact-content.contact-category-question .answers-list .send-email-wrapper .send-email-block img {
width: 30px; }
#contact-content.contact-category-question .answers-list .send-email-wrapper .send-email-block b {
font-family: "Montserrat-Bold", sans-serif; }
#contact-content.contact-category-question .answers-list .send-email-wrapper .send-email-block .send-email-link {
text-decoration: none;
border: 1px solid #000;
color: #000;
padding: 10px 20px;
display: block;
width: 190px;
margin: 20px auto 0 auto; }
#contact-content.contact-category-question .answers-list .send-email-wrapper .send-email-block .send-email-link:hover {
background: #fafafa; }
#contact-content.contact-form {
background: #fff; }
#contact-content.contact-form > .container > .link-text-grey {
color: #000;
font-size: 16px; }
#contact-content.contact-form > .container > .row .form-1 {
padding: 30px;
width: 550px;
position: relative;
min-width: 350px;
margin: 0 auto; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design {
position: relative; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .label-form-1 {
position: absolute;
top: 15px;
left: 0;
color: #5b5852;
cursor: text;
display: none;
background: #fff; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .label-form-1.label-file {
position: initial;
display: initial;
color: #000; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .label-form-1.label-select {
display: block;
position: initial;
color: #7a7e8a;
width: 100%;
padding-left: 5px;
font-size: 18px;
margin-top: 5px;
margin-bottom: 5px !important; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .input-form-1 {
width: 100%;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #c0bdba;
height: 40px;
line-height: 40px;
font-size: 18px;
font-family: "Montserrat-Regular", sans-serif;
background: #fff;
box-shadow: none !important;
transition: all ease 0.1s; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .input-form-1:focus {
background: #fafafa; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .textarea-form-1 {
background: #fff;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #c0bdba;
font-size: 18px;
font-family: "Montserrat-Regular", sans-serif;
transition: all ease 0.1s; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design .textarea-form-1:focus {
background: #fafafa; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design.other-questions-list .other-question-category {
display: none;
height: auto; }
#contact-content.contact-form > .container > .row .form-1 .row-form-design.other-questions-list .other-question-category .same-category-question {
color: #000;
text-decoration: underline;
display: block;
margin-bottom: 10px;
font-family: "Montserrat-SemiBold", sans-serif; }
@media (max-width: 550px) {
#contact-content.contact-form > .container > .row .form-1 {
width: 100%;
padding: 60px 20px !important; } }
#error-404 .bloc-shadow {
margin-bottom: 20px; }
#error-404 .bloc-design .link-text {
display: inline-block; }
#faq-content #questions {
text-align: left;
padding-bottom: 40px; }
#faq-content #questions .question-categorie {
display: block;
width: 100%;
padding: 40px 0 5px;
font-size: 24px;
font-weight: normal;
color: #000; }
#faq-content #questions .question-categorie:first-child {
padding-top: 0; }
#faq-content #questions .question a {
color: #383838; }
#faq-content #questions .question a:hover {
color: #f0415b; }
#faq-content #questions #contact-us {
padding-top: 40px; }
#faq-content .bloc-shadow {
margin-bottom: 20px; }
#faq-content .link-text {
display: inline-block;
margin-top: 0; }
#faq-content .anchor {
height: 140px;
margin-top: -140px; }
#cf_core_homepage #footer {
padding-top: 40px; }
#footer {
background: #fff;
border-top: 1px solid #ddd;
padding: 40px 0;
position: relative;
text-align: center;
color: #949494; }
#footer .introduction {
font-size: 18px; }
#footer .social {
padding: 20px 0; }
#footer .social .button-social {
display: inline-block;
height: 40px;
width: 40px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
color: #fff;
text-align: center;
line-height: 40px; }
#footer .social .button-social .fa {
font-size: 18px;
text-align: center; }
#footer .social .facebook {
background: #b2dfdb; }
#footer .social .pinterest {
background: #b2dfdb; }
#footer .social .instagram {
background: #b2dfdb; }
#footer .link {
padding-top: 40px; }
#footer .link ul {
list-style-type: none; }
#footer .link ul li {
display: inline-block;
padding: 0 20px;
position: relative; }
#footer .link ul li:not(:last-child):after {
content: "";
position: absolute;
right: -5px;
position: absolute;
height: 1px;
background: #828ca4;
width: 10px; }
#footer .link ul li a {
font-size: 16px;
color: #949494; }
#footer .link ul li a:hover {
color: #4F9893; }
@media (max-width: 992px) {
#footer {
padding: 40px 5px; }
#footer .link {
padding-top: 20px; } }
@media (max-width: 768px) {
#footer .link ul li {
padding-bottom: 15px; }
#footer .link ul li:after {
content: none;
display: none; } }
.c-footer .c-title h2 {
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-bold);
font-size: 1.7rem; }
.c-footer .proposition {
font-family: var(--text-font-manuscrit);
font-size: 1.5rem;
color: var(--black); }
.c-footer h4 {
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 1.2rem;
color: var(--black);
padding-bottom: 5px; }
.c-footer {
padding: 10px 0 0;
background: #FFF;
position: relative; }
.c-footer #footer-menu-mobile-toggle {
font-size: 16px;
text-align: center;
position: absolute;
width: 100%;
height: 30px;
left: 0;
top: 0; }
.c-footer #footer-menu-mobile-toggle #footer-menu-black-bar {
width: 100%;
height: 1px;
background: #000;
position: absolute;
top: 16px;
left: 0;
z-index: 1; }
.c-footer #footer-menu-mobile-toggle #footer-menu-mobile-toggle-button {
color: #000;
cursor: pointer;
background: #fff;
position: absolute;
z-index: 2;
width: 110px;
margin: 0 auto;
left: 0;
right: 0;
padding: 5px; }
.c-footer #footer-menu-mobile-toggle #footer-menu-mobile-toggle-button #footer-menu-minus {
display: none; }
@media (max-width: 768px) {
.c-footer {
padding: 30px 0 0;
text-align: center; } }
.c-footer #footer-menu {
display: flex;
justify-content: center; }
.c-footer #footer-menu .social-wrap-duplicate {
text-align: center;
width: 100%; }
@media (min-width: 900px) {
.c-footer #footer-menu .social-wrap-duplicate {
display: none; } }
@media (min-width: 768px) and (max-width: 899px) {
.c-footer #footer-menu {
display: flex;
justify-content: center; }
.c-footer #footer-menu .centering {
display: flex;
flex-direction: column;
align-items: center; }
.c-footer #footer-menu .centering:nth-child(2) {
display: flex; }
.c-footer #footer-menu .centering:nth-child(2) .centering-wrap {
width: 140px;
margin: 0 auto;
text-align: left; }
.c-footer #footer-menu .centering:nth-child(3) {
align-items: end;
margin: 0;
padding: 0; }
.c-footer #footer-menu .centering:nth-child(3) .c-title {
text-align: end; }
.c-footer #footer-menu .centering:nth-child(3) .social-wrap {
text-align: end;
margin: 0 auto; }
.c-footer #footer-menu .centering.footer-menu-mobile-hidden {
display: none; }
.c-footer #footer-menu .centering.footer-menu-mobile-hidden.footer-menu-mobile-shown {
display: initial; } }
@media (min-width: 900px) {
.c-footer #footer-menu .centering {
display: flex;
flex-direction: column; }
.c-footer #footer-menu .centering:nth-child(2) {
align-items: center; }
.c-footer #footer-menu .centering:nth-child(2) .centering-wrap {
text-align: left; }
.c-footer #footer-menu .centering:nth-child(3) {
align-items: end; } }
.c-footer .c-title {
font-family: DomaineDisp-Regular, sans-serif;
font-size: 24px; }
.c-footer .c-footer__list {
list-style: none;
padding: 0;
margin: 0; }
.c-footer .c-footer__item {
color: #000;
margin-bottom: 4px;
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 1.1rem; }
.c-footer .c-footer__link {
color: #000; }
.c-footer .c-footer__link:hover {
color: #F3A090;
text-decoration: underline; }
.c-footer .c-footer__social {
display: inline-block;
text-align: center;
margin-bottom: 10px;
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s; }
.c-footer .c-footer__social:hover .fa {
color: #FF5859; }
.c-footer .c-footer__social .fa {
font-size: 18px;
color: #545454;
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s; }
.c-footer .c-footer__social img {
width: 50px; }
.c-footer .c-footer__copyright {
text-align: center;
font-size: 12px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
line-height: 2; }
.c-footer .c-footer__copyright .c-footer__copyright_element.left {
text-align: left; }
.c-footer .c-footer__copyright .c-footer__copyright_element.right {
text-align: right; }
.c-footer .c-footer__copyright .c-footer__copyright_element .c-footer__list .c-footer__item {
display: inline-block;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 0.9rem;
color: #666; }
.c-footer .c-footer__copyright .c-footer__copyright_element .c-footer__list .c-footer__item.border-right {
border-right: 1px solid #acacac;
padding-right: 10px;
margin-right: 5px; }
.c-footer .c-footer__copyright .c-footer__copyright_element .c-footer__list .c-footer__item .c-footer__link {
color: #666; }
@media (min-width: 768px) {
.c-footer .c-footer__copyright {
flex-direction: row-reverse;
justify-content: space-between;
align-items: center; }
.c-footer .c-footer__copyright .c-footer__list .c-footer__item {
font-size: 0.9rem; }
.c-footer .c-footer__copyright .c-footer__copyright_element {
font-size: 0.9rem; } }
@media (max-width: 900px) {
.c-footer .footer-menu-mobile-hidden {
display: none; }
.c-footer .footer-menu-mobile-hidden.footer-menu-mobile-shown {
display: initial; } }
@media (min-width: 900px) {
.c-footer #footer-menu-mobile-toggle {
display: none; } }
.error_giftcard {
-webkit-box-shadow: 0px 0px 3px 0px red;
-moz-box-shadow: 0px 0px 3px 0px red;
box-shadow: 0px 0px 3px 0px red; }
.p-giftcard.p-giftcard_presentation .block_1 {
padding: 60px 0 180px;
text-align: center;
background: #fff url("/public/images/giftcard/illustration_gift_card.svg") no-repeat center bottom;
background-size: initial; }
.p-giftcard.p-giftcard_presentation .block_1 .h1 {
color: #272C30;
font-size: 30px;
text-transform: uppercase;
letter-spacing: 1px; }
.p-giftcard.p-giftcard_presentation .block_1 .text {
padding-top: 15px;
color: #545454;
font-size: 16px; }
.p-giftcard.p-giftcard_presentation .block_1 .btn-hover:hover, .p-giftcard.p-giftcard_presentation .block_1 .btn-hover:active, .p-giftcard.p-giftcard_presentation .block_1 .btn-hover:focus {
transform: none;
background: #FF8573;
border: none; }
.p-giftcard.p-giftcard_presentation .block_1 .c-btn-container {
padding-top: 30px;
text-align: center;
justify-content: center; }
@media (max-width: 768px) {
.p-giftcard.p-giftcard_presentation .block_1 {
padding: 30px 0 180px; } }
.p-giftcard.p-giftcard_presentation .block_2 {
background: #F8F8F8;
width: 100%;
padding: 60px 0;
text-align: center; }
.p-giftcard.p-giftcard_presentation .block_2 .h2 {
font-size: 24px;
color: #272C30; }
.p-giftcard.p-giftcard_presentation .block_2 .item {
margin-top: 45px;
color: #545454; }
.p-giftcard.p-giftcard_presentation .block_2 .item__container-img {
max-height: 40px;
max-width: 40px;
margin: 0 auto; }
.p-giftcard.p-giftcard_presentation .block_2 .item__container-img img {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: 100%; }
.p-giftcard.p-giftcard_presentation .block_2 .item__text {
max-width: 320px;
margin: 0 auto;
padding-top: 8px;
font-size: 16px; }
.p-giftcard.p-giftcard_presentation .block_3 {
background: #f8f8f8;
width: 100%;
padding: 0 60px 60px;
text-align: center;
position: relative; }
.p-giftcard.p-giftcard_presentation .block_3 .block_background {
background: #FFF;
position: relative; }
.p-giftcard.p-giftcard_presentation .block_3 .block_padding {
padding: 45px; }
.p-giftcard.p-giftcard_presentation .block_3 .h2 {
font-size: 24px;
color: #272C30;
text-align: center;
max-width: 345px;
margin: 0 auto; }
.p-giftcard.p-giftcard_presentation .block_3 .item {
margin-top: 45px;
color: #545454; }
.p-giftcard.p-giftcard_presentation .block_3 .item__title {
font-size: 16px;
text-transform: uppercase;
color: #FF5859; }
.p-giftcard.p-giftcard_presentation .block_3 .item__text {
padding-top: 4px;
font-size: 16px;
max-width: 400px;
margin: 0 auto; }
.p-giftcard.p-giftcard_presentation .block_3 .c-btn-container {
padding-top: 45px;
text-align: center;
justify-content: center; }
.p-giftcard.p-giftcard_presentation .block_3 .c-btn-container .btn-hover:hover, .p-giftcard.p-giftcard_presentation .block_3 .c-btn-container .btn-hover:active, .p-giftcard.p-giftcard_presentation .block_3 .c-btn-container .btn-hover:focus {
transform: none;
background: #FF8573;
border: none; }
.p-giftcard.p-giftcard_presentation .block_3 .background {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
background: #fff url("/public/images/main/ouverture-box-clicandfit.jpg") no-repeat center center;
background-size: cover; }
@media (max-width: 992px) {
.p-giftcard.p-giftcard_presentation .block_3 {
padding: 0 15px 15px; }
.p-giftcard.p-giftcard_presentation .block_3 .background {
position: relative;
left: 0;
width: 100%;
height: 460px;
background: #fff url("/public/images/main/ouverture-box-clicandfit.jpg") no-repeat center top;
background-size: cover; } }
@media (max-width: 768px) {
.p-giftcard.p-giftcard_presentation .block_3 .background {
height: 300px; }
.p-giftcard.p-giftcard_presentation .block_3 .block_padding {
padding: 30px 15px; } }
.p-giftcard.p-giftcard_tooffer {
background: #FFF;
padding: 0 20px; }
@media (max-width: 768px) {
.p-giftcard.p-giftcard_tooffer {
padding: 0 10px; } }
.p-giftcard.p-giftcard_tooffer .block_header {
padding: 60px 0 40px;
text-align: center; }
.p-giftcard.p-giftcard_tooffer .block_header .h1 {
font-size: 24px;
color: #272C30;
margin: 0 auto;
max-width: 460px; }
.p-giftcard.p-giftcard_tooffer .block_header .info {
padding-top: 8px;
font-size: 14px;
color: #545454;
font-style: italic; }
.p-giftcard.p-giftcard_tooffer .block_form .js-print.is-hidden {
display: none;
visibility: hidden;
opacity: 0; }
.p-giftcard.p-giftcard_tooffer .block_form .container {
max-width: 780px; }
.p-giftcard.p-giftcard_tooffer .block_form .c-block_shadow {
padding: 20px;
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.p-giftcard.p-giftcard_tooffer .block_form .c-btn-container {
padding-top: 20px;
padding-bottom: 80px; }
.p-giftcard.p-giftcard_tooffer .block_form .c-form__title {
position: relative;
color: #FFAB9E;
font-size: 16px;
padding: 40px 0 20px;
text-transform: uppercase;
display: inline-block;
background: #fff;
white-space: normal; }
.p-giftcard.p-giftcard_tooffer .block_form .c-card {
cursor: pointer;
position: relative;
padding: 30px;
background: #fff;
text-align: left;
border: 1px solid #DDDDDD;
min-height: 175px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px; }
@media (max-width: 768px) {
.p-giftcard.p-giftcard_tooffer .block_form .c-card {
padding: 15px;
min-height: auto;
margin-bottom: 10px; } }
.p-giftcard.p-giftcard_tooffer .block_form .c-card.is-active {
top: -1px;
border: 1px solid #FF7B7B; }
.p-giftcard.p-giftcard_tooffer .block_form .c-card .c-card__title {
position: relative;
z-index: 2;
font-size: 16px;
color: #272C30;
margin: 0 auto; }
.p-giftcard.p-giftcard_tooffer .block_form .c-card .c-card__text {
padding-top: 4px; }
.p-giftcard.p-giftcard_tooffer .block_form .c-card .c-card__background {
visibility: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/public/images/main/ouverture-box-clicandfit.jpg") no-repeat center;
background-size: cover;
opacity: 0.4;
z-index: 1; }
.p-giftcard.p-giftcard_tooffer .block_form .c-card .c-form__input {
position: absolute;
opacity: 0;
visibility: hidden;
height: 0;
width: 0; }
.p-giftcard.p-giftcard_tooffer .block_form .c-card img {
width: 100%; }
.p-giftcard.p-giftcard_tooffer .block_form .btn-hover:hover, .p-giftcard.p-giftcard_tooffer .block_form .btn-hover:active, .p-giftcard.p-giftcard_tooffer .block_form .btn-hover:focus {
transform: none;
background: #FF8573;
border: none; }
.p-giftcard.p-giftcard_tooffer .block_form #p-giftcard__to.is-hidden {
visibility: hidden;
opacity: 0;
display: none; }
.p-giftcard.p-giftcard_entercode .btn-hover:hover, .p-giftcard.p-giftcard_entercode .btn-hover:active, .p-giftcard.p-giftcard_entercode .btn-hover:focus {
transform: none;
background: #FF8573;
border: none; }
.p-giftcard #ui-datepicker-div {
text-align: center;
max-width: 360px;
margin: 0 auto;
background: #FFF;
padding: 20px;
border: 1px solid #ddd;
display: none; }
.p-giftcard #ui-datepicker-div .ui-datepicker-title {
color: #000;
text-transform: uppercase;
font-size: 16px;
font-weight: bold; }
.p-giftcard #ui-datepicker-div .ui-datepicker-header {
position: relative; }
.p-giftcard #ui-datepicker-div .ui-datepicker-next,
.p-giftcard #ui-datepicker-div .ui-datepicker-prev {
position: absolute;
cursor: pointer;
color: #ccc;
font-size: 22px;
top: 1px; }
.p-giftcard #ui-datepicker-div .ui-datepicker-next:hover,
.p-giftcard #ui-datepicker-div .ui-datepicker-prev:hover {
color: #FF5859; }
.p-giftcard #ui-datepicker-div .ui-datepicker-prev {
left: 0; }
.p-giftcard #ui-datepicker-div .ui-datepicker-next {
right: 0; }
.p-giftcard #ui-datepicker-div .ui-datepicker-calendar {
width: 100%; }
.p-giftcard #ui-datepicker-div thead th {
color: #ccc;
padding: 10px 0; }
.p-giftcard #ui-datepicker-div tbody td:hover a {
color: #FF5859; }
.p-giftcard #ui-datepicker-div tbody td:hover a.ui-state-active {
color: #fff;
background: #FF5859; }
.p-giftcard #ui-datepicker-div .ui-datepicker-unselectable .ui-state-default,
.p-giftcard #ui-datepicker-div .ui-state-disabled .ui-state-default {
color: #ccc; }
.p-giftcard #ui-datepicker-div .ui-state-default {
color: #555;
display: block;
width: 30px;
height: 30px;
border: 1px solid transparent;
border-radius: 100%;
line-height: 28px; }
.p-giftcard #ui-datepicker-div .ui-state-active {
color: #fff;
background: #FF5859; }
.p-giftcard #ui-datepicker-div .ui-datepicker-next .ui-icon,
.p-giftcard #ui-datepicker-div .ui-datepicker-prev .ui-icon {
text-indent: -9999px;
position: absolute;
display: none; }
.p-giftcard #ui-datepicker-div .ui-datepicker-next:before {
font-family: "FontAwesome";
content: "\f105"; }
.p-giftcard #ui-datepicker-div .ui-datepicker-prev:before {
font-family: "FontAwesome";
content: "\f104 "; }
.c-form__input_error {
border: 1px solid #FFAB9E !important; }
.alert.alert-error, .alert.alert-success {
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 2px 4px rgba(50, 50, 50, 0.1);
padding: 20px 40px;
margin: 10px auto; }
.grecaptcha-badge {
visibility: hidden; }
.google-terms {
font-size: 9px;
color: #555;
padding-top: 10px;
display: block; }
.google-terms a {
color: #444; }
.google-terms a:hover {
text-decoration: underline; }
.alert.alert-error {
color: #f0a918;
background: #FF7B7B; }
.alert.alert-success {
color: #4f9893; }
.original-price-crossed {
color: #555;
font-size: 18px; }
.discount-amount {
background: #28C76F none repeat scroll 0 0;
border-radius: 3px;
color: #fff;
display: inline-block;
font-weight: bold;
margin-left: 50px;
padding: 3px 10px; }
.black-font {
color: #555; }
.discounted-price {
font-weight: bold; }
.c-form__field--mimic-select {
padding: 7px;
height: 40px;
cursor: pointer;
-webkit-transition: background ease 0.1s;
-moz-transition: background ease 0.1s;
-ms-transition: background ease 0.1s;
-o-transition: background ease 0.1s;
transition: background ease 0.1s; }
@media (max-width: 480px) {
.c-form__field--mimic-select span {
margin: 0; } }
.c-form__field--mimic-select:hover {
background: #F5F5F5; }
.c-form__field--mimic-select-dropdown {
background: #F8F8F8;
position: absolute;
top: 40px;
left: 0;
z-index: 10;
width: 180px;
display: none; }
.c-form__field--mimic-select-dropdown.open {
display: block; }
.c-form__field--mimic-select-dropdown li {
background: #F8F8F8;
border: 1px solid #ddd;
padding: 7px;
cursor: pointer; }
.c-form__field--mimic-select-dropdown li:hover {
background: #fff; }
.c-form__field--mimic-select:after {
content: '\f0d7';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0 0 0 10px;
text-decoration: none; }
@media (max-width: 480px) {
.c-form__field--mimic-select:after {
margin: 0; } }
.c-form__field--mimic-select-wrapper-small {
display: inline-block;
/*width: 60px;*/
position: relative; }
@media (max-width: 992px) {
.c-form__field--mimic-select-wrapper-small .c-form__field--mimic-select-small {
background-position: 0px center !important;
height: 19px;
width: 25px;
background-size: 25px 19px !important; } }
@media (max-width: 480px) {
.c-form__field--mimic-select-wrapper-small {
width: 30px; } }
.c-form__field--mimic-select-small {
height: 35px;
cursor: pointer;
width: 35px; }
.c-form__field--mimic-select-small:hover {
background: #fff; }
/*.c-form__field--mimic-select-small:after{
content: '\f0d7';
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
margin: 0px 0px 0px 35px;
text-decoration:none;
}*/
.c-form__field--mimic-select-dropdown-small {
background: #F8F8F8;
position: absolute;
top: 40px;
left: 8px;
z-index: 10;
width: 120px;
display: none; }
@media (max-width: 768px) {
.c-form__field--mimic-select-dropdown-small {
top: 36px;
left: -80px; } }
.c-form__field--mimic-select-dropdown-small.open {
display: block; }
.c-form__field--mimic-select-dropdown-small li {
background: #F8F8F8;
border: 1px solid #ddd;
padding: 7px;
cursor: pointer; }
.c-form__field--mimic-select-dropdown-small li:hover {
background: #fff; }
.align-center {
display: flex;
justify-content: center;
align-items: center; }
.c-navigation__right > a, .c-navigation__right > div {
vertical-align: top; }
#countryChoice-under {
position: absolute;
top: 28px;
right: 35px; }
#countryChoice {
position: absolute;
top: 5px;
right: 8px; }
.c-display-inline-block {
display: inline-block; }
#connexion .bloc-shadow, #nouveau-mot-de-passe .bloc-shadow, #nouveau-mot-de-passe .bloc-shadow {
background: #fafafa;
box-shadow: none; }
#connexion .bloc-shadow .c-title, #nouveau-mot-de-passe .bloc-shadow .c-title, #nouveau-mot-de-passe .bloc-shadow .c-title {
font-family: "sofia-pro", sans-serif;
font-size: 22px;
text-transform: uppercase; }
#connexion .bloc-shadow #form_login .row-form-design, #connexion .bloc-shadow .text .row-form-design, #connexion .bloc-shadow form .row-form-design, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design, #nouveau-mot-de-passe .bloc-shadow form .row-form-design, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design, #nouveau-mot-de-passe .bloc-shadow form .row-form-design {
position: relative; }
#connexion .bloc-shadow #form_login .row-form-design .label-form-1, #connexion .bloc-shadow .text .row-form-design .label-form-1, #connexion .bloc-shadow form .row-form-design .label-form-1, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .label-form-1, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .label-form-1, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .label-form-1, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .label-form-1, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .label-form-1, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .label-form-1 {
position: absolute;
top: 15px;
left: 0;
color: #5b5852;
text-transform: lowercase;
cursor: text;
display: block;
display: none !important;
background: #fafafa; }
#connexion .bloc-shadow #form_login .row-form-design .input-form-1, #connexion .bloc-shadow .text .row-form-design .input-form-1, #connexion .bloc-shadow form .row-form-design .input-form-1, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .input-form-1, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .input-form-1, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .input-form-1, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .input-form-1, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .input-form-1, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .input-form-1 {
width: 100%;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #c0bdba;
height: 40px;
line-height: 40px;
font-size: 18px;
font-family: "Montserrat-Regular", sans-serif;
background: #fafafa;
box-shadow: none !important;
transition: all ease 0.1s; }
#connexion .bloc-shadow #form_login .row-form-design .input-form-1:focus, #connexion .bloc-shadow .text .row-form-design .input-form-1:focus, #connexion .bloc-shadow form .row-form-design .input-form-1:focus, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .input-form-1:focus, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .input-form-1:focus, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .input-form-1:focus, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .input-form-1:focus, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .input-form-1:focus, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .input-form-1:focus {
background: #fdfdfd; }
#connexion .bloc-shadow #form_login .row-form-design .show-password, #connexion .bloc-shadow .text .row-form-design .show-password, #connexion .bloc-shadow form .row-form-design .show-password, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .show-password, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .show-password, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .show-password, #nouveau-mot-de-passe .bloc-shadow #form_login .row-form-design .show-password, #nouveau-mot-de-passe .bloc-shadow .text .row-form-design .show-password, #nouveau-mot-de-passe .bloc-shadow form .row-form-design .show-password {
right: 5px;
top: 0; }
.extend-delay-selected-dates {
background: #ff7b7b; }
.extend-delay-selected-dates > a {
background: #ff7b7b !important;
border: 1px solid #ff7b7b !important;
color: #fff !important; }
.font-size-12 {
font-size: 12px !important; }
.font-size-14 {
font-size: 14px !important; }
.font-size-16 {
font-size: 16px !important; }
.font-size-20 {
font-size: 20px !important; }
.font-size-24 {
font-size: 24px !important; }
.center {
text-align: center; }
#my-subscription {
color: #000; }
#my-subscription .c-display-inline-block {
vertical-align: top; }
#my-subscription .cancel-pause-button {
background: none;
border: none;
cursor: pointer;
padding: 0;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#my-subscription .deadlines-list, #my-subscription .payment_methods_list {
width: 100%;
border-collapse: separate;
border-spacing: 3px; }
#my-subscription .deadlines-list td, #my-subscription .deadlines-list th, #my-subscription .payment_methods_list td, #my-subscription .payment_methods_list th {
border: 1px solid #d7d7d7;
padding: 5px 10px;
text-align: left;
position: relative;
background: #fff; }
#my-subscription .deadlines-list td .card-details, #my-subscription .deadlines-list th .card-details, #my-subscription .payment_methods_list td .card-details, #my-subscription .payment_methods_list th .card-details {
min-height: 50px; }
#my-subscription .deadlines-list td:hover, #my-subscription .deadlines-list th:hover, #my-subscription .payment_methods_list td:hover, #my-subscription .payment_methods_list th:hover {
background: #fafafa; }
#my-subscription .deadlines-list td .is-default-text, #my-subscription .deadlines-list th .is-default-text, #my-subscription .payment_methods_list td .is-default-text, #my-subscription .payment_methods_list th .is-default-text {
color: #f05d61; }
#my-subscription .deadlines-list td .is-expired-text, #my-subscription .deadlines-list th .is-expired-text, #my-subscription .payment_methods_list td .is-expired-text, #my-subscription .payment_methods_list th .is-expired-text {
color: #c5c5c5; }
#my-subscription .deadlines-list td .is-default-text, #my-subscription .deadlines-list td .is-expired-text, #my-subscription .deadlines-list th .is-default-text, #my-subscription .deadlines-list th .is-expired-text, #my-subscription .payment_methods_list td .is-default-text, #my-subscription .payment_methods_list td .is-expired-text, #my-subscription .payment_methods_list th .is-default-text, #my-subscription .payment_methods_list th .is-expired-text {
display: none;
position: absolute; }
#my-subscription .deadlines-list td .delete-payment-method, #my-subscription .deadlines-list th .delete-payment-method, #my-subscription .payment_methods_list td .delete-payment-method, #my-subscription .payment_methods_list th .delete-payment-method {
position: absolute;
right: 5px;
top: 5px;
text-decoration: underline;
color: #FF5859;
font-size: 12px;
background: none;
border: none;
cursor: pointer;
padding: 0; }
#my-subscription .deadlines-list td.is-default, #my-subscription .deadlines-list th.is-default, #my-subscription .payment_methods_list td.is-default, #my-subscription .payment_methods_list th.is-default {
border: 2px solid #f05d61; }
#my-subscription .deadlines-list td.is-default .is-default-text, #my-subscription .deadlines-list th.is-default .is-default-text, #my-subscription .payment_methods_list td.is-default .is-default-text, #my-subscription .payment_methods_list th.is-default .is-default-text {
display: block;
right: 5px;
top: 0;
font-size: 12px; }
#my-subscription .deadlines-list td.is-expired, #my-subscription .deadlines-list th.is-expired, #my-subscription .payment_methods_list td.is-expired, #my-subscription .payment_methods_list th.is-expired {
background: #fafafa;
/*border: none;*/ }
#my-subscription .deadlines-list td.is-expired .is-expired-text, #my-subscription .deadlines-list th.is-expired .is-expired-text, #my-subscription .payment_methods_list td.is-expired .is-expired-text, #my-subscription .payment_methods_list th.is-expired .is-expired-text {
display: block;
right: 5px;
bottom: 5px;
font-size: 12px; }
#my-subscription .deadlines-list td .mark-default, #my-subscription .deadlines-list th .mark-default, #my-subscription .payment_methods_list td .mark-default, #my-subscription .payment_methods_list th .mark-default {
position: absolute;
right: 5px;
bottom: 10px;
text-decoration: underline;
color: #FF5859;
font-size: 12px;
background: none;
border: none;
cursor: pointer;
padding: 0; }
#my-subscription .deadlines-list td.canceled-deadline, #my-subscription .deadlines-list th.canceled-deadline, #my-subscription .payment_methods_list td.canceled-deadline, #my-subscription .payment_methods_list th.canceled-deadline {
background: #eaeaea;
color: #a6a6a6;
text-decoration: line-through; }
#my-subscription .deadlines-list td .cancel-deadline, #my-subscription .deadlines-list td .restore-deadline, #my-subscription .deadlines-list th .cancel-deadline, #my-subscription .deadlines-list th .restore-deadline, #my-subscription .payment_methods_list td .cancel-deadline, #my-subscription .payment_methods_list td .restore-deadline, #my-subscription .payment_methods_list th .cancel-deadline, #my-subscription .payment_methods_list th .restore-deadline {
float: right;
cursor: pointer; }
#my-subscription .deadlines-list td .runinning-order, #my-subscription .deadlines-list th .runinning-order, #my-subscription .payment_methods_list td .runinning-order, #my-subscription .payment_methods_list th .runinning-order {
float: right; }
#my-subscription .cancel-deadline-modal-wrapper, #my-subscription .restore-deadline-modal-wrapper {
background: rgba(0, 0, 0, 0.3);
width: 100%;
height: 100%;
position: fixed;
z-index: 999;
top: 0;
left: 0;
display: none; }
#my-subscription .cancel-deadline-modal-wrapper .cancel-deadline-modal, #my-subscription .cancel-deadline-modal-wrapper .restore-deadline-modal, #my-subscription .restore-deadline-modal-wrapper .cancel-deadline-modal, #my-subscription .restore-deadline-modal-wrapper .restore-deadline-modal {
background: #fff;
width: 500px;
text-align: center;
padding: 20px;
border: 1px solid #bababa;
margin: 100px auto 0 auto; }
#my-subscription .cancel-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-keep, #my-subscription .cancel-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-restore, #my-subscription .cancel-deadline-modal-wrapper .restore-deadline-modal .deadline-button-keep, #my-subscription .cancel-deadline-modal-wrapper .restore-deadline-modal .deadline-button-restore, #my-subscription .restore-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-keep, #my-subscription .restore-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-restore, #my-subscription .restore-deadline-modal-wrapper .restore-deadline-modal .deadline-button-keep, #my-subscription .restore-deadline-modal-wrapper .restore-deadline-modal .deadline-button-restore {
border-radius: 0;
border: 0;
font-size: 16px;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
min-width: 200px;
padding-top: 3px;
padding-bottom: 3px;
width: 280px; }
#my-subscription .cancel-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-cancel, #my-subscription .cancel-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-let, #my-subscription .cancel-deadline-modal-wrapper .restore-deadline-modal .deadline-button-cancel, #my-subscription .cancel-deadline-modal-wrapper .restore-deadline-modal .deadline-button-let, #my-subscription .restore-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-cancel, #my-subscription .restore-deadline-modal-wrapper .cancel-deadline-modal .deadline-button-let, #my-subscription .restore-deadline-modal-wrapper .restore-deadline-modal .deadline-button-cancel, #my-subscription .restore-deadline-modal-wrapper .restore-deadline-modal .deadline-button-let {
background: none;
border: none;
padding: 0;
cursor: pointer; }
#my-subscription .subscription-deadline-error {
margin-bottom: 10px;
display: none; }
#my-subscription #modifier-frequence-livraison {
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#my-subscription #modifier-frequence-livraison .subscription-top-text {
font-size: 14px;
width: 515px;
margin: 0 auto; }
@media (max-width: 562px) {
#my-subscription #modifier-frequence-livraison .subscription-top-text {
width: 100%; } }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper {
width: 385px;
margin: 50px auto; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option {
border: 2px solid #dcdcdd;
width: 180px;
height: 180px;
display: inline-block;
vertical-align: top;
padding: 40px 5px 5px 5px;
margin-right: 10px;
text-align: center;
position: relative;
cursor: pointer;
transition: all ease 0.1s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option:hover {
background: #e7e8e9; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option.selected-subscription {
background: #ff988c;
border-color: #ff988c;
color: #fff; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option.selected-subscription:hover {
background: #ff897b; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option.selected-subscription .most-popular:before {
border-color: white transparent transparent transparent;
border-width: 23px 23px 23px 0;
left: 0;
top: 0; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .subscription-option-check {
display: none; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option.selected-subscription .subscription-option-check {
display: block;
background: #fff;
width: 30px;
height: 30px;
border-radius: 30px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 10px;
color: #ff988c;
line-height: 30px;
font-size: 22px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option:last-child {
margin-right: 0; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .most-popular {
width: 100%;
position: absolute;
left: 0;
top: 0;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
padding-top: 5px;
font-size: 16px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .most-popular:before {
content: "\A";
border-style: solid;
border-width: 25px 25px 25px 0;
border-color: black transparent transparent transparent;
position: absolute;
left: -1px;
top: -1px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .subscription-option-title {
font-weight: bold;
font-family: "DomaineDisp-Regular", sans-serif;
font-size: 20px;
margin-bottom: 10px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .subscription-option-text {
font-size: 13px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
@media (max-width: 992px) {
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper {
width: 515px;
margin: 25px auto; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option {
width: 250px;
margin-bottom: 10px;
height: 160px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option:nth-child(2), #my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option:nth-child(4) {
margin-right: 0; } }
@media (max-width: 562px) {
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper {
width: 100%;
margin: 25px auto; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option {
width: 100%;
margin: 0 auto 20px auto;
display: block;
height: 110px;
padding-top: 30px;
transition: all ease 0.1s; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option.selected-subscription {
height: 140px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option.selected-subscription .most-popular:before {
border-width: 13px 13px 13px 0; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .most-popular {
/*text-align: left;*/
padding-left: 10px;
padding-top: 3px;
font-size: 14px; }
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .most-popular:before {
border-width: 15px 15px 15px 0; } }
@media (max-width: 436px) {
#my-subscription #modifier-frequence-livraison .subscription-options-wrapper .subcription-option .most-popular {
padding-top: 3px;
font-size: 14px; } }
#my-subscription #modifier-frequence-livraison .subscription-bottom-text {
font-size: 14px;
width: 515px;
margin: 0 auto; }
@media (max-width: 562px) {
#my-subscription #modifier-frequence-livraison .subscription-bottom-text {
width: 100%; } }
#modifier-mode-livraison .tooltip {
position: relative;
display: flex;
flex-direction: column;
justify-content: center; }
#modifier-mode-livraison .tooltip .tooltiptext {
visibility: hidden;
width: 100%;
background-color: #fadfda;
color: #000;
font-size: 0.8em;
text-align: center;
padding: 10px 2px;
z-index: 1;
top: 130%;
margin-left: 2px; }
#modifier-mode-livraison .tooltip-absolute {
position: absolute; }
#modifier-mode-livraison .tooltip-bloc {
position: relative; }
#modifier-mode-livraison .tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 30%;
border-width: 11px;
border-style: solid;
border-color: transparent transparent #fadfda transparent; }
#modifier-mode-livraison #widthdrawal-tooltip::after {
margin-left: -280px; }
#modifier-mode-livraison #home-tooltip::after {
margin-left: 305px; }
@media (max-width: 700px) {
#modifier-mode-livraison #home-tooltip::after {
margin-left: 100px; } }
#modifier-mode-livraison .tooltip .tooltiptext_hover {
visibility: visible;
opacity: 1; }
#cf_core_suivi_parrainage .tooltip, #cf_core_cockpit_ma_box .tooltip, #cf_core_account .tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto; }
#cf_core_suivi_parrainage .tooltip.in, #cf_core_cockpit_ma_box .tooltip.in, #cf_core_account .tooltip.in {
filter: alpha(opacity=90);
opacity: .9; }
#cf_core_suivi_parrainage .tooltip.top, #cf_core_cockpit_ma_box .tooltip.top, #cf_core_account .tooltip.top {
padding: 5px 0;
margin-top: -3px; }
#cf_core_suivi_parrainage .tooltip.right, #cf_core_cockpit_ma_box .tooltip.right, #cf_core_account .tooltip.right {
padding: 0 5px;
margin-left: 3px; }
#cf_core_suivi_parrainage .tooltip.bottom, #cf_core_cockpit_ma_box .tooltip.bottom, #cf_core_account .tooltip.bottom {
padding: 5px 0;
margin-top: 3px; }
#cf_core_suivi_parrainage .tooltip.left, #cf_core_cockpit_ma_box .tooltip.left, #cf_core_account .tooltip.left {
padding: 0 5px;
margin-left: -3px; }
#cf_core_suivi_parrainage .tooltip-inner, #cf_core_cockpit_ma_box .tooltip-inner, #cf_core_account .tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px; }
#cf_core_suivi_parrainage .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip-arrow, #cf_core_account .tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
#cf_core_suivi_parrainage .tooltip.top .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.top .tooltip-arrow, #cf_core_account .tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
#cf_core_suivi_parrainage .tooltip.top-left .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.top-left .tooltip-arrow, #cf_core_account .tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
#cf_core_suivi_parrainage .tooltip.top-right .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.top-right .tooltip-arrow, #cf_core_account .tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000; }
#cf_core_suivi_parrainage .tooltip.right .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.right .tooltip-arrow, #cf_core_account .tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000; }
#cf_core_suivi_parrainage .tooltip.left .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.left .tooltip-arrow, #cf_core_account .tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000; }
#cf_core_suivi_parrainage .tooltip.bottom .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.bottom .tooltip-arrow, #cf_core_account .tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
#cf_core_suivi_parrainage .tooltip.bottom-left .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.bottom-left .tooltip-arrow, #cf_core_account .tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
#cf_core_suivi_parrainage .tooltip.bottom-right .tooltip-arrow, #cf_core_cockpit_ma_box .tooltip.bottom-right .tooltip-arrow, #cf_core_account .tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000; }
#real-inscription .c-login-hint {
margin: 12px auto 28px auto;
text-align: center;
font-family: "Sofia Pro", sofia-pro, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
line-height: 0.5;
color: #555555;
max-width: 640px; }
#real-inscription .c-login-hint .c-login-hint-link {
display: block;
line-height: 17px;
text-decoration: underline;
text-underline-offset: 2px;
color: #E60050;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 15px;
margin: 0 auto auto auto;
padding-top: 10px; }
#logo {
margin: 0 auto;
display: block;
opacity: 0.5;
max-width: 200px;
width: 100%;
margin-bottom: 40px; }
#logo img {
display: block;
width: 100%;
height: auto; }
#maintenance-content {
max-width: 980px;
margin: 0 auto;
text-align: center; }
#maintenance-content .entete {
padding: 20px; }
#maintenance-content .entete h1 {
color: #4F9893;
font-size: 26px;
font-weight: normal;
padding-bottom: 20px;
text-transform: uppercase; }
#maintenance-content .entete p {
font-size: 18px;
font-weight: normal;
display: block; }
#cf_core_cgv .content h2 {
color: black;
font-weight: bold;
text-transform: uppercase;
margin: 16px 0;
line-height: 1em; }
#cf_core_cgv .content h3 {
color: black;
font-weight: bold;
text-transform: uppercase;
margin: 14px 0;
line-height: 1em; }
#cf_core_cgv .content h4 {
color: black;
font-weight: bold;
text-transform: uppercase;
margin: 8px 0;
line-height: 1em; }
#cf_core_cgv .content p {
color: black; }
#cf_core_cgv .content ul {
color: black;
padding-left: 20px; }
#cf_core_cgv .content ol {
color: black;
padding-left: 40px;
list-style: lower-alpha; }
#cf_core_cgv .content ul li {
color: black;
list-style: circle; }
#cf_core_cgv .header-categorie .container h2 {
font-weight: bold;
text-transform: uppercase;
margin: 16px 0;
line-height: 1em;
color: unset; }
#cf_core_cgv .header-categorie .surround {
border: 1px solid black;
padding: 10px;
color: black; }
#cf_core_cgv div {
color: black; }
@media (max-width: 992px) {
#basic-content {
padding: 40px 0; } }
#payer-ma-selection #payer-ma-selection-formulaire {
max-width: 900px; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block {
color: #000; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block .subtitle-payment {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
margin-bottom: 10px;
cursor: pointer; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block .subtitle-payment .logo-card {
width: 25px;
vertical-align: middle; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block .same-payment-method-check {
color: #00c100;
margin-right: 5px; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block #cardBrand {
margin-right: 4px; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block #cardNumber {
margin-right: 13px; }
#payer-ma-selection #payer-ma-selection-formulaire .order-payment-collapsible-block-separator {
margin: 15px 0 10px 0;
background: black;
border: none;
height: 1px; }
/*
-----------------
Commander ma box
-----------------
*/
#commander-ma-box-split {
color: #000; }
#commander-ma-box-split .relay_wrapper .leaflet-popup {
width: 300px;
height: 150px;
left: -150px !important;
bottom: 80px !important; }
#commander-ma-box-split .relay_wrapper .MR-Widget.MR-Widget-Responsive .leaflet-popup-content .InfoWindow {
width: auto !important; }
#commander-ma-box-split .flash-message-block .flash-message-block-child {
height: 90px;
position: relative; }
#commander-ma-box-split .flash-message-block .flash-message-block-child > .container {
position: absolute;
top: 120px;
left: 0;
right: 0;
max-width: 685px; }
#commander-ma-box-split .flash-message-block .flash-message-block-child > .container > .c-block {
padding: 10px 30px; }
#commander-ma-box-split #steps-previous-link {
width: 650px;
margin: 0 auto; }
@media (max-width: 768px) {
#commander-ma-box-split #steps-previous-link {
width: 100%; } }
#commander-ma-box-split #steps-dots-wrapper {
position: absolute;
top: 90px;
left: 0;
width: 100vw;
height: 50px;
z-index: 10;
min-width: 320px;
max-width: 100%; }
#commander-ma-box-split #steps-dots-wrapper::before {
content: "";
width: 100vw;
max-width: 100%;
height: 4px;
background: #f29d8f;
display: block;
position: absolute;
top: 8px; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots {
width: 620px;
max-width: 100%;
position: relative;
margin: 0 auto; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot {
text-align: center;
vertical-align: top;
position: absolute;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 14px; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot::before {
content: "";
width: 20px;
height: 20px;
background: #f29d8f;
border-radius: 20px;
display: block;
margin: 0 auto; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot#steps-dot-1 {
left: 0; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot#steps-dot-2 {
left: 272px; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot#steps-dot-3 {
right: 0; }
@media (max-width: 640px) {
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot#steps-dot-1 {
left: 10px; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot#steps-dot-2 {
left: 40.5%; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot#steps-dot-3 {
right: 10px; } }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot.checked {
color: #cdd0cc; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots .steps-dot.checked::before {
font-family: FontAwesome;
content: "\f00c";
width: 20px;
height: 20px;
background: #cdd0cc;
border-radius: 20px;
display: block;
margin: 0 auto;
color: #fff;
font-size: 12px;
line-height: 20px; }
#commander-ma-box-split #steps-dots-wrapper #steps-dots #steps-go-back {
position: absolute;
left: -50px;
top: 50px; }
@media (max-width: 720px) {
#commander-ma-box-split #steps-dots-wrapper #steps-dots #steps-go-back {
left: 5px; } }
#commander-ma-box-split .step-content-wrapper {
padding-top: 60px;
min-width: 320px; }
@media (max-width: 600px) {
#commander-ma-box-split .step-content-wrapper.step-1-wrapper {
padding-top: 10px; } }
#commander-ma-box-split .step-content-wrapper #step-title {
text-align: center;
font-size: 30px;
color: #000;
font-family: 'sofia-pro', sans-serif;
font-weight: 400;
margin-bottom: 30px; }
#commander-ma-box-split .step-content-wrapper #step-title.step-title-left {
text-align: left;
padding-left: 15px; }
#commander-ma-box-split .step-content-wrapper #recap-subtitle {
font-family: 'sofia-pro', sans-serif;
font-size: 16px;
color: #333;
font-weight: 300;
text-align: left;
display: block;
margin-top: 5px;
width: 100%;
margin-left: 0px;
padding-left: 15px; }
#commander-ma-box-split .step-content-wrapper #step-content {
padding: 20px 0 70px 0;
font-family: 'sofia-pro', sans-serif;
font-weight: 400; }
#commander-ma-box-split .step-content-wrapper #step-content #cgv-block {
margin: 0 auto 15px; }
#commander-ma-box-split .step-content-wrapper #step-content #cgv-block .c-form__line .c-form__field--checkbox .c-form__label {
font-family: 'sofia-pro', sans-serif;
font-weight: 400;
cursor: pointer; }
#commander-ma-box-split .step-content-wrapper #step-content #cgv-block .c-form__line .c-form__field--checkbox .c-form__label a {
color: #FF5859;
text-decoration: underline;
font-family: 'sofia-pro', sans-serif;
font-weight: 400;
cursor: pointer;
font-size: 14px; }
#commander-ma-box-split .step-content-wrapper #step-content #cgv-block .c-form__line .c-form__info--error {
text-align: left;
display: block;
border-radius: 4px;
position: relative;
margin-top: 5px;
border: 1px solid #FF0000;
padding: 15px;
color: #FF0000;
font-size: 14px;
font-family: 'sofia-pro', sans-serif;
font-weight: 400; }
@media (max-width: 800px) {
#commander-ma-box-split .step-content-wrapper #step-content {
padding-bottom: 0; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel {
display: inline-block;
vertical-align: top;
border-right: 3px solid #dadada;
padding-top: 14px;
padding-right: 60px;
width: 640px; }
@media (max-width: 1200px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel {
width: 500px; } }
@media (max-width: 1000px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel {
width: 400px; } }
@media (max-width: 800px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel {
width: 480px;
padding: 10px;
margin: 0 auto;
display: block;
border-right: none;
border-bottom: 3px solid #dadada; } }
@media (max-width: 500px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel .left-panel-dots-wrapper {
position: relative;
padding-left: 50px;
margin-bottom: 30px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-left-panel .left-panel-dots-wrapper .step-dot {
position: absolute;
left: 0;
top: 0;
background: #f5a89a;
width: 30px;
height: 30px;
display: inline-block;
border-radius: 60px;
line-height: 30px;
text-align: center;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 20px;
color: #fff; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel {
display: inline-block;
vertical-align: top;
width: 485px;
text-align: center;
padding-left: 10px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel img {
width: 150px;
margin-bottom: 52px;
margin-top: 30px; }
@media (max-width: 1200px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel {
width: 400px; } }
@media (max-width: 1000px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel {
width: 300px; } }
@media (max-width: 800px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel {
width: 480px;
margin: 0 auto;
display: block; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-photo {
display: inline-block;
vertical-align: top; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-photo img {
width: 200px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-text-wrapper {
display: inline-block;
width: 260px;
vertical-align: top;
padding-top: 80px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-text-wrapper #package-text-2 {
font-size: 12px; } }
@media (max-width: 500px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel {
width: 100%; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-photo {
display: block;
vertical-align: top; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-photo img {
width: 200px;
margin-bottom: 0; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-text-wrapper {
display: block;
width: 100%;
vertical-align: top;
padding-top: 0;
margin-bottom: 50px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-right-panel #package-text-wrapper #package-text-2 {
font-size: 12px; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel {
text-align: center; }
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel img {
width: 200px;
margin-bottom: 20px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #step-delivery-week {
font-size: 24px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
margin-bottom: 30px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #step-delivery-week .c-datepicker__select {
font-size: 28px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #datepicker_commande {
width: 560px;
margin: 0 auto; }
@media (max-width: 768px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #datepicker_commande {
width: 100%; } }
@media (max-width: 550px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #datepicker_commande {
padding: 30px 15px; } }
@media (max-width: 768px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #datepicker_commande.hasSalesPeriod .sale:first-child::before {
left: 1px;
width: 50px; } }
@media (max-width: 570px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #datepicker_commande.hasSalesPeriod .sale:first-child::before {
font-size: 12px;
width: 40px; } }
@media (max-width: 550px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #datepicker_commande.hasSalesPeriod {
padding: 30px 5px 30px 42px; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-2-panel #step-delivery-week-info {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 1.1rem;
color: #FF7B7B; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel {
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-top-text {
font-size: 14px;
width: 515px;
margin: 0 auto;
text-align: center; }
@media (max-width: 562px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-top-text {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper {
width: 385px;
margin: 50px auto; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option {
border: 2px solid #dcdcdd;
border-radius: 15px;
width: 180px;
height: 180px;
display: inline-block;
vertical-align: top;
padding: 40px 5px 5px 5px;
text-align: center;
position: relative;
cursor: pointer;
transition: all ease 0.1s;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option:first-child {
margin-right: 20px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option:hover {
background: #e7e8e9;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
transform: translateY(-2px);
transition: transform 0.2s ease; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option.selected-subscription {
background: #ff988c;
border-color: #ff988c;
color: #fff;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
transform: scale(1.02); }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option.selected-subscription:hover {
background: #ff897b;
transform: scale(1.02) translateY(-1px); }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option.selected-subscription .most-popular:before {
border-color: white transparent transparent transparent;
border-width: 23px 23px 23px 0;
left: 0;
top: 0; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .subscription-option-check {
display: none; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option.selected-subscription .subscription-option-check {
display: block;
background: #fff;
width: 30px;
height: 30px;
border-radius: 30px;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: 10px;
color: #ff988c;
line-height: 30px;
font-size: 22px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option:last-child {
margin-right: 0; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .most-popular {
width: 100%;
position: absolute;
left: 0;
top: 0;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
padding-top: 5px;
font-size: 16px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .most-popular:before {
content: "\A";
border-style: solid;
border-width: 25px 25px 25px 0;
border-color: black transparent transparent transparent;
position: absolute;
left: -1px;
top: -1px;
border-radius: 15px 0 0 0; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .subscription-option-title {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 20px;
margin-bottom: 10px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .subscription-option-text {
font-size: 13px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
@media (max-width: 992px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper {
width: 515px;
margin: 25px auto; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option {
width: 254px;
margin-bottom: 10px;
height: 160px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option:nth-child(2), #commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option:nth-child(4) {
margin-right: 0; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option:first-child {
margin-right: unset; } }
@media (max-width: 562px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper {
width: 100%;
margin: 25px auto; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option {
width: 100%;
margin: 0 auto 20px auto;
display: block;
height: 110px;
padding-top: 30px;
transition: all ease 0.1s; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option.selected-subscription {
height: 140px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option.selected-subscription .most-popular:before {
border-width: 13px 13px 13px 0; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .most-popular {
/*text-align: left;*/
padding-left: 10px;
padding-top: 3px;
font-size: 14px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .most-popular:before {
border-width: 15px 15px 15px 0; } }
@media (max-width: 436px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-options-wrapper .subcription-option .most-popular {
padding-top: 3px;
font-size: 14px; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-bottom-text {
font-size: 14px;
width: 515px;
margin: 0 auto; }
@media (max-width: 562px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-1-2-panel .subscription-bottom-text {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel {
text-align: center; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv {
border-bottom: none; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv#stylism-fees-recap-parent {
border: none; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap {
background: #FFE4D4;
padding: 15px;
text-align: left;
border-radius: 16px;
position: relative; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap:before {
content: "✨ Essayez sans engagement, retour gratuit !";
position: absolute;
top: -14px;
left: 20px;
font-size: 13px;
font-weight: 500;
color: #E98585;
background: #FFFFFF;
padding: 4px 10px;
border-radius: 12px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }
@media (min-width: 769px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap .recap-subscription-frequency {
width: 550px;
margin: 0 auto;
display: block; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table {
width: 100%; }
@media (min-width: 769px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table {
width: 550px;
margin: 0 auto; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table.border-bottom-gray {
border-bottom: 2px solid #bcbfbd; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table tr td {
text-align: left;
font-size: 18px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
padding-bottom: 20px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table tr td.second-td {
text-align: right; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table tr .total-margin {
padding-bottom: 0px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table.credit-referral {
color: grey; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-block--nv #stylism-fees-recap > table.credit-referral td {
padding-top: 20px;
font-size: 16px;
max-width: 100px;
padding-bottom: 0px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper {
background: #fff;
border: 1px solid #EDEDED;
border-radius: 14px;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
padding: 22px;
margin: 26px 0;
transition: box-shadow .2s ease, transform .2s ease; }
@media (max-width: 768px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper {
padding: 18px;
margin: 18px 0;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05); } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper:hover, #commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper:focus-within {
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.09); }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block-title {
text-align: left;
font-size: 32px;
font-family: "sofia-pro", sans-serif;
font-weight: 400;
margin-bottom: 10px;
padding-left: 15px;
cursor: pointer; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block {
margin-top: 6px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block.last-step-collapsible-block-collapsed {
display: none; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper {
box-sizing: border-box; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .tooltip {
position: relative;
display: flex;
flex-direction: column;
justify-content: center; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .tooltip .tooltiptext {
visibility: hidden;
width: 100%;
background-color: #fadfda;
color: #000;
font-size: 0.8em;
text-align: center;
padding: 10px 2px;
z-index: 1;
top: 130%;
margin-left: 2px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .tooltip-absolute {
position: absolute; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .tooltip-bloc {
position: relative; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .tooltip .tooltiptext::after {
content: "";
position: absolute;
bottom: 100%;
left: 30%;
border-width: 11px;
border-style: solid;
border-color: transparent transparent #fadfda transparent; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper #widthdrawal-tooltip::after {
margin-left: -5px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper #home-tooltip::after {
margin-left: 305px; }
@media (max-width: 700px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper #home-tooltip::after {
margin-left: 100px; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .tooltip .tooltiptext_hover {
visibility: visible;
opacity: 1; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper:first-child {
padding-right: 5px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper:nth-child(2) {
padding-right: 5px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .fa-leaf {
color: #8cc646; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .c-delivery-mode-toggle-parent {
width: 50%; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .c-delivery-mode-toggle {
width: 100%; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .c-delivery-mode-toggle-label {
padding-left: 20px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-btn--red, #commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-btn--black {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 16px;
min-width: 270px;
width: auto;
border: none;
padding: 5px 0; }
@media (max-width: 600px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-btn--red, #commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-btn--black {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-home-panel {
margin-top: 10px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-home-panel #address-recap-block {
border: 1px solid #e5e5e5;
line-height: 40px;
padding-left: 10px;
padding-right: 75px;
position: relative;
text-align: left; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-home-panel #address-recap-block #modify-address-button {
position: absolute;
right: 10px;
top: 0;
color: #939192;
font-size: 12px;
cursor: pointer; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-form__line {
width: 33%; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-form__line .c-form__input {
border-radius: 0;
background: #ffffff;
padding-right: 10px;
background-origin: content-box;
height: 40px;
line-height: 40px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-form__line .c-form__input:hover, #commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-form__line .c-form__input:focus, #commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-form__line .c-form__input:active {
background-repeat: no-repeat;
background-position: right center; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-btn--white, #commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .c-btn--black {
width: 100%;
height: 50px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .gm-bundled-control .gmnoprint {
transform: scale(0.9);
transform-origin: top left;
left: 15px !important;
top: 22px !important; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel .gm-bundled-control .gmnoprint div {
transform: scale(0.9);
transform-origin: top left; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel #map {
height: 340px; }
@media (min-width: 768px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-withdrawal-point-panel #map {
height: 440px; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form {
padding-top: 10px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form .kr-smart-form-list-section-name {
display: none; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div {
margin: 0 auto;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .wrap {
max-width: 410px;
margin-left: auto;
margin-right: auto; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-payment-button {
background: #000 !important;
text-align: center;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 16px;
transition: all ease 0.3s;
width: 406px;
display: block;
margin: 0 auto;
cursor: pointer;
padding: 0 15px;
height: 40px;
white-space: nowrap; }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-payment-button {
width: 100% !important; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-payment-button:focus {
box-shadow: none; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-payment-button:hover {
background: #000 !important; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-payment-button > span {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 16px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-form-error {
text-align: left !important;
border-radius: 4px !important;
position: relative !important;
margin-top: 15px !important;
border: 1px solid #FF0000 !important;
color: #FF0000 !important;
background: #ffffff !important;
font-size: 14px !important;
padding: 10px !important; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-form-error span {
padding: 0 !important; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .last-step-collapsible-block-wrapper .last-step-collapsible-block #payzen-payment-form .kr-smart-form > div .kr-form-error span span {
padding: 0 !important;
color: #FF0000 !important; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod {
max-width: 410px;
width: 100%;
margin: 20px auto;
text-align: left; }
@media (max-width: 620px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod #saved-payment-card {
display: none;
border: 1px solid rgba(50, 50, 93, 0.1);
padding: 5px 10px;
width: 410px;
position: relative;
margin-top: 10px; }
@media (max-width: 340px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod #saved-payment-card {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod #saved-payment-card #saved-payment-card-img {
position: absolute;
right: 5px;
top: 8px;
width: 25px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod #validate-same-payment-method {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 16px;
width: 270px;
display: block;
margin: 0 auto; }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-useSamePaymentMethod #validate-same-payment-method {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-use-same-payment-method-parent {
max-width: 410px;
width: 100%;
margin: 0 auto;
font-size: 14px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-use-same-payment-method-parent label {
text-align: left;
font-size: 15px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-use-same-payment-method-parent .c-use-same-payment-method-wrapper {
width: 50%;
display: inline-block; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-use-same-payment-method-parent .c-use-same-payment-method-wrapper:first-child {
padding-right: 5px; }
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-use-same-payment-method-parent .c-use-same-payment-method-wrapper:nth-child(2) {
padding-left: 5px; }
@media (max-width: 620px) {
#commander-ma-box-split .step-content-wrapper #step-content #step-3-panel .c-use-same-payment-method-parent .c-use-same-payment-method-wrapper {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #next-button-wrapper {
text-align: center;
margin-bottom: 55px; }
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #spinner {
height: 40px;
min-width: 270px;
border-radius: 0;
border: 0;
font-size: 20px; }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #spinner {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button.choose-date {
width: unset !important; }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button.choose-date {
width: 100% !important; } }
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button {
border-radius: 0;
border: 0;
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
min-width: 270px;
width: 385px; }
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button .choose-date {
width: unset !important; }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button .choose-date {
width: 100% !important; } }
@media (max-width: 992px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button {
width: 515px; } }
@media (max-width: 562px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button {
width: 100%; } }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #next-step-button {
width: 100%; } }
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #select-other-date-calendar {
border-radius: 0;
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: 400;
min-width: 270px; }
@media (max-width: 480px) {
#commander-ma-box-split .step-content-wrapper #next-button-wrapper #select-other-date-calendar {
width: 100%; } }
#commander-ma-box-split .address-container {
width: 700px; }
@media (max-width: 768px) {
#commander-ma-box-split .address-container {
width: 100%; } }
#commander-ma-box-split .address-container .step-content-wrapper .delivery-options-wrapper {
margin-bottom: 30px; }
@media (max-width: 768px) {
#commander-ma-box-split .address-container .step-content-wrapper {
width: 500px;
margin: 0 auto; }
#commander-ma-box-split .address-container .step-content-wrapper #delivery-options {
/*width: 500px;*/ } }
@media (max-width: 767px) {
#commander-ma-box-split .address-container .step-content-wrapper #delivery-options {
/*width: 250px;*/ } }
@media (max-width: 530px) {
#commander-ma-box-split .address-container .step-content-wrapper {
width: 100%;
min-width: 305px; } }
#commander-ma-box-split .subscription-popup-background {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
background: rgba(37, 40, 45, 0.7);
z-index: 10;
display: none; }
#commander-ma-box-split .subscription-popup-background .subscription-popup {
width: 750px;
margin: 0 auto;
left: 0;
right: 0;
top: 200px;
position: fixed;
background: #fff;
border: 2px solid #dcdcdd;
padding: 20px 30px; }
#commander-ma-box-split .subscription-popup-background .subscription-popup .subscription-popup-title {
text-align: left;
font-size: 30px;
color: #000;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
margin-bottom: 20px; }
#commander-ma-box-split .subscription-popup-background .subscription-popup .subscription-button-keep {
border-radius: 0;
border: 0;
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
min-width: 200px;
padding-top: 3px;
padding-bottom: 3px;
width: 280px; }
#commander-ma-box-split .subscription-popup-background .subscription-popup .subscription-button-cancel {
background: none;
border: none;
padding: 0;
cursor: pointer; }
@media (max-width: 750px) {
#commander-ma-box-split .subscription-popup-background .subscription-popup {
width: 100%; } }
#stripe-payment-form {
width: 100%;
align-self: center;
box-shadow: none;
background-color: #fff;
margin: 0 auto;
max-width: 410px;
/* spinner/processing state, errors */ }
@media (max-width: 992px) {
#stripe-payment-form {
padding: 10px 0; } }
#stripe-payment-form .bordered-label {
padding: 5px;
border-radius: 4px;
background-color: #ffffff;
border: 1px solid #F08366;
color: #F08366; }
#stripe-payment-form .c-form__field--radio {
margin-bottom: 15px; }
#stripe-payment-form .c-form__field--radio > div {
display: inline-block; }
@media (max-width: 1200px) {
#stripe-payment-form .c-form__field--radio > div {
width: 80px;
max-width: none; } }
@media (max-width: 356px) {
#stripe-payment-form .c-form__field--radio > div {
padding: 0;
width: 70px; }
#stripe-payment-form .c-form__field--radio > div > .c-form__label {
padding-left: 20px; } }
#stripe-payment-form #submit {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
width: 100%;
font-size: 16px; }
#stripe-payment-form input[type=tel], #stripe-payment-form input[type=text] {
border-radius: 6px;
margin-bottom: 6px;
padding: 12px;
border: 1px solid rgba(50, 50, 93, 0.1);
height: 44px;
font-size: 16px;
width: 100%;
background: white; }
#stripe-payment-form .result-message {
line-height: 22px;
font-size: 16px; }
#stripe-payment-form .result-message a {
color: #596fd6;
font-weight: 600;
text-decoration: none; }
#stripe-payment-form .hidden {
display: none; }
#stripe-payment-form #card-error {
text-align: left;
font-size: 13px;
line-height: 17px;
margin-top: 12px;
border-radius: 4px;
position: relative;
border: 1px solid #FF0000;
padding: 15px;
color: #FF0000;
display: none; }
#stripe-payment-form #card-wrapper #card-element-number, #stripe-payment-form #card-wrapper #card-element-expiry, #stripe-payment-form #card-wrapper #card-element-cvc {
border-radius: 4px;
padding: 12px;
border: 1px solid rgba(50, 50, 93, 0.1);
height: 44px;
width: 100%;
background: #f9f9f9;
margin: 10px 0; }
#stripe-payment-form #payment-request-button {
margin-bottom: 32px; }
#stripe-payment-form .spinner,
#stripe-payment-form .spinner:before,
#stripe-payment-form .spinner:after {
border-radius: 50%; }
#stripe-payment-form .spinner {
color: #ffffff;
font-size: 22px;
margin: 0px auto;
position: relative;
width: 20px;
height: 20px;
line-height: 20px;
background: transparent;
/*box-shadow: inset 0 0 0 2px;*/
box-shadow: none;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: loading 2s infinite ease;
animation: loading 2s infinite ease; }
#stripe-payment-form .spinner > img {
width: 100%;
height: 100%; }
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@media only screen and (max-width: 600px) {
#stripe-payment-form form {
width: 80vw; } }
#stripe-payment-form .c--stylism-fees-info .c--stylism-fees-info-line {
position: relative;
display: block;
padding-left: 20px;
font-size: 14px; }
#stripe-payment-form .c--stylism-fees-info .c--stylism-fees-info-line .page--order__check {
position: absolute;
left: 0;
top: 3px; }
.page--order-return .c-title {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 28px; }
.page--order-return textarea.c-form__input {
border-radius: 0;
background: white;
resize: none;
margin-top: 10px; }
.page--order-return .order-validation-left-block {
text-align: center;
color: #000; }
.page--order-return .order-validation-left-block > .c-block {
box-shadow: none; }
.page--order-return .order-validation-left-block > .c-block .pink-text {
color: #f39d8f;
font-family: 'sofia-pro', sans-serif;
font-weight: 700; }
.page--order-return .order-validation-left-block > .c-block .address-text-big {
font-family: 'sofia-pro', sans-serif;
font-weight: 400;
font-size: 24px; }
.page--order-return .order-validation-left-block > .c-block .address-text-big .pink-text {
color: #f39d8f;
font-family: 'sofia-pro', sans-serif;
font-weight: 400; }
.page--order-return .order-validation-left-block > .c-block #send-message-styliste {
border-radius: 0;
border: 0;
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
min-width: 200px;
padding-top: 3px;
padding-bottom: 3px; }
.page--order-return .order-validation-right-block > .c-block {
box-shadow: none;
height: auto;
border: 1px solid #dadada;
color: #000;
padding: 15px;
position: relative; }
.page--order-return .order-validation-right-block > .c-block > .referrals-title:after {
content: "";
width: 315px;
height: 15px;
background: rgba(255, 237, 0, 0.3);
position: absolute;
left: 13px;
top: 35px; }
.page--order-return .order-validation-right-block > .c-block .pink-text {
color: #f39d8f;
font-family: 'sofia-pro', sans-serif;
font-weight: 700; }
.page--order-return .order-validation-right-block > .c-block .container > .row {
display: block;
padding-left: 10px; }
.page--order-return .order-validation-right-block > .c-block .container > .row > div {
display: inline-block;
width: 40px; }
.page--order-return .order-validation-right-block > .c-block .container > .row > div > .c-referal {
padding: 0;
border-radius: 25px; }
.page--order-return .order-validation-right-block > .c-block .container > .row > div > .c-referal > .c-referal__social {
border-radius: 25px; }
/*
-----------------
Payer ma box
-----------------
*/
@media screen and (min-width: 767px) {
.header-categorie .title-recap-mob {
display: none; } }
#payer-ma-selection-formulaire .c-table__row .c-table__cell:first-child {
padding: 10px 10px 10px 0; }
#payer-ma-selection-formulaire .c-table__row .c-table__cell:last-child {
padding: 10px 0 10px 0; }
#payer-ma-selection-formulaire .total {
padding: 7.5px 0; }
#payer-ma-selection-formulaire hr.line-break {
background: #ddd;
height: 1px;
border-color: transparent;
margin: 20px 0; }
#payer-ma-selection-formulaire .selection-wrap {
background-color: #f4f4f4;
padding: 10px 10px;
margin: 0 20px 10px 20px; }
#payer-ma-selection-formulaire .c-table {
font-family: 'sofia-pro', sans-serif;
font-weight: 200; }
#payer-ma-selection-formulaire .c-table .c-table__cell {
font-family: 'sofia-pro', sans-serif;
font-weight: 200; }
#payer-ma-selection-formulaire .c-title {
font-size: 1.5rem; }
#payer-ma-selection-formulaire .title-recap-desktop {
margin-left: 30px; }
@media screen and (max-width: 768px) {
#payer-ma-selection-formulaire .title-recap-desktop {
display: none; } }
#payer-ma-selection-formulaire .title-payment {
margin-left: 20px; }
#payer-ma-selection-formulaire .discount-amount-recap {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
display: inline-block;
color: #fff;
border-radius: 4px;
padding: 0 5px 2px 5px;
background: #26CB78;
white-space: nowrap; }
#payer-ma-selection-formulaire .price {
white-space: nowrap; }
#payer-ma-selection-formulaire .total {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
display: flex;
justify-content: space-between; }
#payer-ma-selection-formulaire .total .price,
#payer-ma-selection-formulaire .total .name {
display: inline-block;
font-size: 1rem;
color: #000000; }
#payer-ma-selection-formulaire .total .disabled {
color: #aaaaaa !important; }
#payer-ma-selection-formulaire .hr-dot {
margin-left: 0; }
#payer-ma-selection-formulaire .validation-wrap {
max-width: 525px; }
#payer-ma-selection-formulaire .validation-wrap .c-btn--red, #payer-ma-selection-formulaire .validation-wrap .c-btn--black {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 16px;
min-width: 270px;
width: 100%;
border: none;
padding: 5px 0; }
@media (max-width: 600px) {
#payer-ma-selection-formulaire .validation-wrap .c-btn--red, #payer-ma-selection-formulaire .validation-wrap .c-btn--black {
width: 100%; } }
#payer-ma-selection-formulaire .move-back-wrap {
margin: 0px 20px; }
#payer-ma-selection-formulaire .texte_reduction {
color: #E91B00;
font-size: 0.9rem;
padding-bottom: 1px !important; }
#payer-ma-selection-formulaire .disabled {
color: #000000A1; }
#payer-ma-selection-formulaire #payzen-payment-form.feedback {
padding-top: 0px;
margin-left: 20px;
margin-right: 20px; }
#payer-ma-selection-formulaire #payzen-payment-form.feedback .kr-smart-form button {
margin-top: 0px !important; }
#payer-ma-selection .header-categorie {
box-shadow: none;
margin-left: 7.5px; }
@media (max-width: 992px) {
#payer-ma-selection .header-categorie {
text-align: left; } }
@media (max-width: 768px) {
#payer-ma-selection .header-categorie {
text-align: left; } }
@media (max-width: 768px) {
#payer-ma-selection .header-categorie {
text-align: left; } }
#payer-ma-selection .header-categorie .bi-chevron-left {
margin-left: -20px; }
#payer-ma-selection .header-categorie .bi-chevron-left:hover {
transform: none;
scale: 1.2; }
#payer-ma-selection .header-categorie .header-wrap {
margin: 0px 10px 0px 10px;
text-align: left; }
@media (min-width: 768px) {
#payer-ma-selection .header-categorie .header-wrap {
text-align: center;
margin-right: auto;
margin-left: auto;
width: auto; } }
@media screen and (min-width: 576px) and (max-width: 767px) {
#payer-ma-selection .header-categorie .header-wrap {
margin-left: 25px; } }
#payer-ma-selection .header-categorie .c-title {
margin-bottom: 15px;
font-size: 1.5rem;
font-family: 'sofia-pro', sans-serif;
font-weight: 700; }
#payer-ma-selection .header-categorie .text {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000000;
font-size: 1.25rem; }
#payer-ma-selection .header-categorie .text .info-isReferred {
color: #E91B00; }
#payer-ma-selection .page-success {
margin-top: 20px; }
#payer-ma-selection .facebook {
background: #3b5998;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px; }
#payer-ma-selection .facebook:hover {
background: #2d4373; }
#payer-ma-selection .facebook i {
margin-right: 5px; }
.gray-underline-link {
text-decoration: underline;
color: #000; }
.next-deadline-display {
font-size: 26px; }
.next-deadline-display .pink-text {
color: #ff988c; }
.fake-link {
font-size: 13px;
cursor: pointer; }
.fake-link:hover {
text-decoration: underline; }
.ui-dialog-titlebar-close {
background-image: url("/public/css/images/ui-icons_444444_256x240.png");
background-position: -95px -127px;
border: 1px solid #ccc;
cursor: pointer; }
#open-colissimo-pass-panel {
position: absolute;
right: 10px;
top: 3px; }
#open-colissimo-pass {
padding-top: 10px;
position: relative;
padding-left: 20px; }
.c--colissimo-pass-logo {
width: 15px;
position: absolute;
top: 10px;
left: 0; }
.c--colissimo-pass-logo-inline {
width: 15px;
position: absolute;
top: 0px;
left: 0; }
.c--colissimo-pass-info {
font-size: 13px;
padding: 25px 15px 15px 15px;
box-shadow: none;
border-radius: 4px;
background-color: #f9f9f9;
border: 1px solid #ddd;
margin-bottom: 10px;
/*display: none;*/ }
/*.c--colissimo-pass-info.open{
display: block;
}*/
@media screen and (max-width: 500px) {
#open-colissimo-pass-panel {
top: -30px; } }
@media screen and (min-width: 770px) and (max-width: 990px) {
#open-colissimo-pass-panel {
top: -30px; } }
.colissimo-pass-response {
width: 100%;
text-align: center;
padding-top: 20px; }
.c--colissimo-pass-link {
text-decoration: underline dashed;
display: inline-block;
margin-left: 5px;
position: relative;
padding-left: 18px;
color: #555;
cursor: pointer; }
.c--stylism-fees-more-info, .c--stylism-fees-less-info {
color: #FF5859;
text-decoration: underline;
cursor: pointer;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
padding-left: 25px; }
.c--stylism-fees-more-info:hover, .c--stylism-fees-less-info:hover {
color: #be0001; }
.c--stylism-fees-info {
border-top: 1px solid #ddd;
margin: 20px 0;
padding: 20px 20px 0 25px; }
.c--error-message {
border: 1px solid #ff5859;
background: #ffffff none repeat scroll 0 0;
box-shadow: 0 2px 4px rgba(50, 50, 50, 0.1);
padding: 20px 40px;
margin: 10px auto; }
#payment-return .c-title {
font-size: 1.5rem;
color: #000000;
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
@media (min-width: 768px) {
#payment-return .c-title {
font-size: 2.1rem; } }
#payment-return .text {
font-size: 1.2rem;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000000; }
@media (min-width: 768px) {
#payment-return .text {
font-size: 1.25rem; } }
#payment-return .text.bold {
font-weight: bold; }
#payment-return .text .badge-alma {
background-color: #FA5022;
border-radius: 6px;
padding: 2px 4px;
color: white;
font-weight: bold; }
#block-payment .bloc-shadow {
margin-bottom: 0px;
box-shadow: none; }
@media (min-width: 768px) {
#block-payment .bloc-shadow {
margin-bottom: 0px;
padding-bottom: 0px; } }
#block-payment .articles .hr-line {
border-top: 1px solid #d2d2d2; }
@media (min-width: 768px) {
#block-payment .articles .hr-line {
padding-bottom: 30px; } }
@media (min-width: 768px) {
#block-payment .articles .top-line {
display: none; } }
#block-payment .articles .informations {
display: flex;
align-items: center;
position: relative;
margin-bottom: 20px; }
@media (min-width: 768px) {
#block-payment .articles .informations {
margin-bottom: 20px; } }
#block-payment .articles .informations .informations-left-block {
width: 100%;
display: flex;
flex-direction: row; }
@media (min-width: 768px) {
#block-payment .articles .informations .informations-left-block {
width: 50%; } }
#block-payment .articles .informations .informations-left-block .inner-wrap-left {
width: 50%; }
#block-payment .articles .informations .informations-left-block .inner-wrap-right {
width: 50%;
text-align: center;
justify-content: center;
display: flex; }
@media (min-width: 768px) {
#block-payment .articles .informations .informations-left-block .inner-wrap-right {
justify-content: right;
padding-right: 20px; } }
@media (min-width: 992px) {
#block-payment .articles .informations .informations-left-block .inner-wrap-right {
justify-content: right;
padding-right: 40px; } }
#block-payment .articles .informations .prix .discount-amount {
margin: 0; }
#block-payment .articles .informations .informations-left-block .inner-wrap-right .product-image {
max-height: 160px; }
#block-payment .informations .titre {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000000;
font-size: 1.25rem; }
#block-payment .informations .prix {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000000;
font-size: 1.25rem; }
#block-payment .informations .original-price-crossed {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000000;
font-size: 20px; }
#block-payment .articles .informations .je_le_veux {
position: absolute;
bottom: 0px;
text-align: center; }
@media (min-width: 768px) {
#block-payment .articles .informations .je_le_veux {
position: absolute;
top: 0;
right: 0; } }
#block-payment .articles .informations .je_le_veux .choix .oui {
float: left;
width: 60px;
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-size: 15px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
cursor: pointer; }
#block-payment .articles .informations .je_le_veux .choix .oui.active {
background-color: #26CB78;
color: #FFFFFF;
cursor: pointer; }
#block-payment .articles .informations .je_le_veux .choix .oui.inactive {
background-color: #F4F4F4;
color: #9c9c9c;
cursor: pointer; }
#block-payment .articles .informations .je_le_veux .choix .non {
float: left;
width: 60px;
height: 40px;
line-height: 40px;
text-transform: uppercase;
font-size: 15px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
cursor: pointer; }
#block-payment .articles .informations .je_le_veux .choix .non.active {
background-color: #FF9900;
color: #FFFFFF;
cursor: pointer; }
#block-payment .articles .informations .je_le_veux .choix .non.inactive {
background-color: #F4F4F4;
color: #9c9c9c;
cursor: pointer; }
#block-payment .articles .informations .je_le_veux .choix .cache {
position: absolute;
top: 0;
left: 0px;
width: 50px;
height: 30px;
background: #eee; }
#block-payment .articles .informations .je_le_veux .choix .cache .lines {
display: inline-block;
width: 1px;
height: 10px;
vertical-align: middle;
background: #BABABA;
top: 10px; }
#block-payment .articles .avis .texte {
font-size: 16px; }
#block-payment .articles .avis .commentaire {
width: 100%;
height: 80px;
padding: 10px;
margin: 10px 0 0;
resize: none;
display: block;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
border: 1px solid #ddd;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
#block-payment .articles .avis .commentaire:focus {
border: 1px solid #B2DFDB; }
#block-payment .check .informations.feedback {
display: flex;
justify-content: center;
align-items: center; }
@media (min-width: 768px) {
#block-payment .check .informations.feedback {
flex-direction: column-reverse;
row-gap: 0px; } }
#block-payment .check .informations.feedback .stylist-image {
width: 80px;
height: 80px;
border-radius: 50%;
margin-right: 22px; }
@media (min-width: 768px) {
#block-payment .check .informations.feedback .stylist-image {
margin: 22px; } }
#block-payment .check .informations.feedback h2 {
width: 80%;
font-size: 1.6rem;
font-family: DomaineDisp-Regular;
letter-spacing: 0;
text-align: left; }
@media (min-width: 768px) {
#block-payment .check .informations.feedback h2 {
text-align: center; } }
#block-payment .check .informations.feedback .single {
width: 100% !important; }
#block-payment .articles.check .informations .je_le_veux .choix .cache {
left: 50px; }
#block-payment .articles ::-webkit-input-placeholder,
#block-payment .articles :-moz-placeholder,
#block-payment .articles :-ms-input-placeholder {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000000; }
#retour-client .bloc-container-retour .container-left {
display: block;
width: 100%; }
@media (min-width: 768px) {
#retour-client .bloc-container-retour .container-left {
display: inline-block;
width: calc(50% - 20px);
margin-right: 20px; } }
@media (min-width: 992px) {
#retour-client .bloc-container-retour .container-left {
display: inline-block;
width: calc(50% - 40px);
margin-right: 40px; } }
#retour-client .bloc-container-retour .container-right {
display: block;
width: 100%; }
@media (min-width: 768px) {
#retour-client .bloc-container-retour .container-right {
display: inline-block;
width: calc(50% - 20px);
margin-left: 20px; } }
@media (min-width: 992px) {
#retour-client .bloc-container-retour .container-right {
display: inline-block;
width: calc(50% - 40px);
margin-left: 40px; } }
#retour-client .bloc .title {
padding-bottom: 10px;
padding-top: 10px;
font-size: 1.5rem;
font-family: "Segoe UI";
color: #000000; }
@media (min-width: 768px) {
#retour-client .bloc .title {
font-size: 1.25rem; } }
#retour-client .bloc .retour-global {
font-size: 1.25rem; }
@media (min-width: 768px) {
#retour-client .bloc .retour-global {
text-align: center; } }
#retour-client .bloc .range {
font-size: 0.7rem; }
#retour-client .bloc .cadre2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 5px; }
@media (min-width: 768px) {
#retour-client .bloc .cadre2 {
max-width: 453px;
margin: 0 auto;
grid-column-gap: 80px; } }
#retour-client .bloc .cadre2 .choice {
text-transform: uppercase;
font-size: 15px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#retour-client .bloc .cadreSatisfaction {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 5px;
grid-column-gap: 5px; }
@media (min-width: 768px) {
#retour-client .bloc .cadreSatisfaction {
max-width: 453px;
margin: 0 auto;
grid-column-gap: 30px;
grid-template-columns: repeat(3, 1fr); } }
#retour-client .bloc .cadreSatisfaction .choice {
text-transform: uppercase;
font-size: 15px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#retour-client .bloc .cadreSatisfactionReason {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px; }
@media (min-width: 768px) {
#retour-client .bloc .cadreSatisfactionReason {
max-width: 453px;
margin: 0 auto;
grid-column-gap: 30px;
grid-template-columns: repeat(3, 1fr); } }
#retour-client .bloc .cadreSatisfactionReason .choice {
text-transform: uppercase;
font-size: 15px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#retour-client .bloc .cadre3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 5px; }
#retour-client .bloc .cadre4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 5px; }
#retour-client .bloc .cadre {
border: none;
overflow: hidden;
background: transparent; }
#retour-client .bloc label {
float: left;
text-align: center;
padding: 10px 5px;
border-right: none;
background: #F9F9F9;
font-size: 14px;
position: relative;
height: 100%; }
#retour-client .bloc label:last-child {
border: none; }
#retour-client .bloc .rating-stars-container {
width: 70%;
margin: 0 auto; }
@media (min-width: 768px) {
#retour-client .bloc .rating-stars-container {
width: 300px;
margin: 0 auto; } }
#retour-client .bloc .rating-stars-container .stars5 {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-column-gap: 15px; }
#retour-client .bloc .rating-stars-container .stars5 label.star {
float: left;
text-align: center;
padding: 10px 0px;
border-right: none;
background: transparent;
font-size: 14px;
position: relative;
height: 100%; }
#retour-client .bloc .rating-stars-container .stars5 label.star:last-child {
border: none; }
#retour-client #satisfaction-reason {
display: none; }
#retour-client #satisfaction-reason.displayed {
display: block; }
#retour-client #satisfaction-reason .satisfaction-reason-title {
font-size: 1.25rem;
text-align: center; }
#retour-client input[type="radio"]:not(:checked),
#retour-client input[type="radio"]:checked,
#retour-client input[type="checkbox"]:not(:checked),
#retour-client input[type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
padding: 0;
display: none; }
#retour-client input[type="radio"]:not(:checked) + label,
#retour-client input[type="radio"]:checked + label,
#retour-client input[type="checkbox"]:not(:checked) + label,
#retour-client input[type="checkbox"]:checked + label {
position: relative;
cursor: pointer; }
#retour-client input[type="radio"]:checked + label {
background: #f3a090;
color: #0f0f0f; }
#retour-client input[type="checkbox"]:checked + label {
background: #f3a090;
color: #0f0f0f; }
#retour-client .invisible {
display: none; }
#retour-client .visible {
display: inline-block; }
#retour-client .selection-feedback input[type="radio"]:not(:checked) + label {
background: transparent; }
#retour-client .selection-feedback input[type="checkbox"]:not(:checked) + label {
background: transparent; }
#retour-client .selection-feedback input[type="radio"]:checked + label {
background: transparent; }
#retour-client .selection-feedback input[type="checkbox"]:checked + label {
background: transparent; }
#payment-return .c-form .title {
padding-bottom: 10px;
padding-top: 10px;
font-size: 1.5rem;
font-family: "Segoe UI";
color: #000000; }
@media (min-width: 768px) {
#payment-return .c-form .title {
font-size: 1.25rem;
padding-top: 30px; } }
#payment-return .c-form .retour-global {
font-size: 1.25rem; }
@media (min-width: 768px) {
#payment-return .c-form .retour-global {
width: 100%;
text-align: center; } }
#payment-return .c-form__input.c-form__input {
border-radius: 0px !important;
border: none !important;
box-shadow: none !important; }
#payment-return .c-form__input.c-form__input:focus {
border: 1px solid #ddd !important; }
#resume {
text-align: left;
background-color: #f4f4f4;
margin: 20px; }
@media (min-width: 768px) {
#resume {
margin-right: 30px;
margin-left: 30px; } }
#resume .bloc {
padding-bottom: 20px;
padding-left: 12.5px;
padding-right: 12.5px; }
#resume .bloc.bloc1, #resume .bloc.bloc2 .js-eligible-to-reduction, #resume .bloc.bloc3 .reduction {
display: flex;
justify-content: space-between; }
#resume .bloc.bloc1, #resume .bloc.bloc3 .reduction:not(:first-child) {
padding-top: 20px; }
#resume .bloc .titre {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 1rem;
color: #000000; }
#resume .bloc .price {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 1rem;
color: #000000; }
#resume .bloc .texte_reduction {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #E91B00;
font-size: 1rem; }
#resume .bloc .c-not-eligible {
color: RGBA(0, 0, 0, 63) !important; }
#resume .bloc.bloc4 .total-bloc {
text-align: right;
padding-top: 20px; }
#resume .bloc.bloc4 .total-bloc .titre, #resume .bloc.bloc4 .total-bloc .price {
color: #000000;
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
#resume .btn {
display: block; }
#validate {
margin: 20px; }
#validate .c-btn--black {
display: block;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 16px;
min-width: 270px;
width: auto;
border: none;
margin: 0 auto; }
@media (max-width: 480px) {
#validate .c-btn--black {
width: 100%; } }
@media (max-width: 768px) {
#block-payment .articles .informations .titre {
padding-right: 0;
padding-bottom: 0;
font-size: 15px !important; } }
#propos-content .job {
font-size: 16px;
color: #ff5859; }
#propos-content .texte {
font-size: 16px;
padding-top: 5px; }
body {
background: #F8F8F8; }
#formulaire-style input,
#formulaire-style select {
outline: none; }
/* SAFARI */
#formulaire-style input,
#formulaire-style input[type="submit"],
#formulaire-style textarea,
#formulaire-style select,
#formulaire-style option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
#formulaire-style {
margin: 0 auto 20px; }
#formulaire-style .question {
margin-bottom: 20px; }
#formulaire-style .question.error .question-title {
color: #f0415b; }
#formulaire-style .question.error textarea,
#formulaire-style .question.error input,
#formulaire-style .question.error .select-content {
border: 1px solid #f0415b; }
#formulaire-style .question.error .select-content:after {
border-top: 6px solid #f0415b; }
#formulaire-style .question.error .champ-requis {
clear: both;
display: block;
color: #f0415b;
padding-top: 10px;
font-size: 16px;
font-style: italic; }
#formulaire-style .question.error .info-input {
color: #f0415b; }
#formulaire-style .question .champ-requis {
display: none; }
#formulaire-style .question-title {
padding-bottom: 10px;
display: block;
font-size: 20px;
color: #4F9893; }
#formulaire-style .question-title .note-title {
display: block;
color: #828ca4;
font-size: 16px;
padding-top: 5px; }
#formulaire-style .question textarea {
resize: none;
width: 100%;
height: 120px;
border: 1px solid #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
padding: 10px;
position: relative;
color: #000000; }
#formulaire-style .question input {
border: 1px solid #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
padding: 5px;
position: relative;
display: inline-block;
font-size: 16px;
color: #000000; }
#formulaire-style .question select {
position: relative;
width: 300px;
border: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
z-index: 2;
background: transparent;
font-size: 16px;
color: #000000; }
#formulaire-style .question select option {
border: none;
padding: 5px; }
#formulaire-style .question .info-input {
padding-left: 10px;
display: inline-block; }
#formulaire-style .question .select-content {
overflow: hidden;
border: 1px solid #000000;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
position: relative;
display: inline-block;
margin-right: 5px; }
#formulaire-style .question .select-content:after {
z-index: 1;
content: "";
position: absolute;
width: 0px;
height: 0px;
right: 10px;
border-top: 6px solid #000000;
border-left: 6px solid #FFF;
border-right: 6px solid #FFF; }
#formulaire-style .question .select-width-60 {
width: 60px; }
#formulaire-style .question .select-width-80 {
width: 80px; }
#formulaire-style .question .select-width-140 {
width: 140px; }
#formulaire-style .question .select-width-160 {
width: 160px; }
#formulaire-style .question .a .select-width-60,
#formulaire-style .question .a .select-width-80 {
width: 140px; }
#formulaire-style .question .select-width-220 {
width: 220px; }
#formulaire-style .question-commun .select-width-60 {
background: #fff;
margin-left: 10px;
margin-top: 15px;
border: 1px solid #ccc; }
#formulaire-style .question .question-commun {
float: left;
margin-right: 5px;
margin-bottom: 5px;
text-align: left;
padding: 0 0 20px;
background: #f8f8f8;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
border: 1px solid #e0e0e0;
vertical-align: top; }
#formulaire-style .question .question-commun.planche-style {
background: #fff;
padding: 40px 0;
border: none;
border-bottom: 1px solid #e0e0e0;
float: none; }
#formulaire-style .question .question-commun.question-width-40 {
max-width: 48%; }
#formulaire-style .question .question-commun.question-width-40 .choix-question-commun {
display: block; }
#formulaire-style .question .question-commun .title-question-commun {
font-size: 22px;
padding: 20px 20px 0;
text-align: center; }
#formulaire-style .question .question-commun .choix-question-commun {
display: inline-block;
padding: 20px 20px 0; }
#formulaire-style .question .question-commun .choix-question-commun input {
margin: 0 auto;
margin-top: 10px;
display: none; }
#formulaire-style .question .image-planche {
max-width: 1200px;
width: 100%;
height: auto;
padding-top: 20px; }
#formulaire-style .question .image-planche img {
width: 100%;
height: auto; }
#formulaire-style [type="radio"]:not(:checked),
#formulaire-style [type="radio"]:checked,
#formulaire-style [type="checkbox"]:not(:checked),
#formulaire-style [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
padding: 0;
display: none; }
#formulaire-style [type="radio"]:not(:checked) + label,
#formulaire-style [type="radio"]:checked + label,
#formulaire-style [type="checkbox"]:not(:checked) + label,
#formulaire-style [type="checkbox"]:checked + label {
position: relative;
padding-left: 30px;
cursor: pointer; }
#formulaire-style [type="radio"]:not(:checked) + label:before,
#formulaire-style [type="radio"]:checked + label:before,
#formulaire-style [type="checkbox"]:not(:checked) + label:before,
#formulaire-style [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0;
top: 2px;
width: 17px;
height: 17px;
border: 1px solid #aaa;
background: #f8f8f8;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
border-radius: 100%;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
#formulaire-style [type="checkbox"]:not(:checked) + label:before,
#formulaire-style [type="checkbox"]:checked + label:before {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
#formulaire-style [type="radio"]:not(:checked) + label:after,
#formulaire-style [type="radio"]:checked + label:after,
#formulaire-style [type="checkbox"]:not(:checked) + label:after,
#formulaire-style [type="checkbox"]:checked + label:after {
content: '';
position: absolute;
top: 2px;
left: 0;
border-radius: 100%;
width: 19px;
height: 19px;
background: #b2dfdb;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); }
#formulaire-style [type="checkbox"]:not(:checked) + label:after,
#formulaire-style [type="checkbox"]:checked + label:after {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
#formulaire-style [type="radio"]:not(:checked) + label:after,
#formulaire-style [type="checkbox"]:not(:checked) + label:after {
opacity: 0;
transform: scale(0); }
#formulaire-style [type="radio"]:checked + label:after,
#formulaire-style [type="checkbox"]:checked + label:after {
opacity: 1;
transform: scale(1); }
#formulaire-style .question #question-social-titre {
padding: 20px 0; }
#formulaire-style .question .question-commun-social {
padding: 20px 0; }
#formulaire-style .question .question-commun-social input {
max-width: 300px;
width: 100%; }
#formulaire-style .question .question-commun-social .champ-info {
display: block;
padding-top: 10px;
font-size: 16px;
font-style: italic; }
#formulaire-style .question .question-commun-social .champ-info a {
display: inline-block; }
#formulaire-style .question .question-commun-social .champ-info .fa {
font-size: 22px; }
#formulaire-style .question .question-commun-social .champ-info .fa-instagram {
color: #125688; }
#formulaire-style .question .question-commun-social .champ-info .fa-pinterest {
color: #CB2027; }
#aide_tableau_correspondance_taille {
cursor: pointer; }
#tableau_correspondance_taille {
height: 0;
overflow: hidden; }
#tableau_correspondance_taille.show {
height: auto; }
#tableau_correspondance_taille table {
background: #f8f8f8;
border: 1px solid #e0e0e0;
width: 100%;
text-align: center;
padding: 20px;
border-collapse: collapse;
margin-top: 20px; }
#tableau_correspondance_taille table tr:nth-child(odd) {
background: #fff; }
#tableau_correspondance_taille table tr:first-child td,
#tableau_correspondance_taille table tr td:first-child {
font-weight: bold;
color: #80BFBA; }
#tableau_correspondance_taille table td {
padding: 5px;
border-right: 1px solid #e0e0e0; }
@media (max-width: 992px) {
#formulaire-style .question .question-commun,
#formulaire-style .question .question-commun.question-width-40 {
max-width: 100%;
width: 100%; }
#formulaire-style .question input,
#formulaire-style .question select,
#formulaire-style .question select option {
height: 40px;
line-height: 40px;
font-size: 18px; } }
.page--profil-steps {
min-width: 320px; }
.page--profil-steps .profile-header {
height: 155px;
margin-bottom: 0; }
.page--profil-steps .profile-header .profile-header-title {
font-size: 36px;
text-align: center;
color: #000;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
padding: 75px;
height: 110px; }
.page--profil-steps .profile-header .profile-header-steps {
position: relative;
height: 90px; }
.page--profil-steps .profile-header .profile-header-steps hr {
position: absolute;
border: 1px solid #F3A090;
width: 100%;
left: 0;
top: 85px;
margin: 0; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container {
width: 760px;
max-width: initial;
margin: 0 auto;
padding-top: 75px;
position: absolute;
left: 0;
right: 0; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .profile-steps-space {
flex: 2; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper {
/*width: 25%;
display: inline-block;
text-align: left;*/
width: auto;
flex: 0 0 auto;
text-align: center;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #000;
vertical-align: top;
/*&:first-child{
.step-circle{
margin-left: 12px;
}
}
&:nth-child(2){
.step-circle{
margin-left: 17px;
}
}
&:nth-child(3){
.step-circle{
margin-left: 11px;
}
}
&:nth-child(4){
.step-circle{
margin-left: 7px;
}
}
&:nth-child(5){
.step-circle{
margin-left: 30px;
}
}*/ }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper .step-circle {
border: 2px solid #F3A090;
width: 20px;
height: 20px;
border-radius: 50px;
margin: 0 auto 10px auto;
background: #fff; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper.active {
color: #F3A090; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper.active .step-circle {
background: #F3A090; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper.passed {
color: #E1DBD4; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper.passed .step-circle {
background: #E1DBD4;
border-color: #FFFFFF;
position: relative; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .profile-steps-flex .step-wrapper.passed .step-circle::before {
font-family: FontAwesome;
content: "\f00c";
color: #fff;
vertical-align: initial;
font-size: 12px;
position: absolute;
left: 2px;
top: 1px; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container.five-steps .step-wrapper {
/*width: 20%;*/ }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .chevron-wrap a {
display: inline-block;
cursor: pointer;
height: 25px;
width: 25px; }
.page--profil-steps .profile-before .profile-title {
font-family: "Montserrat-Regular", sans-serif; }
.page--profil-steps .profile-before .profile-title .c-title {
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
.page--profil-steps .profile-body {
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
.page--profil-steps .profile-body .c-title {
font-family: "sofia-pro", sans-serif !important;
font-weight: 700;
font-size: 20px; }
.page--profil-steps .profile-body .s-hr {
background: #fff;
margin-top: 10px !important; }
.page--profil-steps .profile-body input[type=number] {
background: #fff;
border: 1px solid #000;
border-radius: 10px 0 0 10px !important;
-moz-appearance: textfield; }
.page--profil-steps .profile-body input[type=number]::-webkit-outer-spin-button, .page--profil-steps .profile-body input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
.page--profil-steps .profile-body input[type=number]:hover {
border: 1px solid #9b9b9b; }
.page--profil-steps .profile-body input[type=number]:hover + .c-form__completion {
border: 1px solid #9b9b9b !important;
border-left: none !important; }
.page--profil-steps .profile-body input[type=number]#question-6, .page--profil-steps .profile-body input[type=number]#question-11 {
width: 115px;
max-width: 115px; }
.page--profil-steps .profile-body input[type=text], .page--profil-steps .profile-body textarea {
background: #fff;
border: 1px solid #000;
border-radius: 10px !important; }
.page--profil-steps .profile-body input[type=text]:hover, .page--profil-steps .profile-body textarea:hover {
border: 1px solid #9b9b9b; }
.page--profil-steps .profile-body input[type=text]#question-7, .page--profil-steps .profile-body textarea#question-7 {
width: 200px; }
.page--profil-steps .profile-body .c-form__completion {
background: transparent;
border: 1px solid #000 !important;
border-left: none !important;
border-radius: 0 10px 10px 0 !important;
margin-left: -20px;
padding-left: 30px;
width: 65px;
text-align: center; }
.page--profil-steps .profile-body select {
border: 1px solid #000;
border-radius: 10px !important;
width: 200px; }
.page--profil-steps .profile-body select#question-20, .page--profil-steps .profile-body select.question-30, .page--profil-steps .profile-body select.question-31, .page--profil-steps .profile-body select.question-79, .page--profil-steps .profile-body select.question-80, .page--profil-steps .profile-body select.question-34, .page--profil-steps .profile-body select.question-35 {
width: 75px;
margin-left: 9px; }
.page--profil-steps .profile-body select#question-19 {
width: 75px; }
.page--profil-steps .profile-body .radio-field .c-form__label.title-label {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
margin-bottom: 20px;
font-size: 20px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div {
display: inline-block;
margin-right: 20px;
height: 40px;
width: 100px;
vertical-align: top;
text-align: left; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__label {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
position: relative; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__label:after {
width: 20px;
height: 20px;
color: #F3A090;
padding: 1px 0 0 2px;
top: 8px;
left: 0;
margin: 0 auto;
border: 1px solid #000;
transition: none; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__input:checked + .c-form__label {
color: #F3A090; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__input:checked + .c-form__label:after {
background: white;
content: "\f00c";
font-family: FontAwesome;
vertical-align: middle;
border: 1px solid #F3A090; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__label:before {
visibility: hidden;
content: none; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div.c__question-42 > div {
width: 150px;
display: inline-block;
vertical-align: top; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div.c__question-42 > div .c-form__label {
width: 105px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-101 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-103 > div {
display: inline-block;
margin-right: 20px;
height: 40px;
width: 161px;
vertical-align: top;
text-align: left; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-59 > div {
width: 150px !important;
margin-right: 36px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-59 > div .c-form__label {
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div {
margin-bottom: 15px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-55 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-56 > div {
width: 150px !important;
margin-right: 36px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-55 > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-56 > div .c-form__label {
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-24 > div {
width: 150px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-55, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-56, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-101, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-103 {
padding-left: 15px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-55 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-56 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-101 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-103 > div {
width: 150px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-55 > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-56 > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-101 > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-103 > div .c-form__label {
width: 125px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-55 > div .c-form__input:checked + .c-form__label:after, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-56 > div .c-form__input:checked + .c-form__label:after, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div .c-form__input:checked + .c-form__label:after, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-101 > div .c-form__input:checked + .c-form__label:after, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-103 > div .c-form__input:checked + .c-form__label:after {
padding-left: 2px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-41 {
padding-left: 15px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-41 > div .c-form__input:checked + .c-form__label:after {
padding-left: 2px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > .c__question-42 > div .c-form__input:checked + .c-form__label:after {
padding-right: 1px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox {
margin-bottom: 0; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox .row > div {
display: inline-block;
margin-right: 40px;
height: 40px;
width: 150px;
vertical-align: top;
text-align: left; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox .row > div .c-form__label {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
padding-left: 25px;
position: relative;
text-align: left; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox .row > div .c-form__label:after {
width: 20px;
height: 20px;
color: #F3A090;
padding: 1px 0 0 2px;
top: 8px;
left: 0;
margin: 0 auto;
border: 1px solid #000;
transition: none; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox .row > div .c-form__input:checked + .c-form__label {
color: #F3A090; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox .row > div .c-form__input:checked + .c-form__label:before {
visibility: hidden;
content: none; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox .row > div .c-form__input:checked + .c-form__label:after {
background: white;
content: "\f00c";
font-family: FontAwesome;
vertical-align: middle;
border: 1px solid #F3A090; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-32 > div > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-36 > div > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-37 > div > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-38 > div > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-39 > div > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-40 > div > div {
width: 100px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-38 {
height: 195px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-38 .question-38-answer {
height: 120px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-38 .question-38-answer .question-38-answer-picture-wrapper {
display: block;
padding-left: 0;
margin-left: -11px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-38 .question-38-answer .question-38-answer-picture-wrapper img {
height: 120px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div {
display: inline-block;
height: 128.5px;
width: 150px;
vertical-align: top;
text-align: left;
margin-bottom: 55px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div .c-form__label {
margin-bottom: 5px !important;
padding-right: 25px;
padding-left: 0px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div .c-form__label:after {
display: none; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div .c-form__input:checked + .c-form__label:after {
content: unset;
font-family: unset;
border: unset; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div input[type="checkbox"][id^="answer"] {
display: none; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div label {
display: block;
position: relative;
cursor: pointer;
width: 100%;
height: 100%; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div label:before {
display: none; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div label img {
height: 100%;
width: 100%;
border: 1px solid transparent; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div :checked + label {
border-color: #F3A090; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div :checked + label:before {
background-color: #F3A090;
border: 2px solid #F3A090;
z-index: -2; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div :checked + label img {
z-index: -1;
border: 2px solid #F3A090;
border-radius: 50%; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div > div {
font-size: 14px;
padding-right: 25px;
margin-bottom: 20px;
text-align: center; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div {
display: inline-block;
height: 63px;
width: 88px;
vertical-align: top;
text-align: left;
position: relative;
margin-bottom: 40px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .c-form__label {
padding-right: 25px;
padding-left: 0; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .c-form__label:after {
display: none;
border: unset; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .c-form__input:checked + .c-form__label:after {
content: unset;
font-family: unset;
border: unset; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div input[type="checkbox"][id^="answer"] {
display: none; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div label {
display: block;
position: relative;
cursor: pointer;
width: 100%;
height: 100%; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div label:before {
background-color: #F3A090;
color: white;
display: block;
border: 2px solid #F3A090;
position: absolute;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
transition-duration: 0.4s; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div label div {
padding: 3px;
height: 100%;
width: 100%;
border: 1px solid transparent;
border-radius: 50%; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div :checked + label {
border-color: #F3A090; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div :checked + label:before {
background-color: #F3A090;
border: 2px solid #F3A090;
z-index: -2; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div :checked + label:after {
top: -15px;
left: -15px;
right: -15px;
bottom: -15px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div :checked + label div {
z-index: -1;
border: 2px solid #F3A090;
border-radius: 50%; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div :checked + label div > div {
border: unset; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div > div {
font-size: 14px;
/* Center vertically and horizontally */
position: absolute;
top: 110%;
left: 50%;
transform: translate(-50%, -50%);
padding-right: 25px;
margin-bottom: 20px;
padding-top: 10px; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .orange {
background-color: #F46523; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .bordeaux {
background-color: #8c0c36; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .moutarde {
background-color: #dc9c03; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .kaki {
background-color: #4a5533; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .noir {
background-color: #000000; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .violet {
background-color: #ECB6EA; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .rose {
background-color: #F4989D; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .vert {
background-color: #9AD4AB; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .beige {
background-color: #EBD5C0; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .gris {
background-color: #D9D7D8; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .jaune {
background-color: #F9FC93; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .rouge {
background-color: #E40404; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .marron {
background-color: #744229; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .bleu {
background-color: #04227C; }
.page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .blanc {
background-color: #FFFFFF;
border: 1px solid #000000; }
.page--profil-steps .profile-body .validation-button-wrapper {
text-align: center;
display: flex;
flex-direction: column;
justify-content: center; }
.page--profil-steps .profile-body .validation-button-wrapper .c-btn--red {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
width: 270px;
background: var(--black);
border: 1px solid white;
font-size: 18px;
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px;
margin: 0 auto; }
.page--profil-steps .profile-body .validation-button-wrapper .c-btn--red:hover, .page--profil-steps .profile-body .validation-button-wrapper .c-btn--red:active, .page--profil-steps .profile-body .validation-button-wrapper .c-btn--red:focus {
transform: none;
background: var(--black);
border: 1px solid black; }
.page--profil-steps .profile-body .validation-button-wrapper .c-btn--red.disabled {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
background: #d0cecf;
border: none; }
.page--profil-steps .profile-body .validation-button-wrapper .c-btn--red.disabled:hover, .page--profil-steps .profile-body .validation-button-wrapper .c-btn--red.disabled:active, .page--profil-steps .profile-body .validation-button-wrapper .c-btn--red.disabled:focus {
transform: none;
cursor: not-allowed; }
@media only screen and (max-width: 480px) {
.page--profil-steps .profile-body .validation-button-wrapper .c-btn--red, .page--profil-steps .profile-body .validation-button-wrapper .c-btn--red.disabled {
width: 100%; } }
.page--profil-steps .profile-body .validation-button-wrapper .link-text-orange {
color: #F97759;
padding-top: 10px;
text-decoration: underline;
font-size: 1.1rem;
text-underline-offset: 0.2em; }
.page--profil-steps .profile-body .validation-button-wrapper .link-text-orange.c-submit-style-form-skip {
background: none;
border: none;
cursor: pointer;
font-family: "sofia-pro", sans-serif; }
.page--profil-steps .profile-body .styles-field {
margin-bottom: 0 !important; }
.page--profil-steps .profile-body .styles-field > .c-form__line {
margin-bottom: 0; }
.page--profil-steps .profile-body .styles-field > .c-form__line > .c-form__field--radio {
margin-top: 20px;
text-align: center; }
.page--profil-steps .profile-body .styles-field > .c-form__line > .c-form__field--radio > .row {
max-width: initial;
width: 100%;
text-align: center; }
.page--profil-steps .profile-body .styles-field > .c-form__line > .c-form__field--radio > .row > .col-md-3 {
display: inline-block;
vertical-align: top;
max-width: 24%;
text-align: center; }
.page--profil-steps .profile-body .styles-field > .p-imageStyle > img {
width: 100%; }
.page--profil-steps .profile-body .cf-testimonial {
display: flex;
align-items: center;
gap: 12px;
margin: 24px auto 0;
max-width: 620px;
font-size: 13px;
line-height: 1.45;
color: #333;
border-radius: 50%; }
@media (max-width: 600px) {
.page--profil-steps .profile-body .cf-testimonial {
flex-direction: column;
text-align: center;
gap: 8px;
padding: 0 12px; } }
.page--profil-steps .profile-body .cf-testimonial .cf-avatar {
width: 48px;
height: 48px;
border-radius: 50%;
flex: 0 0 48px;
object-fit: cover; }
@media (max-width: 600px) {
.page--profil-steps .profile-body .cf-testimonial .cf-avatar {
width: 44px;
height: 44px;
flex: 0 0 44px; } }
.page--profil-steps .profile-body .cf-testimonial .cf-text {
flex: 1 1 auto;
text-align: left; }
@media (max-width: 600px) {
.page--profil-steps .profile-body .cf-testimonial .cf-text {
text-align: center; } }
.page--profil-steps .profile-body .cf-testimonial .cf-text .cf-quote {
margin: 0 0 4px 0;
font-style: italic;
color: #444; }
.page--profil-steps .profile-body .cf-testimonial .cf-text .cf-author {
margin: 0;
font-weight: 700;
color: #000; }
@media (max-width: 1200px) {
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container {
width: 640px; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .step-wrapper {
/*&:nth-child(5) {
.step-circle {
margin-left: 30px;
}
}*/ }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio > .row > div {
width: 23% !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div {
height: auto !important;
margin-top: 20px; } }
@media (max-width: 990px) {
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container {
width: 720px; }
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .step-wrapper {
/*&:nth-child(5) {
.step-circle {
margin-left: 30px;
}
}*/ } }
@media (max-width: 768px) {
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container {
width: 540px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div {
height: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__label::after, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div .c-form__label::after {
font-size: 14.5px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-53 .row > div, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-53 .row > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-53 .row > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div {
display: inline-block;
height: 90px !important;
width: 110px !important;
vertical-align: top;
text-align: left;
margin-top: unset;
margin-bottom: 50px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-53 .row > div .c-form__label, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-53 .row > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-53 .row > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div .c-form__label {
margin-bottom: 5px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div {
width: 110px !important; }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio > .row {
width: 100% !important; }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio > .row > div {
width: 23% !important; } }
@media (max-width: 575px) {
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container {
width: 100%; }
.page--profil-steps .profile-body .radio-field > .c-title, .page--profil-steps .profile-body .checkbox-field > .c-title {
margin-bottom: 0 !important;
margin-top: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox {
padding-top: 15px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div {
margin-right: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div {
height: 100px; } }
@media (max-width: 500px) {
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .step-wrapper {
font-size: 14px; }
.page--profil-steps .profile-body .s-hr.c__question-59-hr {
margin-bottom: 10px !important; }
.page--profil-steps .profile-body .radio-field, .page--profil-steps .profile-body .checkbox-field {
padding-left: 0; }
.page--profil-steps .profile-body .radio-field .c__question-1-label, .page--profil-steps .profile-body .radio-field .c__question-21-label, .page--profil-steps .profile-body .radio-field .c__question-24-label, .page--profil-steps .profile-body .checkbox-field .c__question-1-label, .page--profil-steps .profile-body .checkbox-field .c__question-21-label, .page--profil-steps .profile-body .checkbox-field .c__question-24-label {
padding-left: 6px !important;
margin-bottom: 0 !important; }
.page--profil-steps .profile-body .radio-field .c__question-59-label, .page--profil-steps .profile-body .checkbox-field .c__question-59-label {
padding-left: 8px !important;
margin-bottom: 0 !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div {
text-align: left;
display: block;
height: 30px !important;
max-width: none;
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div.row > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.row > div {
display: block;
max-width: none;
margin: 15px 0 0 0;
text-align: left;
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div.row > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.row > div .c-form__label {
height: auto;
padding: 0 0 0 30px;
margin: 0;
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div.row > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.row > div .c-form__label::after {
right: auto;
position: absolute;
left: 0;
top: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div .c-form__label {
height: auto;
padding: 0 0 0 30px;
margin: 0;
width: auto !important;
text-align: left; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div .c-form__label::after {
right: auto;
position: absolute;
left: 0;
top: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div.c__question-41, .page--profil-steps .profile-body .radio-field .c-form__field--radio > div.c__question-55, .page--profil-steps .profile-body .radio-field .c-form__field--radio > div.c__question-56, .page--profil-steps .profile-body .radio-field .c-form__field--radio > div.c__question-70, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.c__question-41, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.c__question-55, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.c__question-56, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio > div.c__question-70 {
padding-left: 7px; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-1, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-21, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-24, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-59, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-1, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-21, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-24, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-59 {
margin-left: 8px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-1 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-21 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-24 > div, .page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-59 > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-1 > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-21 > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-24 > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-59 > div {
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio.c__question-70 > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--radio.c__question-70 > div {
width: 100% !important;
margin-top: 0 !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-38, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-38 {
height: 405px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div {
text-align: left;
padding-top: 0 !important;
display: block;
max-width: none;
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > label::before, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > label::before {
top: 10px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div {
display: block;
max-width: none;
margin: 0 0 15px 0;
text-align: left;
width: auto !important;
height: 20px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div.question-38-answer, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div.question-38-answer {
height: 120px !important;
position: relative; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div.question-38-answer .question-38-answer-picture-wrapper, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div.question-38-answer .question-38-answer-picture-wrapper {
display: block;
padding-left: 0;
position: absolute;
top: 0;
left: 130px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div.question-38-answer .question-38-answer-picture-wrapper img, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div.question-38-answer .question-38-answer-picture-wrapper img {
height: 120px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div .c-form__label {
height: auto;
padding: 0 0 0 30px;
margin: 0;
width: auto !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div .c-form__label::after {
right: auto;
position: absolute;
left: 0;
top: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div .c-form__label.question-38-answer-label, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div .c-form__label.question-38-answer-label {
padding-top: 30px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.row > div .c-form__label.question-38-answer-label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.row > div .c-form__label.question-38-answer-label::after {
top: 40px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div .c-form__label {
height: auto;
padding: 0 0 0 30px;
margin: 0;
width: auto !important;
text-align: left; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div .c-form__label::after {
right: auto;
position: absolute;
left: 0;
top: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.c__question-41, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.c__question-55, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.c__question-56, .page--profil-steps .profile-body .radio-field .c-form__field--checkbox > div.c__question-70, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.c__question-41, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.c__question-55, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.c__question-56, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox > div.c__question-70 {
padding-left: 7px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-53 .row > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-53 .row > div {
display: inline-block;
height: 90px !important;
width: 120px !important;
vertical-align: top;
text-align: left;
margin-top: 10px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-54 .row > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div {
display: inline-block;
height: 30px !important;
width: 49% !important;
text-align: center;
margin-bottom: 15px; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-54 .row > div .c-form__label, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div .c-form__label {
height: 47px;
width: 77px !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--checkbox.c__question-54 .row > div > div, .page--profil-steps .profile-body .checkbox-field .c-form__field--checkbox.c__question-54 .row > div > div {
transform: unset;
top: 64%;
left: 70px;
padding-top: 0px; }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio, .page--profil-steps .profile-body .checkbox-field.styles-field .c-form__field--radio {
display: inline-block;
height: 100px; }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio > .row > div, .page--profil-steps .profile-body .checkbox-field.styles-field .c-form__field--radio > .row > div {
display: inline-block;
text-align: center;
width: 23% !important; }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio > .row > div .c-form__label, .page--profil-steps .profile-body .checkbox-field.styles-field .c-form__field--radio > .row > div .c-form__label {
height: auto;
padding: 25px 0 0 0;
margin: 0;
font-size: 12px;
width: 100% !important;
text-align: center; }
.page--profil-steps .profile-body .radio-field.styles-field .c-form__field--radio > .row > div .c-form__label::after, .page--profil-steps .profile-body .checkbox-field.styles-field .c-form__field--radio > .row > div .c-form__label::after {
position: absolute;
top: 0;
left: 0;
right: 0; }
.page--profil-steps .profile-body .radio-field > div > div > .c-form__label.title-label {
padding-left: 0; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio {
margin-left: 0 !important; }
.page--profil-steps .profile-body .radio-field .c-form__field--radio > div > .c-form__label {
padding-left: 25px !important; } }
@media (max-width: 400px) {
.page--profil-steps .profile-header .profile-header-steps .profile-header-steps-container .step-wrapper {
font-size: 12px;
/*&:first-child {
.step-circle {
margin-left: 6px;
}
}
&:nth-child(2) {
.step-circle {
margin-left: 10px;
}
}
&:nth-child(3) {
.step-circle {
margin-left: 5px;
}
}
&:nth-child(4) {
.step-circle {
margin-left: 2px;
}
}
&:nth-child(5) {
.step-circle {
margin-left: 19px;
}
}*/ } }
@media (max-width: 360px) {
.page--profil-steps .profile-body .styles-field > .c-form__line > .c-form__field--radio > .row > .col-md-3 {
max-width: 23%; } }
#styleshuffle-content {
padding-top: 0; }
@media (max-width: 900px) {
#styleshuffle-content {
padding-top: 20px; } }
#styleshuffle-content #styleshuffle-wrapper {
width: 100%;
margin: 0 auto;
background: #F0F1F3;
text-align: left; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper {
width: 100%;
background: #FFFFFF; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text {
display: inline-block;
vertical-align: top;
width: 50%;
padding-top: 200px;
padding-left: 8%; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text {
display: block;
width: 100%;
padding: 0 0 20px 20px;
background: #FFFFFF; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text h2 {
font-size: 44px;
font-weight: bold;
margin-bottom: 0;
position: relative; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text h2 {
font-size: 24px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text h2 #styleshuffle-modal-open {
background: none;
border: none;
font-size: 24px;
position: absolute;
left: 315px;
cursor: pointer; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text h2 #styleshuffle-modal-open {
left: 170px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text p {
font-size: 22px;
color: #000; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-left-text p {
font-size: 14px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-modal {
max-width: 600px;
position: relative;
border: none;
border-radius: 8px;
padding: 40px 30px;
font-weight: lighter; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-modal {
width: 100%;
height: 100%;
margin: 0;
border-radius: 0;
box-sizing: border-box;
padding-top: 55px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-modal::backdrop {
background: rgba(37, 40, 45, 0.67); }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-modal button {
position: absolute;
right: 20px;
top: 20px;
background: none;
border: none;
border-radius: 50%;
transition: background ease 0.3s;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 35px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-modal button:hover {
background: #E9E9EA; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block {
background: #F0F1F3;
width: 50%;
height: 500px;
margin: 20px auto;
display: inline-block;
vertical-align: top; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block {
width: calc(100% - 20px);
display: block;
border-radius: 8px;
margin: 0 10px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-loader {
width: 60px;
aspect-ratio: 4;
clip-path: inset(0 100% 0 0);
animation: l1 1s steps(4) infinite;
margin: 280px auto; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-loader {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 300px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block .exit-left {
animation: flyLeft 0.38s cubic-bezier(0.55, 0, 1, 0.45) forwards; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block .exit-right {
animation: flyRight 0.38s cubic-bezier(0.55, 0, 1, 0.45) forwards; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block .pop-in {
animation: popIn 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block {
display: none;
padding: 20px;
position: relative;
height: 100%; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-progression {
display: none;
position: absolute;
top: 0;
left: 0;
height: 5px;
background: #ff988c;
width: 0;
transition: all ease 0.3s; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-end-infos-panel {
position: absolute;
top: 40%;
padding: 0 30px;
color: #000; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-end-infos-panel.styleshuffle-end-infos-panel-with-cta {
top: 33%;
text-align: center; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-end-infos-panel .styleshuffle-end-infos-panel-cta-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 5px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-end-infos-panel .styleshuffle-end-infos-panel-cta-subtitle {
font-size: 16px;
font-weight: normal; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-end-infos-panel .styleshuffle-end-infos-panel-cta {
display: block;
width: 100%;
background: #111111;
color: #ffffff;
border: none;
padding: 13px 20px;
font-family: "sofia-pro", sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
cursor: pointer;
text-decoration: none;
line-height: 1.4;
border-radius: 999px;
margin: 10px auto 0 auto;
max-width: 260px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-end-infos-panel .styleshuffle-end-infos-panel-cta:hover {
color: #ffffff;
text-decoration: none;
outline: none;
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px;
background: #000 !important; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper {
height: 100%;
position: relative; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-scroll-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(255, 255, 255, 0.9);
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
font-size: 33px;
line-height: 29px;
padding-left: 13px;
cursor: pointer;
display: flex;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
transition: background 0.2s; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-scroll-btn:hover {
background: #fff; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-scroll-btn.styleshuffle-scroll-left {
left: 8px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-scroll-btn.styleshuffle-scroll-right {
right: 8px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes {
height: 100%;
overflow-x: scroll;
white-space: nowrap;
scrollbar-width: none;
-ms-overflow-style: none; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes::-webkit-scrollbar {
display: none; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes .styleshuffle-theme {
height: 99%;
display: inline-block;
border-radius: 10px;
position: relative;
cursor: pointer; }
@media (max-width: 480px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes .styleshuffle-theme {
height: 95%;
margin-left: 10px;
margin-top: 10px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes .styleshuffle-theme.ml25 {
margin-left: 20px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes .styleshuffle-theme img {
max-height: 100%;
border-radius: 10px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-themes-wrapper .styleshuffle-themes .styleshuffle-theme .styleshuffle-theme-name {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #fff;
color: #000;
padding: 5px 10px 15px 10px;
font-size: 26px;
border-radius: 0 0 10px 10px;
text-align: center; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: none; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme {
background: #F0F1F3;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
text-align: center;
padding: 30px 80px; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme {
border-radius: 8px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-img-theme {
position: absolute;
left: calc(50% - 150px);
top: 55px;
width: 300px;
transition: none; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-img-theme {
top: 80px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-img-theme.visible {
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transform: translateY(0%) scale(100%); }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-like-theme, #styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-dislike-theme {
width: 56px;
height: 56px;
border-radius: 50%;
border: none;
background: #000;
font-size: 22px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.15s, background 0.15s;
position: absolute;
bottom: 20px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-like-theme img, #styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-dislike-theme img {
width: 30px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-like-theme {
right: 180px; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-like-theme {
left: 50%;
transform: translateX(calc(-50% + 40px)); } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-dislike-theme {
left: 180px; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-dislike-theme {
left: 50%;
transform: translateX(calc(-50% - 40px)); } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-end-overlay .styleshuffle-theme-responding-wrapper .styleshuffle-card-theme .styleshuffle-card-dislike-theme img {
transform: scaleY(-1); }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: none; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay .styleshuffle-start-infos-panel {
position: absolute;
top: 40%;
padding: 0 30px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay .styleshuffle-start-infos-panel .styleshuffle-start-text-1, #styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay .styleshuffle-start-infos-panel .styleshuffle-start-text-2 {
display: none; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay #styleshuffle-start-button {
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
background: black;
cursor: pointer;
color: white;
font-size: 14px;
transition: border 0.15s ease-in;
width: 105px;
min-height: 25px;
padding: 5px 10px;
border: 1px solid white;
position: absolute;
top: 55%;
left: 0;
right: 0;
margin: auto; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay #styleshuffle-start-button:hover {
border: 1px solid black;
transform: none; }
@media (max-width: 480px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-start-overlay #styleshuffle-start-button {
width: 100%; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper {
background: #F0F1F3;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper {
border-radius: 8px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card {
background: #F0F1F3;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
text-align: center;
padding: 30px 80px; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card {
border-radius: 8px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-img {
position: absolute;
left: calc(50% - 150px);
top: 55px;
width: 300px;
transform: translateY(40%) scale(80%);
transition: none; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-img {
top: 80px; } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-img.visible {
transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
transform: translateY(0%) scale(100%); }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-like, #styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-dislike {
width: 56px;
height: 56px;
border-radius: 50%;
border: none;
background: #000;
font-size: 22px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.15s, background 0.15s;
position: absolute;
bottom: 20px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-like img, #styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-dislike img {
width: 30px;
position: absolute; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-like {
right: 180px; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-like {
left: 50%;
transform: translateX(calc(-50% + 40px)); } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-like img {
top: 13px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-dislike {
left: 180px; }
@media (max-width: 900px) {
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-dislike {
left: 50%;
transform: translateX(calc(-50% - 40px)); } }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-cards-wrapper .styleshuffle-card .styleshuffle-card-dislike img {
transform: scaleY(-1);
top: 14px; }
#styleshuffle-content #styleshuffle-wrapper #styleshuffle-block #styleshuffle-inner-block #styleshuffle-debug {
position: absolute;
top: 0;
left: 0; }
@keyframes l1 {
to {
clip-path: inset(0 -34% 0 0); } }
@keyframes flyLeft {
to {
transform: translateX(-140%);
opacity: 0; } }
@keyframes flyRight {
to {
transform: translateX(140%);
opacity: 0; } }
@keyframes popIn {
from {
transform: scale(0.94) translateY(12px);
opacity: 0.7; }
to {
transform: scale(1) translateY(0);
opacity: 1; } }
/*
-----------------
Abonnements
-----------------
*/
#pause-abonnement .pause_abonnement_content .alert-order-in-progress, #resilier-abonnement .pause_abonnement_content .alert-order-in-progress, #add-payment-method .pause_abonnement_content .alert-order-in-progress {
font-weight: bold;
color: #f05d61; }
#pause-abonnement .pause_abonnement_content #pause_end_date, #resilier-abonnement .pause_abonnement_content #pause_end_date, #add-payment-method .pause_abonnement_content #pause_end_date {
width: 200px;
margin: 20px auto 0 auto;
background: #fff; }
#pause-abonnement .pause_abonnement_content .missed-selections, #resilier-abonnement .pause_abonnement_content .missed-selections, #add-payment-method .pause_abonnement_content .missed-selections {
margin-top: 20px;
display: none; }
#pause-abonnement .next-selections-table, #resilier-abonnement .next-selections-table, #add-payment-method .next-selections-table {
margin-top: 20px;
width: 100%; }
#pause-abonnement .next-selections-table td, #pause-abonnement .next-selections-table th, #resilier-abonnement .next-selections-table td, #resilier-abonnement .next-selections-table th, #add-payment-method .next-selections-table td, #add-payment-method .next-selections-table th {
border: 1px solid #d7d7d7;
padding: 5px 10px; }
#pause-abonnement .next-selections-table td, #resilier-abonnement .next-selections-table td, #add-payment-method .next-selections-table td {
width: 33%; }
#pause-abonnement .next-selections-table td .canceled-label, #resilier-abonnement .next-selections-table td .canceled-label, #add-payment-method .next-selections-table td .canceled-label {
display: none; }
#pause-abonnement .next-selections-table td.grey-td, #resilier-abonnement .next-selections-table td.grey-td, #add-payment-method .next-selections-table td.grey-td {
background: #f0f0f0;
color: #9f9f9f; }
#pause-abonnement .next-selections-table td.grey-td .canceled-label, #resilier-abonnement .next-selections-table td.grey-td .canceled-label, #add-payment-method .next-selections-table td.grey-td .canceled-label {
color: #9f9f9f;
font-size: 12px;
float: right;
display: block; }
#pause-abonnement #add-payment-method-block, #resilier-abonnement #add-payment-method-block, #add-payment-method #add-payment-method-block {
text-align: center;
padding: 70px 0; }
#pause-abonnement #add-payment-method-block .c-btn--red, #resilier-abonnement #add-payment-method-block .c-btn--red, #add-payment-method #add-payment-method-block .c-btn--red {
padding: 10px 15px 15px 15px;
min-height: auto;
line-height: normal;
box-shadow: none;
margin-top: 1px;
color: #fff;
background: #FFAB9E;
border: 2px solid #FFAB9E;
font-size: 18px;
border-radius: 0;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#pause-abonnement #add-payment-method-block .c-btn--red:hover, #pause-abonnement #add-payment-method-block .c-btn--red:active, #pause-abonnement #add-payment-method-block .c-btn--red:focus, #resilier-abonnement #add-payment-method-block .c-btn--red:hover, #resilier-abonnement #add-payment-method-block .c-btn--red:active, #resilier-abonnement #add-payment-method-block .c-btn--red:focus, #add-payment-method #add-payment-method-block .c-btn--red:hover, #add-payment-method #add-payment-method-block .c-btn--red:active, #add-payment-method #add-payment-method-block .c-btn--red:focus {
transform: none;
background: #FF8573; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form {
margin: 0 auto;
width: 100%;
max-width: 410px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button {
background: #ffab9e !important;
text-align: center;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
transition: all ease 0.3s; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button:focus, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button:focus, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button:focus {
box-shadow: none; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button:hover, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button:hover, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button:hover {
background: #FF8573 !important; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button > span, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button > span, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-payment-button > span {
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error {
text-align: left !important;
border-radius: 4px !important;
position: relative !important;
margin-top: 15px !important;
border: 1px solid #FFA758 !important;
color: #FFA758 !important;
background: #ffffff !important;
font-size: 14px !important;
padding: 10px !important; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error span, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error span, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error span {
padding: 0 !important; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error span span, #resilier-abonnement #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error span span, #add-payment-method #add-payment-method-block .add-payment-method-form #payzen-payment-form .kr-smart-form .kr-form-error span span {
padding: 0 !important;
color: #FFA758 !important; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__field--checkbox .c-form__label, #resilier-abonnement #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__field--checkbox .c-form__label, #add-payment-method #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__field--checkbox .c-form__label {
font-family: "sofia-pro", sans-serif;
font-weight: 400;
cursor: pointer; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__field--checkbox .c-form__label a, #resilier-abonnement #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__field--checkbox .c-form__label a, #add-payment-method #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__field--checkbox .c-form__label a {
color: #FF5859;
text-decoration: underline;
font-family: "sofia-pro", sans-serif;
font-weight: 400;
cursor: pointer;
font-size: 14px; }
#pause-abonnement #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__info--error, #resilier-abonnement #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__info--error, #add-payment-method #add-payment-method-block .add-payment-method-form #cgv-block .c-form__line .c-form__info--error {
text-align: left;
display: block;
border-radius: 4px;
position: relative;
margin-top: 5px;
border: 1px solid #FFA758;
padding: 15px;
color: #FFA758;
font-size: 14px;
font-family: "sofia-pro", sans-serif;
font-weight: 400; }
#accueil-client .c-title, #cf_core_validation_payment .c-title {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 28px; }
#accueil-client #commentaire-wrapper, #cf_core_validation_payment #commentaire-wrapper {
position: relative; }
#accueil-client #commentaire-wrapper textarea.c-form__input, #cf_core_validation_payment #commentaire-wrapper textarea.c-form__input {
border-radius: 0;
background: white;
resize: none;
margin-top: 10px; }
#accueil-client #commentaire-wrapper textarea.c-form__input:read-only, #cf_core_validation_payment #commentaire-wrapper textarea.c-form__input:read-only {
background: #F5F5F5;
color: #999; }
#accueil-client #commentaire-wrapper textarea.c-form__input:read-only:hover, #accueil-client #commentaire-wrapper textarea.c-form__input:read-only:active, #accueil-client #commentaire-wrapper textarea.c-form__input:read-only:focus, #cf_core_validation_payment #commentaire-wrapper textarea.c-form__input:read-only:hover, #cf_core_validation_payment #commentaire-wrapper textarea.c-form__input:read-only:active, #cf_core_validation_payment #commentaire-wrapper textarea.c-form__input:read-only:focus {
border: 1px solid #ddd; }
#accueil-client #commentaire-wrapper .c-form__counter, #cf_core_validation_payment #commentaire-wrapper .c-form__counter {
display: none; }
#accueil-client #commentaire-wrapper #commentaire-open-button, #cf_core_validation_payment #commentaire-wrapper #commentaire-open-button {
position: absolute;
top: 0;
right: 0;
padding: 10px;
border-radius: 6px;
cursor: pointer; }
#accueil-client #commentaire-wrapper #commentaire-open-button.hide, #cf_core_validation_payment #commentaire-wrapper #commentaire-open-button.hide {
display: none; }
#accueil-client .order-validation-left-block, #cf_core_validation_payment .order-validation-left-block {
text-align: center;
color: #000; }
#accueil-client .order-validation-left-block > .c-block, #cf_core_validation_payment .order-validation-left-block > .c-block {
box-shadow: none; }
#accueil-client .order-validation-left-block > .c-block .pink-text, #cf_core_validation_payment .order-validation-left-block > .c-block .pink-text {
color: #f39d8f;
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
#accueil-client .order-validation-left-block > .c-block .address-text-big, #cf_core_validation_payment .order-validation-left-block > .c-block .address-text-big {
font-family: "sofia-pro", sans-serif;
font-weight: 400;
font-size: 24px; }
#accueil-client .order-validation-left-block > .c-block .address-text-big .pink-text, #cf_core_validation_payment .order-validation-left-block > .c-block .address-text-big .pink-text {
color: #f39d8f;
font-family: "sofia-pro", sans-serif;
font-weight: 400; }
#accueil-client .order-validation-left-block > .c-block #preorder-box, #cf_core_validation_payment .order-validation-left-block > .c-block #preorder-box {
border-radius: 0;
border: 0;
font-size: 16px;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
min-width: 200px;
padding-top: 3px;
padding-bottom: 3px; }
#accueil-client .order-validation-profile-block, #cf_core_validation_payment .order-validation-profile-block {
background: #A9A9A92E;
text-align: left;
padding: 15px 20px;
border-radius: 5px;
max-width: 480px;
margin: 0 auto;
position: relative; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-edit-circle, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-edit-circle {
position: absolute;
top: 25px;
right: 25px;
cursor: pointer;
background: #C6C6C6A8;
border-radius: 50%;
padding: 10px;
font-size: 20px;
width: 50px;
height: 50px;
text-align: center; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-top, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-top {
margin-bottom: 15px; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-top .order-validation-profile-block-title, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-top .order-validation-profile-block-title {
font-size: 22px; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-top .order-validation-profile-block-subtitle, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-top .order-validation-profile-block-subtitle {
font-size: 14px;
font-weight: 200; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos {
margin-top: 10px; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-title, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-title {
font-size: 14px;
font-weight: bold; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content {
margin-bottom: 10px;
font-weight: normal;
font-size: 14px; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-subtitle, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-subtitle {
font-weight: lighter;
font-size: 14px; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-table, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-table {
width: 100%;
border-collapse: collapse; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-table td.font-weight-light, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-table td.font-weight-light {
font-weight: lighter; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-icon, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-icon {
width: 55px;
height: 55px;
border: 1px black solid;
border-radius: 100%;
text-align: center;
padding: 5px;
background: white;
margin-top: 10px;
display: inline-block;
margin-right: 5px;
position: relative; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-icon__crossed:before, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-icon__crossed:before {
content: "";
position: absolute;
top: 7px;
left: 7px;
width: 1px;
height: 100%;
background: black;
transform: rotate(-45deg);
transform-origin: top; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-icon img, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-icon img {
width: auto;
height: 100%; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-attribute-round, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-attribute-round {
width: 46px;
height: 46px;
border-radius: 100%;
text-align: center;
margin-top: 10px;
display: inline-block;
margin-right: 5px;
position: relative;
overflow: hidden; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-attribute-round:before, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-attribute-round:before {
content: "";
position: absolute;
top: 7px;
left: 7px;
width: 1px;
height: 95%;
background: black;
transform: rotate(-45deg);
transform-origin: top; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-attribute-round img, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-infos .order-validation-profile-block-infos-content .order-validation-profile-block-infos-attribute-round img {
width: auto;
height: 100%; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-validation-button, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-validation-button {
background: #000;
color: #fff;
text-align: center;
padding: 10px;
border-radius: 6px;
margin: 10px auto 0 auto;
cursor: pointer;
border: none;
font-family: "sofia-pro", sans-serif;
font-weight: bold;
font-size: 18px;
width: 250px;
display: block; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-profile-link, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .order-validation-profile-block-profile-link {
color: #F97759;
padding-top: 10px;
text-decoration: underline;
font-size: 1.1rem;
text-underline-offset: 0.2em;
background: none;
border: none;
cursor: pointer;
font-family: "sofia-pro", sans-serif;
margin: 0 auto;
width: 250px;
display: block;
text-align: center; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .tooltip, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .tooltip {
background: #000;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 6px; }
#accueil-client .order-validation-profile-block .order-validation-profile-block-infos-wrapper .tooltip:before, #cf_core_validation_payment .order-validation-profile-block .order-validation-profile-block-infos-wrapper .tooltip:before {
content: '';
position: absolute;
top: 27px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 12.1px 7px 0 7px;
border-color: #000000 transparent transparent transparent;
transform: rotate(0deg); }
#accueil-client .order-validation-profile-edit-wrapper, #cf_core_validation_payment .order-validation-profile-edit-wrapper {
background: RGBA(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
display: none; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit {
background: white;
width: 100%;
max-height: 98%;
max-width: 500px;
position: fixed;
top: 10px;
padding: 20px 20px 60px 20px;
border-radius: 5px;
margin: 0 auto;
left: 0;
right: 0;
overflow-y: scroll; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-close, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-close {
position: absolute;
top: 4px;
right: 10px;
cursor: pointer; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-save-button-wrapper, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-save-button-wrapper {
bottom: 0;
left: 0;
right: 0;
position: fixed;
background: white;
width: 100%;
max-width: 500px;
margin: 0 auto;
z-index: 10; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-save-button-wrapper .order-validation-profile-edit-save-button, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-save-button-wrapper .order-validation-profile-edit-save-button {
background: #000;
color: #fff;
text-align: center;
padding: 10px;
border-radius: 6px;
margin: 5px auto 5px auto;
cursor: pointer;
border: none;
font-family: "sofia-pro", sans-serif;
font-weight: bold;
font-size: 18px;
width: 250px;
display: block; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-title, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-title {
font-family: "sofia-pro", sans-serif;
font-weight: bold;
font-size: 18px;
color: #000;
text-align: center;
margin-bottom: 10px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-subtitle-small, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-subtitle-small {
font-family: "sofia-pro", sans-serif;
font-weight: 100;
font-size: 14px;
color: #000; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table {
width: 100%;
border-collapse: collapse;
color: #000; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table__checkbox, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table__checkbox {
width: 100%; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number], #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number] {
background: #fff;
border: 1px solid #000;
border-radius: 10px 0 0 10px !important;
-moz-appearance: textfield; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]::-webkit-outer-spin-button, #accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]::-webkit-inner-spin-button, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]::-webkit-outer-spin-button, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]:hover, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]:hover {
border: 1px solid #9b9b9b; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]:hover + .c-form__completion, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]:hover + .c-form__completion {
border: 1px solid #9b9b9b !important;
border-left: none !important; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]#question-6, #accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]#question-11, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]#question-6, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=number]#question-11 {
width: 115px;
max-width: 115px;
padding-left: 10px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=text], #accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table textarea, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=text], #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table textarea {
background: #fff;
border: 1px solid #000;
border-radius: 10px !important; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=text]:hover, #accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table textarea:hover, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=text]:hover, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table textarea:hover {
border: 1px solid #9b9b9b; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=text]#question-7, #accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table textarea#question-7, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table input[type=text]#question-7, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table textarea#question-7 {
width: 200px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__completion, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__completion {
background: transparent;
border: 1px solid #000 !important;
border-left: none !important;
border-radius: 0 10px 10px 0 !important;
margin-left: -20px;
padding-left: 30px;
width: 65px;
text-align: center;
height: 35px;
line-height: 32px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__completionContainer__red input[type=number], #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__completionContainer__red input[type=number] {
border-color: #f05d61; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__completionContainer__red .c-form__completion, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__completionContainer__red .c-form__completion {
border-color: #f05d61 !important; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .select-child, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .select-child {
display: inline-block;
width: 78px;
height: 35px;
margin-top: 10px;
border: 1px solid #000;
border-radius: 10px;
cursor: pointer; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .select-child__full-width, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .select-child__full-width {
width: 160px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon {
width: 90px;
height: 90px;
border: 1px black solid;
border-radius: 100%;
text-align: center;
padding: 5px;
background: white;
margin-top: 10px;
display: inline-block;
cursor: pointer;
position: relative;
transition: all ease 0.1s; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon__crossed, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon__crossed {
opacity: 0.7; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon__crossed:before, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon__crossed:before {
content: "";
position: absolute;
top: 12px;
left: 12px;
width: 1px;
height: 100%;
background: black;
transform: rotate(-45deg);
transform-origin: top; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon img, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .order-validation-profile-block-infos-icon img {
width: auto;
height: 100%; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox {
width: 33%; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row {
display: initial; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__label, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__label {
margin-top: 45px;
padding-left: 0; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__label:before, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__label:before {
top: -15px;
left: calc(50% - 5px); }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__label:after, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__label:after {
top: -15px;
left: calc(50% - 10px);
border: 1px solid #000; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__input:checked + .c-form__label:after, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-table .c-form__line .c-form__field--checkbox .row .c-form__input:checked + .c-form__label:after {
border: 1px solid #F3A090; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-subtitle, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-subtitle {
font-family: "sofia-pro", sans-serif;
font-weight: bold;
font-size: 16px;
color: #000;
margin-bottom: 5px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-subtitle__red, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-subtitle__red {
color: #f05d61; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round {
width: 60px;
height: 60px;
border-radius: 100%;
text-align: center;
margin-top: 10px;
display: inline-block;
margin-right: 5px;
position: relative;
cursor: pointer;
padding: 0;
margin-bottom: 30px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round__bordered, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round__bordered {
border: 1px black solid; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round .order-validation-profile-block-infos-attribute-name, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round .order-validation-profile-block-infos-attribute-name {
font-size: 12px;
color: #000;
position: absolute;
top: 100%;
margin: 0 auto;
left: 0;
right: 0; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round__dashed:after, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round__dashed:after {
content: "";
position: absolute;
top: 9px;
left: 9px;
width: 1px;
height: 97%;
background: black;
transform: rotate(-45deg);
transform-origin: top; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round img, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .order-validation-profile-edit-content-swappable-block .order-validation-profile-block-infos-attribute-round img {
width: auto;
height: 100%; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .tooltip, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .tooltip {
background: #000;
color: #fff;
text-align: center;
padding: 5px;
border-radius: 6px; }
#accueil-client .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .tooltip:before, #cf_core_validation_payment .order-validation-profile-edit-wrapper .order-validation-profile-edit .order-validation-profile-edit-content .tooltip:before {
content: '';
position: absolute;
top: 27px;
left: 50%;
width: 0;
height: 0;
border-style: solid;
border-width: 12.1px 7px 0 7px;
border-color: #000000 transparent transparent transparent;
transform: rotate(0deg); }
#accueil-client .order-validation-right-block > .c-block, #cf_core_validation_payment .order-validation-right-block > .c-block {
box-shadow: none;
height: auto;
border: 1px solid #dadada;
color: #000;
padding: 15px;
position: relative; }
#accueil-client .order-validation-right-block > .c-block .c-title h1, #cf_core_validation_payment .order-validation-right-block > .c-block .c-title h1 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
font-size: var(--title-size);
line-height: 1.2;
margin-bottom: 15px; }
#accueil-client .order-validation-right-block > .c-block .c-title h2, #cf_core_validation_payment .order-validation-right-block > .c-block .c-title h2 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light);
font-size: var(--text-size); }
.homepage .block_1 {
width: 100%;
height: 700px;
position: relative;
text-align: center;
background: #eeeeee url("/public/images/box-vetement-femme.jpg") no-repeat right center;
background-size: auto 100%; }
.homepage .block_1.referral-margin {
margin-bottom: 550px;
background-position: center top;
background-size: auto 100%;
background-image: url("/public/images/box-vetement-femme-2.jpg"); }
.homepage .block_1 .content {
position: relative;
margin: 0 auto;
height: 100%; }
.homepage .block_1 .content .homepage-title-block {
height: 100%;
padding: 250px 0;
position: relative; }
.homepage .block_1 .content .homepage-title-block .title {
font-size: 30px;
color: #272C30;
letter-spacing: 1px;
line-height: 1;
margin-bottom: 20px;
font-family: "DomaineDisp-Semibold", sans-serif; }
.homepage .block_1 .content .homepage-title-block .text {
padding: 0 0 30px;
font-size: 18px;
color: #545454; }
.homepage .block_1 .content .homepage-title-block .sub_title {
font-weight: normal;
font-size: 18px;
padding: 0 15px 45px;
color: #000;
font-family: "Montserrat-Regular", sans-serif;
margin-bottom: 0; }
.homepage .block_1 .content .homepage-title-block .js-homepage__scroll {
padding: 10px 30px 15px 30px;
min-height: auto;
line-height: normal;
box-shadow: none;
margin-top: 1px;
background: #FFAB9E;
border: none;
font-size: 18px;
border-radius: 0;
font-weight: bold; }
.homepage .block_1 .content .homepage-title-block .js-homepage__scroll:hover, .homepage .block_1 .content .homepage-title-block .js-homepage__scroll:active, .homepage .block_1 .content .homepage-title-block .js-homepage__scroll:focus {
transform: none;
background: #FF8573;
border: none; }
.homepage .block_1 .content .homepage-title-block .referral_enveloppe_back {
position: absolute;
top: 580px;
left: 0;
right: 0;
width: 914px;
margin: 0 auto; }
.homepage .block_1 .content .homepage-title-block .referral_block {
text-align: center;
background: #fff;
border-radius: 30px;
position: absolute;
top: 100px;
width: 700px;
left: 0;
right: 0;
margin: 0 auto;
padding: 30px;
color: #000;
-webkit-box-shadow: 0px 0px 7px 0px #d9d9d9;
-moz-box-shadow: 0px 0px 7px 0px #d9d9d9;
box-shadow: 0px 0px 7px 0px #d9d9d9;
z-index: 3; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_title {
font-family: "DomaineDisp-Semibold", sans-serif;
font-size: 30px;
margin-bottom: 20px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_content {
font-family: "Montserrat-Regular", sans-serif;
margin-bottom: 50px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_arrow {
margin-bottom: 50px;
position: relative;
height: 100px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_arrow img {
width: 100px;
position: absolute;
left: -15px;
right: 0;
top: 0;
margin: 0 auto; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_subtitle {
font-family: "DomaineDisp-Semibold", sans-serif;
font-size: 22px; }
.homepage .block_1 .content .homepage-title-block .referral_block .js-homepage__scroll {
margin-bottom: 50px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_illustration {
margin-bottom: 190px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_illustration img {
width: 150px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_enveloppe_front {
position: absolute;
bottom: -175px;
left: -107px;
right: 0;
width: 914px; }
.homepage .block_1.referred-homepage {
height: 1182px; }
@media (max-width: 1800px) {
.homepage .block_1 {
background-size: auto 700px; } }
@media (max-width: 1650px) {
.homepage .block_1 .content .homepage-title-block {
position: absolute;
top: 0;
left: 0;
width: 50%; }
.homepage .block_1.referred-homepage .content .homepage-title-block {
position: relative;
top: auto;
left: auto;
width: auto; } }
@media (max-width: 1400px) {
.homepage .block_1 .content {
padding: 150px 0;
height: 826px; }
.homepage .block_1.referral-margin {
margin-bottom: 700px; } }
@media (max-width: 1240px) {
.homepage .block_1.referral-margin {
margin-bottom: 800px; } }
@media (max-width: 1115px) {
.homepage .block_1 .content {
padding: 150px 0; }
.homepage .block_1 .content .homepage-title-block {
background: white; }
.homepage .block_1.referred-homepage .content .homepage-title-block {
background: none; } }
@media (max-width: 920px) {
.homepage .block_1.referral-margin {
margin-bottom: 1150px;
height: 775px; }
.homepage .block_1 .content .homepage-title-block .referral_enveloppe_back {
top: 976px;
width: 714px; }
.homepage .block_1 .content .homepage-title-block .referral_block {
width: 500px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_enveloppe_front {
width: 714px; } }
@media (max-width: 865px) {
.homepage .block_1 .content {
padding: 100px 0; }
.homepage .block_1.referred-homepage .content {
padding: 150px 0; } }
@media (max-width: 767px) {
.homepage .block_1 .content {
padding: 60px 0; } }
@media (max-width: 712px) {
.homepage .block_1 {
height: 300px; }
.homepage .block_1.referral-margin {
margin-bottom: 1100px; }
.homepage .block_1 .content {
height: auto;
padding: 100px 0; }
.homepage .block_1 .content .homepage-title-block {
padding: 40px;
width: 100%;
height: 300px; }
.homepage .block_1 .content .homepage-title-block .referral_enveloppe_back {
top: 1050px;
width: 514px; }
.homepage .block_1 .content .homepage-title-block .referral_block {
width: 400px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_enveloppe_front {
bottom: -105px;
left: -55px;
width: 514px; }
.homepage .block_1 .content .homepage-title-block .referral_block .referral_illustration {
margin-bottom: 100px; }
.homepage .block_1.referral-margin {
background-size: auto 100%;
height: 625px; }
.homepage .block_1.referral-margin .content {
padding: 100px 0; } }
@media (max-width: 520px) {
.homepage .block_1.referral-margin {
margin-bottom: 1150px;
background-color: #fff;
background-image: url("/public/images/box-vetement-femme-3.jpg");
background-size: 100% auto; }
.homepage .block_1.referred-homepage {
height: 468px; }
.homepage .block_1.referred-homepage .content {
padding: 52px 0; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_enveloppe_back {
width: 440px;
top: 1086px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block {
width: 400px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block .referral_enveloppe_front {
width: 440px;
left: -20px;
bottom: -135px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block .referral_illustration {
margin-bottom: 20px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block .referred-register .form-container {
min-width: 240px; } }
@media (max-width: 440px) {
.homepage .block_1 .content {
background-size: 0;
height: 260px;
min-width: 320px; }
.homepage .block_1 .content .homepage-title-block {
height: 330px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_enveloppe_back {
width: 330px;
top: 1210px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block {
width: 300px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block .referral_enveloppe_front {
width: 330px;
left: -16px;
bottom: -92px; }
.homepage .block_1.referred-homepage .content .homepage-title-block .referral_block #real-inscription .container {
min-width: auto; } }
@media (max-width: 400px) {
.homepage .block_1.referred-homepage .content {
padding: 13px 0; } }
@media (max-width: 380px) {
.homepage .block_1 .content {
height: 300px; }
.homepage .block_1 .content .homepage-title-block {
height: 380px; } }
.homepage .block_2 {
background: #fff; }
.homepage .block_2 .header {
background: #FFF;
padding: 60px 10px;
text-align: center; }
.homepage .block_2 .header .title {
color: #272C30;
font-size: 28px;
text-transform: uppercase;
font-family: "DomaineDisp-Regular", sans-serif; }
.homepage .block_2 .container {
padding: 0; }
.homepage .block_2 .ul {
margin: 0 auto;
list-style-type: none;
height: 500px;
padding: 0 50px; }
.homepage .block_2 .row {
text-align: center;
padding: 0 0 60px 0; }
.homepage .block_2 .row .img-wrapper {
position: relative;
margin: 30px 0 50px 0;
height: 140px; }
.homepage .block_2 .row .img-wrapper .img-subwrapper {
height: 140px; }
.homepage .block_2 .row .img-wrapper .img-subwrapper .img {
width: 198px; }
.homepage .block_2 .row .img-wrapper .img-subwrapper .img.img-1 {
padding-top: 25px; }
.homepage .block_2 .row .etape {
font-size: 48px;
color: #F3A090;
margin: 0 0 20px 0;
display: none; }
.homepage .block_2 .row .text h3 {
font-family: "DomaineDisp-Semibold", sans-serif;
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
color: #000; }
.homepage .block_2 .row .text h4 {
font-family: "Montserrat-Regular", sans-serif;
color: #000; }
.homepage .block_2 .row .text h4 b {
font-family: "Montserrat-Bold", sans-serif; }
@media (max-width: 767px) {
.homepage .block_2 {
margin-top: 50px;
padding-bottom: 30px; } }
@media (max-width: 575px) {
.homepage .block_2 {
padding-bottom: 0; } }
@media (max-width: 576px) {
.homepage .block_2 .container {
width: 540px;
max-width: 100%; } }
@media (max-width: 768px) {
.homepage .block_2 .container {
width: 720px;
max-width: 100%; } }
@media (max-width: 992px) {
.homepage .block_2 .container {
width: 960px;
max-width: 100%; }
.homepage .block_2 .col-md-4 {
display: block;
flex: auto;
max-width: none;
margin-bottom: 50px; }
.homepage .block_2 .col-md-4 .etape {
margin: 10px 0; }
.homepage .block_2 .col-md-4 .img-wrapper {
height: auto;
margin: 0; }
.homepage .block_2 .col-md-4 .img-wrapper .img-subwrapper {
position: initial; } }
@media (max-width: 1200px) {
.homepage .block_2 .container {
width: 90%;
max-width: 100%; } }
.homepage .block_privilege {
background: #F3A090;
background: #FFE8E3;
padding: 60px 0 20px;
text-align: center;
margin-bottom: 40px; }
.homepage .block_privilege.block_privilege_bottom {
background: #F7F5F2; }
.homepage .block_privilege .title {
font-size: 28px;
text-transform: uppercase;
color: #000; }
.homepage .block_privilege .h3 {
color: #000;
font-size: 18px;
padding: 20px 0 20px 0;
font-weight: normal;
font-family: "DomaineDisp-Semibold", sans-serif;
text-transform: uppercase; }
.homepage .block_privilege .p {
font-size: 16px;
color: #000;
max-width: 400px;
margin: 0 auto;
font-family: "Montserrat-Regular", sans-serif; }
.homepage .block_privilege .p b {
font-family: "Montserrat-Bold", sans-serif; }
.homepage .block_privilege .content_img {
height: auto; }
.homepage .block_privilege .content_img .img {
display: block;
height: auto;
width: auto;
margin: 0 auto;
max-width: 45px;
max-height: 45px; }
@media (max-width: 1200px) {
.homepage .block_privilege .container {
width: 90%;
max-width: 100%; } }
@media (max-width: 992px) {
.homepage .block_privilege .container {
width: 960px;
max-width: 100%; }
.homepage .block_privilege .col-sm-4 {
display: block;
flex: auto;
max-width: none;
margin-bottom: 50px; }
.homepage .block_privilege .col-sm-4 .etape {
margin: 10px 0; }
.homepage .block_privilege .col-sm-4 .img-wrapper {
height: auto;
margin: 0; }
.homepage .block_privilege .col-sm-4 .img-wrapper .img-subwrapper {
position: initial; } }
@media (max-width: 768px) {
.homepage .block_privilege .container {
width: 720px;
max-width: 100%; } }
@media (max-width: 576px) {
.homepage .block_privilege .container {
width: 540px;
max-width: 100%; } }
.homepage .block_styliste {
background: #fff;
border-bottom: 1px solid #ddd;
padding: 0;
text-align: center;
position: relative; }
.homepage .block_styliste .h2 {
font-size: 20px;
color: #272C30; }
.homepage .block_styliste .p {
font-size: 16px;
padding: 20px 0; }
.homepage .block_styliste .styliste {
font-size: 16px;
color: #272C30; }
.homepage .block_styliste .back {
padding: 0 20px;
position: relative;
z-index: 2;
background: #FFF;
display: inline-block;
vertical-align: middle;
width: 50%; }
.homepage .block_styliste picture {
width: 50%;
display: inline-block;
vertical-align: middle;
padding: 0; }
.homepage .block_styliste .img {
width: 100%; }
@media (max-width: 768px) {
.homepage .block_styliste {
display: none; } }
.homepage .block_avis {
padding: 50px 0 0 0;
text-align: center;
position: relative;
max-width: 800px;
margin: 0 auto; }
.homepage .block_avis .block_avis_sub {
width: 100%;
display: block;
margin: 0 auto;
height: 220px;
position: relative;
padding-top: 20px; }
.homepage .block_avis h2 {
font-size: 28px;
font-family: "DomaineDisp-Regular", sans-serif;
color: #000;
position: absolute;
top: -20px;
text-align: center;
text-transform: uppercase;
width: 100%; }
.homepage .block_avis span {
position: relative;
background: #fff;
padding: 0 10px; }
.homepage .block_avis .slick-carousel {
padding: 0 40px;
margin-top: 45px; }
.homepage .block_avis .slick-carousel .slick-prev {
left: 60px; }
.homepage .block_avis .slick-carousel .slick-next {
right: 70px; }
.homepage .block_avis .slick-carousel .slick-prev::before {
content: "";
width: 20px;
height: 20px;
border-left: 2px solid black;
border-top: 2px solid black;
display: block;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
.homepage .block_avis .slick-carousel .slick-next::before {
content: "";
width: 20px;
height: 20px;
border-left: 2px solid black;
border-top: 2px solid black;
display: block;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
.homepage .block_avis .slick-carousel .slick-prev, .homepage .block_avis .slick-carousel .slick-next {
top: 50px;
z-index: 100; }
.homepage .block_avis .slick-carousel .slick-prev::before, .homepage .block_avis .slick-carousel .slick-next::before {
color: #F3A090;
font-size: 30px;
opacity: 1; }
.homepage .block_avis .slick-slide::before {
content: "\201D";
font-size: 160px;
color: #F3A090;
font-family: "DomaineDisp-Regular", sans-serif;
display: none; }
.homepage .block_avis .avis_wrapper {
/*margin-top: -80px;*/
font-size: 16px; }
.homepage .block_avis .avis_wrapper .avis_etoiles {
color: #F3A090;
margin: 20px 0; }
.homepage .block_avis .avis {
font-style: italic;
color: #000; }
.homepage .block_avis .avis h3 {
font-family: "Montserrat-Bold", sans-serif;
margin-bottom: 20px;
font-size: 18px; }
.homepage .block_avis .avis h4 {
font-family: "Montserrat-Regular", sans-serif;
width: 600px;
margin: 0 auto; }
.homepage .block_avis .avis h4 > span {
position: relative;
display: block; }
.homepage .block_avis .avis h4 > span::before {
content: "“";
position: absolute;
left: 0;
top: -70px;
color: #eee;
font-size: 120px;
font-family: "DomaineDisp-Regular", sans-serif; }
.homepage .block_avis .avis h4 > span::after {
content: "”";
position: absolute;
right: 0;
color: #eee;
font-size: 120px;
font-family: "DomaineDisp-Regular", sans-serif; }
.homepage .block_avis .avis_nom {
margin-top: 15px;
font-size: 18px;
color: #f38f6d;
font-style: italic; }
.homepage .block_avis .slick-dots {
left: 0;
bottom: -60px; }
.homepage .block_avis .slick-dots > li {
margin: 0 5px; }
.homepage .block_avis .slick-dots > li > button::before {
content: "";
width: 20px;
height: 20px;
border: 1.5px solid #F3A090;
border-radius: 25px;
opacity: 1; }
.homepage .block_avis .slick-dots > li.slick-active > button::before {
background: #F3A090; }
@media (max-width: 768px) {
.homepage .block_avis {
width: 100%; }
.homepage .block_avis .slick-carousel .slick-prev {
left: 10px; }
.homepage .block_avis .slick-carousel .slick-next {
right: 20px; }
.homepage .block_avis .slick-carousel .avis h4 {
width: auto; }
.homepage .block_avis .slick-carousel .avis h4 span::before {
left: 20px; }
.homepage .block_avis .slick-carousel .avis h4 span::after {
right: 45px; } }
@media (max-width: 650px) {
.homepage .block_avis {
height: 500px; } }
@media (max-width: 400px) {
.homepage .block_avis {
height: 560px; } }
@media (max-width: 350px) {
.homepage .block_avis {
width: 100%;
min-width: 320px; } }
.homepage .block_appreciation {
overflow: hidden; }
.homepage .block_appreciation h2 {
font-size: 28px;
color: #000;
font-family: "DomaineDisp-Regular", sans-serif;
text-transform: uppercase;
text-align: center;
margin-bottom: 2.5vh; }
.homepage .block_appreciation h2 .appreciation-title-text::after {
content: "";
height: 3px;
width: 60px;
display: none;
background: #F3A090;
position: absolute;
left: 260px;
top: 30px; }
.homepage .block_appreciation .appreciation_subblock {
text-align: center;
position: relative; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel {
padding: 0;
box-shadow: 0 3px 6px #00000029;
border: 3px solid #F3A090;
width: 665px;
position: relative;
margin: 0 auto;
height: 511px;
background: #eeeeee; }
.homepage .block_appreciation .appreciation_subblock .appreciation-img {
width: 659px;
position: absolute;
top: 0;
left: 0; }
.homepage .block_appreciation .appreciation_subblock .appreciation-last-slide {
background: #ffe8e3;
width: 659px;
height: 505px;
position: absolute;
top: 0;
left: 0;
color: #000;
display: none;
z-index: 30; }
.homepage .block_appreciation .appreciation_subblock .appreciation-last-slide .appreciation-last-slide-title {
font-family: "DomaineDisp-Semibold", sans-serif;
font-size: 32px;
padding: 50px 0 0 0; }
.homepage .block_appreciation .appreciation_subblock .appreciation-last-slide .appreciation-last-slide-text {
font-family: "Montserrat-Regular", sans-serif;
padding: 30px 20px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-last-slide .appreciation-last-slide-logo img {
width: 70px;
padding-top: 70px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-last-slide .appreciation-last-slide-arrow-wrapper {
position: absolute;
bottom: 50px;
width: 100%;
text-align: center; }
.homepage .block_appreciation .appreciation_subblock .appreciation-last-slide .appreciation-last-slide-arrow {
border-left: 2px solid #000;
border-bottom: 2px solid #000;
width: 30px;
height: 30px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
margin: 0 auto; }
.homepage .block_appreciation .appreciation_subblock .coeurs {
width: 100%;
position: absolute;
display: flex;
justify-content: center;
bottom: 5px;
z-index: 200;
left: 0;
right: 0;
margin: 0 auto; }
.homepage .block_appreciation .appreciation_subblock .coeur-barre {
float: left;
margin-right: 10px; }
.homepage .block_appreciation .appreciation_subblock .coeur {
float: right;
margin-left: 10px; }
.homepage .block_appreciation .appreciation_subblock .coeur, .homepage .block_appreciation .appreciation_subblock .coeur-barre {
background: #fff;
border: 2px solid #F3A090;
border-radius: 50%;
cursor: pointer;
padding: 5px;
transition: all ease 0.3s;
display: flex;
justify-content: center;
align-items: center; }
.homepage .block_appreciation .appreciation_subblock .coeur:hover, .homepage .block_appreciation .appreciation_subblock .coeur-barre:hover {
opacity: 0.8; }
.homepage .block_appreciation .appreciation_subblock .coeur img, .homepage .block_appreciation .appreciation_subblock .coeur-barre img {
width: 55px;
height: 55px; }
@media (max-width: 690px) {
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel {
width: 100%;
height: auto; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-img:first-of-type {
position: initial; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-img {
width: 100%;
height: 100%; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide {
width: 100%;
height: 100%; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-logo img {
padding-top: 30px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-arrow-wrapper {
position: initial;
bottom: auto;
padding-top: 20px; } }
@media (max-width: 500px) {
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel h2 {
font-size: 22px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-title-text::after {
left: 205px;
top: 25px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-title {
padding-top: 20px;
font-size: 22px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-text {
font-size: 14px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-logo img {
padding-top: 0;
width: 45px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-arrow {
width: 20px;
height: 20px; } }
@media (max-width: 390px) {
.homepage .block_appreciation {
min-width: 320px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel h2 {
font-size: 16px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-title-text::after {
left: 148px;
top: 20px; }
.homepage .block_appreciation .appreciation_subblock .appreciation-carousel .appreciation-last-slide .appreciation-last-slide-text {
padding: 15px 20px; } }
@media (max-width: 300px) {
.homepage .block_appreciation {
width: 300px; } }
.homepage .MontSerratRegular {
font-family: "Montserrat-Regular", sans-serif; }
.homepage .MontSerratBold {
font-family: "Montserrat-Bold", sans-serif; }
.homepage .c-form__label {
color: #000; }
.homepage .form-1 {
color: #000;
width: 100%;
position: relative;
padding: 60px 0; }
.homepage .form-1 .container {
width: 1100px;
margin: 0 auto; }
.homepage .form-1 .bloc-shadow {
padding: 40px; }
.homepage .form-1 .title-form-1 {
font-family: "DomaineDisp-Regular", sans-serif !important;
font-size: 22px;
text-transform: uppercase; }
.homepage .form-1 .img-full {
width: 550px;
display: inline-block;
height: 550px;
background: url("/public/images/Box-Vetements-Femmes-2.jpg") no-repeat center;
background-size: cover; }
.homepage .form-1 .form-container {
background: #fafafa;
/*border: 1px solid #000;*/
width: 550px;
display: inline-block;
height: 550px;
position: relative;
min-width: 320px; }
.homepage .form-1 .form-container > .bloc-shadow {
box-shadow: none;
background: transparent; }
.homepage .form-1 .form-container > .bloc-shadow .row-form-design {
position: relative; }
.homepage .form-1 .form-container > .bloc-shadow .row-form-design .label-form-1 {
position: absolute;
top: 15px;
left: 0;
color: #5b5852;
cursor: text;
display: none;
background: #fafafa; }
.homepage .form-1 .form-container > .bloc-shadow .row-form-design .input-form-1 {
width: 100%;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #c0bdba;
height: 40px;
line-height: 40px;
font-size: 18px;
font-family: "Montserrat-Regular", sans-serif;
background: #fafafa;
box-shadow: none !important;
transition: all ease 0.1s; }
.homepage .form-1 .form-container > .bloc-shadow .row-form-design .input-form-1:focus {
background: #fdfdfd; }
.homepage .form-1.referred-register {
padding: 0; }
.homepage .form-1.referred-register .img-full {
background-image: none; }
.homepage .form-1.referred-register .form-container {
background: #fff;
width: 100%;
height: 500px; }
.homepage .form-1.referred-register .form-container > .bloc-shadow .row-form-design .input-form-1 {
background: #fff; }
.homepage .form-1 .c-form__label {
color: #000;
font-family: "Montserrat-Regular", sans-serif; }
.homepage .form-1 .c-btn--register {
background: #FFAB9E;
border: none;
font-size: 18px;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px;
width: 100%; }
@media (max-width: 480px) {
.homepage .form-1 .c-btn--register {
width: 100%; } }
.homepage .form-1 .c-btn--register:hover, .homepage .form-1 .c-btn--register:active, .homepage .form-1 .c-btn--register:focus {
transform: none;
background: #FF8573;
border: none; }
.homepage .form-1 .optin-field .optin-newletter {
font-family: "Montserrat-LightItalic", sans-serif;
font-size: 13px;
cursor: pointer; }
.homepage .form-1 .optin-field .c-form__label::after {
border: 1px solid #c0bdba !important;
color: #f3a090 !important;
width: 17px !important;
height: 17px !important; }
.homepage .form-1 .optin-field .c-form__input {
color: #f3a090 !important; }
.homepage .form-1 .optin-field .c-form__input:checked + .c-form__label::after {
border-color: #f3a090 !important;
color: #f3a090 !important; }
.homepage .form-1 .register-link {
color: #000;
position: absolute;
right: 20px;
bottom: 130px; }
.homepage .form-1 .register-link a {
color: #555151;
font-size: 14px;
font-weight: normal; }
.homepage .form-1 .country-name {
display: none; }
.homepage .form-1 .c-form__field--mimic-select-dropdown .country-name {
display: initial; }
@media (max-width: 1240px) {
.homepage .form-1 {
padding: 60px 0 !important; } }
@media (max-width: 1100px) {
.homepage .form-1 .container .img-full-container {
width: 100%; }
.homepage .form-1 .container .img-full-container .img-full {
width: 100%; }
.homepage .form-1 .container .form-container {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
z-index: 2; }
.homepage .form-1.referred-register .container .form-container {
position: initial;
margin: 0;
left: auto;
right: auto;
z-index: 2; } }
@media (max-width: 1000px) {
.homepage .form-1 .container {
width: 100%; }
.homepage .form-1 .container .register-link {
bottom: 125px; }
.homepage .form-1 .container .register-link a {
font-size: 14px; } }
@media (max-width: 768px) {
.homepage .form-1 .form-container {
height: auto; }
.homepage .form-1 .form-container .bloc-shadow {
padding: 40px 20px 20px 20px; }
.homepage .form-1 .form-container .bloc-shadow h2 {
font-size: 20px; }
.homepage .form-1 .row-form {
padding: 10px 0; }
.homepage .form-1 #submit {
margin: 10px auto; }
.homepage .form-1 .text {
padding: 10px 0; } }
@media (max-width: 600px) {
.homepage .form-1 {
padding: 60px 0 !important; }
.homepage .form-1 .container .form-container {
width: 100%;
position: initial; }
.homepage .form-1 .container .form-container .input-form-1 {
width: 65%; }
.homepage .form-1 .container .img-full-container {
display: none; } }
@media (max-width: 450px) {
.homepage .form-1 .form-container .link-text-grey {
display: block !important; } }
@media (max-width: 350px) {
.homepage .form-1 .container {
width: 100%;
min-width: 320px; } }
.homepage .button-arrow {
width: 20px;
vertical-align: middle;
margin-left: 0; }
.homepage .arrow-text {
vertical-align: middle;
display: inline-block; }
:root {
--cf2-text:#222;
--cf2-muted:#666;
--cf2-card-bg:#fff7f2;
--cf2-card-br:#f2e8e2;
--cf2-green:#06b16b;
--cf2-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
--cf2-arrow-size:36px;
--cf2-gutter:80px; }
.homepage2022 {
/*max-width: 1920px;*/
color: #000;
/*@media (min-width: 1200px) {
.block_1_2_wrapper{
.block_1{
.homepage_main_title{
width: 550px;
}
}
}
}*/ }
.homepage2022 .block_1 {
text-align: center;
padding-bottom: 30px;
background: #fff; }
.homepage2022 .block_1 .homepage_title {
font-size: 34px;
font-family: "DomaineDisp-Regular", sans-serif;
padding: 20px; }
.homepage2022 .block_1 .homepage_top_advantages {
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
padding: 10px 25px; }
.homepage2022 .block_1 .homepage_top_advantages .homepage_top_advantage {
text-align: left;
padding-bottom: 20px;
padding-left: 25px;
position: relative; }
.homepage2022 .block_1 .homepage_top_advantages .homepage_top_advantage::before {
background: url("/public/images/homepage-pink-check.png");
width: 20px;
height: 20px;
background-size: 20px 20px;
padding-top: 5px;
display: inline-block;
content: "";
position: absolute;
top: 4px;
left: 0; }
.homepage2022 .block_1 .homepage_top_register .c-btn--red {
background: #FFAB9E;
border: none;
font-size: 18px;
border-radius: 0;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px;
width: 100%; }
.homepage2022 .block_1 .homepage_top_register .c-btn--red:hover, .homepage2022 .block_1 .homepage_top_register .c-btn--red:active, .homepage2022 .block_1 .homepage_top_register .c-btn--red:focus {
transform: none;
background: #FF8573;
border: none; }
.homepage2022 .block_2 {
overflow: hidden; }
.homepage2022 .block_2 .homepage_img_wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
position: relative; }
.homepage2022 .block_2 .homepage_img_wrapper .block_carrousel {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 20px auto 0 auto;
position: relative; }
.homepage2022 .block_2 .homepage_img_wrapper .block_carrousel::-webkit-scrollbar {
display: none; }
.homepage2022 .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel {
width: 2120px; }
.homepage2022 .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel .carrousel-img {
width: 250px;
margin-right: 10px; }
.homepage2022 .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left {
position: absolute;
left: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 0;
bottom: 0;
margin: auto;
transform: scaleX(-1); }
.homepage2022 .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right {
position: absolute;
right: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 0;
bottom: 0;
margin: auto; }
@media (min-width: 700px) {
.homepage2022 .block_1_2_wrapper {
height: 450px;
position: relative;
overflow: hidden; }
.homepage2022 .block_1_2_wrapper .block_2 {
position: absolute;
left: 0;
top: 0;
width: 50%;
max-height: 500px;
max-width: 500px; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper {
position: relative;
width: 100%; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 20px auto 0 auto;
position: relative; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel::-webkit-scrollbar {
display: none; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel {
width: 3320px; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel .carrousel-img {
width: 400px; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left {
position: absolute;
left: 10px;
transform: scaleX(-1);
height: 70px;
width: auto; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right {
position: absolute;
right: 10px;
height: 70px;
width: auto; }
.homepage2022 .block_1_2_wrapper .block_1 {
position: absolute;
right: 0;
top: 0;
width: 50%; } }
@media (min-width: 1000px) {
.homepage2022 .block_1_2_wrapper {
height: calc(100vh - 50px);
position: relative;
overflow: hidden; }
.homepage2022 .block_1_2_wrapper .block_2 {
max-height: none;
max-width: none; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper {
height: calc(100vh - 50px);
position: relative;
width: 100%; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 0px auto 0 auto;
position: relative; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel::-webkit-scrollbar {
display: none; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel {
width: 6520px; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel .carrousel-img {
width: 800px;
max-height: calc(100vh - 50px); }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left {
position: absolute;
left: 10px;
transform: scaleX(-1);
height: 70px;
width: auto; }
.homepage2022 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right {
position: absolute;
right: 10px;
height: 70px;
width: auto; }
.homepage2022 .block_1_2_wrapper .block_1 {
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.homepage2022 .block_1_2_wrapper .block_1 .homepage_main_title {
font-size: 60px;
width: 500px;
margin: 0 auto;
text-align: left; }
.homepage2022 .block_1_2_wrapper .block_1 .homepage_top_advantages {
width: 500px;
margin: 0 auto;
font-size: 24px; }
.homepage2022 .block_1_2_wrapper .block_1 .homepage_top_advantages .homepage_top_advantage {
padding-left: 30px; }
.homepage2022 .block_1_2_wrapper .block_1 .homepage_top_advantages .homepage_top_advantage::before {
width: 25px;
height: 25px;
background-size: 25px 25px;
padding-top: 5px;
top: 5px; } }
.homepage2022 .block_3 {
text-align: center; }
.homepage2022 .block_3 .homepage_title {
font-size: 34px;
font-family: "DomaineDisp-Regular", sans-serif;
padding: 20px 10px; }
.homepage2022 .block_3 .homepage_steps {
width: 250px;
margin: 0 auto;
text-align: left; }
.homepage2022 .block_3 .homepage_steps .homepage_step {
color: #949599;
padding-bottom: 30px; }
.homepage2022 .block_3 .homepage_steps .homepage_step .homepage_step_title {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
color: #000;
position: relative;
display: inline; }
.homepage2022 .block_3 .homepage_steps .homepage_step .homepage_step_title::before {
font-family: "Roustel", sans-serif;
color: #f0cec8;
font-size: 34px;
position: absolute;
z-index: -1; }
.homepage2022 .block_3 .homepage_steps .homepage_step.homepage_step_1 .homepage_step_title:before {
content: "1";
top: -14px;
left: -5px; }
.homepage2022 .block_3 .homepage_steps .homepage_step.homepage_step_2 .homepage_step_title:before {
content: "2";
top: -16px;
left: -10px; }
.homepage2022 .block_3 .homepage_steps .homepage_step.homepage_step_3 .homepage_step_title:before {
content: "3";
top: -17px;
left: -9px; }
@media (min-width: 600px) {
.homepage2022 .block_3 {
padding-top: 20px; }
.homepage2022 .block_3 .homepage_steps .homepage_step .homepage_step_text {
width: 250px;
margin: 0 auto; } }
@media (min-width: 1000px) {
.homepage2022 .block_3 {
margin: 50px 0 50px 0; }
.homepage2022 .block_3 .homepage_steps {
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding: 0 10px 40px 10px; }
.homepage2022 .block_3 .homepage_steps .homepage_step {
display: inline-block;
width: 33%;
padding: 10px;
text-align: center;
vertical-align: top; }
.homepage2022 .block_3 .homepage_steps .homepage_step.homepage_step_1 .homepage_step_title:before {
content: "1";
top: -2vw;
left: -0.3vw;
font-size: 3.5vw; }
.homepage2022 .block_3 .homepage_steps .homepage_step.homepage_step_2 .homepage_step_title:before {
content: "2";
top: -1.7vw;
left: -1vw;
font-size: 3.5vw; }
.homepage2022 .block_3 .homepage_steps .homepage_step.homepage_step_3 .homepage_step_title:before {
content: "3";
top: -1.7vw;
left: -0.8vw;
font-size: 3.5vw; }
.homepage2022 .block_3 .homepage_steps .homepage_step .homepage_step_title {
font-size: 1.5vw; }
.homepage2022 .block_3 .homepage_steps .homepage_step .homepage_step_text {
font-size: 1.5vw;
width: 75%; } }
.homepage2022 .block_4 {
background: #f0f0f1;
text-align: center; }
.homepage2022 .block_4 .homepage_title {
font-size: 34px;
font-family: "DomaineDisp-Regular", sans-serif;
padding: 20px; }
.homepage2022 .block_4 .stylist_photo_wrapper {
width: 100%;
height: 350px;
position: relative; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label {
width: 50%;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
color: #a7a09f;
padding: 0 20px;
text-align: left;
position: relative;
font-size: 14px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label .homepage_arrow {
position: absolute;
width: 70px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_1 {
margin-bottom: 60px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_1 .homepage_arrow {
right: 10px;
bottom: -53px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_2 .homepage_arrow {
right: -20px;
bottom: -10px;
-moz-transform: rotate(-55deg);
-webkit-transform: rotate(-55deg);
-o-transform: rotate(-55deg);
-ms-transform: rotate(-55deg);
transform: rotate(-55deg); }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label .stylist_photo_label_title {
font-size: 16px;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
color: #000; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo {
position: absolute;
right: 0;
top: 0;
width: 50%;
max-height: 350px;
max-width: 292px; }
@media (min-width: 400px) {
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label {
padding-right: 40px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_1 .homepage_arrow {
right: 0; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_2 .homepage_arrow {
right: 0; } }
@media (min-width: 500px) {
.homepage2022 .block_4 .stylist_photo_wrapper {
height: 380px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label {
padding-right: 60px; } }
@media (min-width: 600px) {
.homepage2022 .block_4 {
max-width: 700px;
margin: 0 auto; }
.homepage2022 .block_4 .stylist_photo_wrapper {
padding: 20px 50px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label {
padding-right: 30px;
padding-left: 0;
width: 200px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo {
right: 50px; } }
@media (min-width: 700px) {
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label {
font-size: 16px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_1 .homepage_arrow {
right: -60px;
width: 100px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_2 .homepage_arrow {
right: -60px;
width: 100px;
top: 50px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label .stylist_photo_label_title {
font-size: 18px; } }
@media (min-width: 1000px) {
.homepage2022 .block_4 {
width: 1000px;
max-width: none; }
.homepage2022 .block_4 .stylist_photo_wrapper {
height: 590px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label {
font-size: 20px;
width: calc(50% - 100px); }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_1 {
margin-bottom: 100px;
margin-top: 80px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_1 .homepage_arrow {
right: -60px;
width: 100px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label.stylist_photo_label_2 .homepage_arrow {
right: -60px;
width: 100px;
top: 50px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo_label_wrapper .stylist_photo_label .stylist_photo_label_title {
font-size: 22px; }
.homepage2022 .block_4 .stylist_photo_wrapper .stylist_photo {
max-height: none;
max-width: none;
width: calc(50% - 50px); } }
.homepage2022 .block_5 {
text-align: center;
padding: 0 30px; }
.homepage2022 .block_5 .homepage_title {
font-size: 34px;
font-family: "DomaineDisp-Regular", sans-serif;
padding: 20px; }
.homepage2022 .block_5 .homepage_advantages {
text-align: left; }
.homepage2022 .block_5 .homepage_advantages .homepage_advantage {
position: relative;
padding-left: 25px;
padding-bottom: 10px; }
.homepage2022 .block_5 .homepage_advantages .homepage_advantage .homepage_advantage_plus {
position: absolute;
width: 20px;
left: 0;
top: 0; }
@media (min-width: 600px) {
.homepage2022 .block_5 .homepage_advantages {
width: 310px;
margin: 0 auto; } }
@media (min-width: 1000px) {
.homepage2022 .block_5 {
margin-top: 30px;
margin-bottom: 50px;
background: #f4f4f4;
padding-bottom: 30px;
/*.homepage_advantages{
width: 500px;
font-size: 1.3vw;
position: relative;
}*/ }
.homepage2022 .block_5 .homepage_advantages {
width: 1000px;
font-size: 1.3vw;
position: relative;
height: 12vw; }
.homepage2022 .block_5 .homepage_advantages .homepage_advantages_first_part {
position: absolute;
top: 0;
right: 0;
width: 500px; }
.homepage2022 .block_5 .homepage_advantages .homepage_advantages_first_part .homepage_advantage {
margin-bottom: 1vw; }
.homepage2022 .block_5 .homepage_advantages .homepage_advantages_second_part {
position: absolute;
top: 0;
left: 0;
width: 500px;
padding-right: 10px; }
.homepage2022 .block_5 .homepage_advantages .homepage_advantages_second_part .homepage_advantage {
margin-bottom: 1vw; } }
@media (min-width: 1280px) {
.homepage2022 .block_5 .homepage_advantages .homepage_advantage .homepage_advantage_plus {
width: 1.6vw;
left: -0.2vw;
top: 0.2vw; } }
.homepage2022 .block_6 {
width: 100%;
margin-top: 20px;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 20px auto 0 auto;
position: relative; }
.homepage2022 .block_6::-webkit-scrollbar {
display: none; }
.homepage2022 .block_6 .homepage_carrousel {
width: 2150px; }
.homepage2022 .block_6 .homepage_carrousel .carrousel-img {
width: 250px;
margin-right: 10px; }
@media (min-width: 1000px) {
.homepage2022 .block_6 .homepage_carrousel {
width: 4120px; }
.homepage2022 .block_6 .homepage_carrousel .carrousel-img {
width: 500px; } }
.homepage2022 .block_6_overlay {
position: relative;
width: 100%;
/*max-width: 1200px;*/
margin: 0 auto; }
.homepage2022 .block_6_overlay #carrousel-arrow-left {
position: absolute;
left: 0;
top: -150px;
height: 50px;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
cursor: pointer; }
.homepage2022 .block_6_overlay #carrousel-arrow-right {
position: absolute;
right: 0;
top: -150px;
height: 50px;
cursor: pointer; }
@media (min-width: 1000px) {
.homepage2022 .block_6_overlay #carrousel-arrow-left {
position: absolute;
left: 0;
top: -300px;
height: 70px;
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
cursor: pointer; }
.homepage2022 .block_6_overlay #carrousel-arrow-right {
position: absolute;
right: 0;
top: -300px;
height: 70px;
cursor: pointer; } }
.homepage2022 .block_7 {
text-align: center;
padding: 30px 0 20px 0;
max-width: 800px;
margin: 0 auto; }
.homepage2022 .block_7 .homepage_title {
font-size: 34px;
font-family: "DomaineDisp-Regular", sans-serif;
padding: 20px; }
.homepage2022 .block_7 .trustpilot-widget {
-moz-transform: scale(0.8);
-webkit-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8); }
@media (min-width: 1000px) {
.homepage2022 .block_7 .trustpilot-widget {
margin-top: 30px;
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2); } }
@media (min-width: 1000px) {
.homepage2022 .homepage_title, .homepage2022 .title-form-1 {
font-size: 2.5vw !important; }
.homepage2022 .homepage_main_title {
font-size: 9vh !important;
line-height: 9vh; } }
.homepage2022 .MontSerratRegular {
font-family: "Montserrat-Regular", sans-serif; }
.homepage2022 .MontSerratBold {
font-family: "Montserrat-Bold", sans-serif; }
.homepage2022 .c-form__label {
color: #000; }
.homepage2022 .form-inscription, #connexion .form-inscription {
color: #000;
width: 100%;
position: relative;
background: #fff; }
.homepage2022 .form-inscription .container, #connexion .form-inscription .container {
width: 1100px;
margin: 0 auto; }
.homepage2022 .form-inscription .bloc-shadow, #connexion .form-inscription .bloc-shadow {
padding: 40px 20px; }
.homepage2022 .form-inscription .title-form-1, #connexion .form-inscription .title-form-1 {
font-family: "DomaineDisp-Regular", sans-serif !important;
font-size: 34px;
text-align: center;
margin-bottom: 0px; }
.homepage2022 .form-inscription .sub-title-form-1, #connexion .form-inscription .sub-title-form-1 {
text-align: center;
font-family: "sofia-pro", sans-serif;
font-weight: 400;
font-size: 20px;
margin-bottom: 30px; }
.homepage2022 .form-inscription .img-full, #connexion .form-inscription .img-full {
width: 550px;
display: inline-block;
height: 550px;
background: #fff;
background-size: cover; }
.homepage2022 .form-inscription .form-container, #connexion .form-inscription .form-container {
background: #fff;
/*border: 1px solid #000;*/
width: 550px;
position: relative;
min-width: 320px;
margin: 0 auto; }
.homepage2022 .form-inscription .form-container.register-form, #connexion .form-inscription .form-container.register-form {
height: auto; }
.homepage2022 .form-inscription .form-container > .bloc-shadow, #connexion .form-inscription .form-container > .bloc-shadow {
box-shadow: none;
background: transparent; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design {
position: relative; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design.error-field-open .error-field, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design.error-field-open .error-field {
display: block;
font-size: 14px; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design .label-form-1, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design .label-form-1 {
position: absolute;
top: 15px;
left: 0;
color: #000000;
cursor: text;
display: none;
background: #fff;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 1.25em; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design .input-form-1, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design .input-form-1 {
width: 100%;
border-top: none;
border-left: none;
border-right: none;
bordr-bottom: 1px solid #707070;
height: 40px;
line-height: 40px;
font-size: 18px;
font-family: "Montserrat-Regular", sans-serif;
background: #fff;
box-shadow: none !important;
transition: all ease 0.1s; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design .input-form-1::placeholder, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design .input-form-1::placeholder {
color: #4d4d4d;
font-size: 0.9em;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design .input-form-1:focus, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design .input-form-1:focus {
background: #fdfdfd; }
.homepage2022 .form-inscription .form-container > .bloc-shadow .row-form-design .error-field, #connexion .form-inscription .form-container > .bloc-shadow .row-form-design .error-field {
display: none;
color: #f0a918; }
.homepage2022 .form-inscription .c-form__label, #connexion .form-inscription .c-form__label {
color: #000;
font-family: "Montserrat-Regular", sans-serif; }
.homepage2022 .form-inscription .c-btn--register, #connexion .form-inscription .c-btn--register {
background: #FFAB9E;
border: none;
font-size: 18px;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
min-width: 230px;
padding-top: 4px;
padding-bottom: 8px;
width: 100%; }
@media (max-width: 480px) {
.homepage2022 .form-inscription .c-btn--register, #connexion .form-inscription .c-btn--register {
width: 100%; } }
.homepage2022 .form-inscription .c-btn--register:hover, .homepage2022 .form-inscription .c-btn--register:active, .homepage2022 .form-inscription .c-btn--register:focus, #connexion .form-inscription .c-btn--register:hover, #connexion .form-inscription .c-btn--register:active, #connexion .form-inscription .c-btn--register:focus {
transform: none;
background: #FF8573;
border: none; }
.homepage2022 .form-inscription .teal-color, #connexion .form-inscription .teal-color {
color: #26b783 !important;
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
.homepage2022 .form-inscription .optin-field .optin-newletter, #connexion .form-inscription .optin-field .optin-newletter {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 0.9em;
color: #000000;
cursor: pointer; }
.homepage2022 .form-inscription .optin-field .c-form__label::after, #connexion .form-inscription .optin-field .c-form__label::after {
border: 1px solid #c0bdba !important;
color: #f3a090 !important;
width: 17px !important;
height: 17px !important; }
.homepage2022 .form-inscription .optin-field .c-form__input, #connexion .form-inscription .optin-field .c-form__input {
color: #f3a090 !important; }
.homepage2022 .form-inscription .optin-field .c-form__input:checked + .c-form__label::after, #connexion .form-inscription .optin-field .c-form__input:checked + .c-form__label::after {
border-color: #f3a090 !important;
color: #f3a090 !important; }
.homepage2022 .form-inscription .block_trustpilot_widget, #connexion .form-inscription .block_trustpilot_widget {
margin: 20px 0; }
.homepage2022 .form-inscription .register-link, #connexion .form-inscription .register-link {
color: #000; }
.homepage2022 .form-inscription .register-link a, #connexion .form-inscription .register-link a {
color: #000;
font-size: 14px;
font-weight: normal; }
.homepage2022 .form-inscription .country-name, #connexion .form-inscription .country-name {
display: none; }
.homepage2022 .form-inscription .c-form__field--mimic-select-dropdown .country-name, #connexion .form-inscription .c-form__field--mimic-select-dropdown .country-name {
display: initial; }
@media (max-width: 1240px) {
.homepage2022 .form-inscription, #connexion .form-inscription {
padding: 0 !important; } }
@media (max-width: 1100px) {
.homepage2022 .form-inscription .container .img-full-container, #connexion .form-inscription .container .img-full-container {
width: 100%; }
.homepage2022 .form-inscription .container .img-full-container .img-full, #connexion .form-inscription .container .img-full-container .img-full {
width: 100%; }
.homepage2022 .form-inscription .container .form-container, #connexion .form-inscription .container .form-container {
margin: 0 auto; }
.homepage2022 .form-inscription.referred-register .container .form-container, #connexion .form-inscription.referred-register .container .form-container {
position: initial;
margin: 0;
left: auto;
right: auto;
z-index: 2; } }
@media (max-width: 1000px) {
.homepage2022 .form-inscription .container, #connexion .form-inscription .container {
width: 100%; }
.homepage2022 .form-inscription .container .register-link a, #connexion .form-inscription .container .register-link a {
font-size: 14px; } }
@media (max-width: 768px) {
.homepage2022 .form-inscription .form-container, #connexion .form-inscription .form-container {
height: auto; }
.homepage2022 .form-inscription .form-container .bloc-shadow, #connexion .form-inscription .form-container .bloc-shadow {
padding: 40px 20px 20px 20px; }
.homepage2022 .form-inscription .row-form, #connexion .form-inscription .row-form {
padding: 10px 0; }
.homepage2022 .form-inscription #submit, #connexion .form-inscription #submit {
margin: 10px auto; }
.homepage2022 .form-inscription .text, #connexion .form-inscription .text {
padding: 10px 0; } }
@media (max-width: 600px) {
.homepage2022 .form-inscription, #connexion .form-inscription {
padding: 0 !important; }
.homepage2022 .form-inscription .container .form-container, #connexion .form-inscription .container .form-container {
width: 100%;
position: initial; }
.homepage2022 .form-inscription .container .form-container .input-form-1, #connexion .form-inscription .container .form-container .input-form-1 {
width: 65%; }
.homepage2022 .form-inscription .container .img-full-container, #connexion .form-inscription .container .img-full-container {
display: none; } }
@media (max-width: 450px) {
.homepage2022 .form-inscription .form-container .link-text-grey, #connexion .form-inscription .form-container .link-text-grey {
display: block !important; } }
@media (max-width: 350px) {
.homepage2022 .form-inscription .container, #connexion .form-inscription .container {
width: 100%;
min-width: 320px; } }
.homepage2022 .button-arrow, #connexion .button-arrow {
width: 20px;
vertical-align: middle;
margin-left: 0; }
.homepage2022 .arrow-text, #connexion .arrow-text {
vertical-align: middle;
display: inline-block; }
:root {
--cf2-text:#222;
--cf2-muted:#666;
--cf2-card-bg:#fff7f2;
--cf2-card-br:#f2e8e2;
--cf2-green:#06b16b;
--cf2-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
--cf2-arrow-size:36px;
--cf2-gutter:80px; }
.homepage2023 {
color: #000; }
.homepage2023 .block_1_2_wrapper {
padding: 55px 4%;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
align-items: center; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper {
display: block;
padding: 40px 3%; } }
.homepage2023 .block_1_2_wrapper .block_1 {
padding-left: 20px;
padding-right: 20px;
display: inline-block;
vertical-align: top;
max-width: 520px; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_1 {
padding: 0; } }
.homepage2023 .block_1_2_wrapper .block_1 .cf-trust-inline {
font-size: 13px;
font-weight: 600;
color: #C75B67;
margin-bottom: 16px; }
.homepage2023 .block_1_2_wrapper .block_1 h1 {
font-size: 17.5px;
color: var(--black);
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-bold);
padding-top: 10px;
line-height: var(--line-height-base); }
.homepage2023 .block_1_2_wrapper .block_1 h1 span.manuscript {
font-family: var(--text-font-manuscrit);
font-size: 2rem;
font-weight: 400; }
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title {
text-align: left;
margin: 0;
font-family: inherit; }
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-line1 {
font-weight: 700;
font-size: 46px !important;
color: #111;
margin-bottom: 15px;
line-height: 1; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-line1 {
font-size: 28px !important;
margin-bottom: 5px; } }
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-carousel {
margin: 0 auto;
overflow: hidden;
position: relative;
display: block;
height: 55px; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-carousel {
height: 37px; } }
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-carousel .cf-hero-track {
transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
will-change: transform;
overflow: hidden; }
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-carousel .cf-hero-track .cf-hero-item {
font-weight: 800;
font-size: 46px !important;
line-height: 46px;
height: 55px;
color: #7FC8BE;
text-align: left;
white-space: nowrap;
margin: 0;
font-style: italic; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_1 h1.cf-hero-title .cf-hero-carousel .cf-hero-track .cf-hero-item {
font-size: 28px !important;
line-height: 28px;
height: 37px; } }
.homepage2023 .block_1_2_wrapper .block_1 h2 {
font-family: 'sofia-pro', sans-serif;
font-size: 16px;
line-height: 1.6;
color: #777;
padding: 1.25em 0;
max-width: 420px; }
.homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red {
display: inline-flex;
align-items: center;
gap: 10px;
background: #000000;
color: #FFFFFF;
padding: 16px 32px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border: 2px solid #000000;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
height: 50px; }
.homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red svg {
width: 16px;
height: 16px;
stroke: #FFFFFF;
fill: none;
stroke-width: 2.5;
transition: transform 0.3s ease; }
.homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red svg path {
stroke: #FFFFFF; }
.homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red:hover, .homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red:active, .homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red:focus {
background: #1A1A1A;
border-color: #1A1A1A;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); }
.homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red:hover svg, .homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red:active svg, .homepage2023 .block_1_2_wrapper .block_1 .homepage_top_register .c-btn--red:focus svg {
transform: translateX(4px); }
.homepage2023 .block_1_2_wrapper .block_1 .cf-hero-stats {
display: flex;
gap: 28px;
padding-top: 20px;
border-top: 1px solid #E5E2DD;
flex-wrap: nowrap;
margin-top: 28px; }
.homepage2023 .block_1_2_wrapper .block_1 .cf-hero-stats .cf-stat-val {
font-size: 22px;
font-weight: 700;
color: #1A1A1A;
white-space: nowrap; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_1 .cf-hero-stats .cf-stat-val {
font-size: 16px; } }
.homepage2023 .block_1_2_wrapper .block_1 .cf-hero-stats .cf-stat-label {
font-size: 11px;
color: #999;
white-space: nowrap;
font-family: 'Sofia Pro', sofia-pro, 'Helvetica Neue', Arial, sans-serif; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_1 .cf-hero-stats .cf-stat-label {
font-size: 10px; } }
.homepage2023 .block_1_2_wrapper .block_2 {
overflow: hidden;
display: inline-block;
vertical-align: top; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: flex-start;
position: relative; }
@media (max-width: 900px) {
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .homepage_img_top {
margin-top: 25px; } }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .homepage_img_top img {
border-radius: 8px;
width: 100%; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 20px auto 0 auto;
position: relative; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2::-webkit-scrollbar {
display: none; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 {
width: 2120px; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 .carrousel-img-wrapper {
width: 250px;
height: 250px;
margin-right: 10px;
display: inline-block;
background-color: #f5f5f5; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 .carrousel-img-wrapper .carrousel-img {
width: 100%; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left2 {
position: absolute;
left: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 20px;
bottom: 0;
margin: auto; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right2 {
position: absolute;
right: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 20px;
bottom: 0;
margin: auto; }
@media (min-width: 768px) {
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left2 {
left: 15px; }
.homepage2023 .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right2 {
right: 15px; } }
.homepage2023 .block_1_2_wrapper .block_trustpilot_widget {
margin-top: 5px; }
.homepage2023 .block_1_2_wrapper .block_trustpilot_widget .trustpilot-widget {
text-align: center; }
.homepage2023 .block_1_2_wrapper .block_trustpilot_widget .trustpilot-widget img {
width: 240px; }
.homepage2023 .block_1_2_wrapper h2.how-to-title {
font-size: var(--title-size);
color: var(--black);
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-bold);
padding-top: 20px;
line-height: var(--line-height-base);
text-align: center; }
.homepage2023 .block_1_2_wrapper .bi-chevron-down {
margin-top: 40px; }
.homepage2023 .block_2_5 .block_2_5_inner {
background: #7FC8BE;
color: #FFFFFF;
display: flex;
justify-content: center;
gap: 32px;
padding: 13px 16px;
flex-wrap: wrap;
font-size: 13px;
font-weight: 600;
font-family: "sofia-pro", sans-serif; }
@media (max-width: 900px) {
.homepage2023 .block_2_5 .block_2_5_inner {
gap: 10px;
font-size: 11px; } }
.homepage2023 .block_2_5 .block_2_5_inner span {
display: flex;
align-items: center;
gap: 6px;
white-space: nowrap;
color: #FFF; }
.homepage2023 .block_2_5 .block_2_5_inner span svg {
width: 15px;
height: 15px;
stroke: currentColor;
fill: none;
stroke-width: 2; }
.homepage2023 .block_3 {
padding: 48px 4%;
background: #FAFAFA; }
@media (max-width: 900px) {
.homepage2023 .block_3 {
padding: 40px 0 20px 0; } }
.homepage2023 .block_3 .how-to-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #7FC8BE;
margin-bottom: 6px;
font-family: 'sofia-pro', sans-serif; }
@media (max-width: 900px) {
.homepage2023 .block_3 .how-to-label {
padding-left: 16px; } }
.homepage2023 .block_3 h2.how-to-title {
font-family: 'sofia-pro', sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 1.15;
color: #1A1A1A; }
@media (max-width: 900px) {
.homepage2023 .block_3 h2.how-to-title {
padding-left: 16px; } }
.homepage2023 .block_3 .step-card-outer {
position: relative; }
@media (min-width: 901px) {
.homepage2023 .block_3 .step-card-outer {
max-width: 960px;
margin: 0 auto; } }
.homepage2023 .block_3 .step-card-outer .step-scroll-arrow {
display: none; }
@media (max-width: 900px) {
.homepage2023 .block_3 .step-card-outer .step-scroll-arrow {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
right: 10px;
top: 37%;
transform: translateY(-50%);
width: 36px;
height: 36px;
background: rgba(255, 255, 255, 0.92);
border: 1px solid #e0e0e0;
border-radius: 50%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
cursor: pointer;
transition: opacity 0.4s ease;
z-index: 2; }
.homepage2023 .block_3 .step-card-outer .step-scroll-arrow svg {
width: 16px;
height: 16px;
color: #555; }
.homepage2023 .block_3 .step-card-outer .step-scroll-arrow.is-hidden {
opacity: 0; } }
.homepage2023 .block_3 .step-card-outer .step-card-wrap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px; }
@media (max-width: 900px) {
.homepage2023 .block_3 .step-card-outer .step-card-wrap {
max-width: none;
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap::-webkit-scrollbar {
display: none; } }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .img-step-wrap {
border-radius: 12px;
width: 100%;
overflow: hidden;
background-color: #f5f5f5;
margin-bottom: 18px; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .img-step-wrap .img-step {
width: 100%;
height: 100%;
display: block;
object-fit: cover; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .step-text {
padding: 18px 16px; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .step-text .step-num {
position: static;
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 12px;
font-weight: 700;
color: #C75B67;
letter-spacing: 2px;
margin-bottom: 10px;
line-height: 1; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .step-text .step-num:after {
content: "";
display: inline-block;
width: 22px;
height: 1px;
background: #C75B67; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .step-text h4, .homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .step-text h3 {
font-family: 'sofia-pro', sans-serif;
max-width: 300px;
width: auto;
text-align: left;
margin: 0 0 4px 0;
font-weight: 700;
font-size: 17px;
color: #1A1A1A;
line-height: 24px; }
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card .step-text p {
font-size: 13px;
line-height: 1.5;
color: #777; }
@media (max-width: 900px) {
.homepage2023 .block_3 .step-card-outer .step-card-wrap .step-card {
width: 350px; } }
.homepage2023 .block_3 .homepage_top_register {
text-align: center;
margin: 15px auto 25px auto; }
.homepage2023 .block_3 .homepage_top_register .c-btn--red {
display: inline-flex;
align-items: center;
gap: 10px;
background: #000000;
color: #FFFFFF;
padding: 16px 32px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
border: none;
border-radius: 6px;
cursor: pointer;
transition: all 0.3s ease;
line-height: 1.45; }
.homepage2023 .block_3 .homepage_top_register .c-btn--red svg {
width: 16px;
height: 16px;
stroke: currentColor;
fill: none;
stroke-width: 2.5;
transition: transform 0.3s ease; }
.homepage2023 .block_3 .homepage_top_register .c-btn--red:hover, .homepage2023 .block_3 .homepage_top_register .c-btn--red:active, .homepage2023 .block_3 .homepage_top_register .c-btn--red:focus {
box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 20px;
background: #1a1a1a;
border-color: #1a1a1a; }
.homepage2023 .block_3 .homepage_top_register .c-btn--red:hover svg, .homepage2023 .block_3 .homepage_top_register .c-btn--red:active svg, .homepage2023 .block_3 .homepage_top_register .c-btn--red:focus svg {
transform: translateX(4px); }
.homepage2023 .block_3 .homepage_top_register .steps-subtitle {
display: block;
font-size: 13px;
color: #999;
margin-top: 10px; }
.homepage2023 .block_reviews {
font-family: 'sofia-pro', sans-serif; }
.homepage2023 .block_reviews .cf2-reviews {
margin: 48px auto 12px;
padding: 0 16px;
color: var(--cf2-text);
max-width: 1200px;
text-align: center; }
.homepage2023 .block_reviews .cf2-eyebrow {
text-transform: uppercase;
letter-spacing: .08em;
font-size: 12px;
color: var(--cf2-muted);
margin: 0 0 8px;
font-family: 'sofia-pro', sans-serif; }
.homepage2023 .block_reviews .cf2-reviews h2 {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 36px;
margin: 0 0 18px; }
.homepage2023 .block_reviews .cf2-reviews h2 strong {
color: var(--cf2-green); }
.homepage2023 .block_reviews .cf2-reel {
position: relative;
padding: 0 30px; }
.homepage2023 .block_reviews .cf2-track {
display: flex;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
padding: 2px 0;
scrollbar-width: none;
user-select: none; }
.homepage2023 .block_reviews .cf2-track::-webkit-scrollbar {
display: none; }
.homepage2023 .block_reviews .cf2-card {
background: var(--cf2-card-bg);
border: 1px solid var(--cf2-card-br);
border-radius: 10px;
padding: 18px;
box-shadow: var(--cf2-shadow);
min-width: 300px;
max-width: 360px;
scroll-snap-align: start;
text-align: left;
display: flex;
flex-direction: column;
gap: 10px; }
.homepage2023 .block_reviews .cf2-stars {
display: flex;
gap: 6px; }
.homepage2023 .block_reviews .cf2-stars .star {
width: 20px;
height: 20px; }
.homepage2023 .block_reviews .cf2-card h3 {
font-size: 18px;
margin: 0; }
.homepage2023 .block_reviews .cf2-quote {
margin: 0;
font-size: 15px;
line-height: 1.5; }
.homepage2023 .block_reviews .cf2-author {
margin-top: auto;
font-weight: 700;
color: var(--cf2-muted); }
.homepage2023 .block_reviews .cf2-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--cf2-arrow-size);
height: var(--cf2-arrow-size);
border: none;
background: transparent;
font-size: 28px;
font-weight: 700;
color: #000;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
z-index: 10; }
.homepage2023 .block_reviews .cf2-prev {
left: 0; }
.homepage2023 .block_reviews .cf2-next {
right: 0; }
.homepage2023 .block_reviews .cf2-nav:disabled {
opacity: .3;
cursor: default; }
.homepage2023 .block_reviews .cf2-nav:focus-visible {
outline: 2px solid #0b6;
outline-offset: 2px; }
.homepage2023 .block_reviews .cf2-aggregate {
text-align: center;
margin: 14px 0 0;
font-size: 15px;
font-family: 'sofia-pro', sans-serif; }
.homepage2023 .block_reviews .cf2-note {
color: var(--cf2-green);
font-weight: 800; }
.homepage2023 .block_reviews .cf2-aggregate strong {
font-weight: 800; }
.homepage2023 .block_reviews .cf2-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 12px;
touch-action: manipulation; }
.homepage2023 .block_reviews .cf2-dots button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 0;
background: #cfcfcf;
cursor: pointer;
padding: 0; }
.homepage2023 .block_reviews .cf2-dots button[aria-current="true"] {
background: var(--cf2-green); }
@media (max-width: 480px) {
.homepage2023 .block_reviews :root {
--cf2-arrow-size:32px;
--cf2-gutter:64px; }
.homepage2023 .block_reviews .cf2-card {
min-width: 280px; } }
.homepage2023 .block_4 {
padding: 5px 5% 44px;
background: #FFFFFF; }
@media (max-width: 900px) {
.homepage2023 .block_4 {
padding: 36px 14px; } }
.homepage2023 .block_4 .section .text-block .text-block-stylists-title {
text-align: center;
margin-bottom: 24px; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-title .block_4_label {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #7FC8BE;
margin-bottom: 6px; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-title h2 {
max-width: 420px;
margin: 0 auto;
font-size: 32px;
font-weight: 700;
line-height: 1.15;
color: #1A1A1A; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-title .stylists-desc {
font-size: 15px;
line-height: 1.6;
color: #777;
max-width: 460px;
margin: 8px auto 0;
text-align: center; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel {
position: relative;
padding: 0 44px;
max-width: 1520px;
margin: 0 auto; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .text-block-stylists-wrapper {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .text-block-stylists-wrapper::-webkit-scrollbar {
display: none; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .text-block-stylists-wrapper .text-block-stylists {
display: flex;
gap: 12px;
transition: transform 0.4s ease;
padding: 8px 0; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .text-block-stylists-wrapper .text-block-stylists .text-block-stylist-img {
width: 68px;
height: 68px;
border-radius: 50%;
overflow: hidden;
border: 3px solid #FFF;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
flex-shrink: 0;
transition: transform 0.3s ease; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .text-block-stylists-wrapper .text-block-stylists .text-block-stylist-img:hover {
transform: scale(1.12);
border-color: #7FC8BE; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .text-block-stylists-wrapper .text-block-stylists .text-block-stylist-img img {
width: 100%;
height: 100%;
border-radius: 50%;
max-width: 100%;
display: block;
object-fit: cover; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .cf-arrow-left {
left: 0; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .cf-arrow-right {
right: 0; }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .cf-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 34px;
height: 34px;
border-radius: 50%;
background: #FFF;
border: 1px solid #E5E2DD;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.25s ease;
z-index: 2;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.07); }
.homepage2023 .block_4 .section .text-block .text-block-stylists-carrousel .cf-arrow svg {
width: 15px !important;
height: 15px !important;
stroke: #777 !important;
fill: none !important;
stroke-width: 2 !important; }
@media (max-width: 768px) {
.homepage2023 .block_4 .section .text-block {
padding-left: 0 !important;
padding-right: 0 !important; }
.homepage2023 .block_4 .section .text-block .text-block-stylists {
width: 580px;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
justify-content: flex-start; }
.homepage2023 .block_4 .section .text-block .text-block-stylists::-webkit-scrollbar {
display: none; }
.homepage2023 .block_4 .section .text-block .text-block-stylists .text-block-stylist-img {
width: 56px;
height: 56px; }
.homepage2023 .block_4 .section .text-block .text-block-advantages .text-block-advantage {
width: 100%;
margin-top: 20px; }
.homepage2023 .block_4 .section.section-1 .text-block-advantage:first-child {
margin-top: 0; } }
.homepage2023 .block_6 {
padding: 24px;
gap: 24px;
min-height: auto;
display: grid;
grid-template-columns: 1fr 1fr;
background: #FAFAFA; }
@media (max-width: 900px) {
.homepage2023 .block_6 {
grid-template-columns: 1fr; } }
.homepage2023 .block_6 .block-6-social-visual {
gap: 12px;
border-radius: 14px;
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr; }
.homepage2023 .block_6 .block-6-social-visual .block-6-social-img {
overflow: hidden; }
.homepage2023 .block_6 .block-6-social-visual .block-6-social-img img {
width: 100%;
height: 100%;
min-height: 420px;
max-width: 100%;
display: block;
object-fit: cover;
border: none; }
@media (max-width: 900px) {
.homepage2023 .block_6 .block-6-social-visual .block-6-social-img img {
min-height: 200px;
max-height: 260px; } }
.homepage2023 .block_6 .block-6-social-content {
padding: 20px 24px;
display: flex;
flex-direction: column;
justify-content: center; }
.homepage2023 .block_6 .block-6-social-content .block-6-label {
font-size: 12px;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #7FC8BE;
margin-bottom: 6px; }
.homepage2023 .block_6 .block-6-social-content .block-6-h2 {
font-size: 32px;
font-weight: 700;
line-height: 1.15;
color: #1A1A1A; }
@media (max-width: 900px) {
.homepage2023 .block_6 .block-6-social-content .block-6-h2 {
font-size: 26px; } }
.homepage2023 .block_6 .block-6-social-content .block-6-social-score {
margin-bottom: 24px; }
.homepage2023 .block_6 .block-6-social-content .block-6-social-score .block-6--score-big {
font-size: 48px;
font-weight: 700;
color: #1A1A1A; }
.homepage2023 .block_6 .block-6-social-content .block-6-social-score .block-6--score-detail {
font-size: 16px;
color: #999;
margin-left: 6px; }
.homepage2023 .block_6 .block-6-social-content .block-6-testimonials {
display: flex;
flex-direction: column;
gap: 16px; }
.homepage2023 .block_6 .block-6-social-content .block-6-testimonials .block-6-testimonial {
padding: 16px 20px;
background: #FFF;
border-radius: 8px;
border-left: 3px solid #E8A0A8; }
.homepage2023 .block_6 .block-6-social-content .block-6-testimonials .block-6-testimonial p {
font-size: 14px;
line-height: 1.5;
color: #444;
font-style: italic;
margin-bottom: 6px; }
.homepage2023 .block_6 .block-6-social-content .block-6-testimonials .block-6-testimonial span {
font-size: 12px;
font-weight: 600;
color: #999;
text-transform: uppercase;
letter-spacing: 1px; }
.homepage2023 .block_6_5 {
padding: 24px;
gap: 24px;
min-height: auto;
display: grid;
grid-template-columns: 1fr 1fr;
background: linear-gradient(135deg, #C75B67 0%, #E8A0A8 100%); }
@media (max-width: 900px) {
.homepage2023 .block_6_5 {
grid-template-columns: 1fr; } }
.homepage2023 .block_6_5 .block-6-5-imgs {
gap: 12px;
border-radius: 14px;
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr; }
.homepage2023 .block_6_5 .block-6-5-imgs .block-6-5-img {
overflow: hidden; }
.homepage2023 .block_6_5 .block-6-5-imgs .block-6-5-img img {
width: 100%;
height: 100%;
min-height: 360px;
max-width: 100%;
display: block;
object-fit: cover;
border: none; }
@media (max-width: 900px) {
.homepage2023 .block_6_5 .block-6-5-imgs .block-6-5-img img {
min-height: 180px;
max-height: 240px; } }
.homepage2023 .block_6_5 .block-6-5-content {
padding: 20px 24px;
display: flex;
flex-direction: column;
justify-content: center; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-h2 {
color: #FFF;
margin-bottom: 12px;
font-size: 30px;
font-weight: 700;
line-height: 1.15; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-sub {
font-size: 15px;
color: rgba(255, 255, 255, 0.7);
margin-bottom: 24px; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-cta {
background: #FFF;
color: #000000;
align-self: flex-start;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
font-size: 15px;
font-weight: 600;
border: 2px solid #FFF;
border-radius: 6px;
cursor: pointer; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-cta svg {
stroke: #000000;
width: 16px;
height: 16px;
fill: none;
stroke-width: 2.5;
transition: transform 0.3s ease; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-cta svg path {
stroke: #000000; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-cta:hover {
background: #F5F5F5;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
border-color: #F5F5F5; }
.homepage2023 .block_6_5 .block-6-5-content .block-6-5-cta:hover svg {
transform: translateX(4px); }
.homepage2023 .block_7 {
margin: 40px 20px; }
.homepage2023 .block_7 h2 {
font-family: "sofia-pro", sans-serif !important;
font-weight: 700;
font-size: var(--title-size);
color: #000000;
margin-bottom: 40px; }
.homepage2023 .block_7 .wrap {
max-width: 600px;
margin: 0 auto; }
.homepage2023 .block_7 .wrap .inner-wrap-question {
display: flex;
flex-direction: row;
justify-content: space-between;
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 16px;
line-height: 1.3;
cursor: pointer; }
.homepage2023 .block_7 .wrap .inner-wrap-question h5 {
text-align: left; }
.homepage2023 .block_7 .wrap .inner-wrap-question .icon {
cursor: pointer;
width: 50px; }
.homepage2023 .block_7 .wrap .inner-wrap-question .icon-1:hover, .homepage2023 .block_7 .wrap .inner-wrap-question .icon-2:hover, .homepage2023 .block_7 .wrap .inner-wrap-question .icon-3:hover, .homepage2023 .block_7 .wrap .inner-wrap-question .icon-4:hover {
transform: translateX(15px) !important;
transition: all 0.25s cubic-bezier(0.5, 0, 0.32, 1); }
.homepage2023 .block_7 .wrap .inner-wrap-question .icon-1, .homepage2023 .block_7 .wrap .inner-wrap-question .icon-2, .homepage2023 .block_7 .wrap .inner-wrap-question .icon-3, .homepage2023 .block_7 .wrap .inner-wrap-question .icon-4 {
transition: transform 0.5s cubic-bezier(0.17, 0.8, 0.32, 1.2); }
@media (min-width: 420px) {
.homepage2023 .block_7 .wrap .inner-wrap-question {
line-height: 2;
font-size: 16px; } }
.homepage2023 .block_7 .wrap hr {
border-top: none;
border-left: none;
border-right: none; }
.homepage2023 .block_7 .wrap .questions-line {
max-width: 600px;
border-bottom-color: #ededed;
border-width: 1px;
padding-top: 1px; }
.homepage2023 .block_7 .wrap .inner-wrap-answer {
font-size: 16px;
padding-top: 15px;
line-height: 1.5;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
.homepage2023 .block_7 .wrap .inner-wrap-answer.invisible {
display: none; }
/*--------------------
La zone externe d'Inscription, Connexion
--------------------*/
.homepage2023 .form-inscription, .homepage2023 #real-inscription, #connexion .form-inscription, #connexion #real-inscription {
color: #000;
width: 100%;
position: relative;
background: #fff; }
.homepage2023 .form-inscription .trustpilot-widget, .homepage2023 #real-inscription .trustpilot-widget, #connexion .form-inscription .trustpilot-widget, #connexion #real-inscription .trustpilot-widget {
text-align: center; }
.homepage2023 .form-inscription .trustpilot-widget img, .homepage2023 #real-inscription .trustpilot-widget img, #connexion .form-inscription .trustpilot-widget img, #connexion #real-inscription .trustpilot-widget img {
width: 240px; }
.homepage2023 .form-inscription .container, .homepage2023 #real-inscription .container, #connexion .form-inscription .container, #connexion #real-inscription .container {
width: 1100px;
margin: 0 auto; }
.homepage2023 .form-inscription .bloc-shadow, .homepage2023 #real-inscription .bloc-shadow, #connexion .form-inscription .bloc-shadow, #connexion #real-inscription .bloc-shadow {
padding: 40px 20px; }
.homepage2023 .form-inscription .img-full, .homepage2023 #real-inscription .img-full, #connexion .form-inscription .img-full, #connexion #real-inscription .img-full {
width: 550px;
display: inline-block;
height: 550px;
background: #fff;
background-size: cover; }
.homepage2023 .form-inscription .form-container, .homepage2023 #real-inscription .form-container, #connexion .form-inscription .form-container, #connexion #real-inscription .form-container {
background: #fff;
max-width: 550px;
position: relative;
min-width: 320px;
margin: 0 auto; }
.homepage2023 .form-inscription .form-container.register-form, .homepage2023 #real-inscription .form-container.register-form, #connexion .form-inscription .form-container.register-form, #connexion #real-inscription .form-container.register-form {
height: auto; }
.homepage2023 .form-inscription .form-container .bloc-shadow, .homepage2023 #real-inscription .form-container .bloc-shadow, #connexion .form-inscription .form-container .bloc-shadow, #connexion #real-inscription .form-container .bloc-shadow {
box-shadow: none;
background: transparent;
/*--------------------
SIGN UP FORM
--------------------*/ }
.homepage2023 .form-inscription .form-container .bloc-shadow .bi-chevron-left:hover, .homepage2023 #real-inscription .form-container .bloc-shadow .bi-chevron-left:hover, #connexion .form-inscription .form-container .bloc-shadow .bi-chevron-left:hover, #connexion #real-inscription .form-container .bloc-shadow .bi-chevron-left:hover {
transform: scale(1.1); }
.homepage2023 .form-inscription .form-container .bloc-shadow .cf-title-block, .homepage2023 #real-inscription .form-container .bloc-shadow .cf-title-block, #connexion .form-inscription .form-container .bloc-shadow .cf-title-block, #connexion #real-inscription .form-container .bloc-shadow .cf-title-block {
margin-bottom: 20px;
text-align: left; }
@media (max-width: 600px) {
.homepage2023 .form-inscription .form-container .bloc-shadow .cf-title-block, .homepage2023 #real-inscription .form-container .bloc-shadow .cf-title-block, #connexion .form-inscription .form-container .bloc-shadow .cf-title-block, #connexion #real-inscription .form-container .bloc-shadow .cf-title-block {
margin-bottom: 18px; } }
.homepage2023 .form-inscription .form-container .bloc-shadow .cf-title-block h1.c-title, .homepage2023 #real-inscription .form-container .bloc-shadow .cf-title-block h1.c-title, #connexion .form-inscription .form-container .bloc-shadow .cf-title-block h1.c-title, #connexion #real-inscription .form-container .bloc-shadow .cf-title-block h1.c-title {
font-family: "sofia-pro", sans-serif !important;
font-weight: 700;
font-size: 29px;
color: #000000;
padding-top: 15px;
padding-left: 35px;
text-align: left;
margin-bottom: 6px; }
.homepage2023 .form-inscription .form-container .bloc-shadow .cf-title-block .cf-title-badge, .homepage2023 #real-inscription .form-container .bloc-shadow .cf-title-block .cf-title-badge, #connexion .form-inscription .form-container .bloc-shadow .cf-title-block .cf-title-badge, #connexion #real-inscription .form-container .bloc-shadow .cf-title-block .cf-title-badge {
display: inline-block;
background-color: #000;
letter-spacing: 0.3px;
color: #fff;
font-family: sofia-pro, sans-serif !important;
font-weight: 500;
font-size: 20px;
line-height: 1.3;
padding: 6px 10px;
margin-top: 0;
border-radius: 0; }
.homepage2023 .form-inscription .form-container .bloc-shadow ul.inscription-steps, .homepage2023 #real-inscription .form-container .bloc-shadow ul.inscription-steps, #connexion .form-inscription .form-container .bloc-shadow ul.inscription-steps, #connexion #real-inscription .form-container .bloc-shadow ul.inscription-steps {
padding-bottom: 20px; }
.homepage2023 .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage, .homepage2023 #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage, #connexion .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage, #connexion #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 20px;
color: #000000;
text-align: left;
padding-left: 34px;
position: relative;
line-height: 2; }
.homepage2023 .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before, .homepage2023 #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before, #connexion .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before, #connexion #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before {
width: 22px;
height: 22px;
content: "✓";
position: absolute;
top: 9px;
left: 0;
color: #fff;
background: #000;
border-radius: 20px;
line-height: 22px;
padding-left: 6px;
font-size: 14px; }
@media (max-width: 600px) {
.homepage2023 .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage, .homepage2023 #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage, #connexion .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage, #connexion #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage {
font-size: 18px;
line-height: 1.7;
padding-left: 32px; }
.homepage2023 .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before, .homepage2023 #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before, #connexion .form-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before, #connexion #real-inscription .form-container .bloc-shadow ul.inscription-steps li.homepage_top_advantage::before {
top: 5px;
width: 20px;
height: 20px;
font-size: 12px;
padding-left: 5px; } }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design, #connexion .form-inscription .form-container .bloc-shadow .row-form-design, #connexion #real-inscription .form-container .bloc-shadow .row-form-design {
position: relative; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design.error-field-open .error-field, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design.error-field-open .error-field, #connexion .form-inscription .form-container .bloc-shadow .row-form-design.error-field-open .error-field, #connexion #real-inscription .form-container .bloc-shadow .row-form-design.error-field-open .error-field {
display: block;
font-size: 14px; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design .label-form-1, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design .label-form-1, #connexion .form-inscription .form-container .bloc-shadow .row-form-design .label-form-1, #connexion #real-inscription .form-container .bloc-shadow .row-form-design .label-form-1 {
display: block !important;
color: #000000;
cursor: text;
background: #fff;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 20px;
position: relative;
top: 0;
left: 0;
text-transform: none !important;
width: 100%; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design .label-form-1:after, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design .label-form-1:after, #connexion .form-inscription .form-container .bloc-shadow .row-form-design .label-form-1:after, #connexion #real-inscription .form-container .bloc-shadow .row-form-design .label-form-1:after {
content: "*"; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design .input-form-1, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design .input-form-1, #connexion .form-inscription .form-container .bloc-shadow .row-form-design .input-form-1, #connexion #real-inscription .form-container .bloc-shadow .row-form-design .input-form-1 {
display: block;
width: 100%;
border-top: none;
border-left: none;
border-right: none;
bordr-bottom: 1px solid #707070;
height: 40px;
line-height: 40px;
font-size: 18px;
font-family: "Montserrat-Regular", sans-serif;
background: #fff;
box-shadow: none !important;
transition: all ease 0.1s; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design .input-form-1::placeholder, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design .input-form-1::placeholder, #connexion .form-inscription .form-container .bloc-shadow .row-form-design .input-form-1::placeholder, #connexion #real-inscription .form-container .bloc-shadow .row-form-design .input-form-1::placeholder {
color: #4d4d4d;
font-size: 0.9em;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design .input-form-1:focus, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design .input-form-1:focus, #connexion .form-inscription .form-container .bloc-shadow .row-form-design .input-form-1:focus, #connexion #real-inscription .form-container .bloc-shadow .row-form-design .input-form-1:focus {
background: #fdfdfd; }
.homepage2023 .form-inscription .form-container .bloc-shadow .row-form-design .error-field, .homepage2023 #real-inscription .form-container .bloc-shadow .row-form-design .error-field, #connexion .form-inscription .form-container .bloc-shadow .row-form-design .error-field, #connexion #real-inscription .form-container .bloc-shadow .row-form-design .error-field {
display: none;
color: #f0a918; }
.homepage2023 .form-inscription .form-container .bloc-shadow .c-link--color-red, .homepage2023 #real-inscription .form-container .bloc-shadow .c-link--color-red, #connexion .form-inscription .form-container .bloc-shadow .c-link--color-red, #connexion #real-inscription .form-container .bloc-shadow .c-link--color-red {
color: #F97759;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 15px;
text-decoration: underline !important;
display: block;
margin: 0 auto;
padding-top: 10px; }
.homepage2023 .form-inscription .form-container .bloc-shadow .google-terms, .homepage2023 #real-inscription .form-container .bloc-shadow .google-terms, #connexion .form-inscription .form-container .bloc-shadow .google-terms, #connexion #real-inscription .form-container .bloc-shadow .google-terms {
font-size: 10px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
.homepage2023 .form-inscription .form-container .bloc-shadow .c-btn--register, .homepage2023 #real-inscription .form-container .bloc-shadow .c-btn--register, #connexion .form-inscription .form-container .bloc-shadow .c-btn--register, #connexion #real-inscription .form-container .bloc-shadow .c-btn--register {
background: #000000;
font-size: 18px;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
min-width: 230px;
color: #FFFFFF;
padding-top: 4px;
padding-bottom: 8px;
border: 2px solid #000000;
border-radius: 6px;
width: 100%; }
.homepage2023 .form-inscription .form-container .bloc-shadow .c-btn--register:hover, .homepage2023 .form-inscription .form-container .bloc-shadow .c-btn--register:active, .homepage2023 .form-inscription .form-container .bloc-shadow .c-btn--register:focus, .homepage2023 #real-inscription .form-container .bloc-shadow .c-btn--register:hover, .homepage2023 #real-inscription .form-container .bloc-shadow .c-btn--register:active, .homepage2023 #real-inscription .form-container .bloc-shadow .c-btn--register:focus, #connexion .form-inscription .form-container .bloc-shadow .c-btn--register:hover, #connexion .form-inscription .form-container .bloc-shadow .c-btn--register:active, #connexion .form-inscription .form-container .bloc-shadow .c-btn--register:focus, #connexion #real-inscription .form-container .bloc-shadow .c-btn--register:hover, #connexion #real-inscription .form-container .bloc-shadow .c-btn--register:active, #connexion #real-inscription .form-container .bloc-shadow .c-btn--register:focus {
transform: none;
background: #1A1A1A;
border-color: #1A1A1A;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); }
.homepage2023 .form-inscription .c-form__label, .homepage2023 #real-inscription .c-form__label, #connexion .form-inscription .c-form__label, #connexion #real-inscription .c-form__label {
color: #000;
font-family: "Montserrat-Regular", sans-serif; }
.homepage2023 .form-inscription .teal-color, .homepage2023 #real-inscription .teal-color, #connexion .form-inscription .teal-color, #connexion #real-inscription .teal-color {
color: #26b783 !important;
font-family: 'sofia-pro', sans-serif;
font-weight: 700; }
.homepage2023 .form-inscription .optin-field .optin-newletter, .homepage2023 #real-inscription .optin-field .optin-newletter, #connexion .form-inscription .optin-field .optin-newletter, #connexion #real-inscription .optin-field .optin-newletter {
padding-left: 30px;
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
font-size: 0.7em;
color: #000000;
cursor: pointer; }
@media (min-width: 435px) {
.homepage2023 .form-inscription .optin-field .optin-newletter, .homepage2023 #real-inscription .optin-field .optin-newletter, #connexion .form-inscription .optin-field .optin-newletter, #connexion #real-inscription .optin-field .optin-newletter {
font-size: 0.9em;
cursor: pointer; } }
@media (min-width: 768px) and (max-width: 872px) {
.homepage2023 .form-inscription .optin-field .optin-newletter, .homepage2023 #real-inscription .optin-field .optin-newletter, #connexion .form-inscription .optin-field .optin-newletter, #connexion #real-inscription .optin-field .optin-newletter {
font-size: 0.75em;
cursor: pointer; } }
.homepage2023 .form-inscription .optin-field #user_newsletter, .homepage2023 #real-inscription .optin-field #user_newsletter, #connexion .form-inscription .optin-field #user_newsletter, #connexion #real-inscription .optin-field #user_newsletter {
position: relative;
margin-bottom: 15px; }
.homepage2023 .form-inscription .optin-field #user_newsletter .c-form__label, .homepage2023 #real-inscription .optin-field #user_newsletter .c-form__label, #connexion .form-inscription .optin-field #user_newsletter .c-form__label, #connexion #real-inscription .optin-field #user_newsletter .c-form__label {
position: absolute;
top: -30px;
left: 0; }
.homepage2023 .form-inscription .optin-field #user_newsletter .c-form__label::after, .homepage2023 #real-inscription .optin-field #user_newsletter .c-form__label::after, #connexion .form-inscription .optin-field #user_newsletter .c-form__label::after, #connexion #real-inscription .optin-field #user_newsletter .c-form__label::after {
border: 1px solid #c0bdba !important;
color: #f3a090 !important;
width: 17px !important;
height: 17px !important; }
.homepage2023 .form-inscription .optin-field #user_newsletter .c-form__input, .homepage2023 #real-inscription .optin-field #user_newsletter .c-form__input, #connexion .form-inscription .optin-field #user_newsletter .c-form__input, #connexion #real-inscription .optin-field #user_newsletter .c-form__input {
color: #f3a090 !important; }
.homepage2023 .form-inscription .optin-field #user_newsletter .c-form__input:checked + .c-form__label::after, .homepage2023 #real-inscription .optin-field #user_newsletter .c-form__input:checked + .c-form__label::after, #connexion .form-inscription .optin-field #user_newsletter .c-form__input:checked + .c-form__label::after, #connexion #real-inscription .optin-field #user_newsletter .c-form__input:checked + .c-form__label::after {
border-color: #f3a090 !important;
color: #f3a090 !important; }
.homepage2023 .form-inscription .block_trustpilot_widget, .homepage2023 #real-inscription .block_trustpilot_widget, #connexion .form-inscription .block_trustpilot_widget, #connexion #real-inscription .block_trustpilot_widget {
margin: 20px 0; }
.homepage2023 .form-inscription .register-link, .homepage2023 #real-inscription .register-link, #connexion .form-inscription .register-link, #connexion #real-inscription .register-link {
color: #000; }
.homepage2023 .form-inscription .register-link a, .homepage2023 #real-inscription .register-link a, #connexion .form-inscription .register-link a, #connexion #real-inscription .register-link a {
color: #000;
font-size: 14px;
font-weight: normal; }
.homepage2023 .form-inscription .country-name, .homepage2023 #real-inscription .country-name, #connexion .form-inscription .country-name, #connexion #real-inscription .country-name {
display: none; }
.homepage2023 .form-inscription .c-form__field--mimic-select-dropdown, .homepage2023 #real-inscription .c-form__field--mimic-select-dropdown, #connexion .form-inscription .c-form__field--mimic-select-dropdown, #connexion #real-inscription .c-form__field--mimic-select-dropdown {
position: absolute;
top: 40px;
left: -140px; }
.homepage2023 .form-inscription .c-form__field--mimic-select-dropdown .country-name, .homepage2023 #real-inscription .c-form__field--mimic-select-dropdown .country-name, #connexion .form-inscription .c-form__field--mimic-select-dropdown .country-name, #connexion #real-inscription .c-form__field--mimic-select-dropdown .country-name {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
display: initial; }
@media (min-width: 900px) {
.homepage2023 .form-inscription .c-form__field--mimic-select-dropdown, .homepage2023 #real-inscription .c-form__field--mimic-select-dropdown, #connexion .form-inscription .c-form__field--mimic-select-dropdown, #connexion #real-inscription .c-form__field--mimic-select-dropdown {
position: absolute;
top: 40px;
left: 0; } }
@media (max-width: 1240px) {
.homepage2023 .form-inscription, .homepage2023 #real-inscription, #connexion .form-inscription, #connexion #real-inscription {
padding: 0 !important; } }
@media (max-width: 1100px) {
.homepage2023 .form-inscription .container .img-full-container, .homepage2023 #real-inscription .container .img-full-container, #connexion .form-inscription .container .img-full-container, #connexion #real-inscription .container .img-full-container {
width: 100%; }
.homepage2023 .form-inscription .container .img-full-container .img-full, .homepage2023 #real-inscription .container .img-full-container .img-full, #connexion .form-inscription .container .img-full-container .img-full, #connexion #real-inscription .container .img-full-container .img-full {
width: 100%; }
.homepage2023 .form-inscription .container .form-container, .homepage2023 #real-inscription .container .form-container, #connexion .form-inscription .container .form-container, #connexion #real-inscription .container .form-container {
margin: 0 auto; }
.homepage2023 .form-inscription.referred-register .container .form-container, .homepage2023 #real-inscription.referred-register .container .form-container, #connexion .form-inscription.referred-register .container .form-container, #connexion #real-inscription.referred-register .container .form-container {
position: initial;
margin: 0;
left: auto;
right: auto;
z-index: 2; } }
@media (max-width: 1000px) {
.homepage2023 .form-inscription .container, .homepage2023 #real-inscription .container, #connexion .form-inscription .container, #connexion #real-inscription .container {
width: 100%; }
.homepage2023 .form-inscription .container .register-link a, .homepage2023 #real-inscription .container .register-link a, #connexion .form-inscription .container .register-link a, #connexion #real-inscription .container .register-link a {
font-size: 14px; } }
@media (max-width: 768px) {
.homepage2023 .form-inscription .form-container, .homepage2023 #real-inscription .form-container, #connexion .form-inscription .form-container, #connexion #real-inscription .form-container {
height: auto; }
.homepage2023 .form-inscription .form-container .bloc-shadow, .homepage2023 #real-inscription .form-container .bloc-shadow, #connexion .form-inscription .form-container .bloc-shadow, #connexion #real-inscription .form-container .bloc-shadow {
padding: 40px 20px 20px 20px; }
.homepage2023 .form-inscription .row-form, .homepage2023 #real-inscription .row-form, #connexion .form-inscription .row-form, #connexion #real-inscription .row-form {
padding: 10px 0; }
.homepage2023 .form-inscription #submit, .homepage2023 #real-inscription #submit, #connexion .form-inscription #submit, #connexion #real-inscription #submit {
margin: 10px auto; }
.homepage2023 .form-inscription .text, .homepage2023 #real-inscription .text, #connexion .form-inscription .text, #connexion #real-inscription .text {
padding: 10px 0; } }
@media (max-width: 600px) {
.homepage2023 .form-inscription, .homepage2023 #real-inscription, #connexion .form-inscription, #connexion #real-inscription {
padding: 0 !important; }
.homepage2023 .form-inscription .container .form-container, .homepage2023 #real-inscription .container .form-container, #connexion .form-inscription .container .form-container, #connexion #real-inscription .container .form-container {
width: 100%;
position: initial; }
.homepage2023 .form-inscription .container .form-container .input-form-1, .homepage2023 #real-inscription .container .form-container .input-form-1, #connexion .form-inscription .container .form-container .input-form-1, #connexion #real-inscription .container .form-container .input-form-1 {
width: 65%; }
.homepage2023 .form-inscription .container .img-full-container, .homepage2023 #real-inscription .container .img-full-container, #connexion .form-inscription .container .img-full-container, #connexion #real-inscription .container .img-full-container {
display: none; } }
@media (max-width: 450px) {
.homepage2023 .form-inscription .form-container .link-text-grey, .homepage2023 #real-inscription .form-container .link-text-grey, #connexion .form-inscription .form-container .link-text-grey, #connexion #real-inscription .form-container .link-text-grey {
display: block !important; } }
@media (max-width: 350px) {
.homepage2023 .form-inscription .container, .homepage2023 #real-inscription .container, #connexion .form-inscription .container, #connexion #real-inscription .container {
width: 100%;
min-width: 320px; } }
/*--------------------
CONNEXION FORM
--------------------*/
#connexion .form-1 .bloc-shadow {
background: none; }
#connexion .form-1 .bloc-shadow .bi-chevron-left:hover {
transform: scale(1.1); }
#connexion .form-1 .bloc-shadow .c-title {
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-bold);
text-transform: none;
text-align: center;
font-size: 1.8em; }
#connexion .form-1 .bloc-shadow #form_login .row-form-design {
position: relative;
padding: 0px; }
#connexion .form-1 .bloc-shadow #form_login .row-form-design .label-form-1 {
position: relative;
top: 0;
left: 0;
display: block !important;
background: none;
text-transform: none;
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-bold);
font-size: 20px;
color: black;
width: auto; }
#connexion .form-1 .bloc-shadow #form_login .row-form-design .label-form-1:after {
content: "*"; }
#connexion .form-1 .bloc-shadow #form_login .row-form-design .input-form-1 {
background: none;
padding: 0px; }
#connexion .form-1 .bloc-shadow #form_login .row-form-design ::placeholder {
font-size: 0.9em; }
#connexion .form-1 .bloc-shadow #form_login button {
text-align: center; }
#connexion .form-1 .bloc-shadow #form_login .c-btn--register {
min-width: 230px;
padding-top: 4px;
padding-bottom: 8px;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 18px;
background-color: black;
width: 100%;
border: 2px solid #000000;
border-radius: 6px; }
#connexion .form-1 .bloc-shadow #form_login .c-btn--register:hover, #connexion .form-1 .bloc-shadow #form_login .c-btn--register:active, #connexion .form-1 .bloc-shadow #form_login .c-btn--register:focus {
transform: none;
background: #1A1A1A;
border-color: #1A1A1A;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); }
#connexion .form-1 .bloc-shadow #form_login .text {
text-align: center; }
#connexion .form-1 .bloc-shadow #form_login .text .link-text {
color: #F97759;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 0.9rem;
text-decoration: underline !important;
display: block; }
#connexion .form-1 .bloc-shadow #form_login .text .link-text-grey {
font-size: 0.9rem !important;
display: block; }
#connexion .form-1 .bloc-shadow .text-grey-small {
color: #555;
font-weight: 500;
display: block;
font-size: 13px;
margin-top: 18px;
margin-bottom: 6px; }
#connexion .form-1 .bloc-shadow .link-text-pink {
font-size: 14px;
font-weight: 600;
color: #E60050;
text-decoration: none;
border-bottom: 1px solid #E60050;
padding-bottom: 1px;
line-height: 1.2; }
.homepage2 .block_1 {
width: 100%;
height: auto;
position: relative;
text-align: center;
background: #fff url("/public/images/exemple-box-vetement.jpg") no-repeat center center;
background-size: 85%; }
.homepage2 .block_1 .content {
position: relative;
margin: 0 auto;
max-width: 460px;
padding: 140px 0; }
.homepage2 .block_1 .title {
font-size: 32px;
color: #272C30;
letter-spacing: 1px;
line-height: 1; }
.homepage2 .block_1 .text {
padding: 0 0 30px;
font-size: 18px;
color: #545454; }
.homepage2 .block_1 .sub_title {
font-weight: normal;
font-size: 18px;
padding: 0 15px 45px;
color: #545454; }
@media (max-width: 767px) {
.homepage2 .block_1 {
background: #fff; }
.homepage2 .block_1 .content {
padding: 60px 0; } }
.homepage2 .block_2 {
background: #fafafa; }
@media (max-width: 767px) {
.homepage2 .block_2 {
padding-bottom: 30px; } }
@media (max-width: 575px) {
.homepage2 .block_2 {
padding-bottom: 0; } }
.homepage2 .block_2 .header {
background: #F7F5F2;
padding: 60px 10px;
text-align: center; }
.homepage2 .block_2 .header .title {
color: #272C30;
font-size: 28px;
text-transform: uppercase; }
.homepage2 .block_2 .ul {
margin: 0 auto;
list-style-type: none; }
.homepage2 .block_2 .block_step {
text-align: center; }
.homepage2 .block_2 .block_step.block_step1 .left, .homepage2 .block_2 .block_step.block_step3 .left {
float: left;
left: 0; }
.homepage2 .block_2 .block_step.block_step1 .img, .homepage2 .block_2 .block_step.block_step3 .img {
float: right; }
.homepage2 .block_2 .block_step.block_step2 .img {
float: left; }
.homepage2 .block_2 .block_step.block_step2 .left {
float: right;
right: 0; }
.homepage2 .block_2 .block_step .right {
min-height: 300px; }
.homepage2 .block_2 .block_step .img {
display: block;
max-width: 500px;
width: 100%;
height: auto;
margin: 0 auto; }
.homepage2 .block_2 .block_step .left {
position: absolute;
top: 50%;
width: 100%;
max-width: 500px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
overflow: hidden; }
.homepage2 .block_2 .block_step .content {
padding: 0 15px;
text-align: center; }
.homepage2 .block_2 .block_step .content .etape {
font-size: 48px;
color: #d4d4d4;
text-shadow: 1px 1px 0px #FFF; }
.homepage2 .block_2 .block_step .content .h3 {
font-size: 24px;
color: #272C30;
font-weight: normal; }
.homepage2 .block_2 .block_step .content .p {
font-size: 16px;
padding-top: 10px;
color: #545454; }
@media (max-width: 991px) {
.homepage2 .block_2 .block_step .etape {
display: none; }
.homepage2 .block_2 .block_step .content {
padding: 0 30px;
text-align: left; }
.homepage2 .block_2 .block_step .content .h3 {
line-height: 1;
padding-bottom: 10px; } }
@media (max-width: 767px) {
.homepage2 .block_2 .block_step.block_step1 {
padding-top: 30px; }
.homepage2 .block_2 .block_step.block_step1, .homepage2 .block_2 .block_step.block_step2, .homepage2 .block_2 .block_step.block_step3 {
padding-bottom: 45px; }
.homepage2 .block_2 .block_step.block_step1 .left, .homepage2 .block_2 .block_step.block_step2 .left, .homepage2 .block_2 .block_step.block_step3 .left {
position: relative;
top: 0;
max-width: 100%;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%); }
.homepage2 .block_2 .block_step.block_step1 .img, .homepage2 .block_2 .block_step.block_step2 .img, .homepage2 .block_2 .block_step.block_step3 .img {
float: none;
max-width: 400px;
margin-top: 15px; }
.homepage2 .block_2 .block_step.block_step1 .right, .homepage2 .block_2 .block_step.block_step2 .right, .homepage2 .block_2 .block_step.block_step3 .right {
min-height: auto; }
.homepage2 .block_2 .block_step .etape {
display: block; }
.homepage2 .block_2 .block_step .content {
padding: 0 10px;
text-align: center; }
.homepage2 .block_2 .block_step .h3 {
padding-bottom: 0px; } }
.homepage2 .block_privilege {
background: #F3EFEC;
padding: 60px 0 20px;
text-align: center; }
.homepage2 .block_privilege.block_privilege_bottom {
background: #F7F5F2; }
.homepage2 .block_privilege .title {
font-size: 24px;
text-transform: uppercase;
color: #272C30; }
.homepage2 .block_privilege .ul {
padding-top: 40px;
list-style: none; }
.homepage2 .block_privilege .ul .li {
margin-bottom: 40px; }
.homepage2 .block_privilege .ul .li .h3 {
color: #272C30;
font-size: 18px;
padding: 20px 0 5px;
font-weight: bold; }
.homepage2 .block_privilege .ul .li .p {
font-size: 16px; }
.homepage2 .block_privilege .ul .li .content_img {
height: auto; }
.homepage2 .block_privilege .ul .li .content_img .img {
display: block;
height: auto;
width: auto;
margin: 0 auto;
max-width: 45px;
max-height: 45px; }
.homepage2 .block_styliste {
background: #fff;
border-bottom: 1px solid #ddd;
padding: 0;
text-align: center;
position: relative; }
.homepage2 .block_styliste .h2 {
font-size: 20px;
color: #272C30; }
.homepage2 .block_styliste .p {
font-size: 16px;
padding: 20px 0; }
.homepage2 .block_styliste .styliste {
font-size: 16px;
color: #272C30; }
.homepage2 .block_styliste .back {
padding: 0 20px;
position: relative;
z-index: 2;
background: #FFF;
display: inline-block;
vertical-align: middle;
width: 50%; }
.homepage2 .block_styliste picture {
width: 50%;
display: inline-block;
vertical-align: middle;
padding: 0; }
.homepage2 .block_styliste .img {
width: 100%; }
@media (max-width: 768px) {
.homepage2 .block_styliste {
display: none; } }
.homepage2 .form-1 .container {
max-width: 970px; }
.homepage2 .form-1 .bloc-shadow {
padding: 40px; }
.homepage2 .form-1 .title-form-1 {
text-align: center;
font-size: 26px; }
.homepage2 .form-1 .img-full {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0; }
@media (max-width: 768px) {
.homepage2 .form-1 .bloc-shadow {
padding: 20px 20px; }
.homepage2 .form-1 .row-form {
padding: 10px 0px; }
.homepage2 .form-1 #submit {
margin: 10px auto; }
.homepage2 .form-1 .text {
padding: 10px 0; } }
@media (max-width: 992px) {
.homepage2 .form-1 .img-full-container {
display: none;
visibility: hidden; } }
#personal-shopper {
min-width: 320px; }
#personal-shopper strong {
font-family: "Montserrat-Bold", sans-serif; }
#personal-shopper .header {
background: #fff url("/public/images/personal-shopper-header.jpg");
height: 620px;
text-align: center;
padding: 200px 100px;
box-sizing: border-box; }
#personal-shopper .header .header-text {
color: #000;
font-family: "DomaineDisp-Semibold", sans-serif;
font-size: 42px;
margin-bottom: 100px; }
#personal-shopper .header .c-btn--register {
padding: 10px 30px 15px 30px;
min-height: auto;
line-height: normal;
box-shadow: none;
margin-top: 1px;
background: #FFAB9E;
border: none;
font-size: 18px;
border-radius: 0;
font-weight: bold; }
#personal-shopper .container {
width: 1400px; }
#personal-shopper .container .show-990 {
display: none; }
#personal-shopper .container .mt60minus {
margin-top: -60px; }
#personal-shopper .container .c-title {
font-family: "DomaineDisp-Regular", sans-serif;
text-transform: uppercase;
font-size: 32px;
text-align: left; }
#personal-shopper .container .page--frontTemplate__text {
color: #000; }
#personal-shopper .container .slick-carousel-3 .slick-slide {
height: 249px;
text-align: center;
transition: all ease 0.1s; }
#personal-shopper .container .slick-carousel-3 .slick-slide > img {
width: 200px;
margin: 0 auto 15px auto; }
#personal-shopper .container .slick-carousel-3 .slick-slide > b {
color: #000; }
#personal-shopper .container .slick-carousel-3 .slick-slide:hover {
opacity: 0.8; }
#personal-shopper .container .slick-carousel-3 .slick-prev {
left: 60px; }
#personal-shopper .container .slick-carousel-3 .slick-next {
right: 70px; }
#personal-shopper .container .slick-carousel-3 .slick-prev::before {
content: "";
width: 20px;
height: 20px;
border-left: 2px solid black;
border-top: 2px solid black;
display: block;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }
#personal-shopper .container .slick-carousel-3 .slick-next::before {
content: "";
width: 20px;
height: 20px;
border-left: 2px solid black;
border-top: 2px solid black;
display: block;
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg); }
#personal-shopper .container .slick-carousel-3 .slick-prev, #personal-shopper .container .slick-carousel-3 .slick-next {
top: 100px;
z-index: 100; }
#personal-shopper .container .carousel-wrapper {
position: relative; }
#personal-shopper .container .carousel-wrapper .slick-carousel-photos {
border: 1px solid #F3A090; }
#personal-shopper .container .carousel-wrapper .slick-carousel-photos .slick-slide img {
width: 100%; }
#personal-shopper .container .carousel-wrapper .slick-carousel-photos .slick-dots {
margin: -10px 0; }
#personal-shopper .container .carousel-wrapper .slick-carousel-photos .slick-dots > li {
margin: 0; }
#personal-shopper .container .carousel-wrapper .slick-carousel-photos .slick-dots > li > button:before {
content: "";
width: 13px;
height: 13px;
border: 1.5px solid #F3A090;
border-radius: 25px;
opacity: 1; }
#personal-shopper .container .carousel-wrapper .slick-carousel-photos .slick-dots > li.slick-active > button:before {
background: #F3A090; }
#personal-shopper .container .carousel-wrapper .carousel-text {
position: absolute;
bottom: 31px;
left: 8px;
width: 96.5%;
background: rgba(255, 255, 255, 0.8);
color: #000;
padding: 10px;
font-size: 20px;
font-family: "DomaineDisp-Semibold", sans-serif;
text-transform: uppercase;
text-align: center; }
#personal-shopper .container .need-relooking {
text-align: center;
position: relative;
border: 2px solid #F3A090; }
#personal-shopper .container .need-relooking h2 {
display: block;
font-size: 28px;
color: #000;
width: 100%;
font-family: "DomaineDisp-Regular", sans-serif;
text-transform: uppercase;
margin-bottom: 40px;
margin-top: -18px; }
#personal-shopper .container .need-relooking h2 span {
background: #fff; }
#personal-shopper .container .need-relooking > div {
color: #000;
font-family: "Montserrat-Regular", sans-serif;
width: 100%; }
#personal-shopper .container .need-relooking .c-btn--register {
padding: 10px 30px 15px 30px;
min-height: auto;
line-height: normal;
box-shadow: none;
background: #FFAB9E;
border: none;
font-size: 18px;
border-radius: 0;
font-weight: bold;
margin: 60px auto -25px auto; }
#personal-shopper #real-inscription .container {
width: 1100px; }
#personal-shopper #real-inscription .container h2 {
font-size: 22px; }
@media (max-width: 990px) {
#personal-shopper .container .show-990 {
display: initial; }
#personal-shopper .container .hide-990 {
display: none; }
#personal-shopper .container .c-title {
font-size: 24px;
text-align: center; }
#personal-shopper .container .c-title.mt60minus {
margin-top: auto; }
#personal-shopper .container .page--frontTemplate__text {
text-align: center; }
#personal-shopper .container .carousel-wrapper {
width: 300px;
margin: 0 auto; } }
@media (max-width: 630px) {
#personal-shopper .slick-carousel-3 .slick-list.draggable {
width: 200px;
margin: 0 auto; }
#personal-shopper .slick-carousel-3 .slick-list.draggable .slick-next {
right: 60px; } }
@media (max-width: 575px) {
#personal-shopper .header {
padding: 100px 50px; }
#personal-shopper .header .header-text {
font-size: 36px; }
#personal-shopper .container {
width: 95%; }
#personal-shopper #real-inscription .container {
width: 100%; } }
@media (max-width: 450px) {
#personal-shopper .container .slick-carousel-3 .slick-prev {
left: 10px; }
#personal-shopper .container .slick-carousel-3 .slick-next {
right: 10px; } }
#additional_questions {
font-family: "DomaineDisp-Regular", sans-serif;
background-color: #E8E8E8; }
#additional_questions .popup-container {
padding: 30px;
margin: auto;
position: absolute;
left: 50%;
top: 20%;
transform: translate(-50%, -20%);
background-color: white; }
#additional_questions .popup-container .popup-title {
font-size: 3em;
margin: auto;
text-align: center;
font-weight: normal; }
#additional_questions .popup-container .popup-p {
text-align: center;
font-weight: normal;
font-size: large; }
#additional_questions .popup-container .form-rows-container {
display: flex;
flex-direction: row;
justify-content: center; }
#additional_questions .popup-container .form-rows-container .label-column {
font-size: x-large;
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-around; }
#additional_questions .popup-container .form-rows-container .label-column .label-custom {
margin-top: 5px; }
#additional_questions .popup-container .form-rows-container .widget-column {
font-size: x-large;
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-around; }
#additional_questions .popup-container .form-rows-container .widget-column .select-custom {
margin-top: 15px;
margin-bottom: 15px;
background-color: #E7E7E6;
border-color: #ACACAB;
width: 150px;
height: 50px; }
#additional_questions .popup-container .c-form__label-custom {
font-size: large !important; }
#additional_questions .popup-container .c-form__field-custom {
text-align: center; }
#additional_questions .popup-container .validation-button-wrapper {
display: flex;
justify-content: center; }
#additional_questions .popup-container .validation-button-wrapper .c-btn-custom {
width: 75% !important;
height: 75px !important;
font-size: x-large !important;
font-weight: bold !important; }
#additional_questions .u-color--orange-custom {
text-align: center !important; }
#additional_questions .error-size {
border-color: red !important; }
:root {
--title-font: "DomaineDisp-Regular", sans-serif;
--text-font-light: 300;
--text-font-bold: 700;
--text-font-manuscrit: "Roustel", sans-serif;
--text: sans-serif;
--main-title-size: 2.125em;
--lg-main-title-size: 9vh;
--lg-subtitle-size: 2.5vw;
--title-size: 1.1em;
--text-size: 1em;
--sm-title-size: 1.5em;
--sm-text-size: 1.1em;
--lg-text-size: 1.5em;
--desktop-text-size: 1.5em;
--inscription-subtitle-size: 1.25em;
--bg-white: #fff;
--bg-grey: #f4f4f5;
--black: #000000;
--text-color-grey-dark: #666;
--text-color-grey-shady: #9b9b9b;
--btn-melon: #FFAB9E;
--btn-salmon-hover: #FF8573;
--border-grey: #e9eaea; }
.homepage-referral .block_1 {
align-items: center; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title {
padding-top: 1.25em;
padding-left: 1.25em;
padding-right: 1.25em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title h1 {
font-size: var(--main-title-size);
text-align: center;
line-height: 1.4em;
color: var(--black);
font-family: var(--title-font); }
.homepage-referral .block_1 .ref-intro-bloc .ref-content {
padding: 2em 0; }
.homepage-referral .block_1 .ref-intro-bloc .ref-content h2 {
font-size: var(--text-size);
text-align: center;
line-height: 1.3em;
color: var(--black);
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light); }
.homepage-referral .block_1 .ref-intro-bloc .ref-cta {
text-align: center;
padding-bottom: 2.5em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-cta .c-btn--red {
background: var(--btn-melon);
border: none;
font-size: 18px;
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px; }
.homepage-referral .block_1 .ref-intro-bloc .ref-cta .c-btn--red:hover, .homepage-referral .block_1 .ref-intro-bloc .ref-cta .c-btn--red:active, .homepage-referral .block_1 .ref-intro-bloc .ref-cta .c-btn--red:focus {
transform: none;
background: var(--btn-salmon-hover);
border: none; }
.homepage-referral .block_1 .ref-intro-bloc .ref-intro-image-wrapper {
max-width: 1680px;
min-width: 320px;
width: 100%;
background-repeat: no-repeat;
background-position: center center;
position: relative;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: baseline; }
.homepage-referral .block_1 .ref-intro-bloc .ref-intro-image-wrapper .intro-img {
width: 100%;
max-height: 1120px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
padding: 0;
margin: 0; }
.homepage-referral .block_1 .ref-intro-bloc .ref-intro-image-wrapper svg.bi-chevron-down {
position: absolute;
top: 90%;
left: 50%;
transform: translate(-50%, -50%); }
.homepage-referral .block_1 .ref-intro-bloc .ref-intro-image-wrapper svg.hidden {
display: none; }
@media only screen and (min-width: 400px) {
.homepage-referral .block_1 .ref-intro-bloc .ref-title {
padding-left: 1.25em;
padding-right: 1.25em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title h1 {
font-size: var(--main-title-size); }
.homepage-referral .block_1 .ref-intro-bloc .ref-content h2 {
font-size: var(--sm-text-size); } }
@media only screen and (min-width: 600px) {
.homepage-referral .block_1 .ref-intro-bloc .ref-title {
padding-left: 2em;
padding-right: 2em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title h1 {
font-size: var(--main-title-size); }
.homepage-referral .block_1 .ref-intro-bloc .ref-content h2 {
font-size: var(--sm-text-size); } }
@media only screen and (min-width: 800px) {
.homepage-referral .block_1 .ref-intro-bloc .ref-title {
padding-left: 8em;
padding-right: 8em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title h1 {
font-size: var(--main-title-size); }
.homepage-referral .block_1 .ref-intro-bloc .ref-content h2 {
font-size: var(--sm-text-size); } }
@media only screen and (min-width: 992px) {
.homepage-referral .block_1 {
height: auto;
margin-bottom: 100px; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title {
padding-left: 1.5em;
padding-right: 1.5em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title h1 {
font-size: var(--lg-main-title-size);
line-height: 9vh; }
.homepage-referral .block_1 .ref-intro-bloc .ref-content h2 {
font-size: var(--lg-text-size); }
.homepage-referral .block_1 .ref-intro-bloc .ref-intro-image-wrapper .intro-img {
width: 70%; } }
@media only screen and (min-width: 1200px) {
.homepage-referral .block_1 {
height: auto;
margin-bottom: 100px; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title {
padding-left: 10em;
padding-right: 10em; }
.homepage-referral .block_1 .ref-intro-bloc .ref-title h1 {
font-size: var(--lg-main-title-size); }
.homepage-referral .block_1 .ref-intro-bloc .ref-content h2 {
font-size: var(--desktop-text-size); }
.homepage-referral .block_1 .ref-intro-bloc .ref-intro-image-wrapper .intro-img {
width: 70%; } }
.homepage-referral .block_2 {
background-color: var(--bg-grey); }
.homepage-referral .block_2 .ref-title {
text-align: center;
padding: 4em 0.8em 2.5em 0.8em; }
.homepage-referral .block_2 .ref-title h1 {
font-family: var(--title-font);
font-size: var(--main-title-size);
color: var(--black); }
@media only screen and (min-width: 400px) {
.homepage-referral .block_2 .ref-title h1 {
font-size: var(--main-title-size); } }
@media only screen and (min-width: 600px) {
.homepage-referral .block_2 .ref-title h1 {
font-size: var(--main-title-size); } }
@media only screen and (min-width: 992px) {
.homepage-referral .block_2 .ref-title h1 {
font-size: var(--lg-subtitle-size); } }
@media only screen and (min-width: 1200px) {
.homepage-referral .block_2 .ref-title h1 {
font-size: var(--lg-subtitle-size); } }
.homepage-referral .block_2 .ref-content .ref-card h2 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
font-size: var(--text-size);
color: var(--black);
line-height: 1.3; }
.homepage-referral .block_2 .ref-content .ref-card h3 {
font-family: var(--text);
font-size: var(--text-size);
color: var(--text-color-grey-shady);
padding: 0 1em;
line-height: 1.3; }
.homepage-referral .block_2 .ref-content .ref-card .img-ref {
margin: 40px 0;
height: 120px;
width: 120px; }
@media only screen and (min-width: 992px) {
.homepage-referral .block_2 .ref-content .ref-card h2 {
font-size: 1.6vw; }
.homepage-referral .block_2 .ref-content .ref-card h3 {
font-size: 1.6vw; } }
@media only screen and (min-width: 2100px) {
.homepage-referral .block_2 .ref-content .ref-card .img-ref {
height: 200px;
width: 200px; } }
@media only screen and (min-width: 400px) and (max-width: 600px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 40px; } }
@media only screen and (min-width: 600px) and (max-width: 800px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 180px; } }
@media only screen and (min-width: 800px) and (max-width: 991px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 270px; } }
@media only screen and (min-width: 992px) and (max-width: 1049px) {
.homepage-referral .block_2 .ref-content .ref-card-left h3 {
padding: 0 40px; } }
@media only screen and (min-width: 1050px) and (max-width: 1339px) {
.homepage-referral .block_2 .ref-content .ref-card-left h3 {
padding: 0 50px; } }
@media only screen and (min-width: 1340px) and (max-width: 1470px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 30px; }
.homepage-referral .block_2 .ref-content .ref-card-left h3 {
padding: 0 50px; }
.homepage-referral .block_2 .ref-content .ref-card-right h3 {
padding: 0 50px; } }
@media only screen and (min-width: 1470px) and (max-width: 1594px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 50px; }
.homepage-referral .block_2 .ref-content .ref-card-left h3 {
padding: 0 50px; } }
@media only screen and (min-width: 1594px) and (max-width: 1700px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 70px; } }
@media only screen and (min-width: 1700px) and (max-width: 2050px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 90px; } }
@media only screen and (min-width: 2050px) {
.homepage-referral .block_2 .ref-content .ref-card {
padding: 0 110px; } }
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.homepage-referral .block_2 {
padding: 0 5em; } }
@media only screen and (min-width: 1200px) and (max-width: 1340px) {
.homepage-referral .block_2 {
padding: 0 5em; }
.homepage-referral .block_2 .ref-title {
padding: 2em 0.8em 2em 0.8em; } }
.homepage-referral .block_3_slick_desktop {
display: block;
align-items: center;
margin-bottom: 50px;
padding: 0 10px; }
.homepage-referral .block_3_slick_desktop .slide-show {
height: 15vh;
text-align: center;
margin: 0 5px; }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper {
display: flex;
height: 15vh;
justify-content: center;
align-items: center; }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
z-index: 6;
width: 100%;
display: flex;
justify-content: start;
align-items: center; }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp img.profile-styliste {
border-radius: 50%;
height: 50px; }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right {
display: flex;
flex-direction: column;
margin-left: 10px;
padding: 0;
text-align: start; }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right h2 {
font-family: var(--title-font);
font-size: var(--title-size);
color: var(--black);
font-weight: bolder;
padding-right: 0.5em; }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right h2 span {
font-family: var(--text-font-manuscrit);
font-size: var(--title-size); }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right h3 {
font-size: var(--text-size);
color: var(--black);
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light); }
@media only screen and (min-width: 1500px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right h2 {
font-size: var(--sm-title-size); }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right h2 span {
font-size: var(--sm-title-size); }
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp .top-right h3 {
font-size: var(--sm-text-size); } }
@media only screen and (min-width: 400px) and (max-width: 500px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
width: 85%; } }
@media only screen and (min-width: 500px) and (max-width: 600px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
width: 70%; } }
@media only screen and (min-width: 600px) and (max-width: 700px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
width: 60%; } }
@media only screen and (min-width: 700px) and (max-width: 799px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
width: 60%; } }
@media only screen and (min-width: 800px) and (max-width: 899px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
padding-left: 30.3vw; } }
@media only screen and (min-width: 900px) and (max-width: 950px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
padding-left: 30.3vw; } }
@media only screen and (min-width: 950px) and (max-width: 975px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
padding-left: 30.6vw; } }
@media only screen and (min-width: 975px) and (max-width: 1100px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
padding-left: 35vw; } }
@media only screen and (min-width: 1100px) {
.homepage-referral .block_3_slick_desktop .slide-show .profile-wrapper .sharp {
width: 30.3%; } }
.homepage-referral .block_3_slick_desktop .slider-nav {
justify-content: center;
align-items: center; }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-prev {
left: 0px;
z-index: 1; }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-next {
right: 0px; }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-next::before {
content: "";
background: url("/public/images/carrousel-arrow-right.png") no-repeat;
height: 50px;
width: 25px;
background-size: contain;
position: absolute;
right: 2px; }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-prev::before {
content: "";
background: url("/public/images/carrousel-arrow-left.png") no-repeat;
height: 50px;
width: 25px;
background-size: contain;
position: absolute;
left: 2px; }
@media only screen and (min-width: 500px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-next::before {
right: 20px; }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-prev::before {
left: 20px; } }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide .ref-carousel-img {
margin: 0 auto;
width: 100%;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; }
@media only screen and (min-width: 400px) and (max-width: 500px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide .ref-carousel-img {
width: 85%; } }
@media only screen and (min-width: 500px) and (max-width: 600px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide .ref-carousel-img {
width: 70%; } }
@media only screen and (min-width: 600px) and (max-width: 700px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide .ref-carousel-img {
width: 60%; } }
@media only screen and (min-width: 700px) and (max-width: 800px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide .ref-carousel-img {
width: 60%; } }
@media only screen and (min-width: 2000px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide .ref-carousel-img {
height: 650px; } }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-center {
display: block;
opacity: 1; }
@media only screen and (min-width: 800px) {
.homepage-referral .block_3_slick_desktop .slider-nav .slick-slide {
margin: 0px 15px;
opacity: 0.2; }
.homepage-referral .block_3_slick_desktop .slider-nav .slick-center {
display: block;
opacity: 1; } }
@media only screen and (min-width: 800px) and (max-width: 900px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 240px; } }
@media only screen and (min-width: 900px) and (max-width: 1000px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 270px; } }
@media only screen and (min-width: 1000px) and (max-width: 1100px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 310px; } }
@media only screen and (min-width: 1100px) and (max-width: 1200px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 360px; } }
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 380px; } }
@media only screen and (min-width: 1300px) and (max-width: 1400px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 420px; } }
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 470px; } }
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 540px; } }
@media only screen and (min-width: 1800px) and (max-width: 2000px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 620px; } }
@media only screen and (min-width: 2000px) {
.homepage-referral .block_3_slick_desktop .slider-nav {
height: 650px; } }
.homepage-referral .slick-dots li.slick-active button::before {
color: var(--btn-salmon-hover); }
.homepage-referral .slick-dots li button::before {
color: var(--btn-salmon-hover);
font-size: 16px; }
.homepage-referral .form-inscription .bloc-shadow {
padding: 40px 20px; }
.homepage-referral .form-inscription .bloc-shadow h2.ref-title {
font-size: var(--main-title-size);
font-family: var(--title-font);
text-align: center; }
.homepage-referral .form-inscription .bloc-shadow h3.ref-content {
font-size: var(--inscription-subtitle-size);
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light); }
@media only screen and (max-width: 480px) {
.homepage-referral .form-inscription .bloc-shadow .c-btn--register {
width: 100%; } }
@media only screen and (min-width: 400px) {
.homepage-referral .form-inscription .bloc-shadow h2.ref-title {
font-size: var(--main-title-size); } }
@media only screen and (min-width: 992px) {
.homepage-referral .form-inscription .bloc-shadow h2.ref-title {
font-size: var(--lg-subtitle-size); } }
.homepage-referral .form-inscription .form-container {
width: 700px;
min-width: 320px;
position: relative; }
@media (min-width: 320px) {
.homepage-referral .form-inscription .form-container {
width: 20em; } }
@media (min-width: 360px) {
.homepage-referral .form-inscription .form-container {
width: 22em; } }
@media (min-width: 400px) {
.homepage-referral .form-inscription .form-container {
width: 25em; } }
@media (min-width: 500px) {
.homepage-referral .form-inscription .form-container {
width: 31em; } }
.homepage-referral .block_7 {
margin: 2.5em 0; }
:root {
--text-font-light: 300;
--text-font-bold: 700;
--text-font-manuscrit: "Roustel", sans-serif;
--text-font-domaineDisp: "DomaineDisp-Regular", sans-serif;
--text: sans-serif;
--title-size: 1.6rem;
--subtitle-size: 1.2rem;
--text-size: 1.1rem;
--line-height-base: 1.4em;
--bg-white: #fff;
--bg-grey: #f4f4f5;
--black: #000000;
--text-color-grey-dark: #666;
--text-color-grey-shady: #9b9b9b;
--btn-melon: #FFAB9E;
--btn-salmon-hover: #FF8573;
--bg-rose: #FBEEE8;
--border-grey: #e9eaea;
--yellow: #FDFD37; }
/*
-----------------
Referral-temp, Referrer
-----------------
*/
.homepage-referral-temp .block_1_2_wrapper .block_1, .homepage-referrer .block_1_2_wrapper .block_1 {
padding-left: 20px;
padding-right: 20px; }
.homepage-referral-temp .block_1_2_wrapper .block_1 h1, .homepage-referrer .block_1_2_wrapper .block_1 h1 {
font-size: var(--title-size);
color: var(--black);
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
padding-top: 1.25em;
line-height: var(--line-height-base); }
.homepage-referral-temp .block_1_2_wrapper .block_1 h1 span.referrer, .homepage-referrer .block_1_2_wrapper .block_1 h1 span.referrer {
font-family: var(--text-font-manuscrit);
font-size: 1.7rem; }
.homepage-referral-temp .block_1_2_wrapper .block_1 h1 span.referred, .homepage-referrer .block_1_2_wrapper .block_1 h1 span.referred {
padding-right: .3em; }
.homepage-referral-temp .block_1_2_wrapper .block_1 h2, .homepage-referrer .block_1_2_wrapper .block_1 h2 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
font-size: var(--title-size);
line-height: var(--line-height-base);
color: var(--black); }
.homepage-referral-temp .block_1_2_wrapper .block_1 h3, .homepage-referrer .block_1_2_wrapper .block_1 h3 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light);
font-size: var(--text-size);
line-height: var(--line-height-base);
color: var(--black);
padding: 1.25em 0; }
.homepage-referral-temp .block_1_2_wrapper .block_1 .ref-cta, .homepage-referrer .block_1_2_wrapper .block_1 .ref-cta {
text-align: center;
padding-bottom: 1.5em; }
.homepage-referral-temp .block_1_2_wrapper .block_1 .ref-cta .c-btn--red, .homepage-referrer .block_1_2_wrapper .block_1 .ref-cta .c-btn--red {
background: var(--black);
border: none;
font-size: 18px;
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px; }
.homepage-referral-temp .block_1_2_wrapper .block_1 .ref-cta .c-btn--red:hover, .homepage-referral-temp .block_1_2_wrapper .block_1 .ref-cta .c-btn--red:active, .homepage-referral-temp .block_1_2_wrapper .block_1 .ref-cta .c-btn--red:focus, .homepage-referrer .block_1_2_wrapper .block_1 .ref-cta .c-btn--red:hover, .homepage-referrer .block_1_2_wrapper .block_1 .ref-cta .c-btn--red:active, .homepage-referrer .block_1_2_wrapper .block_1 .ref-cta .c-btn--red:focus {
transform: none;
background: var(--black);
border: none; }
.homepage-referral-temp .block_1_2_wrapper .block_2, .homepage-referrer .block_1_2_wrapper .block_2 {
overflow: hidden; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper {
width: 100%;
height: 100%;
display: flex;
align-items: center;
position: relative; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 20px auto 0 auto;
position: relative; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel::-webkit-scrollbar, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel::-webkit-scrollbar {
display: none; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel {
width: 2120px; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel .carrousel-img, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel .homepage_carrousel .carrousel-img {
width: 250px;
margin-right: 10px; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left {
position: absolute;
left: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 20px;
bottom: 0;
margin: auto; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right {
position: absolute;
right: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 20px;
bottom: 0;
margin: auto; }
@media (min-width: 768px) {
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left {
left: 15px; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right {
right: 15px; } }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 {
width: 100%;
overflow-x: scroll;
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
margin: 20px auto 0 auto;
position: relative; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2::-webkit-scrollbar, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2::-webkit-scrollbar {
display: none; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 {
width: 2120px; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 .carrousel-img-wrapper, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 .carrousel-img-wrapper {
width: 250px;
height: 250px;
margin-right: 10px;
display: inline-block;
background-color: #f5f5f5; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 .carrousel-img-wrapper .carrousel-img, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .block_carrousel2 .homepage_carrousel2 .carrousel-img-wrapper .carrousel-img {
width: 100%; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left2, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left2 {
position: absolute;
left: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 20px;
bottom: 0;
margin: auto; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right2, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right2 {
position: absolute;
right: 5px;
height: 50px;
width: auto;
cursor: pointer;
top: 20px;
bottom: 0;
margin: auto; }
@media (min-width: 768px) {
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left2, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-left2 {
left: 15px; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right2, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper #intro-carrousel-arrow-right2 {
right: 15px; } }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer {
position: absolute;
z-index: 2;
bottom: 25px;
right: 25px;
height: 56px;
width: 135px;
border-radius: 10px;
background-color: var(--yellow);
font-size: var(--text-size);
font-family: var(--text-font-domaineDisp);
font-weight: bold;
text-align: center;
padding: 9px 6px 0px 6px;
color: var(--black); }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer span.offer, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer span.offer {
font-size: 1.5em; }
@media (min-width: 768px) {
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer {
position: absolute;
z-index: 2;
bottom: 25px;
right: 30%; }
.homepage-referral-temp .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer span.offer, .homepage-referrer .block_1_2_wrapper .block_2 .homepage_img_wrapper .label-offer span.offer {
font-size: 1.6em; } }
.homepage-referral-temp .block_3, .homepage-referrer .block_3 {
padding-left: 20px;
padding-right: 20px; }
.homepage-referral-temp .block_3 h2, .homepage-referrer .block_3 h2 {
font-size: var(--title-size);
color: var(--black);
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
padding-top: 20px;
padding-bottom: 20px;
line-height: var(--line-height-base); }
@media (min-width: 768px) {
.homepage-referral-temp .block_3 h2, .homepage-referrer .block_3 h2 {
padding-bottom: 0px; } }
.homepage-referral-temp .block_3 .bi-chevron-down, .homepage-referrer .block_3 .bi-chevron-down {
margin-top: 30px;
margin-bottom: 10px;
width: 30px;
height: 30px; }
@media (min-width: 768px) {
.homepage-referral-temp .block_3 .bi-chevron-down, .homepage-referrer .block_3 .bi-chevron-down {
width: 30px;
height: 30px; } }
.homepage-referral-temp .block_3 .hidden, .homepage-referrer .block_3 .hidden {
display: none; }
.homepage-referral-temp .block_3 .ref-card-wrap, .homepage-referrer .block_3 .ref-card-wrap {
max-width: 1500px;
margin: 0 auto; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card, .homepage-referrer .block_3 .ref-card-wrap .ref-card {
vertical-align: top;
display: inline-block;
width: 24%; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .text-ref-wrap, .homepage-referrer .block_3 .ref-card-wrap .ref-card .text-ref-wrap {
max-width: 320px;
width: auto;
text-align: center;
margin: 10px auto 0 auto;
font-weight: 300;
font-size: 17.5px;
color: #000;
line-height: 24px; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .text-ref-wrap h3, .homepage-referrer .block_3 .ref-card-wrap .ref-card .text-ref-wrap h3 {
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .text-ref-wrap h4, .homepage-referrer .block_3 .ref-card-wrap .ref-card .text-ref-wrap h4 {
font-family: "sofia-pro", sans-serif;
font-weight: 300; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .img-ref-wrap, .homepage-referrer .block_3 .ref-card-wrap .ref-card .img-ref-wrap {
border-radius: 10px;
width: 150px;
height: 150px;
margin: 0 auto;
overflow: hidden;
background-color: #f5f5f5; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .img-ref-wrap .img-ref, .homepage-referrer .block_3 .ref-card-wrap .ref-card .img-ref-wrap .img-ref {
width: 100%; }
@media (max-width: 930px) {
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card, .homepage-referrer .block_3 .ref-card-wrap .ref-card {
display: block;
width: 100%;
margin-bottom: 25px; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .img-ref-wrap, .homepage-referrer .block_3 .ref-card-wrap .ref-card .img-ref-wrap {
display: inline-block;
vertical-align: top; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .text-ref-wrap, .homepage-referrer .block_3 .ref-card-wrap .ref-card .text-ref-wrap {
display: inline-block;
vertical-align: top;
width: calc(100% - 155px);
height: 150px;
padding-top: 0;
padding-left: 15px;
margin-top: 0;
text-align: left;
font-size: 19px;
line-height: 27px; } }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .bi-chevron-down, .homepage-referrer .block_3 .ref-card-wrap .ref-card .bi-chevron-down {
margin-top: 40px; }
.homepage-referral-temp .block_3 .ref-card-wrap .ref-card .hidden, .homepage-referrer .block_3 .ref-card-wrap .ref-card .hidden {
display: none; }
.homepage-referral-temp .block_4, .homepage-referrer .block_4 {
padding-left: 20px;
padding-right: 20px; }
.homepage-referral-temp .block_4 .referrals-title h2, .homepage-referrer .block_4 .referrals-title h2 {
font-size: 1.25rem;
color: var(--black);
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
padding-top: 30px;
line-height: 1; }
.homepage-referral-temp .block_4 .parrainage-bloc-lien, .homepage-referrer .block_4 .parrainage-bloc-lien {
padding-right: 0px;
padding-left: 0px; }
@media (min-width: 768px) {
.homepage-referral-temp .block_4, .homepage-referrer .block_4 {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--bg-rose);
margin-top: 1.25em;
padding-bottom: 30px; }
.homepage-referral-temp .block_4 .referrals-title, .homepage-referrer .block_4 .referrals-title {
text-align: center; }
.homepage-referral-temp .block_4 .referrals-title h2, .homepage-referrer .block_4 .referrals-title h2 {
font-size: 2rem;
line-height: 1; } }
@media (min-width: 1200px) {
.homepage-referral-temp .block_4 .referrals-title h2, .homepage-referrer .block_4 .referrals-title h2 {
font-size: 2.2rem; } }
.homepage-referral-temp .block_reviews, .homepage-referrer .block_reviews {
font-family: 'sofia-pro', sans-serif; }
.homepage-referral-temp .block_reviews .cf2-reviews, .homepage-referrer .block_reviews .cf2-reviews {
margin: 48px auto 12px;
padding: 0 16px;
color: var(--cf2-text);
max-width: 1200px;
text-align: center; }
.homepage-referral-temp .block_reviews .cf2-eyebrow, .homepage-referrer .block_reviews .cf2-eyebrow {
text-transform: uppercase;
letter-spacing: .08em;
font-size: 12px;
color: var(--cf2-muted);
margin: 0 0 8px;
font-family: 'sofia-pro', sans-serif; }
.homepage-referral-temp .block_reviews .cf2-reviews h2, .homepage-referrer .block_reviews .cf2-reviews h2 {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 26px;
line-height: 36px;
margin: 0 0 18px; }
.homepage-referral-temp .block_reviews .cf2-reviews h2 strong, .homepage-referrer .block_reviews .cf2-reviews h2 strong {
color: var(--cf2-green); }
.homepage-referral-temp .block_reviews .cf2-reel, .homepage-referrer .block_reviews .cf2-reel {
position: relative;
padding: 0 30px; }
.homepage-referral-temp .block_reviews .cf2-track, .homepage-referrer .block_reviews .cf2-track {
display: flex;
gap: 16px;
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
padding: 2px 0;
scrollbar-width: none;
user-select: none; }
.homepage-referral-temp .block_reviews .cf2-track::-webkit-scrollbar, .homepage-referrer .block_reviews .cf2-track::-webkit-scrollbar {
display: none; }
.homepage-referral-temp .block_reviews .cf2-card, .homepage-referrer .block_reviews .cf2-card {
background: var(--cf2-card-bg);
border: 1px solid var(--cf2-card-br);
border-radius: 10px;
padding: 18px;
box-shadow: var(--cf2-shadow);
min-width: 300px;
max-width: 360px;
scroll-snap-align: start;
text-align: left;
display: flex;
flex-direction: column;
gap: 10px; }
.homepage-referral-temp .block_reviews .cf2-stars, .homepage-referrer .block_reviews .cf2-stars {
display: flex;
gap: 6px; }
.homepage-referral-temp .block_reviews .cf2-stars .star, .homepage-referrer .block_reviews .cf2-stars .star {
width: 20px;
height: 20px; }
.homepage-referral-temp .block_reviews .cf2-card h3, .homepage-referrer .block_reviews .cf2-card h3 {
font-size: 18px;
margin: 0; }
.homepage-referral-temp .block_reviews .cf2-quote, .homepage-referrer .block_reviews .cf2-quote {
margin: 0;
font-size: 15px;
line-height: 1.5; }
.homepage-referral-temp .block_reviews .cf2-author, .homepage-referrer .block_reviews .cf2-author {
margin-top: auto;
font-weight: 700;
color: var(--cf2-muted); }
.homepage-referral-temp .block_reviews .cf2-nav, .homepage-referrer .block_reviews .cf2-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: var(--cf2-arrow-size);
height: var(--cf2-arrow-size);
border: none;
background: transparent;
font-size: 28px;
font-weight: 700;
color: #000;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
user-select: none;
z-index: 10; }
.homepage-referral-temp .block_reviews .cf2-prev, .homepage-referrer .block_reviews .cf2-prev {
left: 0; }
.homepage-referral-temp .block_reviews .cf2-next, .homepage-referrer .block_reviews .cf2-next {
right: 0; }
.homepage-referral-temp .block_reviews .cf2-nav:disabled, .homepage-referrer .block_reviews .cf2-nav:disabled {
opacity: .3;
cursor: default; }
.homepage-referral-temp .block_reviews .cf2-nav:focus-visible, .homepage-referrer .block_reviews .cf2-nav:focus-visible {
outline: 2px solid #0b6;
outline-offset: 2px; }
.homepage-referral-temp .block_reviews .cf2-aggregate, .homepage-referrer .block_reviews .cf2-aggregate {
text-align: center;
margin: 14px 0 0;
font-size: 15px;
font-family: 'sofia-pro', sans-serif; }
.homepage-referral-temp .block_reviews .cf2-note, .homepage-referrer .block_reviews .cf2-note {
color: var(--cf2-green);
font-weight: 800; }
.homepage-referral-temp .block_reviews .cf2-aggregate strong, .homepage-referrer .block_reviews .cf2-aggregate strong {
font-weight: 800; }
.homepage-referral-temp .block_reviews .cf2-dots, .homepage-referrer .block_reviews .cf2-dots {
display: flex;
justify-content: center;
gap: 8px;
margin-top: 12px;
touch-action: manipulation; }
.homepage-referral-temp .block_reviews .cf2-dots button, .homepage-referrer .block_reviews .cf2-dots button {
width: 10px;
height: 10px;
border-radius: 50%;
border: 0;
background: #cfcfcf;
cursor: pointer;
padding: 0; }
.homepage-referral-temp .block_reviews .cf2-dots button[aria-current="true"], .homepage-referrer .block_reviews .cf2-dots button[aria-current="true"] {
background: var(--cf2-green); }
@media (max-width: 480px) {
.homepage-referral-temp .block_reviews :root, .homepage-referrer .block_reviews :root {
--cf2-arrow-size:32px;
--cf2-gutter:64px; }
.homepage-referral-temp .block_reviews .cf2-card, .homepage-referrer .block_reviews .cf2-card {
min-width: 280px; } }
.homepage-referral-temp .form-inscription, .homepage-referrer .form-inscription {
margin: 0 auto;
padding-bottom: 0; }
.homepage-referral-temp .form-inscription .ref-cta, .homepage-referrer .form-inscription .ref-cta {
text-align: center;
padding-bottom: 1.5em; }
.homepage-referral-temp .form-inscription .ref-cta .c-btn--red, .homepage-referrer .form-inscription .ref-cta .c-btn--red {
background: var(--black);
border: none;
font-size: 18px;
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px; }
.homepage-referral-temp .form-inscription .ref-cta .c-btn--red:hover, .homepage-referral-temp .form-inscription .ref-cta .c-btn--red:active, .homepage-referral-temp .form-inscription .ref-cta .c-btn--red:focus, .homepage-referrer .form-inscription .ref-cta .c-btn--red:hover, .homepage-referrer .form-inscription .ref-cta .c-btn--red:active, .homepage-referrer .form-inscription .ref-cta .c-btn--red:focus {
transform: none;
background: var(--black);
border: none; }
.homepage-referral-temp .block_7, .homepage-referrer .block_7 {
margin-top: 5px; }
.homepage-referral-temp .block_7 .trustpilot-widget, .homepage-referrer .block_7 .trustpilot-widget {
text-align: center; }
.homepage-referral-temp .block_7 .trustpilot-widget img, .homepage-referrer .block_7 .trustpilot-widget img {
width: 240px; }
:root {
--title-font: "DomaineDisp-Regular", sans-serif;
--text-font-light: 300;
--text-font-bold: 700;
--text-font-manuscrit: "Roustel", sans-serif;
--text: sans-serif;
--grey: #f4f3f2;
--gray-border: #707070;
--white: #ffffff;
--black: #000000; }
.parrainage-bloc-lien.c-block {
box-shadow: none;
padding: 5px; }
.parrainage-bloc .c-referal, .parrainage-bloc-lien .c-referal {
background-color: var(--white);
border: 1px solid var(--gray-border); }
.parrainage-bloc .c-referal .c-referal__btn, .parrainage-bloc-lien .c-referal .c-referal__btn {
background-color: var(--black);
width: 102px; }
.parrainage-bloc .soc-icons-wrap, .parrainage-bloc-lien .soc-icons-wrap {
display: flex;
justify-content: space-between;
gap: 5px;
align-items: center; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid var(--gray-border);
width: 33%;
background-color: var(--white); }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--mail, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--facebook, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--messenger, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--pinterest, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--twitter, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--whatsapp, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--mail, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--facebook, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--messenger, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--pinterest, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--twitter, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--whatsapp {
border: none;
justify-content: center;
align-items: center;
height: 40px;
width: 100%; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--mail .c-referal__social, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--facebook .c-referal__social, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--pinterest .c-referal__social, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--twitter .c-referal__social, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--whatsapp .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--mail .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--facebook .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--pinterest .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--twitter .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--whatsapp .c-referal__social {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: auto;
top: 0px;
left: 0px; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--mail .c-referal__social img, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--facebook .c-referal__social img, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social img, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--pinterest .c-referal__social img, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--twitter .c-referal__social img, .parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--whatsapp .c-referal__social img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--mail .c-referal__social img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--facebook .c-referal__social img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--pinterest .c-referal__social img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--twitter .c-referal__social img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--whatsapp .c-referal__social img {
max-height: 100%;
width: auto;
display: block;
margin: 0 auto; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social {
top: 0px;
left: 0px; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social img.social-messenger-img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--messenger .c-referal__social img.social-messenger-img {
display: block;
position: relative;
max-height: 100%;
margin: 0 auto;
width: 40px;
height: 40px;
padding-bottom: 1px; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--mail .c-referal__social img.social-email-img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--mail .c-referal__social img.social-email-img {
padding: 4px; }
.parrainage-bloc .soc-icons-wrap .c-referral-wrapper .c-referal--facebook .c-referal__social img.social-fb-img, .parrainage-bloc-lien .soc-icons-wrap .c-referral-wrapper .c-referal--facebook .c-referal__social img.social-fb-img {
padding: 2px; }
.parrainage .block_4_8_wrap .block_4 {
margin-bottom: 1.25em;
margin-right: 20px;
margin-left: 20px; }
.parrainage .block_4_8_wrap .block_4 .c-title h1 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
font-size: var(--title-size);
line-height: 1.2;
margin-bottom: 15px; }
.parrainage .block_4_8_wrap .block_4 .c-title h2 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light);
font-size: var(--text-size); }
.parrainage .block_4_8_wrap .block_8 {
margin-right: 20px;
margin-left: 20px; }
.parrainage .block_4_8_wrap .block_8 .c-block {
box-shadow: none;
padding-left: 0;
padding-right: 0; }
.parrainage .block_4_8_wrap .block_8 .c-block .c-title {
margin: 0; }
.parrainage .block_4_8_wrap .block_8 .c-block .c-title h1 {
font-family: var(--text-font-bold);
font-size: var(--title-size); }
.parrainage .block_4_8_wrap .block_8 .c-block .c-title h2 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light);
font-size: var(--text-size); }
.parrainage .block_4_8_wrap .block_8 .c-block .emailAgainButton {
background: white;
border: 1px solid #70707029;
border-radius: 10px;
padding: 4px 15px;
cursor: pointer;
transition: all ease 0.2s; }
.parrainage .block_4_8_wrap .block_8 .c-block .emailAgainButton:hover {
background: #70707029; }
.parrainage .block_4_8_wrap .block_8 .c-block .emailAgainButton:disabled {
cursor: not-allowed; }
.parrainage .block_4_8_wrap .block_8 .c-block .tooltip {
background: black;
color: white;
font-size: 13px;
width: auto;
text-align: center;
border-radius: 5px;
padding: 5px 0;
opacity: 0.8;
transition: all ease 0s; }
@media (min-width: 768px) {
.parrainage .block_4_8_wrap {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
gap: 40px;
margin: 0 20px; }
.parrainage .block_4_8_wrap .block_4 {
width: 50%; }
.parrainage .block_4_8_wrap .block_8 {
width: 50%; }
.parrainage .block_4_8_wrap .block_8 .c-block {
padding: 0;
box-shadow: none; } }
@media (min-width: 1200px) {
.parrainage .block_4_8_wrap {
margin: 0 10vw; } }
@media (min-width: 1500px) {
.parrainage .block_4_8_wrap {
margin: 0 20vw; } }
.parrainage .table-header > td:not(:last-child) {
border-right: solid 10px var(--white); }
.parrainage .table-header .info-table {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light);
font-size: 1em;
color: var(--black); }
.parrainage .table-header .info-table h2 {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-bold);
font-size: var(--text-size); }
.parrainage .table-header .info-table i {
color: var(--white); }
@media (min-width: 360px) and (max-width: 480px) {
.parrainage .table-header .info-table {
font-size: 0.8em; }
.parrainage .table-header .info-table h2 {
font-size: 1em; } }
.parrainage .table-body td.info-table.filleul {
font-family: "sofia-pro", sans-serif;
font-weight: var(--text-font-light);
font-size: var(--text-size);
color: var(--black); }
.parrainage .table-body td.info-table i {
color: var(--white); }
@media (min-width: 360px) and (max-width: 480px) {
.parrainage .table-body td.info-table.filleul {
font-size: 0.9em; } }
.parrainage .info-table.border-bottom-gray {
border-bottom: 2px solid var(--grey); }
#cgv-block .c-form__line .c-form__field--checkbox .c-form__label {
font-family: "sofia-pro", sans-serif;
font-weight: 400;
cursor: pointer; }
#cgv-block .c-form__line .c-form__field--checkbox .c-form__label a {
color: #FF5859;
text-decoration: underline;
font-family: "sofia-pro", sans-serif;
font-weight: 400;
cursor: pointer;
font-size: 14px; }
#cgv-block .c-form__line .c-form__info--error {
text-align: left;
display: block;
border-radius: 4px;
position: relative;
margin-top: 5px;
border: 1px solid #FF0000;
padding: 15px;
color: #FF0000;
font-size: 14px;
font-family: "sofia-pro", sans-serif;
font-weight: 400; }
#payzen-payment-form {
padding-top: 10px; }
#payzen-payment-form .kr-smart-form {
margin: 0 auto;
width: 100%;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
#payzen-payment-form .kr-smart-form .kr-smart-form-list-section-name {
display: none; }
#payzen-payment-form .kr-smart-form .kr-payment-button {
background: #000 !important;
text-align: center;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
transition: all ease 0.3s; }
#payzen-payment-form .kr-smart-form .kr-payment-button:focus {
box-shadow: none; }
#payzen-payment-form .kr-smart-form .kr-payment-button > span {
font-family: "sofia-pro", sans-serif;
font-weight: 700; }
#payzen-payment-form .kr-smart-form .kr-form-error {
text-align: left !important;
border-radius: 4px !important;
position: relative !important;
margin-top: 15px !important;
border: 1px solid #FFA758 !important;
color: #FFA758 !important;
background: #ffffff !important;
font-size: 14px !important;
padding: 10px !important; }
#payzen-payment-form .kr-smart-form .kr-form-error span {
padding: 0 !important; }
#payzen-payment-form .kr-smart-form .kr-form-error span span {
padding: 0 !important;
color: #FFA758 !important; }
.tc {
position: relative;
max-width: 400px;
margin: 28px auto;
padding: 10px 56px 15px;
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
font-family: 'sofia-pro', sans-serif;
font-weight: 100; }
.tc__arrow {
position: absolute;
top: 90px;
transform: translateY(-50%);
border: 0;
background: #fff;
width: 44px;
height: 44px;
border-radius: 50%;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
color: #3b3b3b;
cursor: pointer;
display: grid;
place-items: center;
transition: transform .15s ease, box-shadow .2s ease, color .2s ease; }
.tc__arrow:hover {
transform: translateY(-50%) scale(1.06);
color: #000; }
.tc__arrow:active {
transform: translateY(-50%) scale(0.98); }
.tc__arrow--prev {
left: 14px; }
.tc__arrow--next {
right: 14px; }
.tc__viewport {
overflow: hidden; }
.tc__slides {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 100%;
transition: transform 0.45s cubic-bezier(0.22, 0.61, 0.36, 1); }
.tc__slide {
opacity: 0;
transform: translateY(6px) scale(0.995);
transition: opacity .35s ease, transform .35s ease;
text-align: center;
padding: 6px 8px;
height: 160px; }
.tc__slide.is-active {
opacity: 1;
transform: none;
height: auto; }
.tc__title {
font-size: 20px;
line-height: 1.2;
margin: 0 0 8px;
font-weight: 300; }
.tc__quote {
font-size: 16px;
font-style: italic;
margin: 0 0 5px;
color: #1f1f1f; }
.tc__author {
font-size: 16px;
margin-bottom: 10px;
color: #333; }
.tc__stars {
letter-spacing: 2px;
font-size: 22px;
color: #f7b500;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
display: inline-block;
vertical-align: top;
cursor: default; }
.tc__brand {
color: #1a73e8;
font-size: 18px;
max-width: 65px;
display: inline-block;
vertical-align: top;
margin-top: 8px; }
.tc__count {
font-weight: 100; }
.tc__dots {
display: flex;
gap: 10px;
justify-content: center;
margin-top: 7px; }
.tc__dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #cfcfcf;
border: 0;
cursor: pointer;
transition: transform .15s ease, background .2s ease, box-shadow .2s ease; }
.tc__dot.is-active {
background: #222;
box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.06);
transform: scale(1.1); }
@media (max-width: 640px) {
.tc {
padding: 26px 48px 44px; }
.tc__arrow {
width: 40px;
height: 40px; } }
#cf_core_profile_index,
#cf_core_profile_index + * html,
#cf_core_profile_index + * body {
height: 100%;
overflow: hidden; }
body#cf_core_profile_index {
overflow: hidden;
height: 100%;
background: #FFFFFF; }
#cf_core_profile_index {
font-family: "sofia-pro", sans-serif; }
#cf_core_profile_index .cf-cadre {
height: 100vh;
display: flex;
flex-direction: column;
max-width: 640px;
margin: 0 auto; }
#cf_core_profile_index .cf-cadre .cf-header {
display: none;
align-items: center;
gap: 14px;
padding: 14px 20px 12px;
flex: 0 0 auto;
background: #FFFFFF; }
#cf_core_profile_index .cf-cadre .cf-header.is-active {
display: flex; }
#cf_core_profile_index .cf-cadre .cf-header .cf-back {
flex: 0 0 auto;
width: 36px;
height: 36px;
border-radius: 50%;
background: #F0EDEA;
display: grid;
place-items: center;
border: none;
cursor: pointer;
transition: background 0.15s; }
#cf_core_profile_index .cf-cadre .cf-header .cf-back:hover {
background: #e5e0db; }
#cf_core_profile_index .cf-cadre .cf-header .cf-back--ghost {
background: none;
pointer-events: none;
visibility: hidden; }
#cf_core_profile_index .cf-cadre .cf-header .cf-progress {
flex: 1;
height: 4px;
border-radius: 99px;
background: #F0EDEA;
overflow: hidden; }
#cf_core_profile_index .cf-cadre .cf-header .cf-progress--ghost {
background: none; }
#cf_core_profile_index .cf-cadre .cf-header .cf-progress-fill {
height: 100%;
border-radius: 99px;
background: #1A1A1A;
transition: width 0.45s ease;
width: 0; }
#cf_core_profile_index .cf-cadre .cf-header .cf-counter {
flex: 0 0 auto;
font-size: 15px;
font-weight: 700;
color: #999999;
min-width: 24px;
text-align: right; }
#cf_core_profile_index .cf-cadre .cf-vue {
flex: 1;
overflow: hidden;
position: relative;
max-width: 640px;
width: 100%;
margin: 0 auto;
background: #FFFFFF; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran {
display: none;
flex-direction: column;
height: 100%;
background: #FFFFFF;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.is-active {
display: flex; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.cf-ecran--accueil .cf-corps {
position: relative; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.cf-ecran--accueil .cf-corps .cf-logo {
font-size: 13px;
font-weight: 700;
letter-spacing: 3px;
text-transform: uppercase;
color: #1A1A1A;
padding: 20px 0 0;
animation: cf-entree 0.7s ease backwards;
position: absolute;
top: 0; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.cf-ecran--accueil .cf-corps .cf-hero {
margin-top: auto;
padding-bottom: 32px;
animation: cf-entree 0.7s ease backwards;
animation-delay: 0.7s;
position: absolute;
top: 43%;
width: 90%; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.cf-ecran--accueil .cf-corps .cf-hero .cf-h1--hero {
font-size: 44px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.cf-ecran--accueil .cf-corps .cf-hero .cf-hero-sub {
font-size: 18px;
color: #777777;
margin-top: 20px;
line-height: 1.5;
animation: cf-entree 0.7s ease backwards;
animation-delay: 1.4s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.percentage-animation, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.nb-selections-animation, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.reduction-animation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
padding: 30px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.percentage-animation .cf-hero, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.nb-selections-animation .cf-hero, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.reduction-animation .cf-hero {
padding-top: 40%; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.percentage-animation .cf-hero .cf-h1, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.nb-selections-animation .cf-hero .cf-h1, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.reduction-animation .cf-hero .cf-h1 {
font-size: 64px;
font-weight: bold;
line-height: 1.2;
color: #1A1A1A;
margin: 0 0 6px;
letter-spacing: -1.4px;
animation: cf-entree 0.6s ease both;
animation-delay: 0s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.percentage-animation .cf-hero .cf-hero-sub, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.nb-selections-animation .cf-hero .cf-hero-sub, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.reduction-animation .cf-hero .cf-hero-sub {
font-size: 18px;
color: #777777;
margin-top: 10px;
line-height: 1.3;
animation: cf-entree 0.6s ease both;
animation-delay: 1s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.percentage-animation .cf-hero .cf-h2, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.nb-selections-animation .cf-hero .cf-h2, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.reduction-animation .cf-hero .cf-h2 {
font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: #1A1A1A;
margin-top: 40px;
letter-spacing: -1.4px;
animation: cf-entree 0.6s ease both;
animation-delay: 1.6s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.thank-style-animation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
padding: 30px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.thank-style-animation .cf-hero {
padding-top: 40%; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.thank-style-animation .cf-hero .cf-h2 {
font-size: 32px;
font-weight: bold;
line-height: 1.2;
color: #1A1A1A;
margin-top: 40px;
letter-spacing: -1.4px;
animation: cf-entree 0.6s ease both;
animation-delay: 0s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.thank-style-animation .cf-hero .cf-hero-sub {
font-size: 18px;
color: #777777;
margin-top: 10px;
line-height: 1.3;
animation: cf-entree 0.6s ease both;
animation-delay: 1s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
padding: 30px;
text-align: center; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero {
position: absolute;
top: 30%;
margin: 0 auto;
left: 0;
right: 0; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress,
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress-text {
transition: opacity 0.4s ease; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress.is-hidden,
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress-text.is-hidden {
opacity: 0;
pointer-events: none; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result {
opacity: 0;
transition: opacity 0.5s ease;
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: absolute;
top: -50px;
left: 0;
right: 0; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result.is-visible {
opacity: 1; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-check-icon {
margin-bottom: 25px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-title {
font-size: 40px;
font-weight: 700;
color: #1a1a1a;
margin: 0;
text-align: center;
font-family: 'sofia-pro' , sans-serif;
padding: 0 30px;
line-height: 1.2;
letter-spacing: -1px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-sub {
font-size: 18px;
color: #777;
margin: 0;
text-align: center;
line-height: 1.3;
padding: 0 30px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-cta {
display: inline-flex;
align-items: center;
gap: 10px;
background: #1a1a1a;
color: #fff;
font-weight: 700;
font-size: 1rem;
padding: 16px 32px;
border-radius: 50px;
text-decoration: none;
margin-top: 8px;
transition: background 0.2s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-cta:hover, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-cta:focus {
background: #000;
transform: translateY(-1px);
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.22); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-mention-bold {
font-size: 0.85rem;
color: #aaa;
margin: 0;
font-weight: 700; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-mention {
font-size: 0.85rem;
color: #aaa;
margin: 0; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .final-result .final-result-mention b {
display: block;
font-weight: 700;
color: #1A1A1A;
margin-bottom: 7px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress {
position: relative;
display: inline-block; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress svg {
transform: rotate(-90deg); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress .circle-bg {
fill: none;
stroke: #e8e8e8;
stroke-width: 8; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress .circle-fill {
fill: none;
stroke: #1a1a1a;
stroke-width: 8;
stroke-linecap: round;
stroke-dasharray: 339.29172;
stroke-dashoffset: 339.29172;
transition: stroke-dashoffset 1.5s ease-out; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress .circle-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
line-height: 1; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress .circle-label .circle-number {
display: block;
font-size: 2rem;
font-weight: 700;
color: #1a1a1a; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress .circle-label .circle-percent {
font-size: 0.9rem;
color: #888; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran.has-animation .animation-wrapper.final-animation .cf-hero .circular-progress-text {
font-size: 1.4rem;
font-weight: 700;
margin-top: 1.5rem;
text-align: center; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps {
flex: 1;
overflow-y: auto;
padding: 6px 24px 28px;
display: flex;
flex-direction: column; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps > * {
flex: 0 0 auto; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps--centre {
justify-content: center;
align-items: flex-start;
text-align: left;
padding: 24px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers {
display: flex;
flex-direction: column;
gap: 16px;
border: 1.5px solid #E5E2DD;
border-radius: 12px;
padding: 16px 14px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers.cf-nuanciers--error {
border-color: #C75B67; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-nom {
display: block;
font-size: 12px;
font-weight: 700;
color: #777777;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 8px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds {
display: flex;
flex-wrap: wrap;
gap: 6px 4px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
cursor: pointer;
border: none;
background: none;
color: inherit;
width: 52px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille .cf-pastille-rond {
border-radius: 50%;
display: grid;
place-items: center;
transition: box-shadow 0.15s, transform 0.15s;
width: 34px;
height: 34px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille .cf-pastille-rond.has-ring {
box-shadow: inset 0 0 0 1px #E5E2DD; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille .cf-pastille-rond .cf-pastille-check {
display: none; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille.is-selected .cf-pastille-rond {
box-shadow: 0 0 0 2.5px #FFFFFF, 0 0 0 5px #1A1A1A;
transform: scale(1.06); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille.is-selected .cf-pastille-rond .cf-pastille-check {
display: block; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-nuanciers .cf-nuancier .cf-nuancier-ronds .cf-pastille .cf-pastille-label {
font-size: 10.5px;
color: #777777; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 12px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee.cf-rangee--3 {
grid-template-columns: 1fr 1fr 1fr; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee .cf-champ {
display: block; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee .cf-bijou {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
border: 1.5px solid #E5E2DD;
border-radius: 12px;
background: #fff;
font-size: 15px;
font-weight: 600;
padding: 14px;
transition: border-color 0.15s, background 0.15s;
cursor: pointer; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee .cf-bijou .cf-bijou-rond {
width: 26px;
height: 26px;
border-radius: 50%;
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee .cf-bijou .cf-bijou-rond.cf-bijou-rond--or {
background: linear-gradient(135deg, #e8c97a, #c9a227); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee .cf-bijou .cf-bijou-rond.cf-bijou-rond--argent {
background: linear-gradient(135deg, #e8e8e8, #9fa6ad); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-rangee .cf-bijou.is-selected {
border-color: #1A1A1A;
background: #F7F6F3; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-inter-num {
font-size: 56px;
font-weight: 700;
color: #1A1A1A;
line-height: 1;
margin-bottom: 10px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-inter-label {
font-size: 15px;
color: #777777;
max-width: 280px;
line-height: 1.5;
margin-bottom: 32px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-inter-tagline {
font-size: 22px;
font-weight: 700;
color: #1A1A1A;
line-height: 1.3;
display: flex;
flex-direction: column;
gap: 4px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-inter-tagline .js-inter-line {
display: block;
visibility: hidden; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-inter-tagline .js-inter-line.cf-reveal {
visibility: visible; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste {
display: flex;
flex-direction: column;
gap: 10px;
margin: 4px 0 16px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option {
display: flex;
align-items: center;
gap: 12px;
padding: 14px 16px;
border: 1.5px solid #E5E2DD;
border-radius: 12px;
background: #FFFFFF;
cursor: pointer;
text-align: left;
transition: border-color 0.15s, background 0.15s;
width: 100%;
font-family: 'sofia-pro', sans-serif; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option.is-selected {
border-color: #1A1A1A;
background: #F7F6F3; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option.is-selected .cf-option-detail {
color: rgba(255, 255, 255, 0.7); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option.is-disabled, #cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option:disabled {
opacity: 0.4;
cursor: default; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-option-textes {
flex: 1;
min-width: 0; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-option-textes .cf-option-label {
display: block;
font-size: 15px;
font-weight: 500; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-option-textes .cf-option-label.cf-option-label-bold {
font-weight: 700; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-option-textes .cf-option-sublabel {
font-size: 13px;
color: #777777;
line-height: 1.35; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-option-detail {
display: block;
font-size: 13px;
color: #777777;
margin-top: 2px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-option-img {
width: 56px;
height: 56px;
object-fit: cover;
border-radius: 8px;
flex: 0 0 auto; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-coche {
width: 20px;
height: 20px;
border-radius: 50%;
border: 1.5px solid #E5E2DD;
display: grid;
place-items: center;
flex: 0 0 auto;
transition: background 0.15s, border-color 0.15s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-coche.is-on {
background: #1A1A1A;
border-color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-liste .cf-option .cf-coche.is-on svg path {
stroke: #FFFFFF; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form {
display: flex;
flex-direction: column;
gap: 16px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-jeans-grille {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-jeans-grille .cf-jean {
border: 1.5px solid #E5E2DD;
border-radius: 12px;
background: #fff;
padding: 12px 8px 10px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
transition: border-color 0.15s, background 0.15s;
cursor: pointer; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-jeans-grille .cf-jean img {
height: 150px;
width: auto;
mix-blend-mode: multiply; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-jeans-grille .cf-jean .cf-sil-label {
font-size: 14px;
font-weight: 700; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-jeans-grille .cf-jean.is-selected {
border-color: #1A1A1A;
background: #F7F6F3; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-chips {
display: flex;
flex-wrap: wrap;
gap: 8px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-chips .cf-chip {
padding: 10px 15px;
border-radius: 999px;
border: 1.5px solid #E5E2DD;
font-size: 14px;
font-weight: 500;
background: #fff;
transition: border-color 0.15s, background 0.15s, color 0.15s;
cursor: pointer; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-chips .cf-chip.cf-chip--big {
font-size: 16px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-chips .cf-chip.is-selected {
border-color: #1A1A1A;
background: #F7F6F3;
color: #1A1A1A;
font-weight: 600; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-segment {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap: 7px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-segment .cf-segment-btn {
border: 1.5px solid #E5E2DD;
border-radius: 9px;
background: #fff;
font-size: 14px;
font-weight: 600;
padding: 12px 8px;
transition: border-color 0.15s, background 0.15s, color 0.15s;
cursor: pointer; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-segment .cf-segment-btn.is-selected {
border-color: #1A1A1A;
background: #F7F6F3;
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-imprimes {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px 8px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-imprimes .cf-imprime {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
font-family: 'sofia-pro', sans-serif;
cursor: pointer;
border: none;
background: none;
color: inherit; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-imprimes .cf-imprime img {
width: 62px;
height: 62px;
border-radius: 50%;
object-fit: cover;
box-shadow: inset 0 0 0 1px var(--border);
transition: box-shadow 0.15s, transform 0.15s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-imprimes .cf-imprime .cf-pastille-label {
font-size: 12px;
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-imprimes .cf-imprime.is-selected img {
box-shadow: 0 0 0 2.5px #fff, 0 0 0 5px #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-imprimes .cf-imprime.is-selected .cf-pastille-label {
color: #1A1A1A;
font-weight: 700; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 16px 4px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille {
display: flex;
flex-direction: column;
align-items: center;
gap: 7px;
min-width: 52px;
font-family: 'sofia-pro', sans-serif;
cursor: pointer;
border: none;
background: none;
color: inherit; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille .cf-pastille-rond {
border-radius: 50%;
display: grid;
place-items: center;
transition: box-shadow 0.15s, transform 0.15s;
width: 48px;
height: 48px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille .cf-pastille-rond.has-ring {
box-shadow: inset 0 0 0 1px #E5E2DD; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille .cf-pastille-rond .cf-pastille-check {
display: none; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille .cf-pastille-label {
font-size: 12px;
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille.is-selected .cf-pastille-rond {
box-shadow: 0 0 0 2.5px #fff, 0 0 0 5px #1A1A1A;
transform: scale(1.1); }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille.is-selected .cf-pastille-rond .cf-pastille-check {
display: block; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-form .cf-couleurs .cf-pastille.is-selected .cf-pastille-label {
color: #1A1A1A;
font-weight: 700; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ {
display: flex;
flex-direction: column;
gap: 6px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ--inline {
flex-direction: row;
align-items: center;
gap: 12px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ-label {
font-size: 15px;
font-weight: 600;
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ-wrap {
display: flex;
align-items: center;
gap: 8px;
position: relative; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ-unit {
white-space: nowrap;
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 15px;
font-weight: 600;
color: #777777;
pointer-events: none; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ .cf-unsure {
cursor: pointer;
border: none;
background: none;
display: inline-flex;
align-items: center;
gap: 9px;
font-size: 15px;
font-weight: 600;
color: #777777;
padding: 0;
font-family: "sofia-pro", sans-serif; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ .cf-unsure .cf-unsure-checkbox {
width: 19px;
height: 19px;
border-radius: 5px;
border: 1.5px solid #E5E2DD;
display: grid;
place-items: center;
background: #fff;
transition: background 0.15s, border-color 0.15s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ .cf-unsure.is-on {
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-champ .cf-unsure.is-on .cf-unsure-checkbox {
background: #1A1A1A;
border-color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-input {
flex: 1;
min-width: 0;
height: 48px;
padding: 0 14px;
border: 1.5px solid #E5E2DD;
border-radius: 10px;
font-size: 15px;
color: #1A1A1A;
background: #FFFFFF;
outline: none;
font-family: inherit;
transition: border-color 0.15s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-input:focus {
border-color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-input::placeholder {
color: #999999; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-input.cf-input--error {
border-color: #C75B67;
color: #C75B67; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-textarea {
width: 100%;
min-height: 120px;
padding: 12px 14px;
border: 1.5px solid #E5E2DD;
border-radius: 10px;
font-size: 15px;
color: #1A1A1A;
background: #FFFFFF;
outline: none;
font-family: inherit;
resize: vertical;
line-height: 1.5;
transition: border-color 0.15s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-textarea:focus {
border-color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-textarea::placeholder {
color: #999999; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-textarea.cf-textarea--error {
border-color: #C75B67;
color: #C75B67; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-select-wrap {
position: relative;
display: flex;
align-items: center; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-select {
appearance: none;
-webkit-appearance: none;
width: 100%;
height: 48px;
padding: 0 40px 0 14px;
border: 1.5px solid #E5E2DD;
border-radius: 10px;
font-size: 15px;
color: #1A1A1A;
background: #FFFFFF;
outline: none;
cursor: pointer;
font-family: inherit;
transition: border-color 0.15s; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-select:focus {
border-color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-select.is-vide {
color: #999999; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-select.cf-select--error {
border-color: #C75B67;
color: #C75B67; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-select-chevron {
position: absolute;
right: 14px;
pointer-events: none; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-matrice {
display: flex;
flex-direction: column;
gap: 18px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-matrice .cf-matrice-ligne .cf-matrice-nom {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 7px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-matrice .cf-matrice-ligne .cf-segment {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 1fr;
gap: 7px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-matrice .cf-matrice-ligne .cf-segment .cf-segment-btn {
border: 1.5px solid #E5E2DD;
border-radius: 9px;
background: #fff;
font-size: 14px;
font-weight: 600;
padding: 12px 8px;
transition: border-color 0.15s, background 0.15s, color 0.15s;
cursor: pointer; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-matrice .cf-matrice-ligne .cf-segment .cf-segment-btn.is-selected {
border-color: var(--teal-dark);
background: #F7F6F3;
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-matrice .cf-matrice-ligne .cf-segment.cf-segment--small .cf-segment-btn {
font-size: 12.5px;
padding: 10px 4px;
font-weight: 600; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block {
display: flex;
flex-direction: column;
gap: 40px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block .cf-style-line .cf-style-img {
width: 100%;
overflow: hidden;
border-radius: 12px;
border: 1.5px solid #E5E2DD;
padding: 5px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block .cf-style-line .cf-style-img img {
display: block;
width: 100%;
height: auto; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block .cf-style-line .cf-style-line-answers {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 8px;
margin-top: 12px; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block .cf-style-line .cf-style-line-answers input[type="hidden"] {
display: none; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block .cf-style-line .cf-style-line-answers .cf-style-btn {
border: 1.5px solid #E5E2DD;
border-radius: 9px;
background: #fff;
font-size: 14px;
font-weight: 600;
padding: 12px 8px;
transition: border-color 0.15s, background 0.15s, color 0.15s;
cursor: pointer; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-style-block .cf-style-line .cf-style-line-answers .cf-style-btn.is-selected {
border-color: var(--teal-dark);
background: #F7F6F3;
color: #1A1A1A; }
#cf_core_profile_index .cf-cadre .cf-vue .cf-ecran .cf-corps .cf-sous-groupe {
display: flex;
flex-direction: column;
gap: 8px;
margin: 8px 0 16px; }
@keyframes cf-entree {
from {
opacity: 0;
transform: translateY(14px); }
to {
opacity: 1;
transform: none; } }
.cf-reveal {
animation: cf-up 0.5s ease backwards; }
@media (prefers-reduced-motion: reduce) {
.cf-reveal {
animation: none; } }
.cf-eyebrow {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: #777777;
margin-bottom: 8px; }
.cf-titre-bloc {
padding: 10px 0 18px; }
.cf-h1 {
font-size: 34px;
font-weight: bold;
line-height: 1.2;
color: #1A1A1A;
margin: 0 0 6px;
letter-spacing: -1.4px; }
.cf-h1 em {
font-style: italic;
font-weight: inherit; }
.cf-h1--grand {
font-size: 28px; }
.cf-h2 {
font-size: 14px;
font-weight: 700;
color: #1A1A1A;
margin: 20px 0 10px; }
.cf-h2.cf-h2--big {
font-size: 18px; }
.cf-aide {
font-size: 15px;
color: #777777;
margin: 4px 0 0;
line-height: 1.5; }
.cf-sous-titre {
font-size: 13px;
font-weight: 600;
color: #777777;
margin: 12px 0 6px;
text-transform: uppercase;
letter-spacing: 0.8px; }
.cf-footer {
display: flex;
justify-content: flex-end;
align-items: center;
gap: 10px;
padding: 20px 24px;
margin-top: auto; }
.cf-footer .cf-cta {
padding: 14px 24px;
background: #1A1A1A;
color: #FFFFFF;
border: none;
border-radius: 99px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
font-family: inherit;
transition: all 0.3s ease; }
.cf-footer .cf-cta:disabled {
opacity: 0.35;
cursor: default; }
.cf-footer .cf-cta .cf-cta-text {
display: inline-flex;
align-items: center;
gap: 8px; }
.cf-footer .cf-cta .cf-cta-text .cf-cta-fleche {
width: 16px;
height: 16px;
stroke: #FFFFFF;
fill: none;
stroke-width: 2.5;
transition: transform 0.3s ease; }
.cf-footer .cf-cta .cf-cta-text:not(:disabled):hover {
background: #1A1A1A;
border-color: #1A1A1A;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); }
.cf-footer .cf-cta .cf-cta-text:not(:disabled):hover .cf-cta-fleche {
transform: translateX(4px); }
.cf-footer .cf-skip {
color: #777777;
text-decoration: underline;
text-underline-offset: 3px;
background: none;
border: none;
cursor: pointer;
font-family: inherit;
align-self: center;
font-weight: 700;
font-size: 15px; }
.cf-footer .cf-skip:hover {
color: #1A1A1A; }
.profil-modification {
font-family: "sofia-pro", sans-serif;
color: #1a1a1a;
min-height: 100vh;
display: flex;
justify-content: center; }
.profil-modification .profil-modification-block {
width: 100%;
max-width: 700px;
background: white;
min-height: 100vh;
box-shadow: rgba(0, 0, 0, 0.05) 0 0 60px; }
.profil-modification .profil-modification-block .profil-modification-header {
padding: 40px 26px; }
.profil-modification .profil-modification-block .profil-modification-header .profil-modification-title {
font-size: 31px;
font-weight: 700;
letter-spacing: -0.5px;
line-height: 1.16;
margin: 20px 0 0;
text-wrap: pretty; }
.profil-modification .profil-modification-block .profil-modification-header .profil-modification-title em {
font-style: italic; }
.profil-modification .profil-modification-block .profil-modification-header p {
font-size: 14.5px;
color: #777777;
line-height: 1.55;
margin: 13px 0 0;
max-width: 460px;
text-wrap: pretty; }
.profil-modification .profil-modification-part {
padding: 0 26px 8px;
margin-top: 14px; }
.profil-modification .profil-modification-part .profil-modification-part-header {
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: #999999;
margin: 0;
padding-bottom: 11px;
border-bottom: 1.5px solid #1a1a1a; }
.profil-modification .profil-modification-part .profil-modification-part-content {
border-bottom: 1px solid #efede9; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line {
border-bottom: 1px solid #efede9; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-title-block {
display: flex;
align-items: baseline;
gap: 16px;
width: 100%;
text-align: left;
background: none;
border-width: medium;
border-style: none;
border-color: currentcolor;
border-image: initial;
padding: 17px 2px;
cursor: pointer;
font-family: inherit;
color: #1a1a1a; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-title-block.error {
color: #C75B67; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-title-block .profil-modification-line-title {
flex: 0 0 auto;
font-size: 17px;
font-weight: 600; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-title-block .profil-modification-line-answer {
flex: 1 1 0%;
min-width: 0;
text-align: left;
font-size: 17px;
line-height: 1.45;
color: #777777; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-title-block .profil-modification-line-arrow {
flex: 0 0 auto;
color: #a8a29a;
display: grid;
place-items: center;
transition: transform 0.2s;
transform: rotate(0deg); }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-title-block.is-open .profil-modification-line-arrow {
transform: rotate(90deg); }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content {
padding: 2px 2px 24px;
animation: 0.22s ease 0s 1 normal none running cf-panel;
display: none; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .is-jeans-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 10px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .is-imprimes-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px; }
@media (max-width: 720px) {
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .is-imprimes-grid {
grid-template-columns: repeat(2, 1fr); } }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .is-colors-grid {
display: flex;
flex-wrap: wrap;
gap: 16px 16px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-input-text-wrapper {
position: relative;
display: block;
max-width: 340px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-input-text-wrapper .profil-modification-input-text {
width: 100%;
font-family: inherit;
font-size: 15px;
color: #1a1a1a;
border: 1.5px solid #e5e2dd;
border-radius: 10px;
padding: 13px 14px;
outline: none;
background: white; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-input-text-wrapper .profil-modification-input-additionnal {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
font-size: 13px;
font-weight: 600;
color: #999999;
pointer-events: none; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-line-content-title {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 9px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio {
display: inline-flex;
align-items: center;
padding: 10px 15px;
border-radius: 999px;
border: 1.5px solid #e5e2dd;
font-size: 14px;
font-weight: 500;
background: white;
cursor: pointer;
color: #1a1a1a;
font-family: inherit;
transition: 0.15s;
margin-bottom: 5px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-checked, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-checked {
border: 1.5px solid #1a1a1a;
font-weight: 600;
background: #f7f6f3; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-jeans, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-jeans {
border-radius: 12px;
padding: 12px 8px 10px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-jeans img, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-jeans img {
height: 130px;
width: auto;
mix-blend-mode: multiply; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-imprimes, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-imprimes {
border-radius: 12px;
padding: 12px 8px 10px;
display: flex;
flex-direction: column;
align-items: center;
gap: 8px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-imprimes img, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-imprimes img {
height: 130px;
width: auto;
mix-blend-mode: multiply; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-colors, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-colors {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
background: none;
border-width: medium;
border-style: none;
border-color: currentcolor;
border-image: initial;
cursor: pointer;
min-width: 65px;
font-family: inherit;
padding: 2px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-colors .is-colors-grid-color, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-colors .is-colors-grid-color {
width: 46px;
height: 46px;
border-radius: 50%;
background: #f26a1b;
display: block;
transition: 0.15s; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-colors.has-ring .is-colors-grid-color, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-colors.has-ring .is-colors-grid-color {
box-shadow: inset 0 0 0 1px #E5E2DD; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-checkbox.is-colors.is-checked .is-colors-grid-color, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio.is-colors.is-checked .is-colors-grid-color {
box-shadow: 0 0 0 2.5px #fff, 0 0 0 5px #1A1A1A;
transform: scale(1.1); }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper {
display: flex;
flex-wrap: wrap;
gap: 16px 12px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
background: none;
border-width: medium;
border-style: none;
border-color: currentcolor;
border-image: initial;
cursor: pointer;
min-width: 50px;
font-family: inherit;
padding: 2px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color .profil-modification-radio-color-circle {
width: 46px;
height: 46px;
border-radius: 50%;
background: #6b4226;
display: block;
transition: 0.15s;
align-items: center; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color .profil-modification-radio-color-circle .profil-modification-radio-color-check {
display: none;
margin-top: 15px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color .profil-modification-radio-color-circle.is-checked {
box-shadow: 0 0 0 2.5px #FFFFFF, 0 0 0 5px #1A1A1A;
transform: scale(1.06); }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color .profil-modification-radio-color-circle.is-checked .profil-modification-radio-color-check {
display: inline-block; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color .profil-modification-radio-color-label {
font-size: 11.5px;
color: #777777;
font-weight: 400; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-radio-color-wrapper .profil-modification-radio-color .profil-modification-radio-color-label.is-checked {
color: #1A1A1A;
font-weight: 700; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-line-content-styles {
border: 1.5px solid #e5e2dd;
border-radius: 14px;
padding-top: 15px;
margin-bottom: 15px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-line-content-styles img {
width: 100%;
border-bottom: 1.5px solid #e5e2dd; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-line-content-styles .profil-modification-line-content-title {
padding: 11px 13px 0px 13px; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-textarea {
width: 100%;
font-family: inherit;
font-size: 15px;
color: #1a1a1a;
border: 1.5px solid #e5e2dd;
border-radius: 10px;
padding: 13px 14px;
outline: none;
background: white;
resize: vertical;
line-height: 1.5; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-save-button {
padding: 14px 24px;
background: #1A1A1A;
color: #FFFFFF;
border: none;
border-radius: 99px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
font-family: inherit;
transition: all 0.3s ease;
margin-top: 20px;
display: none; }
.profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-save-button.is-disabled, .profil-modification .profil-modification-part .profil-modification-part-content .profil-modification-part-line .profil-modification-line-content .profil-modification-save-button:disabled {
opacity: 0.4;
cursor: default; }
.order-tunnel {
background: white;
padding-top: 55px;
color: #000; }
.order-tunnel .recap-page {
max-width: 1170px;
margin: 0 auto;
padding: 0 24px 32px; }
.order-tunnel .recap-page .recap-no-subscription {
background: #f7f6f3;
border-radius: 10px;
padding: 11px 14px;
text-align: center;
font-size: 16px;
font-weight: 600;
color: #777777; }
.order-tunnel .recap-page .recap-top-block {
padding: 20px 0px 22px; }
.order-tunnel .recap-page .recap-top-block .recap-one-step {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: #999999;
margin-bottom: 10px; }
.order-tunnel .recap-page .recap-top-block h1 {
font-size: 30px;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.18;
text-wrap: pretty; }
.order-tunnel .recap-page .recap-top-block .recap-subtitle {
font-size: 16px;
color: #777777;
margin-top: 10px;
line-height: 1.45;
text-wrap: pretty; }
.order-tunnel .recap-page .recap-container {
display: grid;
grid-template-columns: 1fr 380px;
grid-template-areas: "adresse summary";
gap: 24px; }
.order-tunnel .recap-page .bloc-adresse {
grid-area: adresse;
flex: 1 1 58%;
min-width: 0;
display: flex;
flex-direction: column;
gap: 12px; }
.order-tunnel .recap-page .bloc-adresse .step {
border: 1.5px solid #e5e2dd;
border-radius: 14px;
background: white;
overflow: hidden;
padding-bottom: 22px;
transition: background 0.15s; }
.order-tunnel .recap-page .bloc-adresse .step h2 {
display: flex;
align-items: center;
gap: 11px;
font-size: 17px;
font-weight: 700;
letter-spacing: -0.2px;
padding: 18px 18px 0; }
.order-tunnel .recap-page .bloc-adresse .step h2 .step-number {
flex: 0 0 auto;
width: 26px;
height: 26px;
border-radius: 50%;
background: #f0edea;
display: grid;
place-items: center;
font-size: 15px;
font-weight: 700; }
.order-tunnel .recap-page .bloc-adresse .step h2 .step-finished {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step h2 .modify-button {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner {
padding: 18px 18px 0 18px; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice {
display: flex;
flex-direction: column;
gap: 14px; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form.address-form-invoice, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice.address-form-invoice {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form.address-form-invoice.address-form-invoice-show, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice.address-form-invoice.address-form-invoice-show {
display: flex; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-row, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group {
display: block;
position: relative; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group label, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group label {
display: block;
font-size: 14px;
font-weight: 700;
margin-bottom: 7px; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group input[type=text], .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group input[type=text] {
width: 100%;
font-size: 16px;
color: #1a1a1a;
border: 1.5px solid #e5e2dd;
border-radius: 10px;
padding: 12px 14px;
background: white;
outline: none;
transition: border-color 0.15s, box-shadow 0.15s;
box-shadow: none;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group .error-label, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group .error-label {
display: none;
font-size: 13px; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group select, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group select {
width: 100%;
font-size: 16px;
color: #1a1a1a;
border: 1.5px solid #e5e2dd;
border-radius: 10px;
padding: 12px 34px 12px 14px;
background: white;
outline: none;
transition: border-color 0.15s;
appearance: none;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group #select-arrow, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group #select-arrow {
position: absolute;
right: 14px;
top: 45px;
pointer-events: none; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group.form-group-error input, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group.form-group-error select, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group.form-group-error input, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group.form-group-error select {
border: 1.5px solid #ff5859; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .form-group.form-group-error .error-label, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .form-group.form-group-error .error-label {
display: inline;
color: #ff5859;
font-weight: 700; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .checkbox-row button, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .checkbox-row button {
display: inline-flex;
align-items: center;
gap: 9px;
font-size: 15px;
font-weight: 600;
color: #1a1a1a;
text-align: left;
font-family: inherit;
cursor: pointer;
border: none;
background: none; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .checkbox-row button .checkbox-outer, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .checkbox-row button .checkbox-outer {
flex: 0 0 auto;
width: 20px;
height: 20px;
border-radius: 5px;
border: 1.5px solid #e5e2dd;
display: grid;
place-items: center;
background: white;
overflow: hidden; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .checkbox-row button .checkbox-outer .checkbox-icon, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .checkbox-row button .checkbox-outer .checkbox-icon {
width: 18px;
height: 18px;
background: #1a1a1a;
display: grid;
place-items: center;
opacity: 0;
transition: opacity 0.1s ease; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form .checkbox-row button .checkbox-outer .checkbox-icon.checkbox-icon-show, .order-tunnel .recap-page .bloc-adresse .step .step-inner .address-form-invoice .checkbox-row button .checkbox-outer .checkbox-icon.checkbox-icon-show {
opacity: 1; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .global-error-label-wrapper .error-label {
display: none;
font-size: 13px; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .global-error-label-wrapper.form-group-error .error-label {
display: inline;
color: #ff5859;
font-weight: 700; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .btn-continuer {
margin-top: 22px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 15px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s;
font-family: inherit;
cursor: pointer;
border: none; }
.order-tunnel .recap-page .bloc-adresse .step .step-inner .btn-continuer .fa-spinner {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step.step-disabled {
opacity: 0.45; }
.order-tunnel .recap-page .bloc-adresse .step.step-disabled .step-inner {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step .step-title-finished {
flex: 1 1 0%;
min-width: 0px;
display: none; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished {
cursor: pointer;
padding-bottom: 0; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished:hover {
background: #faf9f7; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 {
width: 100%;
display: flex;
align-items: center;
gap: 12px;
padding: 16px 18px;
text-align: left; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .step-number {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .step-finished {
flex: 0 0 auto;
width: 22px;
height: 22px;
border-radius: 50%;
background: #1a1a1a;
display: grid;
place-items: center; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .step-title {
flex: 1 1 0%;
min-width: 0px;
display: none; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .step-title-finished {
flex: 1 1 0%;
min-width: 0px;
display: block; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .step-title-finished .step-title-finished-title {
display: block;
font-size: 16px;
font-weight: 700; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .step-title-finished .step-title-finished-infos {
display: block;
font-size: 14px;
color: #777777;
margin-top: 2px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished h2 .modify-button {
flex: 0 0 auto;
font-size: 15px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
color: #1a1a1a;
display: inline; }
.order-tunnel .recap-page .bloc-adresse .step.step-finished .step-inner {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
margin: 0; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row .c-delivery-mode-toggle-parent {
display: flex;
align-items: baseline;
gap: 10px;
text-align: left;
border: 1.5px solid #e5e2dd;
background: white;
border-radius: 12px;
padding: 0;
transition: border-color 0.15s, background 0.15s;
font-family: inherit;
cursor: pointer;
color: inherit; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row .c-delivery-mode-toggle-parent.c-delivery-mode-toggle-parent-selected {
border: 1.5px solid #1a1a1a;
background: #f7f6f3; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row .c-delivery-mode-toggle-parent .c-delivery-mode-toggle {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row .c-delivery-mode-toggle-parent .c-delivery-mode-toggle-label {
font-weight: bold;
font-size: 16px;
padding: 15px 40px 15px 15px;
width: 100%;
position: relative;
margin-bottom: 0; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row .c-delivery-mode-toggle-parent .c-delivery-mode-toggle-label:before {
margin-left: 10px;
content: url('data:image/svg+xml;utf8,');
width: 22px;
height: 22px;
border-radius: 50%;
background: #1a1a1a;
display: block;
place-items: center;
position: absolute;
left: auto;
right: 10px;
top: 28px;
line-height: 18px;
text-align: center; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip > .row .c-delivery-mode-toggle-parent .c-delivery-mode-toggle-label:after {
margin-left: 10px;
width: 22px;
height: 22px;
border-radius: 50%;
border: 1.5px solid #e5e2dd;
display: block;
place-items: center;
background: white;
overflow: hidden;
position: absolute;
left: auto;
right: 10px;
top: 28px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip #widthdrawal-tooltip, .order-tunnel .recap-page .bloc-adresse .step#delivery-step .c-delivery-mode-toggle-wrapper > .c-form__line > .c-form__field > .tooltip #home-tooltip {
margin-top: 12px;
background: #f7f6f3;
border-radius: 10px;
padding: 11px 14px;
font-size: 14px;
line-height: 1.45;
color: #1a1a1a;
display: none; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step #deliver-home-panel {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step #deliver-home-panel #validate-home-delivery-button {
margin-top: 22px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 17px;
font-weight: 700;
border-radius: 999px;
padding: 5px 20px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s;
font-family: inherit;
cursor: pointer;
border: none; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map {
margin-top: 20px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields {
display: flex;
flex-wrap: wrap;
gap: 2px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line {
box-sizing: border-box;
min-width: 0px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line.withdrawal-point-address {
flex: 0 1 40%; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line.withdrawal-point-postcode {
flex: 0 1 15%; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line.withdrawal-point-ville {
flex: 0 1 20%; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields input {
width: 100%;
min-width: 0px;
font-size: 16px;
color: #1a1a1a;
border: 1.5px solid #e5e2dd;
border-radius: 10px;
padding: 12px 14px;
background: white;
outline: none;
transition: border-color 0.15s;
box-sizing: border-box;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-js-withdrawal-point-search {
flex: 0 1 24%;
border: 1.5px solid #1a1a1a;
border-radius: 999px;
padding: 0px 18px;
font-size: 13.5px;
font-weight: 700;
background: white;
transition: background 0.15s;
font-family: "sofia-pro", sans-serif; }
@media (max-width: 1000px) {
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line.withdrawal-point-address {
flex-basis: 100%; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line.withdrawal-point-postcode {
flex-basis: 49%; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-form__line.withdrawal-point-ville {
flex-basis: 50%; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .withdrawal-point-search-fields .c-js-withdrawal-point-search {
flex-basis: 100%; } }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-validate-withdrawal-point-choice {
margin-top: 22px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 5px 15px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-validate-withdrawal-point-choice:hover {
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint {
display: flex;
flex-direction: column;
gap: 8px;
margin-top: 12px;
border: none;
height: 235px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item {
display: flex;
align-items: flex-start;
gap: 12px;
text-align: left;
border-radius: 12px;
padding: 10px 7px;
transition: border-color 0.15s, background 0.15s;
cursor: pointer;
border: 1.5px solid #e5e2dd;
background: white; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item .c-withdrawalPoint__infos-wrapper {
flex: 1 1 0%;
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0px; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item .c-withdrawalPoint__infos-wrapper .c-withdrawalPoint__name {
font-size: 14.5px;
font-weight: 600; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item .c-withdrawalPoint__infos-wrapper .c-withdrawalPoint__address {
font-size: 13px;
color: #777777; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item .c-withdrawalPoint__infos-wrapper .c-withdrawalPoint__schedule {
font-size: 12.5px;
color: #999999;
margin-top: 0; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item .c-withdrawalPoint__choosed {
flex: 0 0 auto;
width: 22px;
height: 22px;
border-radius: 50%;
border: 1.5px solid #e5e2dd;
display: grid;
place-items: center;
background: white;
overflow: hidden;
margin-top: 0; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item .c-withdrawalPoint__choosed .c-withdrawalPoint__choosed_sub {
display: none; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item.active {
border: 1.5px solid #1a1a1a;
background: #f7f6f3; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map .c-withdrawalPoint .c-withdrawalPoint__item.active .c-withdrawalPoint__choosed_sub {
width: 20px;
height: 20px;
border-radius: 50%;
background: #1a1a1a;
display: grid;
place-items: center; }
.order-tunnel .recap-page .bloc-adresse .step#delivery-step .page--order__map #map {
height: 200px;
width: 100%;
background: #F7F6F3; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step #cgv-block {
margin-top: 10px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check1"], .order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check2"] {
font-size: 12px !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check1"] .link-text, .order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check2"] .link-text {
font-size: 12px !important;
color: #000; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check1"]:before, .order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check2"]:before {
margin-left: 10px;
content: url('data:image/svg+xml;utf8,');
width: 22px;
height: 22px;
border-radius: 50%;
background: #1a1a1a;
display: block;
place-items: center;
position: absolute;
left: -8px;
right: 0;
top: -2px;
line-height: 20px;
text-align: center;
transform: none; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check1"]:after, .order-tunnel .recap-page .bloc-adresse .step#payment-step label[for="cgv-check2"]:after {
margin-left: 10px;
width: 20px;
height: 20px;
border-radius: 50%;
border: 1.5px solid #e5e2dd;
display: block;
place-items: center;
background: white;
overflow: hidden;
position: absolute;
left: -8px;
right: 0;
top: -2px;
transform: none; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-payment-button {
margin-top: 14px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 15px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s;
cursor: pointer; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-payment-button:hover {
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-payment-button span {
font-size: 15.5px;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-inner-wrapper {
background: none; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name {
height: 45px !important;
min-height: 0 !important;
padding: 0 18px !important;
box-sizing: border-box !important;
border: 1.5px solid #e6e3e1 !important;
border-radius: 8px !important;
background: #fff !important;
overflow: hidden !important;
display: flex !important;
align-items: center !important;
margin-top: 10px !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan.kr-focus,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry.kr-focus,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code.kr-focus,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name.kr-focus {
border-color: #1a1a1a !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan.kr-error,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry.kr-error,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code.kr-error,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name.kr-error {
border-color: #c75b67 !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan.kr-error,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry.kr-error,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code.kr-error {
padding-top: 3px !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan .kr-field-wrapper,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry .kr-field-wrapper,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code .kr-field-wrapper,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name .kr-field-wrapper {
flex: 1 1 auto !important;
min-width: 0 !important;
height: auto !important;
min-height: 0 !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan .kr-field-component,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan .kr-iframe-wrapper,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry .kr-field-component,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry .kr-iframe-wrapper,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code .kr-field-component,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code .kr-iframe-wrapper {
height: auto !important;
min-height: 0 !important;
width: 100% !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan iframe,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry iframe,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code iframe {
height: 20px !important;
width: 100% !important;
display: block !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-pan .kr-label,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-expiry .kr-label,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-security-code .kr-label,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name .kr-label {
display: none !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-visibility-button {
display: none !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name input {
font-family: "sofia-pro", sans-serif !important;
font-size: 15px !important;
line-height: 24px !important;
color: #1a1a1a !important;
border: none !important;
background: transparent !important;
padding: 0 !important;
width: 100% !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .kr-card-holder-name input::placeholder {
color: #767676 !important;
font-family: Arial, Helvetica, sans-serif !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-field-pan {
display: block;
font-size: 13px;
font-weight: 700;
margin-bottom: 7px;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-row {
display: flex;
gap: 12px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-row .payzen-form-field-expiry,
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-row .payzen-form-field-security-code {
flex: 1 1 0%;
min-width: 0; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-field-expiry {
display: block;
font-size: 13px;
font-weight: 700;
margin-bottom: 7px;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-field-security-code {
display: block;
font-size: 13px;
font-weight: 700;
margin-bottom: 7px;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-field-card-holder-name {
display: block;
font-size: 13px;
font-weight: 700;
margin-bottom: 7px;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-crypted-info {
display: flex;
gap: 7px;
align-items: flex-start;
margin-top: 14px;
font-size: 12.5px;
color: #777777;
line-height: 1.45;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total {
margin-top: 18px;
background: #f7f6f3;
border-radius: 12px;
padding: 14px 16px;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-text {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
justify-content: space-between;
align-items: baseline;
font-size: 14px;
font-weight: 700;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-text .payzen-form-total-text-green {
color: #2e7d57;
font-size: 14px !important; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-text .align-right {
text-align: right; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-text span {
font-family: "sofia-pro", sans-serif;
font-size: 15px;
font-weight: 700; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-text .payzen-form-total-amount {
font-size: 17px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-subtext {
font-size: 14px;
color: #777777;
margin-top: 7px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .payzen-form-total .payzen-form-total-subtext .payzen-form-total-amount {
font-weight: 700;
color: #000;
float: right; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .c-use-same-payment-method-parent {
text-align: center;
margin-bottom: 15px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-wrapper .use-same-payment-method-form {
display: flex;
align-items: center;
gap: 12px;
border: 1.5px solid #1a1a1a;
background: #f7f6f3;
border-radius: 12px;
padding: 14px 15px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-wrapper .use-same-payment-method-form .use-same-payment-method-card {
flex: 0 0 auto;
width: 42px;
height: 28px;
border-radius: 5px;
background: #1a1a1a;
display: grid;
place-items: center; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-wrapper .use-same-payment-method-form .use-same-payment-method-title {
flex: 1 1 0%;
min-width: 0px;
display: flex;
flex-direction: column;
gap: 2px; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-wrapper .use-same-payment-method-form .use-same-payment-method-title .use-same-payment-method-text {
font-size: 14.5px;
font-weight: 700;
letter-spacing: 0.03em; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-wrapper .use-same-payment-method-form .use-same-payment-method-title .use-same-payment-method-subtext {
font-size: 12.5px;
color: #777777; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-wrapper .use-same-payment-method-form .use-same-payment-method-check {
flex: 0 0 auto;
width: 22px;
height: 22px;
border-radius: 50%;
background: #1a1a1a;
display: grid;
place-items: center; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step .use-same-payment-method-button {
margin-top: 12px;
font-size: 13px;
font-weight: 600;
color: #777777;
text-decoration: underline;
text-underline-offset: 3px;
cursor: pointer;
border: none;
background: none;
text-align: left;
font-family: inherit;
padding: 0; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step #validate-same-payment-method {
margin-top: 14px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 3px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s;
font-family: "sofia-pro", sans-serif; }
.order-tunnel .recap-page .bloc-adresse .step#payment-step #validate-same-payment-method:hover {
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px; }
.order-tunnel .recap-page .bloc-summary {
grid-area: summary; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner {
position: sticky;
top: 24px;
border: 1.5px solid #e5e2dd;
border-radius: 16px;
padding: 22px;
background: white; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper img {
display: block;
width: 64%;
max-width: 200px;
height: auto;
margin: 0 auto; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper .arrivee {
margin-top: 16px;
font-size: 14px;
line-height: 1.5; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper .arrivee .modifier-link {
font-size: 14px;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 3px;
color: #777777;
margin-left: 9px;
cursor: pointer; }
@media (max-width: 1000px) {
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper {
display: flex;
align-items: normal;
gap: 16px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper img {
flex: 0 0 auto;
width: 88px;
height: auto;
display: block; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper .arrivee {
line-height: 1.45;
margin-top: 13px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .calendar-block-wrapper .arrivee .modifier-link {
margin-top: 4px;
margin-left: 0;
display: block; } }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .stylist-line {
display: flex;
gap: 9px;
align-items: center;
margin-top: 11px;
font-size: 15px;
font-weight: 600;
color: #1a1a1a;
line-height: 1.4; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .stylist-line .icon-plus {
flex: 0 0 auto;
width: 18px;
height: 18px;
border-radius: 50%;
background: #1a1a1a;
display: grid;
place-items: center; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .price-row {
display: flex;
justify-content: space-between;
font-size: 14px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .price-row.price-row-green {
color: #2e7d57; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .price-row .bold {
font-weight: 700; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .price-row.total {
display: flex;
justify-content: space-between;
align-items: baseline;
font-size: 15px;
font-weight: 700; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .price-row.total .size-17 {
font-size: 17px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .note {
font-size: 12.5px;
color: #777777;
line-height: 1.45;
margin-top: 4px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .note.medium-note {
font-weight: 400;
font-size: 13px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .note.medium-note.medium-note-total {
color: #000;
font-size: 15px;
font-weight: 700; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .small-note {
font-size: 12px;
color: #999999;
line-height: 1.45;
margin-top: 2px;
text-wrap: pretty; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .reassurance-list {
display: flex;
flex-direction: column;
gap: 9px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .reassurance-list li {
display: flex;
gap: 9px;
align-items: flex-start;
font-size: 15px;
line-height: 15px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .reassurance-list li:first-child {
font-weight: 700; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .reassurance-list li span {
flex: 0 0 auto;
width: 18px;
height: 18px;
border-radius: 50%;
background: #1a1a1a;
display: grid;
place-items: center;
margin-top: 1px; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .heavy-hr {
height: 1px;
background: #f0edea;
margin: 16px 0; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .light-hr {
height: 1px;
background: #f0edea;
margin: 16px 0; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .bloc-summary-reduce {
margin-top: 15px;
width: 100%;
text-align: center;
font-size: 13px;
font-weight: 600;
color: #777777;
text-decoration: underline;
text-underline-offset: 3px;
font-family: inherit;
cursor: pointer;
border: none;
background: none;
display: none; }
@media (max-width: 768px) {
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .bloc-summary-reduce {
display: inline-block; } }
.order-tunnel .recap-page .bloc-summary .bloc-summary-inner .bloc-summary-reduce .fa {
text-decoration: underline; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-reduced {
width: 100%;
display: none;
justify-content: space-between;
align-items: center;
gap: 10px;
border: 1.5px solid #e5e2dd;
border-radius: 12px;
padding: 13px 15px;
background: white;
font-size: 13.5px;
font-weight: 600;
text-align: left;
transition: border-color 0.15s;
font-family: inherit;
cursor: pointer;
color: inherit; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-reduced.bloc-summary-reduced-show {
display: flex; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-reduced .js-conditional-display-delivery-mode {
display: inline-block; }
.order-tunnel .recap-page .bloc-summary .bloc-summary-reduced svg {
flex: 0 0 auto; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar {
font-family: "sofia-pro", sans-serif;
position: fixed;
inset: 0px;
background: rgba(26, 26, 26, 0.45);
z-index: 999;
display: none;
justify-content: center;
align-items: center;
animation: 0.2s ease 0s 1 normal none running cf-fade; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar.bloc-calendar-show {
display: flex; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner {
position: relative;
background: white;
width: 100%;
max-width: 480px;
max-height: 88vh;
border-radius: 20px;
margin: 0px 16px;
padding: 26px 24px 24px;
overflow-y: auto;
animation: 0.28s ease 0s 1 normal none running cf-monte; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner h2 {
font-size: 20px;
font-weight: 700;
letter-spacing: -0.2px;
text-align: center;
padding: 6px 44px 0px;
line-height: 1.3;
text-wrap: pretty; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande {
display: block;
border: none;
box-shadow: none;
margin-bottom: 0;
padding: 10px 5px 0 5px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-next:hover, .order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-prev:hover {
color: #000; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-month, .order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-year {
font-family: "sofia-pro", sans-serif;
text-transform: capitalize; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale {
border-left: none;
border-right: none;
position: relative;
background: none; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale:first-child {
border-radius: 30px 0 0 30px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale:first-child .ui-state-default {
border-radius: 30px 0 0 30px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale:last-child {
border-radius: 0 30px 30px 0; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale:last-child .ui-state-default {
border-radius: 0 30px 30px 0; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale .ui-state-default {
background: rgba(240, 132, 118, 0.14);
text-shadow: none; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .sale:first-child:before {
position: absolute;
left: 630%;
top: -9px;
background: #f08476;
color: white;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0;
border-radius: 999px;
box-shadow: white 0px 0px 0px 2px;
height: 20px;
line-height: 20px;
z-index: 20; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-current-day {
background: #000;
color: white;
border-left: none;
border-right: none; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-current-day:first-child {
border-radius: 30px 0 0 30px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-current-day:first-child .ui-state-default {
background: #000;
border-radius: 30px 0 0 30px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-current-day:last-child {
border-radius: 0 30px 30px 0; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-current-day:last-child .ui-state-default {
background: #000;
border-radius: 0 30px 30px 0; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande .ui-datepicker-current-day .ui-state-default {
background: #000;
text-shadow: none; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande tr td {
border-bottom: 10px solid #fff; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande tr:hover td {
color: #000; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande tr:hover td a {
color: #000; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande tr:hover td.ui-datepicker-current-day {
color: #fff; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner #datepicker_commande tr:hover td.ui-datepicker-current-day a {
color: #fff; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-week-text {
font-size: 16px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-week-text .bloc-calendar-week-text-span {
font-weight: 700; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-week-text .c-datepicker__sales_label {
background: #f08476;
color: white;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 999px; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-close-button {
position: absolute;
top: 14px;
right: 14px;
width: 36px;
height: 36px;
border-radius: 50%;
display: grid;
place-items: center;
transition: background 0.15s;
font-family: inherit;
cursor: pointer;
border: none;
background: none;
color: inherit; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-close-button:hover {
background: #f0edea; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-validate-date-button {
margin-top: 16px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 16px;
font-weight: 700;
border-radius: 999px;
padding: 15px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s;
font-family: inherit;
cursor: pointer;
border: none; }
.order-tunnel .recap-page .bloc-summary .bloc-calendar .bloc-calendar-inner .bloc-calendar-validate-date-button:hover {
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px; }
@media (max-width: 768px) {
.order-tunnel .recap-page .recap-container {
grid-template-columns: 1fr;
grid-template-areas: "summary" "adresse"; } }
.order-tunnel-success .subscription-modal {
position: fixed;
inset: 0px;
background: white;
z-index: 100;
overflow-y: auto;
animation: 0.25s ease 0s 1 normal none running cf-fade; }
.order-tunnel-success .subscription-modal .subscription-modal-close-button {
position: absolute;
top: 55px;
right: 18px;
width: 40px;
height: 40px;
border-radius: 50%;
background: #f0edea;
display: grid;
place-items: center;
transition: background 0.15s;
z-index: 2;
cursor: pointer;
border: none; }
.order-tunnel-success .subscription-modal .subscription-modal-close-button:hover {
background: #e5e0da; }
.order-tunnel-success .subscription-modal .subscription-modal-inner {
max-width: 560px;
margin: 0px auto;
padding: 76px 24px 48px;
animation: 0.4s ease 0s 1 normal backwards running cf-up; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-top-flash {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.8px;
color: #999999;
margin-bottom: 10px; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-title {
font-size: 32px;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.18;
text-wrap: pretty;
color: #000; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-subtitle {
font-size: 14px;
color: #777777;
margin-top: 10px;
line-height: 1.45;
text-wrap: pretty; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 24px; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper {
display: flex;
align-items: center;
gap: 12px;
text-align: left;
border: 1.5px solid #e5e2dd;
background: white;
border-radius: 12px;
padding: 15px 16px;
transition: border-color 0.15s, background 0.15s;
cursor: pointer; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper:hover {
border-color: #cbc6be; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper .subscription-modal-choice-text {
flex: 1 1 0%;
display: flex;
flex-direction: column;
gap: 3px;
min-width: 0px; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper .subscription-modal-choice-text .subscription-modal-choice-text-rythm {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
font-size: 15px;
font-weight: 600;
font-family: "sofia-pro", sans-serif; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper .subscription-modal-choice-text .subscription-modal-choice-text-rythm .subscription-modal-choice-text-rythm-recommended {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.6px;
background: #f6e1e4;
color: #b04d58;
border-radius: 999px;
padding: 3px 9px; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper .subscription-modal-choice-text .subscription-modal-choice-text-details {
font-size: 13px;
color: #777777;
font-family: "sofia-pro", sans-serif; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper .subscription-modal-choice-radio {
flex: 0 0 auto;
width: 22px;
height: 22px;
border-radius: 50%;
border: 1.5px solid #e5e2dd;
display: grid;
place-items: center;
background: white;
overflow: hidden; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper .subscription-modal-choice-radio .subscription-modal-choice-radio-inner {
width: 20px;
height: 20px;
border-radius: 50%;
background: #1a1a1a;
display: none;
place-items: center; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper.subscription-modal-choice-wrapper-selected {
border: 1.5px solid #1a1a1a;
background: #f7f6f3; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-content .subscription-modal-choice-wrapper.subscription-modal-choice-wrapper-selected .subscription-modal-choice-radio .subscription-modal-choice-radio-inner {
display: grid; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-validate-rythm-button {
margin-top: 26px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 15px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s;
cursor: pointer;
font-family: "sofia-pro", sans-serif; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-validate-rythm-button .fa-spinner {
display: none; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-validate-rythm-button:hover {
background: black;
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px;
gap: 11px; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-no-subscription-button {
margin-top: 12px;
width: 100%;
background: white;
color: #1a1a1a;
font-size: 15px;
font-weight: 700;
border: 1.5px solid #1a1a1a;
border-radius: 999px;
padding: 13.5px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
transition: background 0.15s;
cursor: pointer;
font-family: "sofia-pro", sans-serif; }
.order-tunnel-success .subscription-modal .subscription-modal-inner .subscription-modal-no-subscription-button:hover {
background: #f0edea; }
.order-tunnel-success .success-block {
background: white;
margin-top: 60px;
animation: 0.5s ease 0s 1 normal backwards running cf-entree; }
.order-tunnel-success .success-block .success-block-inner {
max-width: 640px;
margin: 0px auto;
padding: 0px 24px 40px; }
.order-tunnel-success .success-block .success-block-inner .success-block-image-wrapper {
text-align: center;
padding: 18px 0px 4px; }
.order-tunnel-success .success-block .success-block-inner .success-block-image-wrapper img {
display: inline-block;
width: 210px;
max-width: 70%;
height: auto; }
.order-tunnel-success .success-block .success-block-inner .success-block-title {
font-size: 32px;
font-weight: 700;
letter-spacing: -0.4px;
line-height: 1.18;
text-align: center;
text-wrap: pretty;
color: #000; }
.order-tunnel-success .success-block .success-block-inner .success-block-subtitle {
font-size: 14px;
color: #777777;
margin-top: 10px;
line-height: 1.5;
text-align: center;
text-wrap: pretty; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block {
margin-top: 30px;
border: 1.5px solid #e5e2dd;
border-radius: 16px;
padding: 22px; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block.success-block-password-block-ok {
display: none; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-title {
font-size: 15px;
font-weight: 700;
letter-spacing: -0.2px;
color: #000; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-subtitle {
font-size: 13.5px;
color: #777777;
margin-top: 6px;
line-height: 1.45; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-input-wrapper {
position: relative;
margin-top: 14px; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-input-wrapper input {
width: 100%;
font-size: 16px;
color: #1a1a1a;
border: 1.5px solid #e5e2dd;
border-radius: 10px;
padding: 12px 48px 12px 14px;
background: white;
outline: none;
transition: border-color 0.15s;
font-family: "sofia-pro", sans-serif; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-input-wrapper input:focus {
border-color: #1a1a1a; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-input-wrapper input::placeholder {
color: #B9B4AC;
font-weight: 700; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-input-wrapper .success-block-password-input-show-password {
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%);
width: 36px;
height: 36px;
border-radius: 50%;
display: grid;
place-items: center;
color: #777777;
transition: background 0.15s;
cursor: pointer; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-input-wrapper .success-block-password-input-show-password:hover {
background: #f0edea; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-conditions-wrapper {
display: flex;
flex-wrap: wrap;
gap: 6px 16px;
justify-content: center;
margin-top: 12px; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-conditions-wrapper .success-block-password-condition {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 12.5px;
font-weight: 600;
color: #999999; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-conditions-wrapper .success-block-password-condition.success-block-password-condition--checked {
color: #1a1a1a; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-button {
margin-top: 14px;
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 15px 30px;
display: inline-flex;
justify-content: center;
align-items: center;
gap: 8px;
opacity: 0.45;
transition: background 0.15s, transform 0.15s, box-shadow 0.15s, gap 0.15s, opacity 0.15s;
cursor: pointer;
font-family: "sofia-pro", sans-serif;
border: none; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-button:hover {
background: black; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-button.success-block-password-button--checked {
opacity: 1; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-valid {
display: flex;
align-items: center;
gap: 13px;
animation: 0.35s ease 0s 1 normal none running cf-up; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-valid .success-block-password-valid-check {
flex: 0 0 auto;
width: 36px;
height: 36px;
border-radius: 50%;
background: #1a1a1a;
display: grid;
place-items: center; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-valid .success-block-password-valid-text .success-block-password-valid-text-title {
display: block;
font-size: 15px;
font-weight: 700;
color: #000; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-block .success-block-password-valid .success-block-password-valid-text .success-block-password-valid-text-subtitle {
display: block;
font-size: 13.5px;
color: #777777;
margin-top: 2px; }
.order-tunnel-success .success-block .success-block-inner .success-block-password-receive-email {
font-size: 12.5px;
color: #999999;
margin-top: 12px;
text-align: center;
line-height: 1.45; }
@keyframes cf-entree {
from {
opacity: 0;
transform: translateY(14px); }
to {
opacity: 1;
transform: none; } }
@keyframes cf-up {
from {
opacity: 0;
transform: translateY(16px); }
to {
opacity: 1;
transform: none; } }
@keyframes cf-fade {
from {
opacity: 0; }
to {
opacity: 1; } }
.order-checkout .order-checkout-block1 {
margin-top: 13px;
background: white;
border: 1.5px solid #e5e2dd;
border-radius: 18px;
overflow: hidden;
animation: 0.4s ease 0s 1 normal backwards running cf-up; }
.order-checkout .order-checkout-block1 .order-checkout-block1-title-block {
padding: 18px 18px 4px; }
.order-checkout .order-checkout-block1 .order-checkout-block1-title-block .order-checkout-block1-title {
font-size: 18px;
font-weight: 700;
letter-spacing: -0.3px;
color: #000;
text-align: left; }
.order-checkout .order-checkout-block1 .order-checkout-block1-title-block .order-checkout-block1-subtitle {
font-size: 15px;
color: #777777;
line-height: 1.5;
margin-top: 7px;
text-wrap: pretty;
text-align: left; }
.order-checkout .order-checkout-block1 .order-checkout-block1-content-block {
display: flex;
gap: 7px;
padding: 15px 18px 4px;
overflow-x: auto; }
.order-checkout .order-checkout-block1 .order-checkout-block1-content-block .order-checkout-block1-content-item {
flex: 0 0 auto;
width: 80px;
border-radius: 9px;
background: #f2efe9;
display: grid;
place-items: center;
border: 1.5px solid #f2efe9;
overflow: hidden; }
.order-checkout .order-checkout-block1 .order-checkout-block1-content-block .order-checkout-block1-content-item img {
width: 100%; }
@media (max-width: 540px) {
.order-checkout .order-checkout-block1 .order-checkout-block1-content-block .order-checkout-block1-content-item {
width: 18%; } }
@media (max-width: 390px) {
.order-checkout .order-checkout-block1 .order-checkout-block1-content-block {
padding-left: 0;
padding-right: 0; } }
.order-checkout .order-checkout-block1 .order-checkout-block1-under-block {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px 12px;
padding: 13px 18px 0px; }
.order-checkout .order-checkout-block1 .order-checkout-block1-under-block .order-checkout-block1-20-reduction {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 14px;
font-weight: 600;
color: #3b6b5e; }
.order-checkout .order-checkout-block1 .order-checkout-block1-under-block .order-checkout-block1-alma-block {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 14px;
font-weight: 600;
color: #777777; }
.order-checkout .order-checkout-block1 .order-checkout-block1-under-block .order-checkout-block1-alma-block .order-checkout-block1-alma-icon {
display: inline-flex;
align-items: center;
background: #ff3d62;
color: white;
font-size: 10px;
font-weight: 700;
border-radius: 5px;
padding: 1px 6px 2px; }
.order-checkout .order-checkout-block1 .order-checkout-block1-cta-block {
padding: 13px 18px 18px; }
.order-checkout .order-checkout-block1 .order-checkout-block1-cta-block .order-checkout-block1-cta {
width: 100%;
background: #1a1a1a;
color: white;
font-size: 15px;
font-weight: 700;
border-radius: 999px;
padding: 15px 28px;
transition: transform 0.15s, box-shadow 0.15s;
font-family: inherit;
cursor: pointer;
border: none; }
.order-checkout .order-checkout-block1 .order-checkout-block1-cta-block .order-checkout-block1-cta:hover {
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px; }
.order-checkout .order-checkout-block2 {
margin-top: 13px;
animation: 0.3s ease 0s 1 normal none running cf-fade; }
.order-checkout .order-checkout-block2 .order-checkout-block2-keep-5 {
background: #f7f6f3;
border: 1px solid #edebe6;
border-radius: 14px;
padding: 13px 15px;
margin-bottom: 10px;
text-align: left; }
.order-checkout .order-checkout-block2 .order-checkout-block2-keep-5 .order-checkout-block2-keep-5-title {
font-size: 13px;
line-height: 1.45;
text-wrap: pretty;
color: #000; }
.order-checkout .order-checkout-block2 .order-checkout-block2-keep-5 .order-checkout-block2-keep-5-title .order-checkout-block2-keep-5-title-strong-1 {
font-weight: 700; }
.order-checkout .order-checkout-block2 .order-checkout-block2-keep-5 .order-checkout-block2-keep-5-title .order-checkout-block2-keep-5-title-strong-2 {
font-weight: 700;
color: #3b6b5e; }
.order-checkout .order-checkout-block2 .order-checkout-block2-keep-5 .order-checkout-block2-keep-5-subtitle {
display: flex;
align-items: center;
gap: 5px;
font-size: 12.5px;
color: #777777;
margin-top: 7px;
flex-wrap: wrap; }
.order-checkout .order-checkout-block2 .order-checkout-block2-keep-5 .order-checkout-block2-keep-5-subtitle .order-checkout-block2-keep-5-subtitle-alma {
display: inline-flex;
align-items: center;
background: #ff3d62;
color: white;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.2px;
border-radius: 6px;
padding: 2px 7px 3px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-medium-title {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1.4px;
color: #999999;
margin-bottom: 12px;
text-align: left; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper {
display: flex;
flex-direction: column;
gap: 13px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article {
background: white;
border: 1.5px solid #e5e2dd;
border-radius: 16px;
padding: 12px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block {
display: flex;
gap: 12px;
align-items: flex-start; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-photo {
flex: 0 0 auto;
width: 150px;
border-radius: 10px;
display: grid;
place-items: center;
border: 1.5px solid #f2efe9;
filter: none;
overflow: hidden; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-photo img {
width: 100%;
margin: 10px 0; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name {
flex: 1 1 0%;
min-width: 0px;
text-align: left; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-brand {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.7px;
text-transform: uppercase;
color: #999999; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-title {
font-size: 12px;
font-weight: 700;
line-height: 1.25;
margin-top: 2px;
color: #000; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-size-block {
display: flex;
align-items: center;
gap: 8px;
margin-top: 3px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-size-block .order-checkout-block2-article-name-size {
font-size: 12.5px;
color: #777777; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-size-block .order-checkout-block2-article-name-length {
font-size: 12.5px;
color: #777777; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-price-block .order-checkout-block2-article-name-price {
font-size: 13px;
font-weight: 700;
color: #000; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-price-block .order-checkout-block2-article-name-price.order-checkout-block2-article-name-price-discounted {
font-size: 11px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-price-block .order-checkout-block2-article-name-price .original-price-crossed {
font-size: 13px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name .order-checkout-block2-article-name-price-block .order-checkout-block2-article-name-price .discount-amount {
margin-left: 0; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-name-photo-block .order-checkout-block2-article-name-number {
flex: 0 0 auto;
font-size: 12px;
font-weight: 700;
letter-spacing: 0.6px;
color: #c4bfb6; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep {
display: flex;
gap: 8px;
margin-top: 13px; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep .order-checkout-block2-article-keep-button {
flex: 1 1 0%;
padding: 11px 0px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
border: 1.5px solid #e5e2dd;
transition: 0.15s;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
background: white;
color: #777777;
font-family: inherit;
cursor: pointer; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep .order-checkout-block2-article-keep-button svg {
display: none; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep .order-checkout-block2-article-keep-button.order-checkout-block2-article-keep-button-checked {
border: 1.5px solid #1a1a1a;
background: #1a1a1a;
color: white; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep .order-checkout-block2-article-keep-button.order-checkout-block2-article-keep-button-checked svg {
display: block; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep .order-checkout-block2-article-no-keep-button {
flex: 1 1 0%;
padding: 11px 0px;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
border: 1.5px solid #e5e2dd;
transition: 0.15s;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 7px;
background: white;
color: #777777;
font-family: inherit;
cursor: pointer; }
.order-checkout .order-checkout-block2 .order-checkout-block2-articles-wrapper .order-checkout-block2-article .order-checkout-block2-article-keep .order-checkout-block2-article-no-keep-button.order-checkout-block2-article-no-keep-button-checked {
border: 1.5px solid #1a1a1a;
background: #f0edea;
color: #1a1a1a; }
@keyframes cf-fade {
from {
opacity: 0; }
to {
opacity: 1; } }
#cockpit .cf-main {
margin: 24px auto 12px;
padding: 0 16px;
max-width: 1200px;
text-align: center; }
#cockpit a.cockpit-link {
color: #111111;
text-decoration: underline; }
#cockpit a.cockpit-link:hover {
color: #767676;
text-decoration: underline; }
#cockpit .cf-link-inverse {
color: #ffffff !important; }
.cf-cta-valider-commande .cf-cta-valider-commande-sales {
display: inline-block;
background: #ef8a7d;
color: #ffffff;
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 5px 10px;
border-radius: 4px;
margin-left: 8px;
vertical-align: middle;
letter-spacing: .3px;
text-transform: none; }
.cf-cta-personnaliser-box {
font-size: 16px !important; }
.cf-cta-mettre-a-jour-paiement {
font-size: 16px !important; }
.cf-cta-suivre-preparation {
font-size: 16px !important; }
.cf-cta-colis-recu {
font-size: 16px !important; }
.cf-cta-suivre-colis {
font-size: 16px !important; }
.cf-cta-valider-ma-commande {
font-size: 16px !important; }
.cf-cta-calendrier-suivant {
border-radius: 999px !important;
margin-top: 5px; }
.cf-cta-calendrier-suivant:hover {
transform: translateY(-1px);
box-shadow: rgba(0, 0, 0, 0.22) 0px 8px 18px;
background: #000 !important; }
.btn-cf-black {
display: block;
width: 100%;
background: #111111;
color: #ffffff;
border: none;
border-radius: 4px;
padding: 13px 20px;
font-family: "sofia-pro", sans-serif;
font-size: 18px;
font-weight: 700;
text-align: center;
cursor: pointer;
text-decoration: none;
line-height: 1.4; }
.btn-cf-black:hover, .btn-cf-black:focus {
background: #333;
color: #ffffff;
text-decoration: none;
outline: none; }
.btn-cf-outline {
display: block;
width: 100%;
background: #ffffff;
color: #111111;
border: 1.5px solid #111111;
border-radius: 4px;
padding: 12px 20px;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-weight: 400;
text-align: center;
cursor: pointer;
text-decoration: none;
line-height: 1.4; }
.btn-cf-outline:hover, .btn-cf-outline:focus {
background: #f5f5f5;
color: #111111;
text-decoration: none;
outline: none; }
.btn-cf-inline-black {
display: inline-flex;
align-items: center;
justify-content: center;
color: #111111;
white-space: normal;
width: 220px;
height: 60px;
padding: 8px 12px;
line-height: 1.2;
font-size: 15px;
font-weight: 600;
background: #ffffff;
border: none;
border-radius: 3px;
font-family: "sofia-pro", sans-serif;
text-align: center;
cursor: pointer;
text-decoration: none;
overflow: hidden;
position: relative; }
.btn-cf-inline-black:hover, .btn-cf-inline-black:focus {
background: #efefef;
color: #111111;
text-decoration: none;
outline: none; }
.btn-cf-inline-black.btn-cf-inline-black--sales {
font-size: 13px;
padding: 0 50px 0 10px !important; }
.cf-bandeau__soldes-tag {
padding: 0 12px;
background: #ef8a7d;
color: #ffffff;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
border-radius: 0 3px 3px 0;
position: absolute;
right: 0;
height: 100%;
line-height: 60px;
z-index: 10;
display: none; }
.cf-bandeau__soldes-tag.cf-bandeau__soldes-tag-show {
display: inline; }
.btn-cf-inline-ghost {
display: inline-block;
background: transparent;
color: #ffffff;
border: none;
padding: 10px 4px;
font-family: "sofia-pro", sans-serif;
font-size: 15px;
font-weight: 400;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
white-space: nowrap;
line-height: 1.4; }
.btn-cf-inline-ghost:hover {
color: rgba(255, 255, 255, 0.7);
text-decoration: underline; }
.btn-cf-link {
background: none;
border: none;
padding: 0;
font-family: "sofia-pro", sans-serif;
font-size: 15px;
color: #111111;
text-decoration: underline;
cursor: pointer;
display: inline; }
.btn-cf-link:hover {
color: #767676; }
.cf-section-divider {
margin: 48px 0 10px;
padding-bottom: 6px;
border-bottom: 1px solid #e8e8e8; }
.cf-section-divider h5 {
font-family: "sofia-pro", sans-serif;
font-size: 10px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #c8c8c8;
margin: 0; }
.cf-demo-wrap {
margin-bottom: 20px; }
.cf-demo-wrap--full {
margin-left: -20px;
margin-right: -20px;
margin-bottom: 20px; }
.cf-demo-outer {
max-width: 820px;
margin: 0 auto;
padding: 32px 20px 80px; }
.cf-demo-header {
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 2px solid #111111; }
.cf-demo-header h1 {
font-family: "sofia-pro", sans-serif;
font-size: 20px;
font-weight: 700;
color: #111111;
margin: 0;
letter-spacing: 0.04em;
text-transform: uppercase; }
.cf-demo-header small {
font-family: "sofia-pro", sans-serif;
font-size: 12px;
font-weight: 400;
color: #767676;
display: block;
margin-top: 4px; }
.cf-header {
background: #ffffff;
border-bottom: 1px solid #dddddd; }
.cf-header__main {
display: flex;
align-items: center;
justify-content: space-between;
padding: 14px 24px;
gap: 16px; }
.cf-header__left {
display: flex;
align-items: baseline;
gap: 10px; }
.cf-header__brand {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #111111;
text-decoration: none; }
.cf-header__brand:hover {
color: #111111;
text-decoration: none; }
.cf-header__section {
font-size: 14px;
font-weight: 400;
color: #111111;
text-decoration: none; }
.cf-header__section:hover {
color: #111111;
text-decoration: none; }
.cf-header__right {
display: flex;
align-items: center;
gap: 12px; }
.cf-header__credit {
font-size: 14px;
font-weight: 400;
color: #111111; }
.cf-header__subnav {
display: flex;
padding: 0 16px;
position: sticky;
background-color: #ffffff;
top: 49px;
z-index: 100;
max-width: 1200px;
margin: 0 auto;
text-align: center; }
@media (max-width: 600px) {
.cf-header__subnav {
top: 49px; } }
.cf-header__subnav-link {
font-size: 14px;
font-weight: 400;
color: #767676;
text-decoration: none;
padding: 10px 0;
margin-right: 24px;
border-bottom: 2px solid transparent;
display: inline-block; }
.cf-header__subnav-link:hover {
color: #111111;
text-decoration: none; }
.cf-header__subnav-link--active {
color: #111111;
font-weight: 500;
border-bottom-color: #111111; }
.cf-avatar {
width: 30px;
height: 30px;
border-radius: 50%;
background: #111111;
color: #ffffff;
display: inline-flex;
align-items: center;
justify-content: center;
font-family: "sofia-pro", sans-serif;
font-size: 13px;
font-weight: 700;
text-decoration: none;
flex-shrink: 0;
cursor: pointer; }
.cf-avatar:hover {
background: #333;
color: #ffffff;
text-decoration: none; }
.cf-bloc-credits {
font-size: 14px;
font-weight: 400;
color: #111111; }
#cf-bandeau .container {
width: 100% !important; }
.cf-bandeau {
padding: 18px 24px;
min-height: 100px;
width: 100%;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
container-type: inline-size;
background: #1A1A1A;
border-radius: 18px;
overflow: hidden;
color: #fff;
font-family: 'Sofia Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
/* — accessibilité mouvement — */ }
.cf-bandeau__centered {
display: flex;
justify-content: left;
align-items: center; }
.cf-bandeau__inner {
display: flex;
flex-wrap: wrap;
width: 100%; }
.cf-bandeau__inner_1 {
width: 100%;
align-items: center; }
.cf-bandeau__inner_1 .title-wrap {
text-align: left; }
.cf-bandeau__content {
min-width: 0; }
.cf-bandeau__title {
margin: 0;
font-size: 19px;
font-weight: 700;
letter-spacing: -.3px;
line-height: 1.24;
color: #fff;
text-wrap: pretty; }
.cf-bandeau__subtitle {
margin: 6px 0 0;
font-size: 13px;
font-weight: 400;
line-height: 1.45;
color: rgba(255, 255, 255, 0.58); }
.cf-bandeau__subtitle a {
color: rgba(255, 255, 255, 0.8);
text-decoration: underline; }
.cf-bandeau__actions {
display: flex;
flex-direction: column;
gap: 8px;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.14);
margin-top: 15px; }
.cf-bandeau .btn-cf-inline-black {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 9px;
min-height: 50px;
padding: 13px 24px;
border: none;
border-radius: 999px;
background: #fff;
color: #1A1A1A;
font-family: inherit;
font-size: 13px;
font-weight: 700;
line-height: 1.25;
letter-spacing: -.1px;
text-align: center;
text-decoration: none;
cursor: pointer;
transition: transform .15s ease, box-shadow .15s ease;
width: 300px; }
.cf-bandeau .btn-cf-inline-black:after {
content: "";
flex: 0 0 auto;
width: 13px;
height: 10px;
background: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,') no-repeat center/contain;
mask: url('data:image/svg+xml;utf8,') no-repeat center/contain;
transition: transform .15s ease; }
.cf-bandeau .btn-cf-inline-black:after:hover {
transform: translateX(2px); }
.cf-bandeau .btn-cf-inline-black:hover {
transform: translateY(-1px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.32);
color: #1A1A1A; }
.cf-bandeau .btn-cf-inline-black:active {
transform: translateY(0);
box-shadow: none; }
.cf-bandeau .btn-cf-inline-black:focus-visible {
outline: 2px solid #C9A28A;
outline-offset: 3px; }
.cf-bandeau .cf-cta-autres-dates {
padding: 8px 4px;
font-size: 12px;
font-weight: 600;
color: rgba(255, 255, 255, 0.66);
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
transition: color .15s ease;
background: none;
line-height: 13px;
height: 30px;
min-height: 30px;
font-family: 'Sofia Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.cf-bandeau .cf-cta-autres-dates:hover {
color: #fff; }
.cf-bandeau .cf-cta-autres-dates:focus-visible {
outline: 2px solid #C9A28A;
outline-offset: 3px; }
.cf-bandeau__actions_bandeau1 {
display: flex;
align-items: flex-end;
justify-content: flex-end;
flex: 1; }
.cf-bandeau__button-group {
display: flex;
align-items: flex-end;
flex-direction: column;
gap: 15px;
width: 100%; }
@media (max-width: 767.5px) {
.cf-bandeau .cf-bandeau__button-group {
align-items: baseline;
gap: 10px;
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid rgba(255, 255, 255, 0.14); }
.cf-bandeau .btn-cf-inline-black {
margin: 0 auto; }
.cf-bandeau .cf-bandeau__title {
text-align: center; } }
@media (max-width: 400px) {
.cf-bandeau .btn-cf-inline-black {
width: 100%; } }
@media (min-width: 640px) {
.cf-bandeau .cf-bandeau__content {
flex: 1 1 auto;
text-align: left; }
.cf-bandeau .cf-bandeau__content.cf-bandeau__content-no-subtitle {
display: flex;
flex-direction: column;
justify-content: center; }
.cf-bandeau .cf-bandeau__title {
font-size: 21px; }
.cf-bandeau .cf-bandeau__subtitle {
margin-top: 5px;
font-size: 14px;
text-align: left; }
.cf-bandeau .cf-bandeau__actions {
flex: 0 0 auto;
align-items: center;
gap: 10px;
margin-left: auto;
padding-top: 0;
border-top: 0;
margin-top: 0; }
.cf-bandeau .cf-bandeau__actions > .btn-cf-inline-black {
white-space: nowrap; } }
@media (min-width: 900px) {
.cf-bandeau .cf-bandeau__title {
font-size: 22px; } }
@media (prefers-reduced-motion: reduce) {
.cf-bandeau .cf-bandeau__actions > .btn-cf-inline-black,
.cf-bandeau .cf-bandeau__actions > .btn-cf-inline-black::after {
transition: none; }
.cf-bandeau .cf-bandeau__actions > .btn-cf-inline-black:hover {
transform: none; } }
.cf-notification {
font-size: 18px;
font-weight: 600;
line-height: 1.65;
color: #111111;
text-align: left; }
.cf-notification p {
margin: 0 0 3px; }
.cf-notification a {
color: #111111;
text-decoration: underline;
font-weight: 600; }
.cf-notification__lead {
font-weight: 600;
margin: 0 0 3px;
display: block; }
.cf-notification__body {
font-weight: 400;
margin: 0 0 3px;
display: block; }
.cf-notification__body {
font-weight: 200;
margin: 0 0 3px;
display: block; }
.cf-notification__body a {
font-weight: inherit;
display: inline;
margin: 0;
color: #111111;
text-decoration: underline; }
.cf-notification__link {
font-weight: 400;
display: block;
margin: 0 0 2px; }
.cf-notification__list {
list-style: none;
margin: 2px 0 4px;
padding: 0; }
.cf-notification__list li {
font-weight: 400;
font-size: 15px;
line-height: 1.5;
margin-bottom: 6px;
display: block; }
.cf-notification__list li::before {
content: '– ';
font-weight: 600;
margin-right: 6px; }
.cf-cartes-wrap {
position: relative;
margin-top: 30px;
margin-bottom: 20px; }
.cf-cartes-wrap .cf-cartes-title {
font-weight: 600;
font-size: 26px;
color: #000;
text-align: left;
margin-bottom: 20px; }
.cf-cartes-wrap .cf-cartes-arrow {
display: none; }
@media (max-width: 768px) {
.cf-cartes-wrap .cf-cartes-arrow {
cursor: pointer;
position: absolute;
right: -10px;
top: 50%;
transform: translateY(-50%);
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(0, 0, 0, 0.72);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.22);
font-size: 24px;
text-align: center;
color: #ffffff;
z-index: 10; }
.cf-cartes-wrap .cf-cartes-arrow.cf-cartes-arrow-left {
display: none;
left: 0; }
.cf-cartes-wrap .cf-cartes-arrow.cf-cartes-arrow-right {
display: block; } }
.cf-cartes {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
gap: 24px; }
@media (max-width: 768px) {
.cf-cartes {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 0px 16px;
scrollbar-width: none; } }
.cf-cartes .cf-carte-left-img {
height: 370px;
position: relative;
text-align: center;
border-radius: 12px;
background: url("/public/images/cockpit/cockpit_parrainage_right.jpg") no-repeat center;
background-size: cover;
text-decoration: none;
border: 1px solid #e8e8e8;
transition: box-shadow 0.2s, transform 0.2s; }
.cf-cartes .cf-carte-left-img:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px;
transform: translateY(-2px); }
@media (max-width: 768px) {
.cf-cartes .cf-carte-left-img {
flex: none;
width: 78vw;
min-width: 78vw;
height: clamp(330px, 50vw, 300px);
scroll-snap-align: start;
background-position: 50% 15%;
margin-right: 16px; } }
.cf-cartes .cf-carte-left-img__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
font-family: "Roustel", sans-serif;
font-weight: 400;
font-size: 60px;
text-align: center;
line-height: 1;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); }
@media (max-width: 768px) {
.cf-cartes .cf-carte-left-img__overlay {
font-size: clamp(26px, 9.5vw, 38px);
padding: 0px 15px 15px; } }
.cf-cartes .cf-carte-left-img__overlay-text {
position: absolute;
background: #fff;
width: 100%;
color: #000;
bottom: 0;
padding: 20px 24px 26px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 0%;
text-align: left;
border-radius: 12px; }
.cf-cartes .cf-carte-left-img__overlay-text .cf-carte-left-img__overlay-text-title {
display: flex;
align-items: center;
gap: 12px; }
.cf-cartes .cf-carte-left-img__overlay-text .cf-carte-left-img__overlay-text-title .cf-carte-left-img__overlay-text-title-sub {
font-size: 18px;
font-weight: 600;
flex: 1 1 0%; }
.cf-cartes .cf-carte-left-img__overlay-text .cf-carte-left-img__overlay-text-title .cf-carte-left-img__overlay-text-title-arrow {
font-size: 18px; }
.cf-cartes .cf-carte-left-img__overlay-text .cf-carte-left-img__overlay-text-subtitle {
font-size: 15px;
color: #555555;
line-height: 1.5;
flex: 1 1 0%; }
.cf-cartes .cf-carte-right-img {
height: 370px;
position: relative;
text-align: center;
border-radius: 12px;
background: #F3A090;
background-size: cover;
text-decoration: none;
border: 1px solid #e8e8e8;
transition: box-shadow 0.2s, transform 0.2s; }
.cf-cartes .cf-carte-right-img:hover {
box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 24px;
transform: translateY(-2px); }
@media (max-width: 768px) {
.cf-cartes .cf-carte-right-img {
flex: none;
width: 78vw;
min-width: 78vw;
height: clamp(330px, 50vw, 300px);
scroll-snap-align: start;
background-position: 50% 15%;
margin-right: 16px; } }
.cf-cartes .cf-carte-right-img__overlay {
position: absolute;
inset: 0;
display: flex;
align-items: baseline;
justify-content: center;
color: #ffffff;
font-family: "Roustel", sans-serif;
font-weight: 400;
font-size: 60px;
text-align: center;
line-height: 1;
text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
padding-top: 105px; }
@media (max-width: 768px) {
.cf-cartes .cf-carte-right-img__overlay {
font-size: clamp(26px, 9.5vw, 38px);
padding: 105px 15px 15px; } }
.cf-cartes .cf-carte-right-img__overlay-text {
position: absolute;
background: #fff;
width: 100%;
color: #000;
bottom: 0;
padding: 20px 24px 26px;
display: flex;
flex-direction: column;
gap: 8px;
flex: 1 1 0%;
text-align: left;
border-radius: 12px; }
.cf-cartes .cf-carte-right-img__overlay-text .cf-carte-right-img__overlay-text-title {
display: flex;
align-items: center;
gap: 12px; }
.cf-cartes .cf-carte-right-img__overlay-text .cf-carte-right-img__overlay-text-title .cf-carte-right-img__overlay-text-title-sub {
font-size: 18px;
font-weight: 600;
flex: 1 1 0%; }
.cf-cartes .cf-carte-right-img__overlay-text .cf-carte-right-img__overlay-text-title .cf-carte-right-img__overlay-text-title-arrow {
font-size: 18px; }
.cf-cartes .cf-carte-right-img__overlay-text .cf-carte-right-img__overlay-text-subtitle {
font-size: 15px;
color: #555555;
line-height: 1.5;
flex: 1 1 0%; }
.cf-calendrier {
max-width: 320px; }
.cf-calendrier__nav {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0; }
.cf-calendrier__month {
flex: 1;
text-align: center;
font-size: 18px;
font-weight: 500;
color: #111111; }
.cf-calendrier__arrow {
background: none;
border: none;
color: #111111;
font-size: 18px;
cursor: pointer;
padding: 4px 8px;
text-decoration: none;
line-height: 1; }
.cf-calendrier__arrow:hover {
color: #767676; }
.cf-calendrier__table {
width: 100%;
border-collapse: collapse;
margin: 0 0 15px 0; }
.cf-calendrier__table tr td {
border-bottom: 10px solid #fff; }
.cf-calendrier__table tr:hover td {
background-color: #f9f9f9; }
.cf-calendrier__table tr:hover td.cf-calendrier__cell--selected, .cf-calendrier__table tr:hover td.cf-calendrier__cell--week-range {
background: #000;
color: white; }
.cf-calendrier__col-head {
color: #ccc;
padding: 15px 0 10px; }
.cf-calendrier__cell {
text-align: center;
height: 36px;
vertical-align: middle;
padding: 3px 0;
cursor: pointer; }
.cf-calendrier__cell span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
font-size: 13px;
color: #111111;
cursor: pointer;
border-radius: 50%; }
tr .cf-calendrier__cell--sale {
background: #FDEEEC; }
tr .cf-calendrier__cell--sale:first-child {
border-radius: 30px 0 0 30px; }
tr .cf-calendrier__cell--sale:last-child {
border-radius: 0 30px 30px 0;
position: relative; }
tr .cf-calendrier__cell--sale:last-child:before {
content: "Soldes";
position: absolute;
right: -17px;
top: -9px;
background: #f08476;
color: white;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0;
border-radius: 999px;
box-shadow: white 0px 0px 0px 2px;
height: 20px;
line-height: 20px;
z-index: 20;
width: 58px; }
tr .cf-calendrier__cell--sale span {
position: relative; }
tr .cf-calendrier__cell--selected {
background: #000;
color: white;
border-left: none;
border-right: none; }
tr .cf-calendrier__cell--selected:first-child {
border-radius: 30px 0 0 30px; }
tr .cf-calendrier__cell--selected:last-child {
border-radius: 0 30px 30px 0; }
tr .cf-calendrier__cell--selected span {
color: white; }
tr .cf-calendrier__cell--selected:hover {
background: #000;
color: white; }
tr .cf-calendrier__cell--unavail span {
color: #c8c8c8;
cursor: default;
font-size: 12px; }
tr .cf-calendrier__cell--unavail span:hover {
background: transparent; }
tr .cf-calendrier__cell--empty span {
visibility: hidden;
cursor: default; }
tr .cf-calendrier__cell--outside span {
color: #c8c8c8;
cursor: default; }
tr .cf-calendrier__cell--outside span:hover {
background: transparent; }
tr .cf-calendrier__cell--week-range {
background: #000;
color: white;
border-left: none;
border-right: none; }
tr .cf-calendrier__cell--week-range:first-child {
border-radius: 30px 0 0 30px; }
tr .cf-calendrier__cell--week-range:last-child {
border-radius: 0 30px 30px 0; }
tr .cf-calendrier__cell--week-range span {
color: white; }
tr .cf-calendrier__cell--week-range:hover {
background: #000;
color: white; }
.cf-soldes-badge {
display: inline-block;
background: #ef8a7d;
color: #ffffff;
font-size: 12px;
font-weight: 500;
line-height: 1;
padding: 5px 10px;
border-radius: 4px;
margin-left: 8px;
vertical-align: middle;
letter-spacing: .3px;
text-transform: none; }
.cf-calendrier__arrow--disabled {
color: #c8c8c8;
cursor: default;
pointer-events: none; }
.cf-calendrier__week-label {
margin-top: 12px;
font-size: 16px;
color: #000; }
.cf-calendrier__footer {
margin-top: 16px; }
.cf-mb-row {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 14px 0;
text-align: left; }
@media (min-width: 800px) {
.cf-mb-row {
max-width: 50vw; } }
.cf-mb-row:last-child {
border-bottom: none; }
.cf-mb-row__content {
flex: 1; }
.cf-mb-row__label {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
margin-bottom: 3px;
display: block; }
.cf-mb-row__value {
font-size: 16px;
color: #111111;
line-height: 1.5;
display: block; }
.cf-mb-row__link {
font-size: 16px;
color: #111111;
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
align-self: flex-start;
padding-top: 14px; }
.cf-mb-row__link:hover {
color: #767676; }
.cf-mb-row__link::after {
content: ' →'; }
.cf-ma-box-livraison {
text-align: left !important;
padding-top: 14px; }
.cf-ma-box-livraison__label {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #111111;
margin-bottom: 3px;
display: block; }
.cf-ma-box-livraison__date {
color: #111111; }
.cf-timeline {
list-style: none;
margin-top: 0;
padding: 0; }
.cf-timeline__item {
display: flex;
align-items: center;
gap: 14px;
padding: 5px 0; }
.cf-timeline__dot {
width: 10px;
height: 10px;
border-radius: 50%;
flex-shrink: 0;
background: #c8c8c8; }
.cf-timeline__label {
font-size: 15px;
font-weight: 300;
color: #c8c8c8;
line-height: 1.4; }
.cf-timeline__item--active .cf-timeline__dot {
width: 13px;
height: 13px;
background: #111111; }
.cf-timeline__item--active .cf-timeline__label {
font-size: 17px;
font-weight: 700;
color: #111111; }
.cf-abonnement {
margin-top: 8px; }
.cf-abonnement__cta {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
width: 100%;
background: #111111;
color: #ffffff;
border: none;
border-radius: 6px;
padding: 16px 20px;
font-family: "sofia-pro", sans-serif;
font-size: 16px;
font-weight: 700;
text-align: left;
cursor: pointer;
line-height: 1.4;
text-decoration: none; }
.cf-abonnement__cta:hover {
background: #333;
color: #ffffff; }
.cf-abonnement__cta-text {
flex: 1; }
.cf-abonnement__cta-arrow {
font-size: 18px;
flex-shrink: 0;
line-height: 1; }
.cf-popup-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.45);
display: none;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px; }
.cf-popup-overlay.is-open {
display: flex; }
@media (max-width: 520px) {
.cf-popup-overlay {
padding: 0;
align-items: flex-end; } }
.cf-popup-overlay .cf-popup__close {
position: absolute;
top: 14px;
right: 14px;
width: 36px;
height: 36px;
border-radius: 50%;
display: grid;
place-items: center;
transition: background 0.15s;
font-family: inherit;
cursor: pointer;
border: none;
background: none;
color: inherit; }
.cf-popup-overlay .cf-popup__close:hover {
background: #f0edea; }
.cf-popup {
background: #ffffff;
border-radius: 10px;
width: 100%;
max-width: 480px;
position: relative;
padding: 26px 24px 24px;
max-height: 88vh;
overflow-y: auto; }
@media (max-width: 520px) {
.cf-popup {
border-radius: 12px 12px 0 0;
padding: 28px 20px 24px;
max-height: 92vh;
max-width: 100%; } }
.cf-popup__close {
position: absolute;
top: 14px;
right: 18px;
background: none;
border: none;
font-size: 22px;
font-weight: 700;
line-height: 1;
cursor: pointer;
color: #111111;
padding: 4px 6px; }
.cf-popup__close:hover {
color: #767676; }
.cf-popup__title {
font-family: "sofia-pro", sans-serif;
font-size: 20px;
font-weight: 700;
text-align: center;
color: #111111;
margin: 0 24px 25px 0;
line-height: 1.4; }
.cf-popup__subtitle {
font-size: 18px;
font-weight: 400;
text-align: center;
color: #111111;
margin: -6px 0 16px;
line-height: 1.55; }
.cf-popup__body {
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 1.65;
color: #111111;
margin: 0 0 20px; }
.cf-popup__body s {
color: #767676; }
.cf-popup__body strong {
font-weight: 700; }
.cf-popup__section {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
font-size: 15px;
font-weight: 700;
color: #111111;
margin: 0 0 10px; }
.cf-popup__divider {
border: none;
border-top: 1px solid #e4e4e4;
margin: 14px 0; }
.cf-popup__actions {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 6px; }
.cf-popup__actions--row {
flex-direction: row; }
.cf-popup__actions--row .btn-cf-black,
.cf-popup__actions--row .btn-cf-outline {
flex: 1; }
@media (max-width: 340px) {
.cf-popup__actions--row {
flex-direction: column; }
.cf-popup__actions--row .btn-cf-black, .cf-popup__actions--row .btn-cf-outline {
flex: none; } }
.cf-popup__link-action {
background: none;
border: none;
padding: 4px 0;
font-family: "sofia-pro", sans-serif;
font-size: 13px;
color: #111111;
text-decoration: underline;
text-underline-offset: 2px;
cursor: pointer;
display: block;
text-align: center;
width: 100%; }
.cf-popup__link-action:hover {
color: #767676; }
.cf-popup-card-row {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
color: #111111;
margin-bottom: 4px; }
.cf-popup-card-row__check {
color: #2d7d2d;
font-size: 17px;
font-weight: 700; }
.cf-popup-card-row__number {
font-family: monospace;
letter-spacing: 0.06em; }
.cf-popup-card-row__expiry {
font-size: 13px;
color: #767676; }
.cf-card-logos {
display: flex;
align-items: center;
gap: 5px;
flex-wrap: wrap; }
.cf-card-logo {
font-size: 10px;
font-weight: 700;
border: 1.5px solid #c8c8c8;
border-radius: 3px;
padding: 2px 5px;
line-height: 1.5;
text-transform: uppercase;
color: #767676; }
.cf-card-logo--cb {
color: #006fba;
border-color: #006fba; }
.cf-card-logo--visa {
color: #1a1f71;
border-color: #1a1f71; }
.cf-card-logo--mc {
color: #eb001b;
border-color: #eb001b; }
.cf-card-logo--maestro {
color: #0099df;
border-color: #0099df; }
.cf-alma-name {
color: #FF5A1F;
font-weight: 700; }
.cf-alma-badge {
display: inline-block;
font-size: 10px;
font-weight: 700;
color: #ffffff;
background: #FF5A1F;
border-radius: 3px;
padding: 1px 5px;
margin: 0 3px;
vertical-align: middle; }
.cf-cgv-row {
display: flex;
align-items: flex-start;
gap: 10px;
margin-bottom: 16px;
font-size: 13px;
color: #111111;
line-height: 1.5; }
.cf-cgv-row input[type="checkbox"] {
margin-top: 3px;
flex-shrink: 0;
width: 15px;
height: 15px;
cursor: pointer;
accent-color: #111111;
border: 1.5px solid #111111; }
.cf-cgv-row a {
color: #111111;
text-decoration: underline; }
.cf-exact-week-row {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 14px 0 16px;
font-size: 14px;
color: #111111;
line-height: 1.45; }
.cf-exact-week-row input[type=checkbox] {
margin-top: 2px;
flex-shrink: 0;
width: 16px;
height: 16px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1.5px solid #111111;
border-radius: 3px;
background: #ffffff;
position: relative; }
.cf-exact-week-row input[type=checkbox]:checked {
background: #111111; }
.cf-exact-week-row input[type=checkbox]:checked::after {
content: "";
position: absolute;
left: 4px;
top: 1px;
width: 5px;
height: 9px;
border: solid #ffffff;
border-width: 0 2px 2px 0;
transform: rotate(45deg); }
.cf-radio-group {
margin-bottom: 20px; }
.cf-radio-option {
display: flex;
align-items: center;
gap: 14px;
padding: 14px 16px;
background: #111111;
border: 2px solid #111111;
border-radius: 10px;
cursor: pointer;
margin-bottom: 10px;
transition: box-shadow 0.15s; }
.cf-radio-option:last-child {
margin-bottom: 0; }
.cf-radio-option input[type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0; }
.cf-radio-option__mark {
flex-shrink: 0;
position: relative;
width: 22px;
height: 22px;
border: 2px solid #fff;
border-radius: 50%;
transition: box-shadow 0.15s; }
.cf-radio-option__text {
display: flex;
flex-direction: column; }
.cf-radio-option__label {
font-size: 18px;
font-weight: 700;
color: #fff;
line-height: 1.3;
cursor: pointer; }
.cf-radio-option__sub {
font-size: 16px;
font-weight: 400;
color: rgba(255, 255, 255, 0.8);
display: block;
margin-top: 2px; }
.cf-radio-option.is-selected {
box-shadow: inset 0 0 0 2px #fff, 0 2px 10px rgba(0, 0, 0, 0.25); }
.cf-radio-option input[type="radio"]:checked ~ .cf-radio-option__mark::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 12px;
height: 12px;
background: #fff;
border-radius: 50%; }
.cf-radio-option input[type="radio"]:focus-visible ~ .cf-radio-option__mark {
box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.45); }
.cf-popup .cf-calendrier {
max-width: 100%;
margin: 0 auto 6px; }
.cf-popup .cf-calendrier__table {
width: 100%; }
.cf-popup .cf-calendrier__cell {
height: 40px; }
.cf-popup .cf-calendrier__cell span {
width: 34px;
height: 34px;
font-size: 14px; }
.cf-popup-demo-row {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 4px; }
.cf-popup-demo-btn {
font-family: "sofia-pro", sans-serif;
font-size: 12px;
font-weight: 600;
background: #f5f5f5;
border: 1px solid #c8c8c8;
border-radius: 3px;
padding: 5px 12px;
cursor: pointer;
color: #111111; }
.cf-popup-demo-btn:hover {
background: #e4e4e4; }
.cf-timeline {
list-style: none;
margin: 0;
padding: 0;
position: relative; }
.cf-timeline::before {
content: '';
position: absolute;
top: 14px;
bottom: 14px;
left: 5.5px;
width: 2px;
background: #c8c8c8; }
.cf-timeline__item {
position: relative;
display: flex;
align-items: center;
gap: 14px;
padding: 6px 0; }
.cf-timeline__marker {
position: relative;
z-index: 1;
width: 13px;
display: flex;
justify-content: center;
flex-shrink: 0; }
.cf-timeline__dot {
width: 10px;
height: 10px;
border-radius: 50%;
background: #c8c8c8; }
.cf-timeline__label {
font-size: 15px;
font-weight: 300;
color: #c8c8c8;
line-height: 1.4; }
.cf-timeline__item--done .cf-timeline__dot {
background: #111111; }
.cf-timeline__item--done .cf-timeline__label {
color: #c8c8c8;
font-weight: 700;
font-size: 20px; }
.cf-timeline__item--active .cf-timeline__dot {
width: 13px;
height: 13px;
background: #111111; }
.cf-timeline__item--active .cf-timeline__label {
font-size: 20px;
font-weight: 700;
color: #111111; }
.cf-timeline__contenu-row {
position: relative;
padding: 6px 0 18px 27px; }
.cf-timeline__contenu-row::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 5.5px;
width: 2px;
background: #c8c8c8;
z-index: 0; }
.cf-timeline__contenu .cf-tl-contenu {
margin-top: 0; }
.cf-tl-contenu__lead {
font-size: 18px;
font-weight: 400;
color: #111111;
margin: 0 0 22px;
line-height: 1.55;
text-align: left; }
@media (max-width: 480px) {
.cf-tl-contenu__lead {
font-size: 16px;
margin-bottom: 18px; } }
.cf-tl-section {
margin-bottom: 28px; }
.cf-tl-section:last-child {
margin-bottom: 0; }
@media (max-width: 480px) {
.cf-tl-section {
margin-bottom: 22px; } }
.cf-tl-section__title {
font-size: 20px;
font-weight: 900;
color: #111111;
margin: 0 0 4px;
line-height: 1.4;
text-align: left; }
.cf-tl-section__sub {
font-size: 18px;
font-weight: 400;
color: #111111;
margin: 0 0 14px;
text-align: left; }
.cf-tl-link {
color: #111111;
font-size: 16px;
text-decoration: underline;
display: inline-block;
margin-top: 10px; }
.cf-tl-link:hover {
color: #767676;
text-decoration: underline; }
#accueil-client .order-validation-profile-block {
margin: 0 !important; }
/* ── Message pour la styliste (Crea_1) — include partagé __message.html.twig ──
Rejoue le sous-bloc #commentaire-wrapper de /client/accueil (là il est sous
#accueil-client / #cf_core_validation_payment, ancêtres absents sur le cockpit),
cantonné à .cf-tl-section--message-styliste → rendu identique : crayon d'édition
DANS le champ (coin haut-droit), compteur masqué, fond grisé en lecture seule. */
.cf-tl-section--message-styliste #commentaire-wrapper {
position: relative; }
.cf-tl-section--message-styliste #commentaire-wrapper textarea.c-form__input {
border-radius: 0;
background: #ffffff;
resize: none;
margin-top: 10px; }
.cf-tl-section--message-styliste #commentaire-wrapper textarea.c-form__input:read-only {
background: #f5f5f5;
color: #999999; }
.cf-tl-section--message-styliste #commentaire-wrapper textarea.c-form__input:read-only:hover,
.cf-tl-section--message-styliste #commentaire-wrapper textarea.c-form__input:read-only:active,
.cf-tl-section--message-styliste #commentaire-wrapper textarea.c-form__input:read-only:focus {
border: 1px solid #dddddd; }
.cf-tl-section--message-styliste #commentaire-wrapper .c-form__counter {
display: none; }
.cf-tl-section--message-styliste #commentaire-wrapper #commentaire-open-button {
position: absolute;
top: 0;
right: 0;
padding: 10px;
border-radius: 6px;
cursor: pointer; }
.cf-tl-section--message-styliste #commentaire-wrapper #commentaire-open-button.hide {
display: none; }
.cf-tl-styliste__name {
font-family: "Roustel", sans-serif;
font-size: 20px;
font-weight: 600;
color: #111111;
padding-left: 4px;
vertical-align: middle; }
.cf-tl-styliste__row {
display: flex;
gap: 16px;
align-items: center;
margin-top: 8px;
margin-bottom: 12px; }
.cf-tl-styliste__photo {
width: 75px;
height: 75px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
background: #f5f5f5;
border: 1px solid #c8c8c8; }
@media (max-width: 480px) {
.cf-tl-styliste__photo {
width: 65px;
height: 65px; } }
.cf-tl-styliste__body {
flex: 1; }
.cf-tl-styliste__question {
font-size: 18px;
font-weight: 400;
color: #111111;
line-height: 1.2;
text-align: left;
margin-bottom: 5px; }
.cf-tl-styliste__subquestion {
font-size: 16px;
color: #111111;
font-weight: 200;
line-height: 1.2;
text-align: left; }
.cf-tl-styliste__actions {
display: flex;
gap: 10px; }
.cf-tl-styliste__actions .btn-cf-outline, .cf-tl-styliste__actions .btn-cf-black {
flex: 1;
padding: 10px 12px;
font-size: 18px; }
.cf-tl-articles {
margin-bottom: 20px;
text-align: left; }
@media (min-width: 1024px) {
.cf-tl-contenu--recap {
max-width: 50%; } }
.cf-tl-articles__group {
margin-bottom: 16px; }
.cf-tl-articles__group-title {
font-size: 20px;
font-weight: 700;
color: #111111;
margin: 0 0 8px; }
.cf-tl-articles__row {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 12px;
font-size: 16px;
color: #111111;
padding: 3px 0; }
.cf-tl-articles__row--reduction .cf-tl-articles__name,
.cf-tl-articles__row--reduction .cf-tl-articles__price {
color: #111111;
padding-top: 8px; }
.cf-tl-articles__row--total {
font-size: 20px;
padding-top: 4px; }
.cf-tl-articles__name {
flex: 1;
line-height: 1.4;
font-weight: 200; }
.cf-tl-articles__price {
white-space: nowrap;
font-variant-numeric: tabular-nums;
flex-shrink: 0;
font-weight: 200; }
.cf-tl-articles-total__name {
font-size: 20px;
font-weight: 700; }
.cf-tl-articles__divider {
border: none;
border-top: 1px solid #c8c8c8;
margin: 10px 0; }
.cf-ma-box-titre {
text-align: left; }
.cf-ma-box-titre__text {
font-size: 20px;
font-weight: 900;
color: #111111;
margin: 0 0 4px;
line-height: 1.4; }
/* ── Flow_home_bandeau_paiement_invalide — */
.hidden {
display: none !important; }
#cf-pai-stripe-form #card-wrapper {
margin-top: 8px; }
#cf-pai-stripe-form #card-element-number,
#cf-pai-stripe-form #card-element-expiry,
#cf-pai-stripe-form #card-element-cvc {
border: 1px solid #c8c8c8;
border-radius: 4px;
padding: 12px 10px;
background: #ffffff;
margin-bottom: 8px; }
#cf-pai-stripe-form .card-expiry-wrapper,
#cf-pai-stripe-form .card-cvc-wrapper {
display: inline-block;
width: calc(50% - 6px); }
#cf-pai-stripe-form .card-expiry-wrapper {
margin-right: 6px; }
#cf-pai-card-error {
margin: 6px 0; }
.cf-spinner {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 6px;
border: 2px solid rgba(255, 255, 255, 0.4);
border-top-color: #ffffff;
border-radius: 50%;
vertical-align: middle;
animation: cf-spin 0.7s linear infinite; }
@keyframes cf-spin {
to {
transform: rotate(360deg); } }
#popup-flow-paiement-invalide #payzen-payment-form,
#popup-flow-paiement-invalide #cf-pai-stripe-form {
margin-top: 12px; }
#popup-flow-paiement-invalide .kr-payment-button {
width: 100%;
margin-top: 14px; }
/* The box (border + fill) — unchecked and checked */
#popup-flow-paiement-invalide .c-form__field--checkbox .c-form__label::after {
border-color: #111111 !important; }
#popup-flow-paiement-invalide .c-form__field--checkbox .c-form__input:checked + .c-form__label::after {
background-color: #111111 !important;
border-color: #111111 !important; }
/* The check mark is the rose check.svg set as a background-image */
#popup-flow-paiement-invalide .c-form__field--checkbox .c-form__input:checked + .c-form__label::before {
filter: brightness(0) invert(1) !important; }
#popup-flow-paiement-invalide .c-form__label,
#popup-flow-paiement-invalide .c-form__label a {
color: #111111 !important; }
#popup-flow-paiement-invalide .c-form__label a {
text-decoration: underline; }
:root {
--rose-light: #faded9;
--btn-menu: #F3A090;
--melon: #FFAB9E;
--salmon-hover: #FF8573;
--black: #000;
--text-dark: #272C30;
--grey-light: #f2f2f2;
--hr-grey: #DDD;
--grey-platinum: #e6e6e6;
--white: #fff;
--title-font: "DomaineDisp-Regular", sans-serif;
--text-font-light: 300;
--cercle-font: 'Arial', sans-serif; }
.c-navigation {
position: fixed;
top: 0;
left: 0;
z-index: 998;
height: 52px;
width: 100%;
background: var(--white);
min-width: 320px; }
@media (max-width: 768px) {
.c-navigation {
height: 50px; } }
@media (max-width: 768px) {
.c-navigation .u-hide-ss {
display: none; } }
.c-navigation .u-show-ss {
display: none; }
@media (max-width: 768px) {
.c-navigation .u-show-ss {
display: block; } }
.c-navigation .c-navigation__container {
max-width: 1170px;
margin: 0 auto;
padding: 0 10px;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
justify-content: space-between;
align-items: center; }
.c-navigation .c-navigation__container .c-navigation__item-dd {
position: relative;
font-size: 16px;
display: flex;
width: 250px;
color: var(--text-dark); }
.c-navigation .c-navigation__container .c-navigation__item-dd .list-item {
padding-left: 20px; }
.c-navigation .c-navigation__container .c-navigation__item-dd .list-item .drop-down {
width: 240px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: right; }
.c-navigation .c-navigation__container .c-navigation__item-dd .list-item .drop-down .char-wrapp {
position: relative;
background-color: var(--black);
border-radius: 50%;
width: 35px;
height: 35px;
margin-right: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center; }
.c-navigation .c-navigation__container .c-navigation__item-dd .list-item .drop-down .char-wrapp .char {
color: var(--white);
font-weight: bold;
font-family: var(--cercle-font);
font-size: 18px; }
.c-navigation .c-navigation__container .c-navigation__item-dd .list-item .drop-down .char-wrapp:hover {
background-color: var(--black); }
.c-navigation .c-navigation__container .c-navigation__item-dd .list-item .drop-down .auth-user {
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 16px;
cursor: pointer; }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name {
height: 50px;
line-height: 50px;
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light); }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name ul.c-tooltip {
padding-left: 0;
padding-right: 0; }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name .c-tooltip {
line-height: 1.6;
text-align: start;
width: 262px; }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name .c-tooltip .dropdown-header {
text-transform: uppercase;
font-weight: bold;
padding-left: 20px; }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name .c-tooltip .dropdown-link {
color: var(--text-dark);
padding-left: 20px;
cursor: pointer; }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name .c-tooltip .dropdown-link span {
background-color: var(--grey-light);
padding-left: 5px; }
.c-navigation .c-navigation__container .c-navigation__item-dd.c-navigation__item_name .c-tooltip .c-navigation-dropdown__hr {
margin: 10px auto 10px;
height: 1px;
width: 100%;
background: var(--hr-grey); }
.c-navigation .c-navigation__container .c-navigation__item-dd:hover .c-tooltip {
opacity: 1;
visibility: visible;
line-height: 1.6;
width: 262px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
border-top-color: var(--white); }
.c-navigation .c-navigation__container .c-navigation__item-dd:hover .c-tooltip .dropdown-header {
text-transform: uppercase;
font-weight: bold;
color: var(--text-dark); }
.c-navigation .c-navigation__container .c-navigation__item-dd:hover .c-tooltip .dropdown-link {
color: var(--text-dark); }
.c-navigation .c-navigation__container .c-navigation__item-dd:hover .c-tooltip .dropdown-item:link, .c-navigation .c-navigation__container .c-navigation__item-dd:hover .c-tooltip .dropdown-item:active, .c-navigation .c-navigation__container .c-navigation__item-dd:hover .c-tooltip .dropdown-item:hover {
background-color: var(--grey-light); }
@media (min-width: 1170px) {
.c-navigation .c-navigation__container {
padding: 0; } }
.c-navigation .c-navigation__logo {
font-size: 24px;
color: var(--text-dark);
text-transform: uppercase;
letter-spacing: 1px;
line-height: 50px;
font-family: "DomaineDisp-Semibold", sans-serif; }
.c-navigation .c-navigation__logo:hover {
text-decoration: none; }
.c-navigation .c-navigation__logo .c-navigation__logo_text {
font-family: 'sofia-pro', sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: 4px; }
@media (max-width: 768px) {
.c-navigation .c-navigation__logo {
font-size: 16px; }
.c-navigation .c-navigation__logo .c-navigation__logo_text {
font-size: 16px;
display: block;
min-width: 110px; } }
@media (max-width: 480px) {
.c-navigation .c-navigation__logo .c-navigation__logo_text {
font-size: 12px;
display: block;
width: 125px; } }
.c-navigation .c-navigation__list {
list-style: none;
text-align: center;
display: inline-block;
margin-bottom: 0;
vertical-align: middle; }
@media (max-width: 992px) {
.c-navigation .c-navigation__list {
display: none; }
.c-navigation .c-navigation__list.c-navigation__list_account {
display: none; } }
@media (max-width: 768px) {
.c-navigation .c-navigation__list.c-navigation__list_account {
display: none; } }
.c-navigation .c-navigation__list .c-navigation__item {
display: inline-block;
position: relative;
vertical-align: middle;
padding: 0 15px; }
.c-navigation .c-navigation__link {
color: var(--text-dark);
transition: all ease 0.1s;
font-family: 'sofia-pro', sans-serif;
font-weight: 300; }
.c-navigation .c-navigation__link:hover:after {
content: "";
display: block;
margin: 0 auto;
width: 30%;
border-bottom: 3px solid var(--btn-menu);
position: absolute;
border-radius: 5px; }
.c-navigation .c-btn {
margin: 0;
margin-left: 5px; }
.c-navigation .c-btn--register-wrapper {
width: 100%;
background: var(--white);
position: fixed;
top: 50px;
left: 0;
text-align: center;
padding: 10px;
height: 0; }
.c-navigation .c-btn--register {
background: var(--melon);
border: none;
font-size: 18px;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
padding-top: 4px;
padding-bottom: 8px;
min-width: 230px; }
.c-navigation .c-btn--register:hover, .c-navigation .c-btn--register:active, .c-navigation .c-btn--register:focus {
transform: none;
background: var(--salmon-hover);
border: none; }
.c-navigation .c-btn--menu {
padding: 1.5px 0px;
margin: 0px 10px 0px 15px;
min-height: auto;
line-height: normal;
box-shadow: none;
font-size: 24px;
cursor: pointer;
display: none;
height: 40px; }
.c-navigation .c-btn--menu i {
padding-top: 6px;
color: black; }
.c-navigation .c-btn--menu:hover, .c-navigation .c-btn--menu:active, .c-navigation .c-btn--menu:focus {
transform: none; }
@media (max-width: 992px) {
.c-navigation .c-btn--menu {
display: inline-block; } }
.c-navigation .c-btn--login {
background-color: black;
border: 1px solid white;
padding: 5px 10px;
min-height: auto;
line-height: normal;
box-shadow: none;
margin-top: 1px;
transition: none;
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
display: inline-block; }
.c-navigation .c-btn--login:hover, .c-navigation .c-btn--login:active, .c-navigation .c-btn--login:focus {
border: 1px solid black;
transform: none; }
@media (max-width: 992px) {
.c-navigation .c-btn--login {
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: 5px auto 0 auto;
width: 130px; } }
@media (max-width: 480px) {
.c-navigation .c-btn--login {
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin: 5px auto 0 auto;
width: 105px;
font-size: 12px; } }
.c-navigation .js-btn__show {
visibility: hidden;
opacity: 0; }
.c-navigation .js-btn__active {
visibility: visible;
opacity: 1;
transition: all ease 0.1s; }
.c-navigation.js-navigation__active {
height: 50px; }
.c-navigation.js-navigation__active .c-navigation__logo {
margin-top: -1px; }
.c-navigation.js-navigation__active .c-navigation__logo, .c-navigation.js-navigation__active .c-navigation__list, .c-navigation.js-navigation__active .c-navigation__right {
margin-top: -1px; }
.c-navigation.js-navigation__active .c-btn--register-wrapper {
transition: all ease 0.5s;
height: auto;
top: 50px; }
@media (max-width: 700px) {
.c-navigation.js-navigation__active .c-btn--register-wrapper {
bottom: 0;
top: auto;
height: 75px; } }
.c-navigation .c-navigation__right {
display: flex;
align-items: center; }
.c-navigation .c-navigation__right .c-btn {
width: 105px;
min-height: 25px;
line-height: normal;
padding: 5px 10px;
border: 1px solid white;
border-radius: 6px; }
.c-navigation .c-navigation__right .c-btn:hover, .c-navigation .c-navigation__right .c-btn:active, .c-navigation .c-navigation__right .c-btn:focus {
border: 1px solid black;
transform: none; }
.c-navigation .c-navigation__right .connexion {
text-decoration: none;
color: var(--black);
display: flex;
align-items: center; }
.c-navigation .c-navigation__right .bi-person {
margin-right: 10px;
margin-left: 10px;
color: black; }
.menu-auth-mob-closed {
display: none;
visibility: hidden; }
@media (max-width: 992px) {
.menu-auth-mob-closed {
display: block;
visibility: visible; } }
@media (max-width: 768px) {
.menu-auth-mob-closed {
display: block;
visibility: visible; } }
.menu-auth-mob-closed .wrapper {
display: flex;
align-items: center;
padding-right: 5px; }
.menu-auth-mob-closed .wrapper .char-wrapp {
position: relative;
background-color: var(--black);
border-radius: 50%;
width: 35px;
height: 35px;
margin-right: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center; }
.menu-auth-mob-closed .wrapper .char-wrapp .char {
color: var(--white);
font-weight: bold;
font-family: var(--cercle-font);
font-size: 18px; }
.menu-auth-mob-closed .wrapper .char-wrapp:hover {
background-color: var(--black); }
.menu-auth-mob-closed .wrapper .auth-user {
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 16px;
cursor: pointer;
color: var(--black); }
.c-message {
top: 50px;
height: auto;
padding: 7px 20px; }
.c-navigation-mobile {
display: none;
visibility: hidden;
position: fixed;
top: -240px;
width: 240px;
right: 0;
height: 0;
overflow: hidden;
transition: height 0.1s ease-in-out;
background: var(--white);
border-left: 1px solid var(--hr-grey);
border-bottom: 1px solid var(--hr-grey);
box-shadow: 0 0px 1px rgba(0, 0, 0, 0.08), 0 0px 3px rgba(28, 44, 79, 0.1);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding-top: 10px;
padding-bottom: 20px;
z-index: 999;
transform: translate(0, 0px);
-webkit-transform: translate(0, 0px);
-moz-transform: translate(0, 0px);
-o-transform: translate(0, 0px);
-ms-transform: translate(0, 0px);
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s; }
@media (max-width: 992px) {
.c-navigation-mobile {
display: block;
visibility: visible; } }
.c-navigation-mobile.open {
transform: translateY(240px);
-webkit-transform: translateY(240px);
-moz-transform: translateY(240px);
-o-transform: translateY(240px);
-ms-transform: translateY(240px);
transition: height 0.1s ease-in-out;
height: auto;
overflow-y: scroll;
max-height: 100%; }
.c-navigation-mobile .c-navigation-mobile__hr {
margin: 10px auto 10px;
height: 1px;
width: 100%;
background: var(--hr-grey); }
.c-navigation-mobile .c-navigation-mobile__item {
display: block;
line-height: 2.5;
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s; }
.c-navigation-mobile .c-navigation-mobile__item:hover {
background-color: var(--grey-light); }
.c-navigation-mobile .dropdown-mobile-header {
text-transform: uppercase;
color: var(--text-dark);
padding-left: 20px;
line-height: 2.2;
font-size: 16px;
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light); }
.c-navigation-mobile .c-navigation-mobile__link {
color: var(--text-dark);
padding-left: 20px;
cursor: pointer; }
.c-navigation-mobile .c-navigation-mobile__link span {
background-color: var(--grey-light); }
.c-navigation-mobile .c-btn {
width: 100%;
margin-left: 0;
margin-right: 0;
margin-bottom: 5px; }
.c-navigation-mobile .close-menu-wrapp {
display: flex;
justify-content: space-between;
padding-left: 15px;
padding-bottom: 10px; }
.c-navigation-mobile .close-menu-wrapp .menu-auth-mob-opened {
display: flex; }
.c-navigation-mobile .close-menu-wrapp .menu-auth-mob-opened .wrapper {
display: flex;
align-items: center;
padding-right: 5px; }
.c-navigation-mobile .close-menu-wrapp .menu-auth-mob-opened .wrapper .char-wrapp {
position: relative;
background-color: var(--black);
border-radius: 50%;
width: 35px;
height: 35px;
margin-right: 10px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center; }
.c-navigation-mobile .close-menu-wrapp .menu-auth-mob-opened .wrapper .char-wrapp .char {
color: var(--white);
font-weight: bold;
font-family: var(--cercle-font);
font-size: 18px; }
.c-navigation-mobile .close-menu-wrapp .menu-auth-mob-opened .wrapper .char-wrapp:hover {
background-color: var(--black); }
.c-navigation-mobile .close-menu-wrapp .menu-auth-mob-opened .wrapper .auth-user {
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 16px;
cursor: pointer;
color: var(--black); }
.c-navigation-mobile .close-menu-wrapp .c-navigation-mobile__close-menu {
width: 40px;
height: 40px;
font-size: 30px;
font-weight: lighter;
line-height: 32px;
cursor: pointer;
margin-right: 10px;
width: 100%; }
.c-navigation-mobile .close-menu-wrapp .c-navigation-mobile__close-menu i {
float: right; }
.c-navigation .c-navigation__box-trigger {
margin-left: 18px;
margin-right: auto;
align-self: center;
color: var(--text-dark);
font-family: 'sofia-pro', sans-serif;
font-weight: 700;
font-size: 16px;
line-height: 50px;
text-decoration: none; }
.c-navigation .c-navigation__box-trigger.is-active {
text-decoration: underline;
text-underline-offset: 4px; }
.c-navigation .c-navigation__box-trigger:hover {
text-decoration: underline; }
@media (max-width: 768px) {
.c-navigation .c-navigation__box-trigger {
margin-left: 12px;
font-size: 14px; } }
.c-navigation .c-navigation__credit {
margin-right: 12px;
align-self: center;
color: var(--text-dark);
font-family: 'sofia-pro', sans-serif;
font-weight: var(--text-font-light);
font-size: 16px;
white-space: nowrap;
text-decoration: none; }
.c-navigation .c-navigation__credit:hover {
text-decoration: underline; }
@media (max-width: 768px) {
.c-navigation .c-navigation__credit {
margin-right: 8px;
font-size: 14px; } }
.c-navigation--cockpit .c-navigation__container .c-navigation__item-dd .list-item .drop-down .char-wrapp,
.c-navigation--cockpit .menu-auth-mob-closed .wrapper .char-wrapp {
background-color: var(--black); }
.c-navigation--cockpit .c-navigation__container .c-navigation__item-dd .list-item .drop-down .char-wrapp:hover,
.c-navigation--cockpit .menu-auth-mob-closed .wrapper .char-wrapp:hover {
background-color: #333333; }
.cf-body {
padding-top: 52px; }
@media (max-width: 768px) {
.cf-body {
padding-top: 50px; } }
@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
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%;
vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
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, textarea, select {
outline: none;
font-size: 14px; }
body {
line-height: normal; }
a {
text-decoration: none; }
h1, h2, h3, h4, h5, h6 {
font-weight: normal; }
/*--------------------
MAIN
--------------------*/
/*--------------------
SOCIAL
--------------------*/
/*$color_twitter: #00aced;
$color_facebook: #3b5998;
$color_googleplus: #dd4b39;
$color_pinterest: #cb2027;
$color_linkedin: #007bb6;
$color_youtube: #bb0000;
$color_instagram: #125688;
$color_dribbble: #ea4c89;
$color_wordpress: #21759b;
$color_mail: #21759b;
$color_whatsapp: #25D366;
$color_messenger: #0084ff;*/
/*--------------------
FONT
--------------------*/
@font-face {
font-family: DroidSerif;
src: url("/public/font/DroidSerif.eot?#iefix") format("embedded-opentype"), url("/public/font/DroidSerif.woff") format("woff"), url("/public/font/DroidSerif.ttf") format("truetype"), url("/public/font/DroidSerif.svg#DroidSerif") format("svg");
font-weight: normal;
font-style: normal; }
/*--------------------
MIXINS
--------------------*/
.clear:after {
clear: both;
content: "";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
padding: 0;
margin: 0; }
/* ---------------------------------- */
/* ==Grillade : Simple Grid System */
/* ---------------------------------- */
/* Doc : http://grillade.knacss.com */
@media (min-width: 576px) {
[class*=" grid-"],
[class^="grid-"] {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap; }
[class*=" grid-"] > *,
[class^="grid-"] > * {
box-sizing: border-box;
min-width: 0;
min-height: 0; } }
@media (min-width: 576px) {
.grid,
.grid--reverse {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.grid > *,
.grid--reverse > * {
flex: 1 1 0%;
box-sizing: border-box;
min-width: 0;
min-height: 0; }
.grid.has-gutter > * + *,
.grid--reverse.has-gutter > * + * {
margin-left: calc(5px - 0.01px); }
.grid.has-gutter-l > * + *,
.grid--reverse.has-gutter-l > * + * {
margin-left: calc(15px - 0.01px); }
.grid.has-gutter-xl > * + *,
.grid--reverse.has-gutter-xl > * + * {
margin-left: calc(30px - 0.01px); } }
@media (min-width: 576px) {
[class*="grid-2"] > * {
width: calc(100% / 2 - 0.01px); }
[class*="grid-2"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-2"].has-gutter > * {
width: calc(100% / 2 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-2"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-2"].has-gutter-l > * {
width: calc(100% / 2 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-2"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-2"].has-gutter-xl > * {
width: calc(100% / 2 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-3"] > * {
width: calc(100% / 3 - 0.01px); }
[class*="grid-3"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-3"].has-gutter > * {
width: calc(100% / 3 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-3"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-3"].has-gutter-l > * {
width: calc(100% / 3 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-3"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-3"].has-gutter-xl > * {
width: calc(100% / 3 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-4"] > * {
width: calc(100% / 4 - 0.01px); }
[class*="grid-4"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-4"].has-gutter > * {
width: calc(100% / 4 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-4"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-4"].has-gutter-l > * {
width: calc(100% / 4 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-4"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-4"].has-gutter-xl > * {
width: calc(100% / 4 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-5"] > * {
width: calc(100% / 5 - 0.01px); }
[class*="grid-5"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-5"].has-gutter > * {
width: calc(100% / 5 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-5"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-5"].has-gutter-l > * {
width: calc(100% / 5 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-5"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-5"].has-gutter-xl > * {
width: calc(100% / 5 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-6"] > * {
width: calc(100% / 6 - 0.01px); }
[class*="grid-6"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-6"].has-gutter > * {
width: calc(100% / 6 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-6"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-6"].has-gutter-l > * {
width: calc(100% / 6 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-6"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-6"].has-gutter-xl > * {
width: calc(100% / 6 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-7"] > * {
width: calc(100% / 7 - 0.01px); }
[class*="grid-7"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-7"].has-gutter > * {
width: calc(100% / 7 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-7"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-7"].has-gutter-l > * {
width: calc(100% / 7 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-7"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-7"].has-gutter-xl > * {
width: calc(100% / 7 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-8"] > * {
width: calc(100% / 8 - 0.01px); }
[class*="grid-8"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-8"].has-gutter > * {
width: calc(100% / 8 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-8"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-8"].has-gutter-l > * {
width: calc(100% / 8 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-8"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-8"].has-gutter-xl > * {
width: calc(100% / 8 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-9"] > * {
width: calc(100% / 9 - 0.01px); }
[class*="grid-9"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-9"].has-gutter > * {
width: calc(100% / 9 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-9"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-9"].has-gutter-l > * {
width: calc(100% / 9 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-9"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-9"].has-gutter-xl > * {
width: calc(100% / 9 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-10"] > * {
width: calc(100% / 10 - 0.01px); }
[class*="grid-10"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-10"].has-gutter > * {
width: calc(100% / 10 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-10"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-10"].has-gutter-l > * {
width: calc(100% / 10 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-10"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-10"].has-gutter-xl > * {
width: calc(100% / 10 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-11"] > * {
width: calc(100% / 11 - 0.01px); }
[class*="grid-11"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-11"].has-gutter > * {
width: calc(100% / 11 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-11"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-11"].has-gutter-l > * {
width: calc(100% / 11 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-11"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-11"].has-gutter-xl > * {
width: calc(100% / 11 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); }
[class*="grid-12"] > * {
width: calc(100% / 12 - 0.01px); }
[class*="grid-12"].has-gutter {
margin-right: calc(-5px / 2);
margin-left: calc(-5px / 2); }
[class*="grid-12"].has-gutter > * {
width: calc(100% / 12 - 5px - 0.01px);
margin-right: calc(5px / 2);
margin-left: calc(5px / 2); }
[class*="grid-12"].has-gutter-l {
margin-right: calc(-15px / 2);
margin-left: calc(-15px / 2); }
[class*="grid-12"].has-gutter-l > * {
width: calc(100% / 12 - 15px - 0.01px);
margin-right: calc(15px / 2);
margin-left: calc(15px / 2); }
[class*="grid-12"].has-gutter-xl {
margin-right: calc(-30px / 2);
margin-left: calc(-30px / 2); }
[class*="grid-12"].has-gutter-xl > * {
width: calc(100% / 12 - 30px - 0.01px);
margin-right: calc(30px / 2);
margin-left: calc(30px / 2); } }
.push {
margin-left: auto !important; }
.pull {
margin-right: auto !important; }
.item-first {
order: -1; }
.item-last {
order: 1; }
[class*="grid-"][class*="--reverse"] {
flex-direction: row-reverse; }
@media (min-width: 576px) {
.full {
flex: 0 0 auto;
width: calc(100% / 1 - 0.01px); }
.has-gutter > .full {
width: calc(100% / 1 - 5px - 0.01px); }
.has-gutter-l > .full {
width: calc(100% / 1 - 15px - 0.01px); }
.has-gutter-xl > .full {
width: calc(100% / 1 - 30px - 0.01px); }
.one-half {
flex: 0 0 auto;
width: calc(100% / 2 - 0.01px); }
.has-gutter > .one-half {
width: calc(100% / 2 - 5px - 0.01px); }
.has-gutter-l > .one-half {
width: calc(100% / 2 - 15px - 0.01px); }
.has-gutter-xl > .one-half {
width: calc(100% / 2 - 30px - 0.01px); }
.one-third {
flex: 0 0 auto;
width: calc(100% / 3 - 0.01px); }
.has-gutter > .one-third {
width: calc(100% / 3 - 5px - 0.01px); }
.has-gutter-l > .one-third {
width: calc(100% / 3 - 15px - 0.01px); }
.has-gutter-xl > .one-third {
width: calc(100% / 3 - 30px - 0.01px); }
.one-quarter {
flex: 0 0 auto;
width: calc(100% / 4 - 0.01px); }
.has-gutter > .one-quarter {
width: calc(100% / 4 - 5px - 0.01px); }
.has-gutter-l > .one-quarter {
width: calc(100% / 4 - 15px - 0.01px); }
.has-gutter-xl > .one-quarter {
width: calc(100% / 4 - 30px - 0.01px); }
.one-fifth {
flex: 0 0 auto;
width: calc(100% / 5 - 0.01px); }
.has-gutter > .one-fifth {
width: calc(100% / 5 - 5px - 0.01px); }
.has-gutter-l > .one-fifth {
width: calc(100% / 5 - 15px - 0.01px); }
.has-gutter-xl > .one-fifth {
width: calc(100% / 5 - 30px - 0.01px); }
.one-sixth {
flex: 0 0 auto;
width: calc(100% / 6 - 0.01px); }
.has-gutter > .one-sixth {
width: calc(100% / 6 - 5px - 0.01px); }
.has-gutter-l > .one-sixth {
width: calc(100% / 6 - 15px - 0.01px); }
.has-gutter-xl > .one-sixth {
width: calc(100% / 6 - 30px - 0.01px); }
.two-thirds {
flex: 0 0 auto;
width: calc(100% / 3 * 2 - 0.01px); }
.has-gutter > .two-thirds {
width: calc(100% / 3 * 2 - 5px - 0.01px); }
.has-gutter-l > .two-thirds {
width: calc(100% / 3 * 2 - 15px - 0.01px); }
.has-gutter-xl > .two-thirds {
width: calc(100% / 3 * 2 - 30px - 0.01px); }
.three-quarters {
flex: 0 0 auto;
width: calc(100% / 4 * 3 - 0.01px); }
.has-gutter > .three-quarters {
width: calc(100% / 4 * 3 - 5px - 0.01px); }
.has-gutter-l > .three-quarters {
width: calc(100% / 4 * 3 - 15px - 0.01px); }
.has-gutter-xl > .three-quarters {
width: calc(100% / 4 * 3 - 30px - 0.01px); }
.five-sixths {
flex: 0 0 auto;
width: calc(100% / 6 * 5 - 0.01px); }
.has-gutter > .five-sixths {
width: calc(100% / 6 * 5 - 5px - 0.01px); }
.has-gutter-l > .five-sixths {
width: calc(100% / 6 * 5 - 15px - 0.01px); }
.has-gutter-xl > .five-sixths {
width: calc(100% / 6 * 5 - 30px - 0.01px); } }
/* Responsive Small Breakpoint */
@media (min-width: 576px) and (max-width: 767px) {
[class*="-small-1"] > * {
width: calc(100% / 1 - 0.01px); }
[class*="-small-1"].has-gutter > * {
width: calc(100% / 1 - 5px - 0.01px); }
[class*="-small-1"].has-gutter-l > * {
width: calc(100% / 1 - 15px - 0.01px); }
[class*="-small-1"].has-gutter-xl > * {
width: calc(100% / 1 - 30px - 0.01px); }
[class*="-small-2"] > * {
width: calc(100% / 2 - 0.01px); }
[class*="-small-2"].has-gutter > * {
width: calc(100% / 2 - 5px - 0.01px); }
[class*="-small-2"].has-gutter-l > * {
width: calc(100% / 2 - 15px - 0.01px); }
[class*="-small-2"].has-gutter-xl > * {
width: calc(100% / 2 - 30px - 0.01px); }
[class*="-small-3"] > * {
width: calc(100% / 3 - 0.01px); }
[class*="-small-3"].has-gutter > * {
width: calc(100% / 3 - 5px - 0.01px); }
[class*="-small-3"].has-gutter-l > * {
width: calc(100% / 3 - 15px - 0.01px); }
[class*="-small-3"].has-gutter-xl > * {
width: calc(100% / 3 - 30px - 0.01px); }
[class*="-small-4"] > * {
width: calc(100% / 4 - 0.01px); }
[class*="-small-4"].has-gutter > * {
width: calc(100% / 4 - 5px - 0.01px); }
[class*="-small-4"].has-gutter-l > * {
width: calc(100% / 4 - 15px - 0.01px); }
[class*="-small-4"].has-gutter-xl > * {
width: calc(100% / 4 - 30px - 0.01px); } }
.grid--center {
align-items: center; }
.grid--auto {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex; }
.grid--auto > * {
flex: 1 1 auto; }
.grid--align > * {
flex: 0 0 auto; }
/*--------------------
RESPONSIVE
A lire de cette façon : "Cette regle s'applique à tout ce qui est au dessus de $point ..."
--------------------*/
/*--------------------
SYMBOL
--------------------*/
/*--------------------
ROUND
--------------------*/
.s-round {
display: inline-block;
vertical-align: middle;
width: 4px;
height: 4px;
background-color: #9b9b9b;
margin-left: 5px;
margin-right: 5px;
border-radius: 100%; }
.s-hr {
border: none;
height: 1px;
width: 100%;
background-color: #ddd; }
/*--------------------
COMPONENT
--------------------*/
/*--------------------
COMPONENT
--------------------*/
.c-block {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
position: relative;
display: block;
background-color: #fff;
padding: 15px;
height: 100%; }
@media (min-width: 576px) {
.c-block {
padding: 30px; } }
.c-block--grey {
box-shadow: none;
border-radius: 4px;
background-color: #f9f9f9;
border: 1px solid #ddd; }
.c-block__header {
padding: 30px;
background-color: #f9f9f9;
border-bottom: 1px solid #ddd; }
.c-block--nv {
box-shadow: none;
border-bottom: 1px solid #b6b6b6;
padding: 45px 0; }
.c-block--nv-noborder {
border-bottom: 0; }
.c-block--nv-bordertop {
border-top: 1px solid #b6b6b6; }
.c-block--auto {
height: auto; }
/*--------------------
COMPONENT
--------------------*/
.c-btn {
position: relative;
display: inline-block;
border: 0;
cursor: pointer;
padding: 0 15px;
width: auto;
min-height: 40px;
text-align: center;
text-decoration: none;
line-height: 40px;
color: #fff;
font-size: 14px;
white-space: nowrap;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-transition: border 0.15s ease-in 0s;
-moz-transition: border 0.15s ease-in 0s;
-o-transition: border 0.15s ease-in 0s;
transition: border 0.15s ease-in 0s; }
.c-btn:hover {
box-shadow: 0 0 0 rgba(28, 44, 79, 0.1), 0 0 0 rgba(0, 0, 0, 0.08); }
.c-btn:active, .c-btn:focus {
text-decoration: none; }
.c-btn:hover, .c-btn:active, .c-btn:focus {
text-decoration: none; }
/*--------------------
ELEMENT
--------------------*/
.c-btn__icon {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
display: inline-block;
width: auto;
height: auto;
vertical-align: middle;
text-align: center;
line-height: 1; }
.c-btn__icon.fa {
position: relative;
font-size: 18px; }
/*--------------------
MODIFIER
--------------------*/
.c-btn__icon--left {
margin-right: 10px; }
.c-btn__icon--right {
margin-left: 10px; }
.c-btn--green {
background: #28C76F;
border: 1px solid #01BE53; }
.c-btn--green:hover {
background: #00903F;
color: #fff; }
.c-btn--red {
background: #FFAB9E;
border: 1px solid #FFAB9E; }
.c-btn--red:hover {
background: #FF8573;
color: #fff; }
.c-btn--white {
background: #fff;
border: 1px solid #ddd;
color: #000000; }
.c-btn--white:hover {
border: 1px solid #b6b6b6; }
.c-btn--white:active {
border: 1px solid #9b9b9b;
background: #f9f9f9; }
.c-btn--black {
background: #000000;
border: 1px solid #000000; }
.c-btn--black:hover {
background: #000000;
color: #fff; }
.c-btn_is-loading.c-btn_green {
background: #28C76F;
color: transparent !important; }
.c-btn_is-loading.c-btn_green:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.c-btn_is-loading.c-btn_green:active, .c-btn_is-loading.c-btn_green:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
text-decoration: none; }
.c-btn_is-loading.c-btn_green .s-loader {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: 0 auto; }
.c-btn_is-loading.c-btn_green .s-loader .s-loader__round {
background-color: #00903F; }
.c-btn_is-loading.c-btn_green .s-loader .s-loader__round::after {
background-color: #28C76F; }
.c-btn_is-loading.c-btn_red {
background: #f05d61;
color: transparent !important; }
.c-btn_is-loading.c-btn_red:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.c-btn_is-loading.c-btn_red:active, .c-btn_is-loading.c-btn_red:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
text-decoration: none; }
.c-btn_is-loading.c-btn_red .s-loader {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: 0 auto; }
.c-btn_is-loading.c-btn_red .s-loader .s-loader__round {
background-color: #bf1313; }
.c-btn_is-loading.c-btn_red .s-loader .s-loader__round::after {
background-color: #f05d61; }
.c-btn_is-loading.c-btn_white {
background: #fff;
color: transparent !important; }
.c-btn_is-loading.c-btn_white:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.c-btn_is-loading.c-btn_white:active, .c-btn_is-loading.c-btn_white:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
text-decoration: none; }
.c-btn_is-loading.c-btn_white .s-loader {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: 0 auto; }
.c-btn_is-loading.c-btn_white .s-loader .s-loader__round {
background-color: #9b9b9b; }
.c-btn_is-loading.c-btn_white .s-loader .s-loader__round::after {
background-color: #fff; }
.c-btn--disabled.c-btn--green {
opacity: .6;
background: #28C76F;
cursor: not-allowed; }
.c-btn--disabled.c-btn--green:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.c-btn--disabled.c-btn--green:active, .c-btn--disabled.c-btn--green:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
text-decoration: none; }
.c-btn--disabled.c-btn--green:hover, .c-btn--disabled.c-btn--green:active, .c-btn--disabled.c-btn--green:focus {
border: 1px solid #01BE53;
background: #28C76F; }
.c-btn--disabled.c-btn--red {
opacity: .6;
background: #f05d61;
cursor: not-allowed; }
.c-btn--disabled.c-btn--red:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.c-btn--disabled.c-btn--red:active, .c-btn--disabled.c-btn--red:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
text-decoration: none; }
.c-btn--disabled.c-btn--red:hover, .c-btn--disabled.c-btn--red:active, .c-btn--disabled.c-btn--red:focus {
border: 1px solid #e93232;
background: #f05d61; }
.c-btn--disabled.c-btn--white {
opacity: .6;
background: #fff;
cursor: not-allowed;
border: 1px solid #ddd;
color: #000000; }
.c-btn--disabled.c-btn--white:hover {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.c-btn--disabled.c-btn--white:active, .c-btn--disabled.c-btn--white:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
text-decoration: none; }
.c-btn--disabled.c-btn--white:hover, .c-btn--disabled.c-btn--white:active, .c-btn--disabled.c-btn--white:focus {
border: 1px solid #ddd;
color: #000000; }
.c-btn--size-small {
min-height: 30px;
line-height: 30px; }
.c-btn--size-extra-small {
min-height: 25px;
line-height: 25px; }
.c-btn--size-expand {
width: 100%; }
@media (min-width: 576px) {
.xs-expand {
width: 100%; } }
@media (min-width: 768px) {
.sm-expand {
width: 100%; } }
@media (min-width: 992px) {
.md-expand {
width: 100%; } }
@media (min-width: 1200px) {
.lg-expand {
width: 100%; } }
/*--------------------
COMPONENT
--------------------*/
.c-gridProducts-part-title {
width: 100%; }
.c-gridProducts-part {
width: 100%;
padding-top: 15px;
margin: 0 !important; }
.c-gridProducts-part.c-gridProducts-part-new {
background: #c2e0ec; }
.c-gridProducts-part.c-gridProducts-part-gold {
background: #EEDFB2; }
.c-gridProducts-part.c-gridProducts-part-silver {
background: #E4E9EE; }
.c-gridProducts-part.c-gridProducts-part-bronze {
background: #E6CEB9; }
.c-gridProducts-part-title {
height: 40px;
color: #fff;
padding: 7px 10px;
font-size: 16px;
font-weight: bold; }
.c-gridProducts-part-title.c-gridProducts-part-title-new {
background: #00aced; }
.c-gridProducts-part-title.c-gridProducts-part-title-gold {
background: #F1C43B; }
.c-gridProducts-part-title.c-gridProducts-part-title-silver {
background: #BFCDD9; }
.c-gridProducts-part-title.c-gridProducts-part-title-bronze {
background: #D98841; }
.c-gridProducts-part-title .c-gridProducts-medal-new {
color: #00aced;
margin-right: 10px;
background: #fff;
border-radius: 20px;
padding: 5px; }
.c-gridProducts-part-title .c-gridProducts-medal-gold {
color: #F1C43B;
margin-right: 10px;
background: #fff;
border-radius: 20px;
padding: 5px; }
.c-gridProducts-part-title .c-gridProducts-medal-silver {
color: #BFCDD9;
margin-right: 10px;
background: #fff;
border-radius: 20px;
padding: 5px; }
.c-gridProducts-part-title .c-gridProducts-medal-bronze {
color: #D98841;
margin-right: 10px;
background: #fff;
border-radius: 20px;
padding: 5px; }
.c-cardProduct {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
position: relative;
background-color: #fff;
overflow: hidden;
color: #9b9b9b;
padding: 10px 10px 5px 10px;
cursor: pointer; }
.c-cardProduct .c-cardProduct--new {
background: #00aced;
color: #fff;
border-radius: 20px;
padding: 5px;
position: absolute;
right: 5px;
bottom: 5px;
opacity: 1; }
.c-cardProduct .c-cardProduct--gold {
background: #F1C43B;
color: #fff;
border-radius: 20px;
padding: 5px;
position: absolute;
right: 5px;
bottom: 5px;
opacity: 1; }
.c-cardProduct .c-cardProduct--silver {
background: #BFCDD9;
color: #fff;
border-radius: 20px;
padding: 5px;
position: absolute;
right: 5px;
bottom: 5px;
opacity: 1; }
.c-cardProduct .c-cardProduct--bronze {
background: #D98841;
color: #fff;
border-radius: 20px;
padding: 5px;
position: absolute;
right: 5px;
bottom: 5px;
opacity: 1; }
.c-cardProduct.c-cardProduct--size-small {
height: 100px;
padding: 10px; }
.c-cardProduct.c-cardProduct--inBox .c-cardProduct__img, .c-cardProduct.c-cardProduct--inBox .c-cardProduct__info {
opacity: 0.4; }
.c-cardProduct.c-cardProduct--inBox button {
display: none; }
.c-cardProduct.c-cardProduct--false {
box-shadow: none;
border: 1px dashed #b6b6b6;
background-color: transparent; }
.c-cardProduct.c-cardProduct--error {
border: 1px solid #f05d61; }
.c-cardProduct.c-cardProduct--highlighted {
border: 1px solid #128d19; }
.c-cardProduct:hover {
box-shadow: none; }
.c-cardProduct .c-cardProduct__findAlternative {
position: absolute;
right: 0;
top: 0; }
.c-cardProduct__img {
display: block;
margin: 0 auto;
max-width: 100%;
max-height: 160px; }
.c-cardProduct--size-small .c-cardProduct__img {
max-height: 100%; }
.c-cardProduct__info {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
width: 100%;
padding-top: 5px;
white-space: nowrap;
overflow: hidden; }
.c-cardProduct--size-small .c-cardProduct__info {
position: absolute;
left: 0;
bottom: 0;
padding: 5px;
background-color: rgba(255, 255, 255, 0.8); }
.c-cardProduct__name {
font-family: 'DroidSerif', sans-serif;
font-size: 12px; }
.c-cardProduct__brand {
font-family: 'DroidSerif', sans-serif;
text-transform: uppercase;
font-size: 12px; }
.c-cardProduct__topLeftLabels {
position: absolute;
top: 0px;
left: 25px; }
.c-cardProduct__topLeftLabels .c-cardProduct__reduction {
border-radius: 4px;
display: inline-block;
color: #fff;
font-size: 14px;
background: #28C76F;
padding: 0 5px;
opacity: 0.7; }
.c-cardProduct__topLeftLabels .c-cardProduct__previousRef {
display: inline-block;
color: #ffdb28;
padding: 4px; }
.c-cardProduct__topLeftLabels .c-cardProduct__likeLevel {
display: inline-block;
padding: 0 4px;
font-size: 18px; }
.c-cardProduct__topLeftLabels .c-cardProduct__likeLevel.c-cardProduct__likeLevel-liked {
color: #148110; }
.c-cardProduct__topLeftLabels .c-cardProduct__likeLevel.c-cardProduct__likeLevel-not-liked {
color: #f57e09; }
.c-cardProduct__topLeftLabels .c-cardProduct__styleshuffleGrade {
display: inline-block;
font-size: 18px;
border-radius: 50px;
padding: 0 7px 4px 7px; }
.c-cardProduct__topLeftLabels .c-cardProduct__styleshuffleGrade.c-cardProduct__styleshuffleGrade-liked {
color: red; }
.c-cardProduct__topLeftLabels .c-cardProduct__styleshuffleGrade.c-cardProduct__styleshuffleGrade-not-liked {
color: gray; }
.c-cardProduct__topLeftLabels .c-cardProduct__outOfBudget, .c-cardProduct__topLeftLabels .c-cardProduct__isWrongCut,
.c-cardProduct__topLeftLabels .c-cardProduct__isUnwantedColor, .c-cardProduct__topLeftLabels .c-cardProduct__isUnwantedPrint,
.c-cardProduct__topLeftLabels .c-cardProduct__isUnwantedFabric, .c-cardProduct__topLeftLabels .c-cardProduct__isUnwantedSubcategory,
.c-cardProduct__topLeftLabels .c-cardProduct__isWrongSleevesLength, .c-cardProduct__topLeftLabels .c-cardProduct__hasIgnoredFeedbackFilters {
display: inline-block;
background: #FFA500;
color: #fff;
border-radius: 36px;
height: 25px;
width: 25px;
line-height: 21px;
margin-top: 1px;
text-align: center; }
.c-cardProduct__topLeftLabels .c-cardProduct__isSimilarPrice {
display: inline-block;
background: #c31313;
padding: 4px 6px 4px 4px;
color: #fff;
border-radius: 10px;
width: 28px;
text-align: center;
line-height: 15px;
margin-top: 1px; }
.c-cardProduct__topLeftLabels .c-cardProduct__filterReasons {
display: inline-block;
margin: 0 auto;
color: white;
padding: 3px 10px;
border-radius: 20px;
line-height: 17px;
z-index: 10;
width: 25px; }
.c-cardProduct__topLeftLabels .c-cardProduct__filterReasons.c-cardProduct__filterReasons--yellow {
background: #edd51c; }
.c-cardProduct__topLeftLabels .c-cardProduct__filterReasons.c-cardProduct__filterReasons--orange {
background: #ff8900; }
.c-cardProduct__topLeftLabels .c-cardProduct__filterReasons.c-cardProduct__filterReasons--red {
background: #ff0000; }
.c-cardProduct__price {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 14px;
color: #000000;
font-weight: bold; }
.c-cardProduct--size-small .c-cardProduct__price {
font-size: 14px; }
.c-cardProduct__size {
border-radius: 4px;
display: inline-block;
vertical-align: middle;
padding: 2px 4px;
color: #fff;
font-size: 14px;
background-color: #b6b6b6; }
.c-cardProduct--size-small .c-cardProduct__size {
font-size: 14px; }
.c-cardProduct__size.c-cardProduct__size--real {
color: #000000;
background-color: transparent; }
.c-cardProduct__informationHover {
position: absolute;
top: 30px;
right: 10px;
color: #FFA758;
z-index: 10;
font-size: 18px;
-webkit-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s; }
.c-cardProduct__informationHover:hover {
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg); }
.c-cardProduct__informationHoverLeftPanel {
position: absolute;
top: 0;
right: 0;
color: #b6b6b6;
z-index: 10; }
.c-cardProduct__ecoresponsible {
background: #1a9f04;
position: absolute;
top: 52px;
right: 5px;
color: #fff;
padding: 5px;
border-radius: 20px; }
.c-cardProduct__madeInEurope {
position: absolute;
width: 34px;
height: 34px;
right: 1px;
padding: 4px; }
.c-cardProduct__madeInFrance {
position: absolute;
width: 34px;
height: 34px;
right: 1px;
padding: 4px;
border-radius: 20px; }
.c-cardProduct__handWashing {
position: absolute;
width: 34px;
height: 34px;
right: 1px;
color: #fff;
padding: 4px;
border-radius: 20px; }
.c-cardProduct__zoomHover {
position: absolute;
top: 0;
left: 0;
color: #fff;
z-index: 9;
padding: 0 3px;
border-radius: 5px;
font-size: 16px;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
background: #b6b6b6; }
.c-cardProduct__zoomHover:hover {
background: #3CAEFF; }
.c-cardProduct__zoomHover2 {
position: absolute;
top: 30px;
left: 0;
color: #fff;
z-index: 9;
padding: 0 3px;
border-radius: 5px;
font-size: 16px;
-webkit-transition: all ease 0.2s;
-moz-transition: all ease 0.2s;
-o-transition: all ease 0.2s;
transition: all ease 0.2s;
background: #b6b6b6; }
.c-cardProduct__zoomHover2:hover {
background: #3CAEFF; }
.c-cardProduct__storageStall {
color: #fff;
z-index: 10;
padding: 0 3px;
border-radius: 5px;
font-size: 24px; }
.c-cardProduct__algoV2debug {
display: none;
position: absolute;
top: 25px;
left: 0;
background: white;
color: #000;
width: 100%;
height: 100%;
padding: 10px;
z-index: 10;
transition: all ease 0.1s; }
.c-cardProduct__algoV2debug .c-cardProduct__user_data {
width: 240px;
border: 1px solid #555;
position: relative;
margin-top: 10px;
height: 20px; }
.c-cardProduct__algoV2debug .c-cardProduct__user_data .c-cardProduct__user_sp_fp_lp {
width: 1px;
height: 18px;
border-left: 2px solid #000;
position: absolute;
top: 0; }
.c-cardProduct__algoV2debug .c-cardProduct__product_data {
width: 240px;
border: 1px solid #555;
position: relative;
margin-top: 2px;
height: 20px; }
.c-cardProduct__algoV2debug .c-cardProduct__product_data .c-cardProduct__product_sp_fp_lp {
width: 1px;
height: 18px;
border-left: 2px solid #000;
position: absolute;
top: 0; }
.c-cardProduct__predictionScoreV2 {
position: absolute;
top: 5px;
right: 5px;
padding: 0px; }
.c-cardProduct__predictionScoreV2 .fa-star {
padding: 3px 5px;
border-radius: 5px; }
.c-cardProduct__predictionScoreV2 .fa-star.gold-star {
color: #F1C43B; }
.c-cardProduct__predictionScoreV2 .fa-star.silver-star {
color: #BFCDD9; }
.c-cardProduct__predictionScoreV2 .fa-arrow-down, .c-cardProduct__predictionScoreV2 .fa-arrow-up {
color: #b02020;
padding: 3px 5px;
border-radius: 5px; }
.c-cardProduct__predictionScoreV2_length {
position: absolute;
top: 30px;
right: 5px;
padding: 0px; }
.c-cardProduct__predictionScoreV2_length .fa-star {
padding: 3px 5px;
border-radius: 5px; }
.c-cardProduct__predictionScoreV2_length .fa-star.gold-star {
color: #F1C43B; }
.c-cardProduct__predictionScoreV2_length .fa-star.silver-star {
color: #BFCDD9; }
.c-cardProduct__predictionScoreV2_length .fa-arrow-down, .c-cardProduct__predictionScoreV2_length .fa-arrow-up {
color: #b02020;
padding: 3px 5px;
border-radius: 5px; }
.c-cardProduct__isNew {
position: absolute;
top: 6px;
right: 50px;
background: #00aced;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 10px; }
.c-cardProduct__hasRecentSalesRateSpike {
position: absolute;
top: 1px;
right: 75px;
padding: 0;
font-size: 20px;
color: green; }
.c-cardProduct__predictionScore {
position: absolute;
top: 5px;
right: 5px;
color: #fff;
background: #3CAEFF;
padding: 0px 3px;
border-radius: 5px; }
.c-cardProduct__predictionScore.trustScore0 {
background: #ff3c3c;
color: #fff; }
.c-cardProduct__predictionScore.trustScore1 {
background: #f8c200;
color: #fff; }
.c-cardProduct__predictionScore.trustScore2 {
background: #dddddd;
color: #fff; }
.c-cardProduct__predictionScore.trustScore3 {
background: #00e01d;
color: #fff; }
.c-cardProduct__predictionScore.trustScore4 {
background: #38be00;
color: #fff; }
.c-cardProduct__prediction {
position: absolute;
top: 5px;
right: 30px;
background: #F2CA27;
color: #fff;
padding: 0px 3px;
border-radius: 5px; }
.c-cardProduct__information {
position: absolute;
z-index: 9;
width: 100%;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
padding: 15px;
background-color: #fff;
border-top: 1px solid #efefef;
opacity: 0;
visibility: hidden; }
.c-cardProduct__information.is-visible {
opacity: 1;
visibility: visible; }
.c-cardProduct__comments {
position: absolute;
z-index: 9;
width: 100%;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
padding: 25px 15px 25px 15px;
background-color: #fff;
border-top: 1px solid #efefef;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
text-transform: capitalize;
height: 185px;
font-size: 12px; }
.c-cardProduct__comments.is-visible {
opacity: 1;
visibility: visible; }
.c-cardProduct__comments_input {
position: absolute;
z-index: 9;
width: 100%;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
visibility: hidden;
text-transform: capitalize;
height: 45px;
background: #fff; }
.c-cardProduct__comments_input.is-visible {
opacity: 1;
visibility: visible; }
.c-cardProduct__comments_input input {
width: 80%;
display: inline-block;
vertical-align: top;
position: absolute;
bottom: 0; }
.c-cardProduct__comments_input button {
width: 21%;
display: inline-block;
height: 34px;
vertical-align: top;
position: absolute;
bottom: 0;
right: 0;
background-color: #5bc0de;
color: #fff;
border-color: #5bc0de; }
.c-cardProduct__comments hr {
margin: 10px 0; }
/*--------------------
COMPONENT
--------------------*/
.c-cartProduct.c-cartProduct--fixed {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 110px;
z-index: 11;
padding-left: 380px;
padding-right: 80px;
background-color: #efefef; }
.c-cartProduct .js-disableAlternativeMode {
position: fixed;
bottom: 140px;
right: calc(50% - 190px);
background: #0d47a1;
color: #fff;
padding: 5px 0;
width: 200px;
clip-path: polygon(5% 0, 95% 0, 100% 100%, 0 100%);
cursor: pointer;
text-align: center;
border-radius: 20px 20px 0 0;
display: none; }
.c-cartProduct .js-alternativeModeDiv {
position: fixed;
background: #0d47a1;
bottom: 110px;
color: #fff;
padding: 5px;
display: none;
width: 100%;
font-weight: bold; }
.c-cartProduct--fixed .c-cartProduct__btn {
position: absolute;
top: 5px;
right: 15px;
height: 100%;
width: 65px; }
/*--------------------
COMMENT BLOCK
--------------------*/
.c-commentBlock {
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
position: relative;
color: #000000;
background-color: #efefef;
padding: 15px; }
.c-commentBlock--maxHeight {
max-height: 200px;
overflow: auto; }
/*--------------------
COMPONENT
--------------------*/
.c-dashboard__block {
text-decoration: none; }
.c-dashboard__block:hover {
text-decoration: none; }
.c-dashboard__block:hover .c-dashboard__number {
color: #f05d61; }
.c-dashboard__block:hover .c-dashboard__text--link {
text-decoration: underline;
color: #f05d61; }
.c-dashboard__title {
font-size: 24px;
font-weight: bold;
color: #666;
text-transform: uppercase;
margin: 0; }
.c-dashboard__number {
font-size: 24px;
font-weight: bold;
color: #000000;
line-height: 1;
margin-bottom: 5px; }
.c-dashboard__number__small {
font-size: 18px;
font-weight: bold;
color: #000000;
line-height: 1;
margin-bottom: 5px; }
.c-dashboard__text {
color: #666;
font-size: 14px; }
.c-dashboard__text__small {
color: #666;
font-size: 14px; }
#datepicker_commande {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
border: 1px solid #ddd;
display: none;
position: relative;
width: 100%;
height: auto;
text-align: center;
background-color: #fff;
padding: 30px;
margin: 15px 0 0;
/*.sale:first-child:before{
content: "";
background: #DFFFEB;
left: 10px;
width: 58px;
position: absolute;
height: 40px;
line-height: 40px;
}
.sale.firstSale::before{
content: "Soldes";
background: #DFFFEB;
left: 10px;
width: 58px;
position: absolute;
height: 40px;
line-height: 40px;
}*/
/*.sale.firstSale::before{
content: "Soldes";
background: #DFFFEB;
right: 10px;
bottom: 10px;
width: 58px;
position: absolute;
height: 40px;
line-height: 40px;
}*/ }
#datepicker_commande .ui-datepicker-header,
#datepicker_commande .ui-datepicker-calendar {
width: 100%;
max-width: 420px;
margin: 0 auto; }
#datepicker_commande .ui-datepicker-header {
position: relative;
min-height: 30px;
line-height: 30px; }
#datepicker_commande .ui-datepicker-header .ui-datepicker-title {
font-family: 'DroidSerif', sans-serif;
display: block;
color: #000000;
font-size: 18px;
text-transform: uppercase; }
#datepicker_commande .ui-datepicker-header .ui-corner-all {
border-radius: 4px;
position: absolute;
top: 0;
display: block;
width: 30px;
height: 30px;
cursor: pointer;
color: #666; }
#datepicker_commande .ui-datepicker-header .ui-corner-all:not(.ui-state-disabled):hover {
background-color: #efefef;
color: #f05d61; }
#datepicker_commande .ui-datepicker-header .ui-corner-all.ui-state-disabled {
color: #ddd;
cursor: default; }
#datepicker_commande .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
left: 0; }
#datepicker_commande .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before {
font-family: "FontAwesome";
content: "\f0d9"; }
#datepicker_commande .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
right: 0; }
#datepicker_commande .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
font-family: "FontAwesome";
content: "\f0da"; }
#datepicker_commande .ui-datepicker-header .ui-icon {
text-indent: -9999px;
position: absolute;
display: none; }
#datepicker_commande thead th {
color: #ccc;
padding: 15px 0 10px; }
#datepicker_commande tbody tr:hover td:not(.ui-datepicker-current-day) {
background-color: #f9f9f9; }
#datepicker_commande tbody tr:hover td:not(.ui-datepicker-current-day) a {
color: #f05d61; }
#datepicker_commande tbody tr:hover td:not(.ui-datepicker-current-day).sale {
background-color: #DCF3F7; }
#datepicker_commande tbody tr:hover td:not(.ui-datepicker-current-day).sale a {
color: #666; }
#datepicker_commande tbody tr:hover td.ui-datepicker-unselectable {
background: transparent; }
#datepicker_commande tbody tr:hover td.ui-datepicker-unselectable a {
color: #ddd; }
#datepicker_commande tbody tr:hover td.ui-datepicker-current-day {
background-color: #ff7b7b; }
#datepicker_commande tbody tr:hover td.ui-datepicker-current-day a {
color: #fff;
text-shadow: 0 1px 0 #bf1313; }
#datepicker_commande tbody td {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
width: 40px;
height: 40px; }
#datepicker_commande tbody td a, #datepicker_commande tbody td span {
display: block;
margin: 0 auto;
width: 100%; }
#datepicker_commande .ui-datepicker-unselectable,
#datepicker_commande .ui-state-disabled {
/*background: transparent!important;*/ }
#datepicker_commande .ui-datepicker-unselectable .ui-state-default,
#datepicker_commande .ui-state-disabled .ui-state-default {
color: #ddd; }
#datepicker_commande .ui-state-default {
display: block;
height: 40px;
border: 0;
line-height: 40px;
color: #666; }
#datepicker_commande .sale {
background: #E1F9FD; }
#datepicker_commande .sale:first-child:before {
content: attr(data-sales-group);
background: #E1F9FD;
left: 10px;
width: 58px;
position: absolute;
height: 40px;
line-height: 40px;
font-size: 13px; }
#datepicker_commande .ui-datepicker-current-day {
background-color: #ff7b7b; }
#datepicker_commande .ui-datepicker-current-day .ui-state-default {
color: #fff;
text-shadow: 0 1px 0 #bf1313; }
#datepicker_commande_input {
opacity: 0;
visibility: hidden;
position: absolute;
z-index: -999;
height: 0;
width: 0; }
.c-datepicker__select {
margin: 0 5px;
padding-bottom: 5px;
border-bottom: 1px solid #ff7b7b;
font-family: 'DomaineDisp-Semibold', sans-serif;
font-size: 16px;
display: inline-block;
color: #ff7b7b;
cursor: pointer; }
.c-datepicker__sales_label {
background: #ff7b7b;
color: #fff;
padding: 5px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: none; }
.c-withdrawalPoint {
position: relative;
height: 340px;
overflow-y: auto;
overflow-x: hidden;
font-size: 14px;
border: 1px solid #ddd; }
@media (min-width: 576px) {
.c-withdrawalPoint {
margin-bottom: 0;
border-right: 0; } }
.c-withdrawalPoint__item {
background-color: #f9f9f9;
border-bottom: 1px solid #ddd;
padding: 20px 10px;
cursor: pointer; }
.c-withdrawalPoint__item:hover {
background-color: #fff; }
.c-withdrawalPoint__item.active {
background-color: #fff; }
.c-withdrawalPoint__item.active .c-withdrawalPoint__choosed {
display: block; }
.c-withdrawalPoint__item.loading .c-withdrawalPoint__loader {
display: block; }
.c-withdrawalPoint__name {
color: #000000; }
.c-withdrawalPoint__address {
text-transform: lowercase; }
.c-withdrawalPoint__address--city:first-letter {
text-transform: uppercase; }
.c-withdrawalPoint__choosed,
.c-withdrawalPoint__loader {
display: none;
margin-top: 10px;
color: #28C76F; }
.c-withdrawalPoint__loader {
color: #666; }
.c-withdrawalPoint__schedule {
margin-top: 10px; }
.c-withdrawalPoint__fakeData {
border-radius: 20px;
height: 8px;
width: 100%;
max-width: 200px;
background-color: #666;
background: linear-gradient(to right, #666 8%, #ddd 18%, #666 33%);
background-size: cover;
background-size: 800px 104px;
margin-bottom: 5px;
opacity: 0.25;
animation-duration: 1.5s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear; }
.c-withdrawalPoint__fakeData--title {
height: 12px; }
.c-withdrawalPoint__fakeData--schedule-1 {
max-width: 280px; }
.c-withdrawalPoint__fakeData--schedule-2 {
max-width: 120px; }
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0; }
100% {
background-position: 468px 0; } }
/*--------------------
Filter
--------------------*/
.c-filter.c-filter--fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 11;
padding-left: 385px;
background-color: #f9f9f9; }
.c-filter__item {
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
position: relative;
padding: 10px;
background-color: #fff;
cursor: pointer;
text-align: center;
white-space: normal; }
.c-filter__item.c-filter__item-alert-1 {
border: 1px solid #4CAF50; }
.c-filter__item.c-filter__item-alert-1 .c-form__field--radio .c-form__label {
color: #4CAF50 !important;
font-weight: bold; }
.c-filter__item.c-filter__item-alert-2 .c-form__field--radio .c-form__label {
color: #4CAF50 !important; }
.c-filter__item.js-typeNotWanted {
border: none; }
.c-filter__item.js-typeNotWanted .c-form__field--radio .c-form__label {
color: #f05d61 !important;
font-weight: normal; }
.c-filter--displayFilters {
background-color: #efefef;
font-weight: normal;
color: #000;
display: inline-block;
width: 79px;
height: 44px;
vertical-align: top;
font-size: 16px; }
.c-filter__item--selected {
border: 1px solid #28C76F;
color: #28C76F; }
.c-filter__item--selected .c-filter__icon {
display: inline-block; }
.c-filter__icon {
display: none;
vertical-align: middle;
margin-right: 10px; }
.c-filter__name {
display: inline-block;
vertical-align: middle; }
.c-salesRate-anchors {
background: #fff;
position: fixed;
padding: 3px 5px 3px 377px;
top: 50px;
width: 100%;
font-size: 20px;
z-index: 9;
border-radius: 4px;
text-align: center; }
.c-salesRate-anchors .c-salesRate-anchors-button {
cursor: pointer;
padding: 5px 8px;
display: inline-block;
width: 47%;
margin-right: 1%;
border-radius: 4px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08), 0 1px 12px rgba(28, 44, 79, 0.1); }
.c-salesRate-anchors .c-salesRate-anchors-button:hover {
transition: all ease 0.1s;
background: #f6f6f6; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-new {
color: #00aced; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-gold {
color: #F1C43B; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-silver {
color: #BFCDD9; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-silver .c-salesRates-alert-icon {
display: none;
color: #f05d61; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-silver.c-salesRate-anchors-silver-alert {
border: 1px solid #f05d61; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-silver.c-salesRate-anchors-silver-alert span {
color: #f05d61 !important; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-bronze {
color: #D98841; }
.c-salesRate-anchors .c-salesRate-anchors-button.c-salesRate-anchors-highlight {
background: #efeee6; }
/*--------------------
COMPONENT
--------------------*/
.c-form {
margin: 0; }
/*--------------------
ELEMENT
--------------------*/
/* Completion */
.c-form__completion {
position: relative;
margin: 0;
border: 1px solid #ddd;
box-shadow: none;
background: #efefef;
padding: 0 12px;
height: 42px;
line-height: 42px;
color: #000000;
font-size: 14px; }
/* Field */
.c-form__field {
position: relative;
width: 100%;
text-decoration: none;
line-height: normal; }
.c-form__field:hover {
text-decoration: none; }
/* Help */
.c-form__help {
border-radius: 100%;
display: inline-block;
position: relative;
z-index: 1;
margin-bottom: 5px;
margin-left: 5px;
background: #b6b6b6;
width: 16px;
height: 16px;
vertical-align: middle;
text-align: center;
line-height: 16px;
font-size: 9px; }
.c-form__help .fa {
color: #fff;
font-size: 11px; }
.c-form__help--float {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
margin-bottom: 0;
margin-left: 0;
top: 50%;
right: 10px; }
/* Icon */
/* Icon-container */
/* Info */
.c-form__info {
display: block;
color: #666;
font-size: 14px; }
/* Input */
.c-form__input {
/*
.timepicker must be delete in the futur.
The specificity &.c-form__input must be delete in the futur.
*/ }
.c-form__input.c-form__input {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06) inset;
border-radius: 4px;
-webkit-transition: all 0 ease-in 0;
-moz-transition: all 0 ease-in 0;
-o-transition: all 0 ease-in 0;
transition: all 0 ease-in 0;
display: block;
position: relative;
margin: 0;
outline: none;
border: 1px solid #ddd;
background-color: #f9f9f9;
padding: 0 12px;
width: 100%;
height: 42px;
line-height: normal;
color: #000000;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.c-form__input.c-form__input::-webkit-input-placeholder {
opacity: 1;
color: #b6b6b6; }
.c-form__input.c-form__input:-ms-input-placeholder {
opacity: 1;
color: #b6b6b6; }
.c-form__input.c-form__input:-moz-placeholder {
opacity: 1;
color: #b6b6b6; }
.c-form__input.c-form__input:hover {
border: 1px solid #9b9b9b; }
.c-form__input.c-form__input:focus, .c-form__input.c-form__input:active {
box-shadow: none;
outline: none;
border: 1px solid #F3A090;
background-color: #fff; }
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none; }
input[type=number] {
-moz-appearance: textfield; }
/* Label */
.c-form__label {
display: inline-block;
width: auto;
margin: 0 0 3px 0;
font-size: 16px;
color: #000000;
min-height: 20px;
font-weight: normal; }
/* Label container */
/* Line */
.c-form__line {
position: relative; }
/* One Line form */
/*--------------------
MODIFIER
--------------------*/
/* Line */
.c-form__line--error.c-form__line--error .c-form__input {
border: 1px solid #FF0000; }
.c-form__line--error.c-form__line--error .c-form__info--error {
text-align: left;
display: block; }
.c-form__line--error--1.c-form__line--error--1 .c-form__input--1 {
border: 1px solid #FF0000; }
.c-form__line--error--1.c-form__line--error--1 .c-form__info--error--1 {
display: block; }
.c-form__line--error--2.c-form__line--error--2 .c-form__input--2 {
border: 1px solid #FF0000; }
.c-form__line--error--2.c-form__line--error--2 .c-form__info--error--2 {
display: block; }
.c-form__line_valide.c-form__line_valide .c-form__label {
color: #28C76F; }
.c-form__line_valide.c-form__line_valide .c-form__input {
border: 1px solid #28C76F; }
.c-form__line_valide.c-form__line_valide .c-form__info_valide {
display: block; }
/* Field */
.c-form__field--checkbox {
margin-bottom: -15px; }
@media (min-width: 768px) {
.c-form__field--checkbox {
margin-bottom: -5px; } }
.c-form__field--checkbox .c-form__input {
position: absolute;
left: -9999px;
visibility: hidden;
opacity: 0;
padding: 0;
width: 0;
height: 0; }
.c-form__field--checkbox .c-form__input + .c-form__label {
position: relative;
cursor: pointer;
padding-left: 30px;
min-height: 20px;
color: #000000;
font-weight: normal;
font-size: 16px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.c-form__field--checkbox .c-form__input + .c-form__label {
margin-bottom: 5px;
font-size: 14px; } }
.c-form__field--checkbox .c-form__input + .c-form__label::after {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
border: 1px solid #c0bdba;
background: #fff;
width: 20px;
height: 20px;
content: ''; }
.c-form__field--checkbox .c-form__input + .c-form__label::before {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
left: 4px;
visibility: hidden;
opacity: 0;
z-index: 2;
background-image: url("/public/images/form/check.svg");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 10px;
height: 10px;
color: #fff;
content: ''; }
.c-form__field--checkbox .c-form__input + .labelBefore::before {
filter: invert(32%) sepia(70%) saturate(3951%) hue-rotate(120deg) brightness(93%) contrast(94%); }
.c-form__field--checkbox .c-form__input:checked + .c-form__label::after {
border: 1px solid #F3A090; }
.c-form__field--checkbox .c-form__input:checked + .c-form__label::before {
visibility: visible;
opacity: 1; }
.c-form__field--checkbox .c-form__input:checked + .labelBefore::after {
border: 1px solid #088F13; }
.c-form__field--checkbox .c-form__input:checked + .labelBefore::before {
visibility: visible;
opacity: 1; }
.c-form__field--checkbox .c-form__input--tag + .c-form__label {
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 10px 10px 10px 30px;
border-radius: 4px; }
.c-form__field--checkbox .c-form__input--tag + .c-form__label::after {
left: 5px; }
.c-form__field--checkbox .c-form__input--tag + .c-form__label::before {
left: 8px; }
.c-form__field--checkbox .c-form__input--tag-notWanted:not(.c-form__input--tag) + .c-form__label {
color: #f05d61; }
.c-form__field--checkbox .c-form__input--tag-notWanted.c-form__input--tag + .c-form__label {
border: 1px solid #f05d61; }
.c-form__field--radio {
margin-bottom: -15px; }
@media (min-width: 768px) {
.c-form__field--radio {
margin-bottom: -5px; } }
.c-form__field--radio .c-form__input {
position: absolute;
left: -9999px;
visibility: hidden;
opacity: 0;
padding: 0;
width: 0;
height: 0; }
.c-form__field--radio .c-form__input + .c-form__label {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
position: relative;
cursor: pointer;
padding-left: 30px;
min-height: 20px;
color: #000000;
font-weight: normal;
font-size: 16px;
margin-bottom: 15px; }
@media (min-width: 768px) {
.c-form__field--radio .c-form__input + .c-form__label {
margin-bottom: 5px;
font-size: 14px; } }
.c-form__field--radio .c-form__input + .c-form__label::after {
border-radius: 100%;
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
border: 1px solid #9b9b9b;
background: #fff;
width: 16px;
height: 16px;
content: ''; }
.c-form__field--radio .c-form__input + .c-form__label::before {
border-radius: 100%;
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
display: block;
position: absolute;
top: 50%;
left: 4.5px;
visibility: hidden;
opacity: 0;
z-index: 2;
background-color: #fff;
width: 6px;
height: 6px;
color: #fff;
content: ''; }
.c-form__field--radio .c-form__input:checked + .c-form__label::after {
border: 1px solid #F3A090;
background: #F3A090; }
.c-form__field--radio .c-form__input:checked + .c-form__label::before {
visibility: visible;
opacity: 1; }
.c-form__field--radio .c-form__input:disabled + .c-form__label {
opacity: 0.5; }
.c-form__field--radio .c-form__input--tag + .c-form__label {
background-color: #f9f9f9;
border: 1px solid #ddd;
padding: 10px 10px 10px 30px;
border-radius: 4px; }
.c-form__field--radio .c-form__input--tag + .c-form__label::after {
left: 5px; }
.c-form__field--radio .c-form__input--tag + .c-form__label::before {
left: 10px; }
.c-form__field--select .c-form__input {
background-color: #f9f9f9;
background-image: url("/public/images/form/arrow.svg");
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
padding-right: 40px; }
.c-form__field--select .c-form__input:-moz-focusring {
text-shadow: 0 0 0 #000000;
color: transparent; }
.c-form__field--select .c-form__input:hover {
background-image: url("/public/images/form/arrow--hover.svg"); }
.c-form__field--select .c-form__input:focus, .c-form__field--select .c-form__input:active {
background-image: url("/public/images/form/arrow--focus.svg"); }
.c-form__field--textarea .c-form__input {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
-webkit-transition: all 0s ease-in 0s;
-moz-transition: all 0s ease-in 0s;
-o-transition: all 0s ease-in 0s;
transition: all 0s ease-in 0s;
padding: 15px;
min-width: 100%;
max-width: 100%;
height: 120px;
min-height: 120px; }
.c-form__field--textarea--small .c-form__input {
height: 80px;
min-height: 80px; }
.c-form__field_toggle {
display: block;
margin: 0 auto;
width: 40px; }
.c-form__field_toggle .c-form__input {
display: none;
position: absolute;
visibility: hidden;
opacity: 0;
margin: 0;
padding: 0;
width: 0;
height: 0; }
.c-form__field_toggle .c-form__input:not(:checked) + .c-form__label::before, .c-form__field_toggle .c-form__input:checked + .c-form__label::before {
border-radius: 20px;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
position: absolute;
top: 50%;
left: 0;
background: #b6b6b6;
cursor: pointer;
width: 40px;
height: 20px;
content: ''; }
.c-form__field_toggle .c-form__input:not(:checked) + .c-form__label::after, .c-form__field_toggle .c-form__input:checked + .c-form__label::after {
border-radius: 100%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
position: absolute;
top: 50%;
left: 2px;
background: #fff;
cursor: pointer;
width: 16px;
height: 16px;
content: ''; }
.c-form__field_toggle .c-form__input:checked + .c-form__label::before {
background: #28C76F; }
.c-form__field_toggle .c-form__input:checked + .c-form__label::after {
left: 22px; }
/* CompletionContainer */
.c-form__completionContainer {
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-start; }
.c-form__completionContainer .c-form__input {
/*
flex-grow
flex-shrink
flex-basis
*/
-webkit-flex: 1 1 auto;
-webkit-box-flex: 1 1 auto;
-moz-box-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
/* The !important must be delete in the futur, it's a fix for bootstrap. */
border-radius: 4px 0 0 4px !important;
width: auto;
min-width: 100px; }
.c-form__completionContainer .c-form__input + .c-form__completion {
border-radius: 0 4px 4px 0;
border-right: 1px solid #ddd;
border-left: 0; }
.c-form__completionContainer .c-form__completion {
border-radius: 4px 0 0 4px;
border-right: 0; }
.c-form__completionContainer .c-form__completion + .c-form__input {
/* The !important must be delete in the futur, it's a fix for bootstrap. */
border-radius: 0 4px 4px 0 !important; }
/* Icon */
/* Input */
.c-form__input--size-xs.c-form__input--size-xs {
max-width: 90px; }
.c-form__input--size-s.c-form__input--size-s {
max-width: 150px; }
.c-form__input--size-m.c-form__input--size-m {
max-width: 240px; }
.c-form__input--size-l.c-form__input--size-l {
max-width: 300px; }
/* Info */
.c-form__info--error {
margin-top: 5px;
color: #FF0000;
display: none; }
.c-form__info--border {
border-radius: 4px;
position: relative;
margin-top: 5px;
border: 1px solid #FF0000;
padding: 15px; }
.c-form__info_valide {
color: #28C76F; }
/* Fileupload */
.c-form__field_fileupload .c-form__input {
position: absolute;
opacity: 0;
z-index: -1;
border: 0;
width: .1px;
height: .1px;
overflow: hidden; }
.c-form__field_fileupload .c-form__input + .c-form__label {
box-shadow: 0 0 2px rgba(0, 0, 0, 0.06) inset;
border-radius: 4px;
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
display: -webkit-flex;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: flex;
position: relative;
align-items: flex-start;
margin: 0;
outline: none;
border: 1px solid #ddd;
background-color: #f9f9f9;
padding: 0;
width: 100%;
height: 42px;
line-height: normal; }
.c-form__field_fileupload .c-form__input + .c-form__label .c-form__fileupload {
/*
flex-grow
flex-shrink
flex-basis
*/
-webkit-flex: 0 1 auto;
-webkit-box-flex: 0 1 auto;
-moz-box-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
display: inline-block;
padding: 0 12px;
width: auto;
height: 40px;
line-height: 40px;
font-size: 12px; }
.c-form__field_fileupload .c-form__input + .c-form__label .c-form__fileupload .fa {
margin-right: 4px;
font-size: 16px; }
.c-form__field_fileupload .c-form__input + .c-form__label .c-form__fileupload_label {
border-right: 1px solid #ddd;
background: #efefef;
cursor: pointer; }
.c-form__field_fileupload .c-form__input:hover + .c-form__label {
border: 1px solid #9b9b9b; }
.c-form__field_fileupload .c-form__input:hover + .c-form__label .c-form__fileupload_label {
border-right: 1px solid #9b9b9b; }
.c-form__field_fileupload .c-form__input:focus + .c-form__label, .c-form__field_fileupload .c-form__input:active + .c-form__label {
box-shadow: none;
outline: none;
border: 1px solid #f05d61;
background-color: #fff; }
/*--------------------
COMPONENT
--------------------*/
.c-link {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
position: relative;
border: 0;
background-color: transparent;
cursor: pointer;
padding: 0;
text-decoration: none;
color: #3CAEFF;
font-size: 16px;
text-decoration: underline; }
.c-link:hover {
color: #109CFF; }
.c-link:active {
color: #0394FB; }
.c-link:hover, .c-link:active, .c-link:focus {
text-decoration: underline; }
.c-link--color-green {
color: #28C76F; }
.c-link--color-green:hover {
color: #01BE53; }
.c-link--color-green:active {
color: #00903F; }
.c-link--color-red {
color: #ff7b7b; }
.c-link--color-red:hover {
color: #e93232; }
.c-link--color-red:active {
color: #bf1313; }
.c-link--color-grey {
color: #b6b6b6; }
.c-link--color-grey:hover {
color: #9b9b9b; }
.c-link--color-grey:active {
color: #000000; }
/*--------------------
LOADER BAR
--------------------*/
.c-loaderBar {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
position: fixed;
z-index: 999;
width: 0;
height: 4px;
top: 0;
margin: 0;
background-color: #28C76F;
opacity: 1; }
.c-loaderBar--state-error {
background-color: #f05d61;
width: 100% !important; }
/*--------------------
NOTIFICATION Clement 1
--------------------*/
.c-notification {
position: fixed;
z-index: 999;
top: 60px;
right: 10px;
width: 400px;
text-align: right; }
.c-notification__item {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08), 0 1px 12px rgba(28, 44, 79, 0.1);
border-radius: 4px;
position: relative;
display: inline-block;
text-align: left;
padding: 15px;
padding-left: 45px;
margin-bottom: 10px;
background-color: #fff; }
.c-notification__item::after {
content: '';
display: block;
width: 1px;
height: 1px;
background-color: transparent; }
.c-notification__item--state-error .c-notification__icon {
color: #f05d61; }
.c-notification__item--state-success .c-notification__icon {
color: #28C76F; }
.c-notification__icon {
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 100%;
text-align: center; }
.c-notification__fa {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
position: absolute;
display: inline-block;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
font-size: 20px; }
/*--------------------
REFERAL
--------------------*/
.c-referral-wrapper {
display: inline-block;
width: 40px; }
.c-referal {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
position: relative;
display: block;
padding: 0 15px 0 50px;
border: 1px solid #ddd;
height: 40px;
padding: 0;
border-radius: 25px; }
.c-referal__social {
position: absolute;
top: -1px;
left: -1px;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 18px;
color: #000000;
border-radius: 25px; }
.c-referal__text {
height: 40px;
line-height: 40px;
font-size: 14px; }
.c-referal__mobile {
display: none;
visibility: hidden; }
@media only screen and (max-width: 767px) {
.c-referal__mobile {
display: inline-block;
visibility: visible; } }
.c-referal--link {
color: #f05d61;
border: 1px solid #dedede;
border-radius: 0 !important; }
.c-referal--link .c-referal__social {
background-color: #f05d61; }
.c-referal--link .c-referal__btn {
background-color: #f79a8d; }
.c-referal--mail {
color: #000000;
border: 1px solid #000000; }
.c-referal--mail .c-referal__social {
background-color: transparent;
font-size: 16px; }
.c-referal--facebook {
color: #000000;
border: 1px solid #000000; }
.c-referal--facebook .c-referal__social {
background-color: transparent; }
.c-referal--messenger {
color: #000000;
border: 1px solid #000000; }
.c-referal--messenger .c-referal__social {
background-color: transparent; }
.c-referal--messenger .c-referal__social img {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
width: 18px;
height: 18px; }
.c-referal--pinterest {
color: #000000;
border: 1px solid #000000; }
.c-referal--pinterest .c-referal__social {
background-color: transparent; }
.c-referal--whatsapp {
color: #000000;
border: 1px solid #000000; }
.c-referal--whatsapp .c-referal__social {
background-color: transparent;
font-size: 20px; }
.c-referal--twitter {
color: #000000;
border: 1px solid #000000; }
.c-referal--twitter .c-referal__social {
background-color: transparent; }
.c-referal__copy {
display: block;
min-width: 100%;
white-space: nowrap;
border: 0;
background-color: transparent;
line-height: 38px;
height: 38px; }
.c-referal__btn {
position: absolute;
font-family: "sofia-pro", sans-serif;
font-weight: 700;
top: -1px;
right: -1px;
height: 40px;
padding: 0 10px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 14px;
cursor: pointer; }
.c-referal__btn .fa {
margin-left: 5px;
font-size: 14px; }
.c-smallValidation {
display: none;
margin-right: 0;
text-align: center;
font-size: 14px;
opacity: 0;
visibility: hidden; }
.c-smallValidation.c-smallValidation--show {
display: inline-block;
margin-right: 5px;
opacity: 1;
visibility: visible; }
.c-smallValidation.c-smallValidation--loading .c-smallValidation__icon--loading {
display: block; }
.c-smallValidation.c-smallValidation--validation .c-smallValidation__icon--validation {
display: block; }
.c-smallValidation.c-smallValidation--error .c-smallValidation__icon--error {
display: block; }
.c-smallValidation .c-smallValidation__icon--validation {
display: none;
color: #28C76F; }
.c-smallValidation .c-smallValidation__icon--loading {
display: none;
color: #666; }
.c-smallValidation .c-smallValidation__icon--error {
display: none;
color: #FFA758; }
/*--------------------
COMPONENT
--------------------*/
.c-styleFavorite {
border-radius: 4px;
padding: 10px;
overflow: hidden; }
.c-styleFavorite--fe {
background-color: #ff9999; }
.c-styleFavorite--av {
background-color: #28C76F; }
.c-styleFavorite--cl {
background-color: #2980b9; }
.c-styleFavorite--ch {
background-color: #e43a15; }
.c-styleFavorite--bo {
background-color: #F7971E; }
.c-styleFavorite--ca {
background-color: #7A7560; }
.c-styleFavorite__value {
font-family: 'DroidSerif', sans-serif;
color: #fff;
font-size: 20px; }
.c-styleFavorite__name {
color: #fff;
white-space: nowrap; }
.c-styleFavorite__star {
color: #fff;
font-size: 16px; }
.c-styleFavorite--opacity-1,
.c-styleFavorite--opacity-2 {
opacity: 0.6;
background: #b6b6b6; }
/*--------------------
COMPONENT
--------------------*/
.c-table {
position: relative;
width: 100%;
margin: 0;
border-collapse: initial;
border-spacing: 0;
border: 1px solid #ddd; }
.c-table.c-table--invisible {
width: auto;
border: 0; }
/*--------------------
ELEMENT
--------------------*/
/* Header */
.c-table__header {
position: relative;
z-index: 1;
border: none;
padding: 30px;
font-family: 'DroidSerif', sans-serif; }
.c-table__header .c-table__cell {
font-family: 'DroidSerif', sans-serif;
color: #9b9b9b;
border-top: none; }
.c-table__header .c-table__cell a {
font-family: 'DroidSerif', sans-serif;
color: #9b9b9b; }
.c-table--invisible .c-table__header {
padding: 0; }
/* Body */
.c-table__body {
position: relative;
z-index: 1; }
/* Row */
.c-table__row {
border: none; }
.c-table__row--state-actif .c-table__cell {
background-color: #D8FCE8; }
.c-table__row--state-inactif .c-table__cell {
background-color: #FFE7E7; }
.c-table__row_disabled .c-table__cell {
background: #f9f9f9;
opacity: 0.6;
cursor: not-allowed; }
.c-table__row_disabled .c-table__cell .c-form__input,
.c-table__row_disabled .c-table__cell .c-form__label,
.c-table__row_disabled .c-table__cell .c-form__label:after,
.c-table__row_disabled .c-table__cell .c-form__label:before {
cursor: not-allowed !important; }
/* Cell */
.c-table__cell {
position: relative;
padding: 10px;
vertical-align: middle;
background-color: #fff;
border: none;
border-top: 1px solid #ddd;
color: #000000;
text-align: left;
font-size: 14px;
font-weight: normal;
text-transform: none; }
.c-table--invisible .c-table__cell {
padding: 0 10px 0 0;
background-color: transparent;
border: 0; }
.c-table__img {
display: block;
height: 60px;
margin: 0 auto; }
/*--------------------
COMPONENT
--------------------*/
.c-title {
font-family: 'DroidSerif', sans-serif;
display: block;
color: #000000;
margin-bottom: 30px;
font-size: 20px; }
.c-title--size-m {
font-size: 18px; }
.c-title--size-s {
font-size: 16px; }
.c-title--size-xs {
font-size: 14px; }
.c-title--size-xxl {
font-size: 32px; }
/*--------------------
COMPONENT
--------------------*/
.c-tooltip-container {
z-index: 999;
position: relative; }
.c-tooltip-container:hover .c-tooltip {
visibility: visible;
opacity: 1; }
.c-tooltip {
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 3;
border: 1px solid #ddd;
background-color: #fff;
padding: 15px;
width: 300px;
text-align: center;
line-height: 1;
color: #000000;
font-size: 14px; }
.c-tooltip::after {
position: absolute;
content: ''; }
.c-tooltip--show {
visibility: visible;
opacity: 1; }
.c-tooltip--flow {
position: relative; }
.c-tooltip--error {
position: relative;
color: #FFA758; }
.c-tooltip_icon {
width: 40px;
height: 40px;
padding: 0;
line-height: 40px; }
.c-tooltip--scroll {
padding: 15px 15px 5px; }
.c-tooltip--scroll .c-tooltip__container {
max-height: 300px;
overflow-y: auto; }
/*--------------------
ELEMENT
--------------------*/
/* Arrow */
.c-tooltip__arrow {
position: absolute;
width: 0;
height: 0;
background: transparent; }
.c-tooltip__arrow:after {
content: "";
position: absolute;
width: 0;
height: 0;
background: transparent; }
.c-tooltip_top .c-tooltip__arrow {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
bottom: -18px;
left: 0;
right: 0;
margin: 0 auto;
border-top: 12px solid #ddd;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.c-tooltip_top .c-tooltip__arrow:after {
top: -13px;
left: -12px;
border-top: 12px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.c-tooltip_bottom .c-tooltip__arrow {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: -7px;
left: 0;
right: 0;
margin: 0 auto;
border-bottom: 12px solid #ddd;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.c-tooltip_bottom .c-tooltip__arrow:after {
bottom: -13px;
left: -12px;
border-bottom: 12px solid #fff;
border-left: 12px solid transparent;
border-right: 12px solid transparent; }
.c-tooltip_bottom.c-tooltip_bottom_left .c-tooltip__arrow {
left: inherit;
right: 22px;
margin: 0; }
.c-tooltip_right .c-tooltip__arrow {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
left: -12px;
border-right: 12px solid #ddd;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.c-tooltip_right .c-tooltip__arrow:after {
top: -12px;
left: 1px;
border-right: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.c-tooltip_left .c-tooltip__arrow {
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
right: -12px;
border-left: 12px solid #ddd;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
.c-tooltip_left .c-tooltip__arrow:after {
top: -12px;
right: 1px;
border-left: 12px solid #fff;
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; }
/* Item */
.c-tooltip__item {
-webkit-transition: all 0.15s ease-in 0s;
-moz-transition: all 0.15s ease-in 0s;
-o-transition: all 0.15s ease-in 0s;
transition: all 0.15s ease-in 0s;
display: block;
margin-bottom: 15px;
cursor: pointer;
text-align: left;
color: #9b9b9b;
font-size: 14px; }
.c-tooltip__item:last-child {
margin-bottom: 0; }
.c-tooltip__item:hover {
text-decoration: none;
color: #f05d61; }
/*--------------------
MODIFIER
--------------------*/
/* Width */
.c-tooltip_xs {
width: 100px; }
.c-tooltip_s {
width: 200px; }
.c-tooltip_l {
width: 400px; }
.c-tooltip_xl {
width: 500px; }
/* Orientation */
.c-tooltip_top {
left: 50%;
bottom: calc(100% + 22px);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.c-tooltip_top:after {
height: 23px;
width: 100%;
bottom: -23px;
left: 0; }
.c-tooltip_bottom {
left: 50%;
top: calc(100% + 22px);
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%); }
.c-tooltip_bottom:after {
height: 23px;
width: 100%;
top: -23px;
left: 0; }
.c-tooltip_bottom.c-tooltip_bottom_left {
left: inherit;
right: 0;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0); }
.c-tooltip_right {
left: calc(100% + 22px);
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.c-tooltip_right:after {
width: 23px;
height: 100%;
left: -23px;
top: 0; }
.c-tooltip_left {
right: calc(100% + 22px);
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); }
.c-tooltip_left:after {
width: 23px;
height: 100%;
right: -23px;
top: 0; }
/* Scrollable */
.c-tooltip__scrollable {
max-height: 200px;
overflow-y: auto; }
.c-tooltip_nav {
border-radius: 0 0 4px 4px; }
.c-tooltip_nav .c-tooltip__arrow {
display: none; }
.c-tooltip_nav.c-tooltip_bottom {
top: calc(100% - 1px);
left: 0;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
border-top: 1px solid #fff; }
/*--------------------
UTILITIES
--------------------*/
.u-whiteSpace--nowrap {
white-space: nowrap; }
.u-w100p {
width: 100% !important; }
.u-hide {
position: absolute !important;
opacity: 0 !important;
visibility: hidden !important; }
.u-show {
position: static !important;
opacity: 1 !important;
visibility: visible !important; }
.u-display-inline-block {
display: inline-block; }
.u-vertical-align-top {
vertical-align: top; }
@media (min-width: 576px) {
.xs-u-hide {
position: absolute !important;
opacity: 0 !important;
visibility: hidden !important; } }
@media (min-width: 768px) {
.sm-u-hide {
position: absolute !important;
opacity: 0 !important;
visibility: hidden !important; } }
@media (min-width: 992px) {
.md-u-hide {
position: absolute !important;
opacity: 0 !important;
visibility: hidden !important; } }
@media (min-width: 1200px) {
.lg-u-hide {
position: absolute !important;
opacity: 0 !important;
visibility: hidden !important; } }
@media (min-width: 576px) {
.xs-u-show {
position: static !important;
opacity: 1 !important;
visibility: visible !important; } }
@media (min-width: 768px) {
.sm-u-show {
position: static !important;
opacity: 1 !important;
visibility: visible !important; } }
@media (min-width: 992px) {
.md-u-show {
position: static !important;
opacity: 1 !important;
visibility: visible !important; } }
@media (min-width: 1200px) {
.lg-u-show {
position: static !important;
opacity: 1 !important;
visibility: visible !important; } }
/*--------------------
IMPORT
--------------------*/
/* Color */
/*--------------------
COLOR
--------------------*/
.u-color--black {
color: #000000; }
.u-color--grey-shady {
color: #9b9b9b; }
.u-color--red {
color: #f05d61; }
.u-color--red-light {
color: #ff7b7b; }
.u-color--green {
color: #28C76F; }
.u-color--orange {
color: #FFA758; }
.u-bg--green {
background-color: #28C76F; }
.u-bg--green-light {
background-color: #4AD386 !important; }
.u-color--blue {
color: #3CAEFF; }
.u-color--white {
color: #fff; }
.u-color--pinterest {
color: transparent; }
.u-color--instagram {
color: transparent; }
/* Margin */
/*--------------------
MARGIN
--------------------*/
.mb0 {
margin-bottom: 0 !important; }
.mb5 {
margin-bottom: 5px !important; }
.mb10 {
margin-bottom: 10px !important; }
.mb15 {
margin-bottom: 15px !important; }
.mb20 {
margin-bottom: 20px !important; }
.mb25 {
margin-bottom: 25px !important; }
.mb30 {
margin-bottom: 30px !important; }
.mb45 {
margin-bottom: 45px !important; }
.mb60 {
margin-bottom: 60px !important; }
.mb90 {
margin-bottom: 90px !important; }
.mt0 {
margin-top: 0 !important; }
.mt5 {
margin-top: 5px !important; }
.mt10 {
margin-top: 10px !important; }
.mt15 {
margin-top: 15px !important; }
.mt20 {
margin-top: 20px !important; }
.mt25 {
margin-top: 25px !important; }
.mt30 {
margin-top: 30px !important; }
.mt45 {
margin-top: 45px !important; }
.mt60 {
margin-top: 60px !important; }
.ml0 {
margin-left: 0 !important; }
.ml5 {
margin-left: 5px !important; }
.ml10 {
margin-left: 10px !important; }
.ml15 {
margin-left: 15px !important; }
.ml30 {
margin-left: 30px !important; }
.ml45 {
margin-left: 45px !important; }
.ml60 {
margin-left: 60px !important; }
.mr0 {
margin-right: 0 !important; }
.mr5 {
margin-right: 5px !important; }
.mr10 {
margin-right: 10px !important; }
.mr15 {
margin-right: 15px !important; }
.mr30 {
margin-right: 30px !important; }
@media (min-width: 576px) {
.xs-mb0 {
margin-bottom: 0 !important; }
.xs-mb5 {
margin-bottom: 5 !important; }
.xs-mb10 {
margin-bottom: 10px !important; }
.xs-mb15 {
margin-bottom: 15px !important; }
.xs-mb30 {
margin-bottom: 30px !important; }
.xs-mb45 {
margin-bottom: 45px !important; }
.xs-mb60 {
margin-bottom: 60px !important; } }
@media (min-width: 768px) {
.sm-mb0 {
margin-bottom: 0 !important; }
.sm-mb5 {
margin-bottom: 5 !important; }
.sm-mb10 {
margin-bottom: 10px !important; }
.sm-mb15 {
margin-bottom: 15px !important; }
.sm-mb30 {
margin-bottom: 30px !important; }
.sm-mb45 {
margin-bottom: 45px !important; }
.sm-mb60 {
margin-bottom: 60px !important; } }
@media (min-width: 992px) {
.md-mb0 {
margin-bottom: 0 !important; }
.md-mb5 {
margin-bottom: 5 !important; }
.md-mb10 {
margin-bottom: 10px !important; }
.md-mb15 {
margin-bottom: 15px !important; }
.md-mb30 {
margin-bottom: 30px !important; }
.md-mb45 {
margin-bottom: 45px !important; }
.md-mb60 {
margin-bottom: 60px !important; } }
@media (min-width: 1200px) {
.lg-mb0 {
margin-bottom: 0 !important; }
.lg-mb5 {
margin-bottom: 5 !important; }
.lg-mb10 {
margin-bottom: 10px !important; }
.lg-mb15 {
margin-bottom: 15px !important; }
.lg-mb30 {
margin-bottom: 30px !important; }
.lg-mb45 {
margin-bottom: 45px !important; }
.lg-mb60 {
margin-bottom: 60px !important; } }
@media (min-width: 576px) {
.xs-ml0 {
margin-left: 0 !important; }
.xs-ml10 {
margin-left: 10px !important; }
.xs-ml15 {
margin-left: 15px !important; }
.xs-ml30 {
margin-left: 30px !important; }
.xs-ml45 {
margin-left: 45px !important; }
.xs-ml60 {
margin-left: 60px !important; } }
@media (min-width: 768px) {
.sm-ml0 {
margin-left: 0 !important; }
.sm-ml10 {
margin-left: 10px !important; }
.sm-ml15 {
margin-left: 15px !important; }
.sm-ml30 {
margin-left: 30px !important; }
.sm-ml45 {
margin-left: 45px !important; }
.sm-ml60 {
margin-left: 60px !important; } }
@media (min-width: 992px) {
.md-ml0 {
margin-left: 0 !important; }
.md-ml10 {
margin-left: 10px !important; }
.md-ml15 {
margin-left: 15px !important; }
.md-ml30 {
margin-left: 30px !important; }
.md-ml45 {
margin-left: 45px !important; }
.md-ml60 {
margin-left: 60px !important; } }
@media (min-width: 1200px) {
.lg-ml0 {
margin-left: 0 !important; }
.lg-ml10 {
margin-left: 10px !important; }
.lg-ml15 {
margin-left: 15px !important; }
.lg-ml30 {
margin-left: 30px !important; }
.lg-ml45 {
margin-left: 45px !important; }
.lg-ml60 {
margin-left: 60px !important; } }
@media (min-width: 576px) {
.xs-mt0 {
margin-top: 0 !important; }
.xs-mt10 {
margin-top: 10px !important; }
.xs-mt15 {
margin-top: 15px !important; }
.xs-mt30 {
margin-top: 30px !important; }
.xs-mt45 {
margin-top: 45px !important; }
.xs-mt60 {
margin-top: 60px !important; } }
@media (min-width: 768px) {
.sm-mt0 {
margin-top: 0 !important; }
.sm-mt10 {
margin-top: 10px !important; }
.sm-mt15 {
margin-top: 15px !important; }
.sm-mt30 {
margin-top: 30px !important; }
.sm-mt45 {
margin-top: 45px !important; }
.sm-mt60 {
margin-top: 60px !important; } }
@media (min-width: 992px) {
.md-mt0 {
margin-top: 0 !important; }
.md-mt10 {
margin-top: 10px !important; }
.md-mt15 {
margin-top: 15px !important; }
.md-mt30 {
margin-top: 30px !important; }
.md-mt45 {
margin-top: 45px !important; }
.md-mt60 {
margin-top: 60px !important; } }
@media (min-width: 1200px) {
.lg-mt0 {
margin-top: 0 !important; }
.lg-mt10 {
margin-top: 10px !important; }
.lg-mt15 {
margin-top: 15px !important; }
.lg-mt30 {
margin-top: 30px !important; }
.lg-mt45 {
margin-top: 45px !important; }
.lg-mt60 {
margin-top: 60px !important; } }
/* Padding */
/*--------------------
PADDING
--------------------*/
.p0 {
padding: 0 !important; }
.p10 {
padding: 10px !important; }
.p15 {
padding: 15px !important; }
.p30 {
padding: 30px !important; }
.p45 {
padding: 45px !important; }
.p60 {
padding: 60px !important; }
.p75 {
padding: 75px !important; }
.pt0 {
padding-top: 0 !important; }
.pt5 {
padding-top: 5px !important; }
.pt10 {
padding-top: 10px !important; }
.pt15 {
padding-top: 15px !important; }
.pt30 {
padding-top: 30px !important; }
.pt40 {
padding-top: 40px !important; }
.pb0 {
padding-bottom: 0 !important; }
.pb5 {
padding-bottom: 5px !important; }
.pb10 {
padding-bottom: 10px !important; }
.pb15 {
padding-bottom: 15px !important; }
.pb30 {
padding-bottom: 30px !important; }
.pb35 {
padding-bottom: 35px !important; }
.pb45 {
padding-bottom: 45px !important; }
.pl0 {
padding-left: 0 !important; }
.pl5 {
padding-left: 5px !important; }
.pl7-5 {
padding-left: 7.5px !important; }
.pl10 {
padding-left: 10px !important; }
.pl15 {
padding-left: 15px !important; }
.pl20 {
padding-left: 20px !important; }
.pl30 {
padding-left: 30px !important; }
.pl45 {
padding-left: 45px !important; }
.pl60 {
padding-left: 60px !important; }
.pl65 {
padding-left: 65px !important; }
.pr0 {
padding-right: 0 !important; }
.pr5 {
padding-right: 5px !important; }
.pr10 {
padding-right: 10px !important; }
.pr15 {
padding-right: 15px !important; }
.pr30 {
padding-right: 30px !important; }
@media (min-width: 576px) {
.xs-p0 {
padding: 0 !important; }
.xs-p10 {
padding: 10px !important; }
.xs-p15 {
padding: 15px !important; }
.xs-p30 {
padding: 30px !important; } }
@media (min-width: 768px) {
.sm-p0 {
padding: 0 !important; }
.sm-p10 {
padding: 10px !important; }
.sm-p15 {
padding: 15px !important; }
.sm-p30 {
padding: 30px !important; } }
@media (min-width: 992px) {
.md-p0 {
padding: 0 !important; }
.md-p10 {
padding: 10px !important; }
.md-p15 {
padding: 15px !important; }
.md-p30 {
padding: 30px !important; } }
@media (min-width: 1200px) {
.lg-p0 {
padding: 0 !important; }
.lg-p10 {
padding: 10px !important; }
.lg-p15 {
padding: 15px !important; }
.lg-p30 {
padding: 30px !important; } }
@media (min-width: 576px) {
.xs-pb0 {
padding-bottom: 0 !important; }
.xs-pb5 {
padding-bottom: 5px !important; }
.xs-pb10 {
padding-bottom: 10px !important; }
.xs-pb15 {
padding-bottom: 15px !important; }
.xs-pb30 {
padding-bottom: 30px !important; } }
@media (min-width: 768px) {
.sm-pb0 {
padding-bottom: 0 !important; }
.sm-pb5 {
padding-bottom: 5px !important; }
.sm-pb10 {
padding-bottom: 10px !important; }
.sm-pb15 {
padding-bottom: 15px !important; }
.sm-pb30 {
padding-bottom: 30px !important; } }
@media (min-width: 992px) {
.md-pb0 {
padding-bottom: 0 !important; }
.md-pb5 {
padding-bottom: 5px !important; }
.md-pb10 {
padding-bottom: 10px !important; }
.md-pb15 {
padding-bottom: 15px !important; }
.md-pb30 {
padding-bottom: 30px !important; } }
@media (min-width: 1200px) {
.lg-pb0 {
padding-bottom: 0 !important; }
.lg-pb5 {
padding-bottom: 5px !important; }
.lg-pb10 {
padding-bottom: 10px !important; }
.lg-pb15 {
padding-bottom: 15px !important; }
.lg-pb30 {
padding-bottom: 30px !important; } }
@media (min-width: 576px) {
.xs-pt0 {
padding-top: 0 !important; }
.xs-pt5 {
padding-top: 5px !important; }
.xs-pt10 {
padding-top: 10px !important; }
.xs-pt15 {
padding-top: 15px !important; }
.xs-pt30 {
padding-top: 30px !important; } }
@media (min-width: 768px) {
.sm-pt0 {
padding-top: 0 !important; }
.sm-pt5 {
padding-top: 5px !important; }
.sm-pt10 {
padding-top: 10px !important; }
.sm-pt15 {
padding-top: 15px !important; }
.sm-pt30 {
padding-top: 30px !important; } }
@media (min-width: 992px) {
.md-pt0 {
padding-top: 0 !important; }
.md-pt5 {
padding-top: 5px !important; }
.md-pt10 {
padding-top: 10px !important; }
.md-pt15 {
padding-top: 15px !important; }
.md-pt30 {
padding-top: 30px !important; } }
@media (min-width: 1200px) {
.lg-pt0 {
padding-top: 0 !important; }
.lg-pt5 {
padding-top: 5px !important; }
.lg-pt10 {
padding-top: 10px !important; }
.lg-pt15 {
padding-top: 15px !important; }
.lg-pt30 {
padding-top: 30px !important; } }
@media (min-width: 576px) {
.xs-pl0 {
padding-left: 0 !important; }
.xs-pl5 {
padding-left: 5px !important; }
.xs-pl10 {
padding-left: 10px !important; }
.xs-pl15 {
padding-left: 15px !important; }
.xs-pl30 {
padding-left: 30px !important; } }
@media (min-width: 768px) {
.sm-pl0 {
padding-left: 0 !important; }
.sm-pl5 {
padding-left: 5px !important; }
.sm-pl10 {
padding-left: 10px !important; }
.sm-pl15 {
padding-left: 15px !important; }
.sm-pl30 {
padding-left: 30px !important; } }
@media (min-width: 992px) {
.md-pl0 {
padding-left: 0 !important; }
.md-pl5 {
padding-left: 5px !important; }
.md-pl10 {
padding-left: 10px !important; }
.md-pl15 {
padding-left: 15px !important; }
.md-pl30 {
padding-left: 30px !important; } }
@media (min-width: 1200px) {
.lg-pl0 {
padding-left: 0 !important; }
.lg-pl5 {
padding-left: 5px !important; }
.lg-pl10 {
padding-left: 10px !important; }
.lg-pl15 {
padding-left: 15px !important; }
.lg-pl30 {
padding-left: 30px !important; } }
@media (min-width: 576px) {
.xs-pr0 {
padding-right: 0 !important; }
.xs-pr5 {
padding-right: 5px !important; }
.xs-pr10 {
padding-right: 10px !important; }
.xs-pr15 {
padding-right: 15px !important; }
.xs-pr30 {
padding-right: 30px !important; } }
@media (min-width: 768px) {
.sm-pr0 {
padding-right: 0 !important; }
.sm-pr5 {
padding-right: 5px !important; }
.sm-pr10 {
padding-right: 10px !important; }
.sm-pr15 {
padding-right: 15px !important; }
.sm-pr30 {
padding-right: 30px !important; } }
@media (min-width: 992px) {
.md-pr0 {
padding-right: 0 !important; }
.md-pr5 {
padding-right: 5px !important; }
.md-pr10 {
padding-right: 10px !important; }
.md-pr15 {
padding-right: 15px !important; }
.md-pr30 {
padding-right: 30px !important; } }
@media (min-width: 1200px) {
.lg-pr0 {
padding-right: 0 !important; }
.lg-pr5 {
padding-right: 5px !important; }
.lg-pr10 {
padding-right: 10px !important; }
.lg-pr15 {
padding-right: 15px !important; }
.lg-pr30 {
padding-right: 30px !important; } }
/* Size */
.u-size-expand {
width: 100%; }
.u-size-auto {
width: auto; }
@media (min-width: 576px) {
.u-size-xs-expand {
width: 100%; }
.u-size-xs-auto {
width: auto; } }
@media (min-width: 768px) {
.u-size-sm-expand {
width: 100%; }
.u-size-sm-auto {
width: auto; } }
@media (min-width: 992px) {
.u-size-md-expand {
width: 100%; }
.u-size-md-auto {
width: auto; } }
@media (min-width: 1200px) {
.u-size-lg-expand {
width: 100%; }
.u-size-lg-auto {
width: auto; } }
/* Text */
/*--------------------
TEXT
--------------------*/
.u-droid {
font-family: 'DroidSerif', sans-serif; }
.txt--bold {
font-weight: bold !important; }
.txt--s {
text-decoration: line-through; }
/*--------------------
TEXT ALIGN
--------------------*/
.txt--right {
text-align: right !important; }
.txt--left {
text-align: left !important; }
.txt--center {
text-align: center !important; }
@media (min-width: 576px) {
.xs-txt--right {
text-align: right !important; }
.xs-txt--left {
text-align: left !important; }
.xs-txt--center {
text-align: center !important; } }
@media (min-width: 768px) {
.sm-txt--right {
text-align: right !important; }
.sm-txt--left {
text-align: left !important; }
.sm-txt--center {
text-align: center !important; } }
@media (min-width: 992px) {
.md-txt--right {
text-align: right !important; }
.md-txt--left {
text-align: left !important; }
.md-txt--center {
text-align: center !important; } }
@media (min-width: 1200px) {
.lg-txt--right {
text-align: right !important; }
.lg-txt--left {
text-align: left !important; }
.lg-txt--center {
text-align: center !important; } }
.txt--uppercase {
display: inline-block;
text-transform: uppercase; }
.txt--uppercase-letter {
display: inline-block; }
.txt--uppercase-letter::first-letter {
text-transform: uppercase; }
.txt-size--16 {
font-size: 16px !important; }
/*--------------------
PAGE
--------------------*/
.page--frontTemplate {
background-color: #fff; }
.page--frontTemplate.page--frontTemplate-about {
padding-bottom: 90px; }
.page--frontTemplate.page--frontTemplate-press {
padding-bottom: 90px;
background-color: #efefef; }
.page--frontTemplate__img {
display: block;
width: 100%;
max-width: 380px;
margin: 0 auto; }
.page--frontTemplate__img.page--frontTemplate__img--size-l {
max-width: 550px; }
.page--frontTemplate__img.page--frontTemplate__img--paddingR {
padding-right: 0; }
@media (min-width: 992px) {
.page--frontTemplate__img.page--frontTemplate__img--paddingR {
padding-right: 60px; } }
.page--frontTemplate__img.page--frontTemplate__img--paddingL {
padding-left: 0; }
@media (min-width: 992px) {
.page--frontTemplate__img.page--frontTemplate__img--paddingL {
padding-left: 60px; } }
.page--frontTemplate__img.page--frontTemplate__img--press {
position: relative;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%; }
.page--frontTemplate__subtitle {
font-size: 18px;
line-height: 1.5; }
.page--frontTemplate__text {
line-height: 1.4;
font-size: 18px;
text-align: center; }
@media (min-width: 576px) {
.page--frontTemplate__text {
text-align: left; } }
.page--frontTemplate__hr {
height: 1px;
border: none;
width: 100%;
background-color: #ddd;
margin: 60px 0; }
.page--frontTemplate__list {
padding-bottom: 45px; }
.page--frontTemplate__list li {
display: block;
text-align: center;
margin: 15px 0 15px 0; }
@media (min-width: 576px) {
.page--frontTemplate__list li {
display: inline-block;
margin: 15px 45px 15px 0;
text-align: left; } }
.page--frontTemplate__list li .page--frontTemplate__icon {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
width: auto;
height: 18px; }
.page--frontTemplate__list li .page--frontTemplate__listText {
display: inline-block;
vertical-align: middle;
font-weight: bold; }
.page--frontTemplate__jobContainer {
padding: 30px 0;
background-color: #efefef; }
@media (min-width: 768px) {
.page--frontTemplate__jobContainer {
padding: 60px; } }
.page--frontTemplate__name {
font-family: 'DroidSerif', sans-serif;
color: #f05d61;
font-weight: bold;
font-size: 16px; }
.page--menuTop {
padding-top: 50px; }
.cf_core_box_composition, .cf_core_box_composition_v2, .cf_core_box_composition_v2_test, .cf_core_box_composition_v2_1, .cf_core_box_composition_v2_2, .cf_core_box_composition_v2_3 {
padding-top: 0;
background-color: #f9f9f9; }
.cf_core_box_composition .menu_admin, .cf_core_box_composition_v2 .menu_admin, .cf_core_box_composition_v2_test .menu_admin, .cf_core_box_composition_v2_1 .menu_admin, .cf_core_box_composition_v2_2 .menu_admin, .cf_core_box_composition_v2_3 .menu_admin {
display: none; }
.cf_core_box_composition .p-fixed--link, .cf_core_box_composition_v2 .p-fixed--link, .cf_core_box_composition_v2_test .p-fixed--link, .cf_core_box_composition_v2_1 .p-fixed--link, .cf_core_box_composition_v2_2 .p-fixed--link, .cf_core_box_composition_v2_3 .p-fixed--link {
position: fixed;
top: 0;
left: 0;
width: 380px;
background-color: #fff;
border-bottom: 1px solid #ddd;
z-index: 999; }
.cf_core_box_composition .c-filters-colors-wrapper, .cf_core_box_composition_v2 .c-filters-colors-wrapper, .cf_core_box_composition_v2_test .c-filters-colors-wrapper, .cf_core_box_composition_v2_1 .c-filters-colors-wrapper, .cf_core_box_composition_v2_2 .c-filters-colors-wrapper, .cf_core_box_composition_v2_3 .c-filters-colors-wrapper {
position: relative;
width: 120px;
top: -5px; }
.cf_core_box_composition .c-filter-colors--select, .cf_core_box_composition_v2 .c-filter-colors--select, .cf_core_box_composition_v2_test .c-filter-colors--select, .cf_core_box_composition_v2_1 .c-filter-colors--select, .cf_core_box_composition_v2_2 .c-filter-colors--select, .cf_core_box_composition_v2_3 .c-filter-colors--select {
position: absolute;
left: 0; }
.cf_core_box_composition .p-btn, .cf_core_box_composition_v2 .p-btn, .cf_core_box_composition_v2_test .p-btn, .cf_core_box_composition_v2_1 .p-btn, .cf_core_box_composition_v2_2 .p-btn, .cf_core_box_composition_v2_3 .p-btn {
margin-bottom: 2px; }
.cf_core_box_composition #productSearch, .cf_core_box_composition_v2 #productSearch, .cf_core_box_composition_v2_test #productSearch, .cf_core_box_composition_v2_1 #productSearch, .cf_core_box_composition_v2_2 #productSearch, .cf_core_box_composition_v2_3 #productSearch {
width: 300px;
padding: 5px 5px;
height: 25px;
margin-top: 5px;
display: inline-block; }
.cf_core_box_composition #emptyProductSearch, .cf_core_box_composition_v2 #emptyProductSearch, .cf_core_box_composition_v2_test #emptyProductSearch, .cf_core_box_composition_v2_1 #emptyProductSearch, .cf_core_box_composition_v2_2 #emptyProductSearch, .cf_core_box_composition_v2_3 #emptyProductSearch {
position: absolute;
left: 290px;
top: 86px;
height: 25px;
line-height: 25px;
width: 25px;
padding: 0 7px;
cursor: pointer; }
.cf_core_box_composition .p-panel--left, .cf_core_box_composition_v2 .p-panel--left, .cf_core_box_composition_v2_test .p-panel--left, .cf_core_box_composition_v2_1 .p-panel--left, .cf_core_box_composition_v2_2 .p-panel--left, .cf_core_box_composition_v2_3 .p-panel--left {
width: 380px;
overflow-y: auto;
height: calc(100% - 95px);
vertical-align: top;
position: fixed;
top: 110px;
padding: 35px 15px 300px 15px;
z-index: 12;
background-color: #fff; }
.cf_core_box_composition .p-panel--left .is--influencer, .cf_core_box_composition_v2 .p-panel--left .is--influencer, .cf_core_box_composition_v2_test .p-panel--left .is--influencer, .cf_core_box_composition_v2_1 .p-panel--left .is--influencer, .cf_core_box_composition_v2_2 .p-panel--left .is--influencer, .cf_core_box_composition_v2_3 .p-panel--left .is--influencer {
border-radius: 4px;
background-color: #f05d61;
color: #fff;
font-size: 12px;
padding: 4px;
text-align: center;
margin-bottom: 10px; }
.cf_core_box_composition .c-panel--product-infos, .cf_core_box_composition_v2 .c-panel--product-infos, .cf_core_box_composition_v2_test .c-panel--product-infos, .cf_core_box_composition_v2_1 .c-panel--product-infos, .cf_core_box_composition_v2_2 .c-panel--product-infos, .cf_core_box_composition_v2_3 .c-panel--product-infos {
left: -380px;
-webkit-transition: all ease 0.1s;
-moz-transition: all ease 0.1s;
-ms-transition: all ease 0.1s;
-o-transition: all ease 0.1s;
transition: all ease 0.1s; }
.cf_core_box_composition .c-panel--product-infos table td, .cf_core_box_composition .c-panel--product-infos table th, .cf_core_box_composition_v2 .c-panel--product-infos table td, .cf_core_box_composition_v2 .c-panel--product-infos table th, .cf_core_box_composition_v2_test .c-panel--product-infos table td, .cf_core_box_composition_v2_test .c-panel--product-infos table th, .cf_core_box_composition_v2_1 .c-panel--product-infos table td, .cf_core_box_composition_v2_1 .c-panel--product-infos table th, .cf_core_box_composition_v2_2 .c-panel--product-infos table td, .cf_core_box_composition_v2_2 .c-panel--product-infos table th, .cf_core_box_composition_v2_3 .c-panel--product-infos table td, .cf_core_box_composition_v2_3 .c-panel--product-infos table th {
padding: 5px; }
.cf_core_box_composition .c-panel--product-infos.open, .cf_core_box_composition_v2 .c-panel--product-infos.open, .cf_core_box_composition_v2_test .c-panel--product-infos.open, .cf_core_box_composition_v2_1 .c-panel--product-infos.open, .cf_core_box_composition_v2_2 .c-panel--product-infos.open, .cf_core_box_composition_v2_3 .c-panel--product-infos.open {
left: 0; }
.cf_core_box_composition .p-panel--right, .cf_core_box_composition_v2 .p-panel--right, .cf_core_box_composition_v2_test .p-panel--right, .cf_core_box_composition_v2_1 .p-panel--right, .cf_core_box_composition_v2_2 .p-panel--right, .cf_core_box_composition_v2_3 .p-panel--right {
padding-left: 380px;
width: 100%;
vertical-align: top;
position: relative;
padding-top: 64px;
padding-bottom: 110px; }
.cf_core_box_composition #mot-styliste, .cf_core_box_composition_v2 #mot-styliste, .cf_core_box_composition_v2_test #mot-styliste, .cf_core_box_composition_v2_1 #mot-styliste, .cf_core_box_composition_v2_2 #mot-styliste, .cf_core_box_composition_v2_3 #mot-styliste {
visibility: hidden;
display: none;
left: 0;
right: 0;
margin: 0 auto;
max-width: 780px;
border-radius: 4px;
z-index: 10000;
position: fixed;
padding: 15px 40px;
box-shadow: 0 1px 20px #717171;
background: #F9F9F9;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.cf_core_box_composition .p-count-line, .cf_core_box_composition_v2 .p-count-line, .cf_core_box_composition_v2_test .p-count-line, .cf_core_box_composition_v2_1 .p-count-line, .cf_core_box_composition_v2_2 .p-count-line, .cf_core_box_composition_v2_3 .p-count-line {
font-size: 14px;
color: #666;
padding: 0 0 10px; }
.cf_core_box_composition #mot-styliste #js-textarea-message, .cf_core_box_composition_v2 #mot-styliste #js-textarea-message, .cf_core_box_composition_v2_test #mot-styliste #js-textarea-message, .cf_core_box_composition_v2_1 #mot-styliste #js-textarea-message, .cf_core_box_composition_v2_2 #mot-styliste #js-textarea-message, .cf_core_box_composition_v2_3 #mot-styliste #js-textarea-message {
border: 1px solid #ddd;
padding: 5px;
background: #FFF;
margin: 0 auto;
width: 700px;
height: 440px;
resize: none;
font-size: 16px;
text-align: left;
overflow: hidden; }
.cf_core_box_composition #mot-styliste .gpt-loader, .cf_core_box_composition_v2 #mot-styliste .gpt-loader, .cf_core_box_composition_v2_test #mot-styliste .gpt-loader, .cf_core_box_composition_v2_1 #mot-styliste .gpt-loader, .cf_core_box_composition_v2_2 #mot-styliste .gpt-loader, .cf_core_box_composition_v2_3 #mot-styliste .gpt-loader {
position: absolute;
top: 40%;
left: 40%;
font-size: 40px;
display: none; }
.cf_core_box_composition #mot-styliste .texte-valide-box, .cf_core_box_composition_v2 #mot-styliste .texte-valide-box, .cf_core_box_composition_v2_test #mot-styliste .texte-valide-box, .cf_core_box_composition_v2_1 #mot-styliste .texte-valide-box, .cf_core_box_composition_v2_2 #mot-styliste .texte-valide-box, .cf_core_box_composition_v2_3 #mot-styliste .texte-valide-box {
padding: 10px 20px;
background: #F0415B;
color: #fff;
text-align: center;
display: inline-block;
border-radius: 4px;
cursor: pointer; }
.cf_core_box_composition #overlay, .cf_core_box_composition_v2 #overlay, .cf_core_box_composition_v2_test #overlay, .cf_core_box_composition_v2_1 #overlay, .cf_core_box_composition_v2_2 #overlay, .cf_core_box_composition_v2_3 #overlay {
visibility: hidden;
display: none;
position: fixed;
background: #000;
opacity: 0.4;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 9999; }
.cf_core_box_composition #overlay.open,
.cf_core_box_composition #mot-styliste.open, .cf_core_box_composition_v2 #overlay.open,
.cf_core_box_composition_v2 #mot-styliste.open, .cf_core_box_composition_v2_test #overlay.open,
.cf_core_box_composition_v2_test #mot-styliste.open, .cf_core_box_composition_v2_1 #overlay.open,
.cf_core_box_composition_v2_1 #mot-styliste.open, .cf_core_box_composition_v2_2 #overlay.open,
.cf_core_box_composition_v2_2 #mot-styliste.open, .cf_core_box_composition_v2_3 #overlay.open,
.cf_core_box_composition_v2_3 #mot-styliste.open {
visibility: visible;
display: block; }
.p-img--success {
display: block;
width: 100%;
max-width: 60px;
margin: 0 auto 30px; }
@media (min-width: 768px) {
.p-img--success {
margin: 0px auto 30px; } }
.page--order .page--order__block-illustration {
text-align: center; }
.page--order .page--order__block-illustration img {
display: block;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
bottom: -27px; }
.page--order .page--order__container-adresse {
position: relative; }
.page--order .p-billingAddress {
display: none;
visibility: hidden; }
.page--order .p-billingAddress.p-billingAddress--open {
display: block;
visibility: visible; }
.page--order .page--order__check {
color: #28C76F;
margin-right: 10px; }
.page--order .page--order__stylismFees {
font-size: 14px;
padding-left: 26px; }
.page--order .page--order__cb {
position: relative;
top: 0;
display: block;
vertical-align: middle;
margin-top: 10px;
margin-left: 0; }
@media (min-width: 576px) {
.page--order .page--order__cb {
top: -2px;
display: inline-block;
margin-left: 10px;
margin-top: 0; } }
.page--order .page--order__cb-img {
display: inline-block;
max-width: 40px;
vertical-align: middle; }
.page--order .last-step-collapsible-block-wrapper {
padding: 10px;
border: 1px solid #e5e5e5; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block-title {
text-align: left;
font-size: 32px;
font-family: "DomaineDisp-Regular", sans-serif;
margin-bottom: 10px;
padding-left: 15px;
cursor: pointer; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block.last-step-collapsible-block-collapsed {
display: none; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper {
box-sizing: border-box; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper:first-child {
padding-right: 5px; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper:nth-child(2) {
padding-right: 5px; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .fa-leaf {
color: #8cc646; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .c-delivery-mode-toggle-parent {
width: 50%; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-delivery-mode-toggle-wrapper .c-delivery-mode-toggle {
width: 100%; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-btn--red {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 16px;
min-width: 270px;
width: auto;
border: none; }
@media (max-width: 480px) {
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block .c-btn--red {
width: 100%; } }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-home-panel {
margin-top: 10px; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-home-panel #address-recap-block {
border: 1px solid #e5e5e5;
line-height: 40px;
padding-left: 10px;
padding-right: 75px;
position: relative;
text-align: left; }
.page--order .last-step-collapsible-block-wrapper .last-step-collapsible-block #deliver-home-panel #address-recap-block #modify-address-button {
position: absolute;
right: 10px;
top: 0;
color: #939192;
font-size: 12px;
cursor: pointer; }
.page--order .c-btn--red {
font-family: "sofia-pro", sans-serif;
font-weight: 700;
font-size: 16px;
min-width: 270px;
width: auto;
border: none; }
@media (max-width: 480px) {
.page--order .c-btn--red {
width: 100%; } }
.page--order-first {
background-color: #fff;
border-bottom: 1px solid #ddd; }
.page--order-return {
background-color: #fff; }
.page--adresse .p-billingAddress {
display: none;
visibility: hidden; }
.page--adresse .p-billingAddress.p-billingAddress--open {
display: block;
visibility: visible; }
.page--profil .c-form__label {
font-family: 'DroidSerif', sans-serif; }
.page--profil .p-marginBottom:last-child {
margin-bottom: 0 !important; }
.page--profil .p-marginTop.p-marginTop--all {
margin-top: 30px !important; }
.page--profil .p-marginTop:first-child {
margin-top: 30px !important; }
.page--profil .p-marginTop.p-marginTop--s:first-child {
margin-top: 15px !important; }
.page--profil .p-marginTop.p-marginTop--s.p-marginTop--all {
margin-top: 15px !important; }
.page--profil .p-imageStyle {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
position: relative;
width: 100%;
left: 0;
padding: 15px;
background-color: #fff; }
.page--profil .p-imageStyle img {
display: block;
width: 100%;
height: auto; }
@media (min-width: 768px) {
.page--profil .p-imageStyle {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.08), 0 1px 12px rgba(28, 44, 79, 0.1);
width: calc(100% + 100px);
left: -50px; } }
@media (min-width: 992px) {
.page--profil .p-imageStyle {
width: calc(100% + 120px);
left: -60px; } }
.c-filterApi {
position: fixed;
z-index: 999;
background: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 30px;
opacity: 0;
visibility: hidden;
overflow-y: scroll;
display: none; }
.c-filterApi.show {
opacity: 1;
visibility: visible;
display: block; }
.c-filterApi__container {
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1);
background-color: #fff;
padding: 30px; }
.cf_core_product_index {
background-color: #efefef; }
.p-info-product {
color: #666; }
.p-info-product .container-right {
padding: 30px 30px 30px 250px !important;
background-color: #efefef; }
.p-info-product__info {
font-style: 14px;
color: #666;
margin-bottom: 15px; }
.p-info-product__info:first-child {
padding-right: 45px; }
.p-info-product__state {
margin: 0 30px 5px 0;
white-space: nowrap; }
.p-info-product__circle {
display: inline-block;
min-width: 14px;
height: 14px;
border-radius: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
vertical-align: middle;
border: 1px solid #fff; }
.p-info-product__circle.green {
background: #4caf50; }
.p-info-product__circle.yellow {
background: #ffeb3b; }
.p-info-product__circle.red {
background: #f44336; }
.p-info-product__circle.pink {
background: #e91e63; }
.p-info-product__circle.blue {
background: #2196f3; }
.p-info-product__circle.dark {
background: #000; }
.p-info-product__circle.gray {
background: #757575; }
.p-info-product__circle.beige {
background: #b7a38d; }
.p-info-product__circle.bordeaux {
background: #6D071A; }
.p-info-product__circle.purple {
background: #7f00ff; }
.p-info-product__state-name {
display: inline-block;
padding-left: 5px;
vertical-align: middle; }
.flag-icon {
margin-right: 5px; }
.p-info-product__flag {
position: relative;
display: inline-block;
border-radius: 4px;
border: 1px solid #ddd;
padding: 15px;
margin-right: 5px; }
.p-info-product__price-info {
position: absolute;
bottom: -12px;
left: 10px; }
.p-info-product__reduction {
display: inline-block;
padding: 2px 4px;
border-radius: 4px;
background-color: #ddd;
font-size: 12px; }
.p-info-product__reduction.p-info-product__reduction--green {
background-color: #28C76F;
color: #fff; }
.p-info-product__relatif {
position: relative; }
.p-info-product__relatif:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 100%;
background: transparent;
/* fallback for old browsers */
background: -webkit-linear-gradient(to right, transparent, #fff);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, transparent, #fff);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ }
.p-info-product__container-img {
position: relative;
white-space: nowrap;
overflow-x: auto;
padding-bottom: 30px; }
.p-info-product__img {
overflow: hidden;
border-radius: 4px;
display: inline-block;
margin-right: 15px;
border: 1px solid #ddd;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(28, 44, 79, 0.1); }
.p-info-product__img img {
display: block;
height: 180px;
width: auto; }
.cf_core_product_edit_attributes {
background-color: #efefef; }
.p-product--attributes {
background-color: #efefef;
color: #666;
padding-bottom: 400px !important; }
.p-product--attributes .container-right {
padding: 15px 15px 15px 235px !important;
background-color: #efefef; }
.p-product--attributes .p-product--attributes__tag {
display: block;
float: left;
margin-right: 10px;
margin-bottom: 10px; }
.p-product--attributes .p-product--attributes__img {
display: block;
width: 60px;
height: 60px;
margin: 0 auto 10px; }
.p-product--attributes .p-product--attributes__btn {
font-size: 10px;
color: #b6b6b6;
text-transform: uppercase;
letter-spacing: 1px; }
.p-product--attributes .p-product--attributes__child {
margin-left: 90px; }
.p-product--attributes .p-product--block--24 .p-product--attributes__img, .p-product--attributes .p-product--block--77 .p-product--attributes__img {
position: relative;
top: -2px;
display: inline-block;
width: 16px;
height: 16px;
margin-bottom: 0;
vertical-align: middle; }
.p-product--attributes .p-product--block {
display: none;
visibility: hidden; }
.p-product--attributes .p-product--block--visible {
display: block;
visibility: visible; }
.pagination {
margin: 0 !important; }
.pagination span {
border-radius: 4px;
display: inline-block;
border: 1px solid #ddd;
height: 30px;
width: 30px;
margin-right: 5px;
text-align: center;
line-height: 28px; }
.pagination a {
color: #000000; }
.pagination a:hover {
text-decoration: underline;
color: #f05d61; }
.pagination .current {
color: #f05d61; }
/*--------------------
SHAME
--------------------*/
*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body.frontpage {
font-family: 'sofia-pro', sans-serif;
background-color: #fff;
color: #666; }
body.frontpage .u-droid,
body.frontpage .c-title {
font-family: 'sofia-pro', sans-serif; }
body.frontpage.webfont-loaded {
font-family: 'sofia-pro', sans-serif;
font-weight: 300;
line-height: normal; }
body.frontpage.webfont-loaded .u-droid,
body.frontpage.webfont-loaded .c-title {
font-family: 'DroidSerif', sans-serif; }
@charset "UTF-8";
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../font/fontawesome-webfont.eot?v=4.7.0");
src: url("../font/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../font/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../font/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../font/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../font/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal;
font-display: swap; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: calc(4em / 3);
line-height: calc(3em / 4);
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: calc(18em / 14);
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.1428571429em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.1428571429em;
width: 2.1428571429em;
top: calc(2em / 14);
text-align: center; }
.fa-li.fa-lg {
left: -2.1428571429emcalc(4em / 14); }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.fa-handshake-o:before {
content: ""; }
.fa-envelope-open:before {
content: ""; }
.fa-envelope-open-o:before {
content: ""; }
.fa-linode:before {
content: ""; }
.fa-address-book:before {
content: ""; }
.fa-address-book-o:before {
content: ""; }
.fa-vcard:before,
.fa-address-card:before {
content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""; }
.fa-user-circle:before {
content: ""; }
.fa-user-circle-o:before {
content: ""; }
.fa-user-o:before {
content: ""; }
.fa-id-badge:before {
content: ""; }
.fa-drivers-license:before,
.fa-id-card:before {
content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""; }
.fa-quora:before {
content: ""; }
.fa-free-code-camp:before {
content: ""; }
.fa-telegram:before {
content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: ""; }
.fa-shower:before {
content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: ""; }
.fa-podcast:before {
content: ""; }
.fa-window-maximize:before {
content: ""; }
.fa-window-minimize:before {
content: ""; }
.fa-window-restore:before {
content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: ""; }
.fa-bandcamp:before {
content: ""; }
.fa-grav:before {
content: ""; }
.fa-etsy:before {
content: ""; }
.fa-imdb:before {
content: ""; }
.fa-ravelry:before {
content: ""; }
.fa-eercast:before {
content: ""; }
.fa-microchip:before {
content: ""; }
.fa-snowflake-o:before {
content: ""; }
.fa-superpowers:before {
content: ""; }
.fa-wpexplorer:before {
content: ""; }
.fa-meetup:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.flag-icon-background, .flag-icon {
background-size: contain;
background-position: 50%;
background-repeat: no-repeat; }
.flag-icon {
position: relative;
display: inline-block;
width: 1.3333333333em;
line-height: 1em; }
.flag-icon:before {
content: '\00a0'; }
.flag-icon.flag-icon-squared {
width: 1em; }
.flag-icon-ad {
background-image: url(../flags/4x3/ad.svg); }
.flag-icon-ad.flag-icon-squared {
background-image: url(../flags/1x1/ad.svg); }
.flag-icon-ae {
background-image: url(../flags/4x3/ae.svg); }
.flag-icon-ae.flag-icon-squared {
background-image: url(../flags/1x1/ae.svg); }
.flag-icon-af {
background-image: url(../flags/4x3/af.svg); }
.flag-icon-af.flag-icon-squared {
background-image: url(../flags/1x1/af.svg); }
.flag-icon-ag {
background-image: url(../flags/4x3/ag.svg); }
.flag-icon-ag.flag-icon-squared {
background-image: url(../flags/1x1/ag.svg); }
.flag-icon-ai {
background-image: url(../flags/4x3/ai.svg); }
.flag-icon-ai.flag-icon-squared {
background-image: url(../flags/1x1/ai.svg); }
.flag-icon-al {
background-image: url(../flags/4x3/al.svg); }
.flag-icon-al.flag-icon-squared {
background-image: url(../flags/1x1/al.svg); }
.flag-icon-am {
background-image: url(../flags/4x3/am.svg); }
.flag-icon-am.flag-icon-squared {
background-image: url(../flags/1x1/am.svg); }
.flag-icon-ao {
background-image: url(../flags/4x3/ao.svg); }
.flag-icon-ao.flag-icon-squared {
background-image: url(../flags/1x1/ao.svg); }
.flag-icon-aq {
background-image: url(../flags/4x3/aq.svg); }
.flag-icon-aq.flag-icon-squared {
background-image: url(../flags/1x1/aq.svg); }
.flag-icon-ar {
background-image: url(../flags/4x3/ar.svg); }
.flag-icon-ar.flag-icon-squared {
background-image: url(../flags/1x1/ar.svg); }
.flag-icon-as {
background-image: url(../flags/4x3/as.svg); }
.flag-icon-as.flag-icon-squared {
background-image: url(../flags/1x1/as.svg); }
.flag-icon-at {
background-image: url(../flags/4x3/at.svg); }
.flag-icon-at.flag-icon-squared {
background-image: url(../flags/1x1/at.svg); }
.flag-icon-au {
background-image: url(../flags/4x3/au.svg); }
.flag-icon-au.flag-icon-squared {
background-image: url(../flags/1x1/au.svg); }
.flag-icon-aw {
background-image: url(../flags/4x3/aw.svg); }
.flag-icon-aw.flag-icon-squared {
background-image: url(../flags/1x1/aw.svg); }
.flag-icon-ax {
background-image: url(../flags/4x3/ax.svg); }
.flag-icon-ax.flag-icon-squared {
background-image: url(../flags/1x1/ax.svg); }
.flag-icon-az {
background-image: url(../flags/4x3/az.svg); }
.flag-icon-az.flag-icon-squared {
background-image: url(../flags/1x1/az.svg); }
.flag-icon-ba {
background-image: url(../flags/4x3/ba.svg); }
.flag-icon-ba.flag-icon-squared {
background-image: url(../flags/1x1/ba.svg); }
.flag-icon-bb {
background-image: url(../flags/4x3/bb.svg); }
.flag-icon-bb.flag-icon-squared {
background-image: url(../flags/1x1/bb.svg); }
.flag-icon-bd {
background-image: url(../flags/4x3/bd.svg); }
.flag-icon-bd.flag-icon-squared {
background-image: url(../flags/1x1/bd.svg); }
.flag-icon-be {
background-image: url(../flags/4x3/be.svg); }
.flag-icon-be.flag-icon-squared {
background-image: url(../flags/1x1/be.svg); }
.flag-icon-bf {
background-image: url(../flags/4x3/bf.svg); }
.flag-icon-bf.flag-icon-squared {
background-image: url(../flags/1x1/bf.svg); }
.flag-icon-bg {
background-image: url(../flags/4x3/bg.svg); }
.flag-icon-bg.flag-icon-squared {
background-image: url(../flags/1x1/bg.svg); }
.flag-icon-bh {
background-image: url(../flags/4x3/bh.svg); }
.flag-icon-bh.flag-icon-squared {
background-image: url(../flags/1x1/bh.svg); }
.flag-icon-bi {
background-image: url(../flags/4x3/bi.svg); }
.flag-icon-bi.flag-icon-squared {
background-image: url(../flags/1x1/bi.svg); }
.flag-icon-bj {
background-image: url(../flags/4x3/bj.svg); }
.flag-icon-bj.flag-icon-squared {
background-image: url(../flags/1x1/bj.svg); }
.flag-icon-bl {
background-image: url(../flags/4x3/bl.svg); }
.flag-icon-bl.flag-icon-squared {
background-image: url(../flags/1x1/bl.svg); }
.flag-icon-bm {
background-image: url(../flags/4x3/bm.svg); }
.flag-icon-bm.flag-icon-squared {
background-image: url(../flags/1x1/bm.svg); }
.flag-icon-bn {
background-image: url(../flags/4x3/bn.svg); }
.flag-icon-bn.flag-icon-squared {
background-image: url(../flags/1x1/bn.svg); }
.flag-icon-bo {
background-image: url(../flags/4x3/bo.svg); }
.flag-icon-bo.flag-icon-squared {
background-image: url(../flags/1x1/bo.svg); }
.flag-icon-bq {
background-image: url(../flags/4x3/bq.svg); }
.flag-icon-bq.flag-icon-squared {
background-image: url(../flags/1x1/bq.svg); }
.flag-icon-br {
background-image: url(../flags/4x3/br.svg); }
.flag-icon-br.flag-icon-squared {
background-image: url(../flags/1x1/br.svg); }
.flag-icon-bs {
background-image: url(../flags/4x3/bs.svg); }
.flag-icon-bs.flag-icon-squared {
background-image: url(../flags/1x1/bs.svg); }
.flag-icon-bt {
background-image: url(../flags/4x3/bt.svg); }
.flag-icon-bt.flag-icon-squared {
background-image: url(../flags/1x1/bt.svg); }
.flag-icon-bv {
background-image: url(../flags/4x3/bv.svg); }
.flag-icon-bv.flag-icon-squared {
background-image: url(../flags/1x1/bv.svg); }
.flag-icon-bw {
background-image: url(../flags/4x3/bw.svg); }
.flag-icon-bw.flag-icon-squared {
background-image: url(../flags/1x1/bw.svg); }
.flag-icon-by {
background-image: url(../flags/4x3/by.svg); }
.flag-icon-by.flag-icon-squared {
background-image: url(../flags/1x1/by.svg); }
.flag-icon-bz {
background-image: url(../flags/4x3/bz.svg); }
.flag-icon-bz.flag-icon-squared {
background-image: url(../flags/1x1/bz.svg); }
.flag-icon-ca {
background-image: url(../flags/4x3/ca.svg); }
.flag-icon-ca.flag-icon-squared {
background-image: url(../flags/1x1/ca.svg); }
.flag-icon-cc {
background-image: url(../flags/4x3/cc.svg); }
.flag-icon-cc.flag-icon-squared {
background-image: url(../flags/1x1/cc.svg); }
.flag-icon-cd {
background-image: url(../flags/4x3/cd.svg); }
.flag-icon-cd.flag-icon-squared {
background-image: url(../flags/1x1/cd.svg); }
.flag-icon-cf {
background-image: url(../flags/4x3/cf.svg); }
.flag-icon-cf.flag-icon-squared {
background-image: url(../flags/1x1/cf.svg); }
.flag-icon-cg {
background-image: url(../flags/4x3/cg.svg); }
.flag-icon-cg.flag-icon-squared {
background-image: url(../flags/1x1/cg.svg); }
.flag-icon-ch {
background-image: url(../flags/4x3/ch.svg); }
.flag-icon-ch.flag-icon-squared {
background-image: url(../flags/1x1/ch.svg); }
.flag-icon-ci {
background-image: url(../flags/4x3/ci.svg); }
.flag-icon-ci.flag-icon-squared {
background-image: url(../flags/1x1/ci.svg); }
.flag-icon-ck {
background-image: url(../flags/4x3/ck.svg); }
.flag-icon-ck.flag-icon-squared {
background-image: url(../flags/1x1/ck.svg); }
.flag-icon-cl {
background-image: url(../flags/4x3/cl.svg); }
.flag-icon-cl.flag-icon-squared {
background-image: url(../flags/1x1/cl.svg); }
.flag-icon-cm {
background-image: url(../flags/4x3/cm.svg); }
.flag-icon-cm.flag-icon-squared {
background-image: url(../flags/1x1/cm.svg); }
.flag-icon-cn {
background-image: url(../flags/4x3/cn.svg); }
.flag-icon-cn.flag-icon-squared {
background-image: url(../flags/1x1/cn.svg); }
.flag-icon-co {
background-image: url(../flags/4x3/co.svg); }
.flag-icon-co.flag-icon-squared {
background-image: url(../flags/1x1/co.svg); }
.flag-icon-cr {
background-image: url(../flags/4x3/cr.svg); }
.flag-icon-cr.flag-icon-squared {
background-image: url(../flags/1x1/cr.svg); }
.flag-icon-cu {
background-image: url(../flags/4x3/cu.svg); }
.flag-icon-cu.flag-icon-squared {
background-image: url(../flags/1x1/cu.svg); }
.flag-icon-cv {
background-image: url(../flags/4x3/cv.svg); }
.flag-icon-cv.flag-icon-squared {
background-image: url(../flags/1x1/cv.svg); }
.flag-icon-cw {
background-image: url(../flags/4x3/cw.svg); }
.flag-icon-cw.flag-icon-squared {
background-image: url(../flags/1x1/cw.svg); }
.flag-icon-cx {
background-image: url(../flags/4x3/cx.svg); }
.flag-icon-cx.flag-icon-squared {
background-image: url(../flags/1x1/cx.svg); }
.flag-icon-cy {
background-image: url(../flags/4x3/cy.svg); }
.flag-icon-cy.flag-icon-squared {
background-image: url(../flags/1x1/cy.svg); }
.flag-icon-cz {
background-image: url(../flags/4x3/cz.svg); }
.flag-icon-cz.flag-icon-squared {
background-image: url(../flags/1x1/cz.svg); }
.flag-icon-de {
background-image: url(../flags/4x3/de.svg); }
.flag-icon-de.flag-icon-squared {
background-image: url(../flags/1x1/de.svg); }
.flag-icon-dj {
background-image: url(../flags/4x3/dj.svg); }
.flag-icon-dj.flag-icon-squared {
background-image: url(../flags/1x1/dj.svg); }
.flag-icon-dk {
background-image: url(../flags/4x3/dk.svg); }
.flag-icon-dk.flag-icon-squared {
background-image: url(../flags/1x1/dk.svg); }
.flag-icon-dm {
background-image: url(../flags/4x3/dm.svg); }
.flag-icon-dm.flag-icon-squared {
background-image: url(../flags/1x1/dm.svg); }
.flag-icon-do {
background-image: url(../flags/4x3/do.svg); }
.flag-icon-do.flag-icon-squared {
background-image: url(../flags/1x1/do.svg); }
.flag-icon-dz {
background-image: url(../flags/4x3/dz.svg); }
.flag-icon-dz.flag-icon-squared {
background-image: url(../flags/1x1/dz.svg); }
.flag-icon-ec {
background-image: url(../flags/4x3/ec.svg); }
.flag-icon-ec.flag-icon-squared {
background-image: url(../flags/1x1/ec.svg); }
.flag-icon-ee {
background-image: url(../flags/4x3/ee.svg); }
.flag-icon-ee.flag-icon-squared {
background-image: url(../flags/1x1/ee.svg); }
.flag-icon-eg {
background-image: url(../flags/4x3/eg.svg); }
.flag-icon-eg.flag-icon-squared {
background-image: url(../flags/1x1/eg.svg); }
.flag-icon-eh {
background-image: url(../flags/4x3/eh.svg); }
.flag-icon-eh.flag-icon-squared {
background-image: url(../flags/1x1/eh.svg); }
.flag-icon-er {
background-image: url(../flags/4x3/er.svg); }
.flag-icon-er.flag-icon-squared {
background-image: url(../flags/1x1/er.svg); }
.flag-icon-es {
background-image: url(../flags/4x3/es.svg); }
.flag-icon-es.flag-icon-squared {
background-image: url(../flags/1x1/es.svg); }
.flag-icon-et {
background-image: url(../flags/4x3/et.svg); }
.flag-icon-et.flag-icon-squared {
background-image: url(../flags/1x1/et.svg); }
.flag-icon-fi {
background-image: url(../flags/4x3/fi.svg); }
.flag-icon-fi.flag-icon-squared {
background-image: url(../flags/1x1/fi.svg); }
.flag-icon-fj {
background-image: url(../flags/4x3/fj.svg); }
.flag-icon-fj.flag-icon-squared {
background-image: url(../flags/1x1/fj.svg); }
.flag-icon-fk {
background-image: url(../flags/4x3/fk.svg); }
.flag-icon-fk.flag-icon-squared {
background-image: url(../flags/1x1/fk.svg); }
.flag-icon-fm {
background-image: url(../flags/4x3/fm.svg); }
.flag-icon-fm.flag-icon-squared {
background-image: url(../flags/1x1/fm.svg); }
.flag-icon-fo {
background-image: url(../flags/4x3/fo.svg); }
.flag-icon-fo.flag-icon-squared {
background-image: url(../flags/1x1/fo.svg); }
.flag-icon-fr {
background-image: url(../flags/4x3/fr.svg); }
.flag-icon-fr.flag-icon-squared {
background-image: url(../flags/1x1/fr.svg); }
.flag-icon-ga {
background-image: url(../flags/4x3/ga.svg); }
.flag-icon-ga.flag-icon-squared {
background-image: url(../flags/1x1/ga.svg); }
.flag-icon-gb {
background-image: url(../flags/4x3/gb.svg); }
.flag-icon-gb.flag-icon-squared {
background-image: url(../flags/1x1/gb.svg); }
.flag-icon-gd {
background-image: url(../flags/4x3/gd.svg); }
.flag-icon-gd.flag-icon-squared {
background-image: url(../flags/1x1/gd.svg); }
.flag-icon-ge {
background-image: url(../flags/4x3/ge.svg); }
.flag-icon-ge.flag-icon-squared {
background-image: url(../flags/1x1/ge.svg); }
.flag-icon-gf {
background-image: url(../flags/4x3/gf.svg); }
.flag-icon-gf.flag-icon-squared {
background-image: url(../flags/1x1/gf.svg); }
.flag-icon-gg {
background-image: url(../flags/4x3/gg.svg); }
.flag-icon-gg.flag-icon-squared {
background-image: url(../flags/1x1/gg.svg); }
.flag-icon-gh {
background-image: url(../flags/4x3/gh.svg); }
.flag-icon-gh.flag-icon-squared {
background-image: url(../flags/1x1/gh.svg); }
.flag-icon-gi {
background-image: url(../flags/4x3/gi.svg); }
.flag-icon-gi.flag-icon-squared {
background-image: url(../flags/1x1/gi.svg); }
.flag-icon-gl {
background-image: url(../flags/4x3/gl.svg); }
.flag-icon-gl.flag-icon-squared {
background-image: url(../flags/1x1/gl.svg); }
.flag-icon-gm {
background-image: url(../flags/4x3/gm.svg); }
.flag-icon-gm.flag-icon-squared {
background-image: url(../flags/1x1/gm.svg); }
.flag-icon-gn {
background-image: url(../flags/4x3/gn.svg); }
.flag-icon-gn.flag-icon-squared {
background-image: url(../flags/1x1/gn.svg); }
.flag-icon-gp {
background-image: url(../flags/4x3/gp.svg); }
.flag-icon-gp.flag-icon-squared {
background-image: url(../flags/1x1/gp.svg); }
.flag-icon-gq {
background-image: url(../flags/4x3/gq.svg); }
.flag-icon-gq.flag-icon-squared {
background-image: url(../flags/1x1/gq.svg); }
.flag-icon-gr {
background-image: url(../flags/4x3/gr.svg); }
.flag-icon-gr.flag-icon-squared {
background-image: url(../flags/1x1/gr.svg); }
.flag-icon-gs {
background-image: url(../flags/4x3/gs.svg); }
.flag-icon-gs.flag-icon-squared {
background-image: url(../flags/1x1/gs.svg); }
.flag-icon-gt {
background-image: url(../flags/4x3/gt.svg); }
.flag-icon-gt.flag-icon-squared {
background-image: url(../flags/1x1/gt.svg); }
.flag-icon-gu {
background-image: url(../flags/4x3/gu.svg); }
.flag-icon-gu.flag-icon-squared {
background-image: url(../flags/1x1/gu.svg); }
.flag-icon-gw {
background-image: url(../flags/4x3/gw.svg); }
.flag-icon-gw.flag-icon-squared {
background-image: url(../flags/1x1/gw.svg); }
.flag-icon-gy {
background-image: url(../flags/4x3/gy.svg); }
.flag-icon-gy.flag-icon-squared {
background-image: url(../flags/1x1/gy.svg); }
.flag-icon-hk {
background-image: url(../flags/4x3/hk.svg); }
.flag-icon-hk.flag-icon-squared {
background-image: url(../flags/1x1/hk.svg); }
.flag-icon-hm {
background-image: url(../flags/4x3/hm.svg); }
.flag-icon-hm.flag-icon-squared {
background-image: url(../flags/1x1/hm.svg); }
.flag-icon-hn {
background-image: url(../flags/4x3/hn.svg); }
.flag-icon-hn.flag-icon-squared {
background-image: url(../flags/1x1/hn.svg); }
.flag-icon-hr {
background-image: url(../flags/4x3/hr.svg); }
.flag-icon-hr.flag-icon-squared {
background-image: url(../flags/1x1/hr.svg); }
.flag-icon-ht {
background-image: url(../flags/4x3/ht.svg); }
.flag-icon-ht.flag-icon-squared {
background-image: url(../flags/1x1/ht.svg); }
.flag-icon-hu {
background-image: url(../flags/4x3/hu.svg); }
.flag-icon-hu.flag-icon-squared {
background-image: url(../flags/1x1/hu.svg); }
.flag-icon-id {
background-image: url(../flags/4x3/id.svg); }
.flag-icon-id.flag-icon-squared {
background-image: url(../flags/1x1/id.svg); }
.flag-icon-ie {
background-image: url(../flags/4x3/ie.svg); }
.flag-icon-ie.flag-icon-squared {
background-image: url(../flags/1x1/ie.svg); }
.flag-icon-il {
background-image: url(../flags/4x3/il.svg); }
.flag-icon-il.flag-icon-squared {
background-image: url(../flags/1x1/il.svg); }
.flag-icon-im {
background-image: url(../flags/4x3/im.svg); }
.flag-icon-im.flag-icon-squared {
background-image: url(../flags/1x1/im.svg); }
.flag-icon-in {
background-image: url(../flags/4x3/in.svg); }
.flag-icon-in.flag-icon-squared {
background-image: url(../flags/1x1/in.svg); }
.flag-icon-io {
background-image: url(../flags/4x3/io.svg); }
.flag-icon-io.flag-icon-squared {
background-image: url(../flags/1x1/io.svg); }
.flag-icon-iq {
background-image: url(../flags/4x3/iq.svg); }
.flag-icon-iq.flag-icon-squared {
background-image: url(../flags/1x1/iq.svg); }
.flag-icon-ir {
background-image: url(../flags/4x3/ir.svg); }
.flag-icon-ir.flag-icon-squared {
background-image: url(../flags/1x1/ir.svg); }
.flag-icon-is {
background-image: url(../flags/4x3/is.svg); }
.flag-icon-is.flag-icon-squared {
background-image: url(../flags/1x1/is.svg); }
.flag-icon-it {
background-image: url(../flags/4x3/it.svg); }
.flag-icon-it.flag-icon-squared {
background-image: url(../flags/1x1/it.svg); }
.flag-icon-je {
background-image: url(../flags/4x3/je.svg); }
.flag-icon-je.flag-icon-squared {
background-image: url(../flags/1x1/je.svg); }
.flag-icon-jm {
background-image: url(../flags/4x3/jm.svg); }
.flag-icon-jm.flag-icon-squared {
background-image: url(../flags/1x1/jm.svg); }
.flag-icon-jo {
background-image: url(../flags/4x3/jo.svg); }
.flag-icon-jo.flag-icon-squared {
background-image: url(../flags/1x1/jo.svg); }
.flag-icon-jp {
background-image: url(../flags/4x3/jp.svg); }
.flag-icon-jp.flag-icon-squared {
background-image: url(../flags/1x1/jp.svg); }
.flag-icon-ke {
background-image: url(../flags/4x3/ke.svg); }
.flag-icon-ke.flag-icon-squared {
background-image: url(../flags/1x1/ke.svg); }
.flag-icon-kg {
background-image: url(../flags/4x3/kg.svg); }
.flag-icon-kg.flag-icon-squared {
background-image: url(../flags/1x1/kg.svg); }
.flag-icon-kh {
background-image: url(../flags/4x3/kh.svg); }
.flag-icon-kh.flag-icon-squared {
background-image: url(../flags/1x1/kh.svg); }
.flag-icon-ki {
background-image: url(../flags/4x3/ki.svg); }
.flag-icon-ki.flag-icon-squared {
background-image: url(../flags/1x1/ki.svg); }
.flag-icon-km {
background-image: url(../flags/4x3/km.svg); }
.flag-icon-km.flag-icon-squared {
background-image: url(../flags/1x1/km.svg); }
.flag-icon-kn {
background-image: url(../flags/4x3/kn.svg); }
.flag-icon-kn.flag-icon-squared {
background-image: url(../flags/1x1/kn.svg); }
.flag-icon-kp {
background-image: url(../flags/4x3/kp.svg); }
.flag-icon-kp.flag-icon-squared {
background-image: url(../flags/1x1/kp.svg); }
.flag-icon-kr {
background-image: url(../flags/4x3/kr.svg); }
.flag-icon-kr.flag-icon-squared {
background-image: url(../flags/1x1/kr.svg); }
.flag-icon-kw {
background-image: url(../flags/4x3/kw.svg); }
.flag-icon-kw.flag-icon-squared {
background-image: url(../flags/1x1/kw.svg); }
.flag-icon-ky {
background-image: url(../flags/4x3/ky.svg); }
.flag-icon-ky.flag-icon-squared {
background-image: url(../flags/1x1/ky.svg); }
.flag-icon-kz {
background-image: url(../flags/4x3/kz.svg); }
.flag-icon-kz.flag-icon-squared {
background-image: url(../flags/1x1/kz.svg); }
.flag-icon-la {
background-image: url(../flags/4x3/la.svg); }
.flag-icon-la.flag-icon-squared {
background-image: url(../flags/1x1/la.svg); }
.flag-icon-lb {
background-image: url(../flags/4x3/lb.svg); }
.flag-icon-lb.flag-icon-squared {
background-image: url(../flags/1x1/lb.svg); }
.flag-icon-lc {
background-image: url(../flags/4x3/lc.svg); }
.flag-icon-lc.flag-icon-squared {
background-image: url(../flags/1x1/lc.svg); }
.flag-icon-li {
background-image: url(../flags/4x3/li.svg); }
.flag-icon-li.flag-icon-squared {
background-image: url(../flags/1x1/li.svg); }
.flag-icon-lk {
background-image: url(../flags/4x3/lk.svg); }
.flag-icon-lk.flag-icon-squared {
background-image: url(../flags/1x1/lk.svg); }
.flag-icon-lr {
background-image: url(../flags/4x3/lr.svg); }
.flag-icon-lr.flag-icon-squared {
background-image: url(../flags/1x1/lr.svg); }
.flag-icon-ls {
background-image: url(../flags/4x3/ls.svg); }
.flag-icon-ls.flag-icon-squared {
background-image: url(../flags/1x1/ls.svg); }
.flag-icon-lt {
background-image: url(../flags/4x3/lt.svg); }
.flag-icon-lt.flag-icon-squared {
background-image: url(../flags/1x1/lt.svg); }
.flag-icon-lu {
background-image: url(../flags/4x3/lu.svg); }
.flag-icon-lu.flag-icon-squared {
background-image: url(../flags/1x1/lu.svg); }
.flag-icon-lv {
background-image: url(../flags/4x3/lv.svg); }
.flag-icon-lv.flag-icon-squared {
background-image: url(../flags/1x1/lv.svg); }
.flag-icon-ly {
background-image: url(../flags/4x3/ly.svg); }
.flag-icon-ly.flag-icon-squared {
background-image: url(../flags/1x1/ly.svg); }
.flag-icon-ma {
background-image: url(../flags/4x3/ma.svg); }
.flag-icon-ma.flag-icon-squared {
background-image: url(../flags/1x1/ma.svg); }
.flag-icon-mc {
background-image: url(../flags/4x3/mc.svg); }
.flag-icon-mc.flag-icon-squared {
background-image: url(../flags/1x1/mc.svg); }
.flag-icon-md {
background-image: url(../flags/4x3/md.svg); }
.flag-icon-md.flag-icon-squared {
background-image: url(../flags/1x1/md.svg); }
.flag-icon-me {
background-image: url(../flags/4x3/me.svg); }
.flag-icon-me.flag-icon-squared {
background-image: url(../flags/1x1/me.svg); }
.flag-icon-mf {
background-image: url(../flags/4x3/mf.svg); }
.flag-icon-mf.flag-icon-squared {
background-image: url(../flags/1x1/mf.svg); }
.flag-icon-mg {
background-image: url(../flags/4x3/mg.svg); }
.flag-icon-mg.flag-icon-squared {
background-image: url(../flags/1x1/mg.svg); }
.flag-icon-mh {
background-image: url(../flags/4x3/mh.svg); }
.flag-icon-mh.flag-icon-squared {
background-image: url(../flags/1x1/mh.svg); }
.flag-icon-mk {
background-image: url(../flags/4x3/mk.svg); }
.flag-icon-mk.flag-icon-squared {
background-image: url(../flags/1x1/mk.svg); }
.flag-icon-ml {
background-image: url(../flags/4x3/ml.svg); }
.flag-icon-ml.flag-icon-squared {
background-image: url(../flags/1x1/ml.svg); }
.flag-icon-mm {
background-image: url(../flags/4x3/mm.svg); }
.flag-icon-mm.flag-icon-squared {
background-image: url(../flags/1x1/mm.svg); }
.flag-icon-mn {
background-image: url(../flags/4x3/mn.svg); }
.flag-icon-mn.flag-icon-squared {
background-image: url(../flags/1x1/mn.svg); }
.flag-icon-mo {
background-image: url(../flags/4x3/mo.svg); }
.flag-icon-mo.flag-icon-squared {
background-image: url(../flags/1x1/mo.svg); }
.flag-icon-mp {
background-image: url(../flags/4x3/mp.svg); }
.flag-icon-mp.flag-icon-squared {
background-image: url(../flags/1x1/mp.svg); }
.flag-icon-mq {
background-image: url(../flags/4x3/mq.svg); }
.flag-icon-mq.flag-icon-squared {
background-image: url(../flags/1x1/mq.svg); }
.flag-icon-mr {
background-image: url(../flags/4x3/mr.svg); }
.flag-icon-mr.flag-icon-squared {
background-image: url(../flags/1x1/mr.svg); }
.flag-icon-ms {
background-image: url(../flags/4x3/ms.svg); }
.flag-icon-ms.flag-icon-squared {
background-image: url(../flags/1x1/ms.svg); }
.flag-icon-mt {
background-image: url(../flags/4x3/mt.svg); }
.flag-icon-mt.flag-icon-squared {
background-image: url(../flags/1x1/mt.svg); }
.flag-icon-mu {
background-image: url(../flags/4x3/mu.svg); }
.flag-icon-mu.flag-icon-squared {
background-image: url(../flags/1x1/mu.svg); }
.flag-icon-mv {
background-image: url(../flags/4x3/mv.svg); }
.flag-icon-mv.flag-icon-squared {
background-image: url(../flags/1x1/mv.svg); }
.flag-icon-mw {
background-image: url(../flags/4x3/mw.svg); }
.flag-icon-mw.flag-icon-squared {
background-image: url(../flags/1x1/mw.svg); }
.flag-icon-mx {
background-image: url(../flags/4x3/mx.svg); }
.flag-icon-mx.flag-icon-squared {
background-image: url(../flags/1x1/mx.svg); }
.flag-icon-my {
background-image: url(../flags/4x3/my.svg); }
.flag-icon-my.flag-icon-squared {
background-image: url(../flags/1x1/my.svg); }
.flag-icon-mz {
background-image: url(../flags/4x3/mz.svg); }
.flag-icon-mz.flag-icon-squared {
background-image: url(../flags/1x1/mz.svg); }
.flag-icon-na {
background-image: url(../flags/4x3/na.svg); }
.flag-icon-na.flag-icon-squared {
background-image: url(../flags/1x1/na.svg); }
.flag-icon-nc {
background-image: url(../flags/4x3/nc.svg); }
.flag-icon-nc.flag-icon-squared {
background-image: url(../flags/1x1/nc.svg); }
.flag-icon-ne {
background-image: url(../flags/4x3/ne.svg); }
.flag-icon-ne.flag-icon-squared {
background-image: url(../flags/1x1/ne.svg); }
.flag-icon-nf {
background-image: url(../flags/4x3/nf.svg); }
.flag-icon-nf.flag-icon-squared {
background-image: url(../flags/1x1/nf.svg); }
.flag-icon-ng {
background-image: url(../flags/4x3/ng.svg); }
.flag-icon-ng.flag-icon-squared {
background-image: url(../flags/1x1/ng.svg); }
.flag-icon-ni {
background-image: url(../flags/4x3/ni.svg); }
.flag-icon-ni.flag-icon-squared {
background-image: url(../flags/1x1/ni.svg); }
.flag-icon-nl {
background-image: url(../flags/4x3/nl.svg); }
.flag-icon-nl.flag-icon-squared {
background-image: url(../flags/1x1/nl.svg); }
.flag-icon-no {
background-image: url(../flags/4x3/no.svg); }
.flag-icon-no.flag-icon-squared {
background-image: url(../flags/1x1/no.svg); }
.flag-icon-np {
background-image: url(../flags/4x3/np.svg); }
.flag-icon-np.flag-icon-squared {
background-image: url(../flags/1x1/np.svg); }
.flag-icon-nr {
background-image: url(../flags/4x3/nr.svg); }
.flag-icon-nr.flag-icon-squared {
background-image: url(../flags/1x1/nr.svg); }
.flag-icon-nu {
background-image: url(../flags/4x3/nu.svg); }
.flag-icon-nu.flag-icon-squared {
background-image: url(../flags/1x1/nu.svg); }
.flag-icon-nz {
background-image: url(../flags/4x3/nz.svg); }
.flag-icon-nz.flag-icon-squared {
background-image: url(../flags/1x1/nz.svg); }
.flag-icon-om {
background-image: url(../flags/4x3/om.svg); }
.flag-icon-om.flag-icon-squared {
background-image: url(../flags/1x1/om.svg); }
.flag-icon-pa {
background-image: url(../flags/4x3/pa.svg); }
.flag-icon-pa.flag-icon-squared {
background-image: url(../flags/1x1/pa.svg); }
.flag-icon-pe {
background-image: url(../flags/4x3/pe.svg); }
.flag-icon-pe.flag-icon-squared {
background-image: url(../flags/1x1/pe.svg); }
.flag-icon-pf {
background-image: url(../flags/4x3/pf.svg); }
.flag-icon-pf.flag-icon-squared {
background-image: url(../flags/1x1/pf.svg); }
.flag-icon-pg {
background-image: url(../flags/4x3/pg.svg); }
.flag-icon-pg.flag-icon-squared {
background-image: url(../flags/1x1/pg.svg); }
.flag-icon-ph {
background-image: url(../flags/4x3/ph.svg); }
.flag-icon-ph.flag-icon-squared {
background-image: url(../flags/1x1/ph.svg); }
.flag-icon-pk {
background-image: url(../flags/4x3/pk.svg); }
.flag-icon-pk.flag-icon-squared {
background-image: url(../flags/1x1/pk.svg); }
.flag-icon-pl {
background-image: url(../flags/4x3/pl.svg); }
.flag-icon-pl.flag-icon-squared {
background-image: url(../flags/1x1/pl.svg); }
.flag-icon-pm {
background-image: url(../flags/4x3/pm.svg); }
.flag-icon-pm.flag-icon-squared {
background-image: url(../flags/1x1/pm.svg); }
.flag-icon-pn {
background-image: url(../flags/4x3/pn.svg); }
.flag-icon-pn.flag-icon-squared {
background-image: url(../flags/1x1/pn.svg); }
.flag-icon-pr {
background-image: url(../flags/4x3/pr.svg); }
.flag-icon-pr.flag-icon-squared {
background-image: url(../flags/1x1/pr.svg); }
.flag-icon-ps {
background-image: url(../flags/4x3/ps.svg); }
.flag-icon-ps.flag-icon-squared {
background-image: url(../flags/1x1/ps.svg); }
.flag-icon-pt {
background-image: url(../flags/4x3/pt.svg); }
.flag-icon-pt.flag-icon-squared {
background-image: url(../flags/1x1/pt.svg); }
.flag-icon-pw {
background-image: url(../flags/4x3/pw.svg); }
.flag-icon-pw.flag-icon-squared {
background-image: url(../flags/1x1/pw.svg); }
.flag-icon-py {
background-image: url(../flags/4x3/py.svg); }
.flag-icon-py.flag-icon-squared {
background-image: url(../flags/1x1/py.svg); }
.flag-icon-qa {
background-image: url(../flags/4x3/qa.svg); }
.flag-icon-qa.flag-icon-squared {
background-image: url(../flags/1x1/qa.svg); }
.flag-icon-re {
background-image: url(../flags/4x3/re.svg); }
.flag-icon-re.flag-icon-squared {
background-image: url(../flags/1x1/re.svg); }
.flag-icon-ro {
background-image: url(../flags/4x3/ro.svg); }
.flag-icon-ro.flag-icon-squared {
background-image: url(../flags/1x1/ro.svg); }
.flag-icon-rs {
background-image: url(../flags/4x3/rs.svg); }
.flag-icon-rs.flag-icon-squared {
background-image: url(../flags/1x1/rs.svg); }
.flag-icon-ru {
background-image: url(../flags/4x3/ru.svg); }
.flag-icon-ru.flag-icon-squared {
background-image: url(../flags/1x1/ru.svg); }
.flag-icon-rw {
background-image: url(../flags/4x3/rw.svg); }
.flag-icon-rw.flag-icon-squared {
background-image: url(../flags/1x1/rw.svg); }
.flag-icon-sa {
background-image: url(../flags/4x3/sa.svg); }
.flag-icon-sa.flag-icon-squared {
background-image: url(../flags/1x1/sa.svg); }
.flag-icon-sb {
background-image: url(../flags/4x3/sb.svg); }
.flag-icon-sb.flag-icon-squared {
background-image: url(../flags/1x1/sb.svg); }
.flag-icon-sc {
background-image: url(../flags/4x3/sc.svg); }
.flag-icon-sc.flag-icon-squared {
background-image: url(../flags/1x1/sc.svg); }
.flag-icon-sd {
background-image: url(../flags/4x3/sd.svg); }
.flag-icon-sd.flag-icon-squared {
background-image: url(../flags/1x1/sd.svg); }
.flag-icon-se {
background-image: url(../flags/4x3/se.svg); }
.flag-icon-se.flag-icon-squared {
background-image: url(../flags/1x1/se.svg); }
.flag-icon-sg {
background-image: url(../flags/4x3/sg.svg); }
.flag-icon-sg.flag-icon-squared {
background-image: url(../flags/1x1/sg.svg); }
.flag-icon-sh {
background-image: url(../flags/4x3/sh.svg); }
.flag-icon-sh.flag-icon-squared {
background-image: url(../flags/1x1/sh.svg); }
.flag-icon-si {
background-image: url(../flags/4x3/si.svg); }
.flag-icon-si.flag-icon-squared {
background-image: url(../flags/1x1/si.svg); }
.flag-icon-sj {
background-image: url(../flags/4x3/sj.svg); }
.flag-icon-sj.flag-icon-squared {
background-image: url(../flags/1x1/sj.svg); }
.flag-icon-sk {
background-image: url(../flags/4x3/sk.svg); }
.flag-icon-sk.flag-icon-squared {
background-image: url(../flags/1x1/sk.svg); }
.flag-icon-sl {
background-image: url(../flags/4x3/sl.svg); }
.flag-icon-sl.flag-icon-squared {
background-image: url(../flags/1x1/sl.svg); }
.flag-icon-sm {
background-image: url(../flags/4x3/sm.svg); }
.flag-icon-sm.flag-icon-squared {
background-image: url(../flags/1x1/sm.svg); }
.flag-icon-sn {
background-image: url(../flags/4x3/sn.svg); }
.flag-icon-sn.flag-icon-squared {
background-image: url(../flags/1x1/sn.svg); }
.flag-icon-so {
background-image: url(../flags/4x3/so.svg); }
.flag-icon-so.flag-icon-squared {
background-image: url(../flags/1x1/so.svg); }
.flag-icon-sr {
background-image: url(../flags/4x3/sr.svg); }
.flag-icon-sr.flag-icon-squared {
background-image: url(../flags/1x1/sr.svg); }
.flag-icon-ss {
background-image: url(../flags/4x3/ss.svg); }
.flag-icon-ss.flag-icon-squared {
background-image: url(../flags/1x1/ss.svg); }
.flag-icon-st {
background-image: url(../flags/4x3/st.svg); }
.flag-icon-st.flag-icon-squared {
background-image: url(../flags/1x1/st.svg); }
.flag-icon-sv {
background-image: url(../flags/4x3/sv.svg); }
.flag-icon-sv.flag-icon-squared {
background-image: url(../flags/1x1/sv.svg); }
.flag-icon-sx {
background-image: url(../flags/4x3/sx.svg); }
.flag-icon-sx.flag-icon-squared {
background-image: url(../flags/1x1/sx.svg); }
.flag-icon-sy {
background-image: url(../flags/4x3/sy.svg); }
.flag-icon-sy.flag-icon-squared {
background-image: url(../flags/1x1/sy.svg); }
.flag-icon-sz {
background-image: url(../flags/4x3/sz.svg); }
.flag-icon-sz.flag-icon-squared {
background-image: url(../flags/1x1/sz.svg); }
.flag-icon-tc {
background-image: url(../flags/4x3/tc.svg); }
.flag-icon-tc.flag-icon-squared {
background-image: url(../flags/1x1/tc.svg); }
.flag-icon-td {
background-image: url(../flags/4x3/td.svg); }
.flag-icon-td.flag-icon-squared {
background-image: url(../flags/1x1/td.svg); }
.flag-icon-tf {
background-image: url(../flags/4x3/tf.svg); }
.flag-icon-tf.flag-icon-squared {
background-image: url(../flags/1x1/tf.svg); }
.flag-icon-tg {
background-image: url(../flags/4x3/tg.svg); }
.flag-icon-tg.flag-icon-squared {
background-image: url(../flags/1x1/tg.svg); }
.flag-icon-th {
background-image: url(../flags/4x3/th.svg); }
.flag-icon-th.flag-icon-squared {
background-image: url(../flags/1x1/th.svg); }
.flag-icon-tj {
background-image: url(../flags/4x3/tj.svg); }
.flag-icon-tj.flag-icon-squared {
background-image: url(../flags/1x1/tj.svg); }
.flag-icon-tk {
background-image: url(../flags/4x3/tk.svg); }
.flag-icon-tk.flag-icon-squared {
background-image: url(../flags/1x1/tk.svg); }
.flag-icon-tl {
background-image: url(../flags/4x3/tl.svg); }
.flag-icon-tl.flag-icon-squared {
background-image: url(../flags/1x1/tl.svg); }
.flag-icon-tm {
background-image: url(../flags/4x3/tm.svg); }
.flag-icon-tm.flag-icon-squared {
background-image: url(../flags/1x1/tm.svg); }
.flag-icon-tn {
background-image: url(../flags/4x3/tn.svg); }
.flag-icon-tn.flag-icon-squared {
background-image: url(../flags/1x1/tn.svg); }
.flag-icon-to {
background-image: url(../flags/4x3/to.svg); }
.flag-icon-to.flag-icon-squared {
background-image: url(../flags/1x1/to.svg); }
.flag-icon-tr {
background-image: url(../flags/4x3/tr.svg); }
.flag-icon-tr.flag-icon-squared {
background-image: url(../flags/1x1/tr.svg); }
.flag-icon-tt {
background-image: url(../flags/4x3/tt.svg); }
.flag-icon-tt.flag-icon-squared {
background-image: url(../flags/1x1/tt.svg); }
.flag-icon-tv {
background-image: url(../flags/4x3/tv.svg); }
.flag-icon-tv.flag-icon-squared {
background-image: url(../flags/1x1/tv.svg); }
.flag-icon-tw {
background-image: url(../flags/4x3/tw.svg); }
.flag-icon-tw.flag-icon-squared {
background-image: url(../flags/1x1/tw.svg); }
.flag-icon-tz {
background-image: url(../flags/4x3/tz.svg); }
.flag-icon-tz.flag-icon-squared {
background-image: url(../flags/1x1/tz.svg); }
.flag-icon-ua {
background-image: url(../flags/4x3/ua.svg); }
.flag-icon-ua.flag-icon-squared {
background-image: url(../flags/1x1/ua.svg); }
.flag-icon-ug {
background-image: url(../flags/4x3/ug.svg); }
.flag-icon-ug.flag-icon-squared {
background-image: url(../flags/1x1/ug.svg); }
.flag-icon-um {
background-image: url(../flags/4x3/um.svg); }
.flag-icon-um.flag-icon-squared {
background-image: url(../flags/1x1/um.svg); }
.flag-icon-us {
background-image: url(../flags/4x3/us.svg); }
.flag-icon-us.flag-icon-squared {
background-image: url(../flags/1x1/us.svg); }
.flag-icon-uy {
background-image: url(../flags/4x3/uy.svg); }
.flag-icon-uy.flag-icon-squared {
background-image: url(../flags/1x1/uy.svg); }
.flag-icon-uz {
background-image: url(../flags/4x3/uz.svg); }
.flag-icon-uz.flag-icon-squared {
background-image: url(../flags/1x1/uz.svg); }
.flag-icon-va {
background-image: url(../flags/4x3/va.svg); }
.flag-icon-va.flag-icon-squared {
background-image: url(../flags/1x1/va.svg); }
.flag-icon-vc {
background-image: url(../flags/4x3/vc.svg); }
.flag-icon-vc.flag-icon-squared {
background-image: url(../flags/1x1/vc.svg); }
.flag-icon-ve {
background-image: url(../flags/4x3/ve.svg); }
.flag-icon-ve.flag-icon-squared {
background-image: url(../flags/1x1/ve.svg); }
.flag-icon-vg {
background-image: url(../flags/4x3/vg.svg); }
.flag-icon-vg.flag-icon-squared {
background-image: url(../flags/1x1/vg.svg); }
.flag-icon-vi {
background-image: url(../flags/4x3/vi.svg); }
.flag-icon-vi.flag-icon-squared {
background-image: url(../flags/1x1/vi.svg); }
.flag-icon-vn {
background-image: url(../flags/4x3/vn.svg); }
.flag-icon-vn.flag-icon-squared {
background-image: url(../flags/1x1/vn.svg); }
.flag-icon-vu {
background-image: url(../flags/4x3/vu.svg); }
.flag-icon-vu.flag-icon-squared {
background-image: url(../flags/1x1/vu.svg); }
.flag-icon-wf {
background-image: url(../flags/4x3/wf.svg); }
.flag-icon-wf.flag-icon-squared {
background-image: url(../flags/1x1/wf.svg); }
.flag-icon-ws {
background-image: url(../flags/4x3/ws.svg); }
.flag-icon-ws.flag-icon-squared {
background-image: url(../flags/1x1/ws.svg); }
.flag-icon-ye {
background-image: url(../flags/4x3/ye.svg); }
.flag-icon-ye.flag-icon-squared {
background-image: url(../flags/1x1/ye.svg); }
.flag-icon-yt {
background-image: url(../flags/4x3/yt.svg); }
.flag-icon-yt.flag-icon-squared {
background-image: url(../flags/1x1/yt.svg); }
.flag-icon-za {
background-image: url(../flags/4x3/za.svg); }
.flag-icon-za.flag-icon-squared {
background-image: url(../flags/1x1/za.svg); }
.flag-icon-zm {
background-image: url(../flags/4x3/zm.svg); }
.flag-icon-zm.flag-icon-squared {
background-image: url(../flags/1x1/zm.svg); }
.flag-icon-zw {
background-image: url(../flags/4x3/zw.svg); }
.flag-icon-zw.flag-icon-squared {
background-image: url(../flags/1x1/zw.svg); }
.flag-icon-eu {
background-image: url(../flags/4x3/eu.svg); }
.flag-icon-eu.flag-icon-squared {
background-image: url(../flags/1x1/eu.svg); }
.flag-icon-gb-eng {
background-image: url(../flags/4x3/gb-eng.svg); }
.flag-icon-gb-eng.flag-icon-squared {
background-image: url(../flags/1x1/gb-eng.svg); }
.flag-icon-gb-nir {
background-image: url(../flags/4x3/gb-nir.svg); }
.flag-icon-gb-nir.flag-icon-squared {
background-image: url(../flags/1x1/gb-nir.svg); }
.flag-icon-gb-sct {
background-image: url(../flags/4x3/gb-sct.svg); }
.flag-icon-gb-sct.flag-icon-squared {
background-image: url(../flags/1x1/gb-sct.svg); }
.flag-icon-gb-wls {
background-image: url(../flags/4x3/gb-wls.svg); }
.flag-icon-gb-wls.flag-icon-squared {
background-image: url(../flags/1x1/gb-wls.svg); }
.flag-icon-un {
background-image: url(../flags/4x3/un.svg); }
.flag-icon-un.flag-icon-squared {
background-image: url(../flags/1x1/un.svg); }
@-ms-viewport {
width: device-width; }
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar; }
*,
*::before,
*::after {
box-sizing: inherit; }
.flex-first {
order: -1; }
.flex-last {
order: 1; }
.flex-unordered {
order: 0; }
.flex-row {
flex-direction: row !important; }
.flex-column {
flex-direction: column !important; }
.flex-row-reverse {
flex-direction: row-reverse !important; }
.flex-column-reverse {
flex-direction: column-reverse !important; }
.flex-wrap {
flex-wrap: wrap !important; }
.flex-nowrap {
flex-wrap: nowrap !important; }
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-start {
justify-content: flex-start !important; }
.justify-content-end {
justify-content: flex-end !important; }
.justify-content-center {
justify-content: center !important; }
.justify-content-between {
justify-content: space-between !important; }
.justify-content-around {
justify-content: space-around !important; }
.align-items-start {
align-items: flex-start !important; }
.align-items-end {
align-items: flex-end !important; }
.align-items-center {
align-items: center !important; }
.align-items-baseline {
align-items: baseline !important; }
.align-items-stretch {
align-items: stretch !important; }
.align-content-start {
align-content: flex-start !important; }
.align-content-end {
align-content: flex-end !important; }
.align-content-center {
align-content: center !important; }
.align-content-between {
align-content: space-between !important; }
.align-content-around {
align-content: space-around !important; }
.align-content-stretch {
align-content: stretch !important; }
.align-self-auto {
align-self: auto !important; }
.align-self-start {
align-self: flex-start !important; }
.align-self-end {
align-self: flex-end !important; }
.align-self-center {
align-self: center !important; }
.align-self-baseline {
align-self: baseline !important; }
.align-self-stretch {
align-self: stretch !important; }
@media (min-width: 576px) {
.flex-sm-first {
order: -1; }
.flex-sm-last {
order: 1; }
.flex-sm-unordered {
order: 0; }
.flex-sm-row {
flex-direction: row !important; }
.flex-sm-column {
flex-direction: column !important; }
.flex-sm-row-reverse {
flex-direction: row-reverse !important; }
.flex-sm-column-reverse {
flex-direction: column-reverse !important; }
.flex-sm-wrap {
flex-wrap: wrap !important; }
.flex-sm-nowrap {
flex-wrap: nowrap !important; }
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-sm-start {
justify-content: flex-start !important; }
.justify-content-sm-end {
justify-content: flex-end !important; }
.justify-content-sm-center {
justify-content: center !important; }
.justify-content-sm-between {
justify-content: space-between !important; }
.justify-content-sm-around {
justify-content: space-around !important; }
.align-items-sm-start {
align-items: flex-start !important; }
.align-items-sm-end {
align-items: flex-end !important; }
.align-items-sm-center {
align-items: center !important; }
.align-items-sm-baseline {
align-items: baseline !important; }
.align-items-sm-stretch {
align-items: stretch !important; }
.align-content-sm-start {
align-content: flex-start !important; }
.align-content-sm-end {
align-content: flex-end !important; }
.align-content-sm-center {
align-content: center !important; }
.align-content-sm-between {
align-content: space-between !important; }
.align-content-sm-around {
align-content: space-around !important; }
.align-content-sm-stretch {
align-content: stretch !important; }
.align-self-sm-auto {
align-self: auto !important; }
.align-self-sm-start {
align-self: flex-start !important; }
.align-self-sm-end {
align-self: flex-end !important; }
.align-self-sm-center {
align-self: center !important; }
.align-self-sm-baseline {
align-self: baseline !important; }
.align-self-sm-stretch {
align-self: stretch !important; } }
@media (min-width: 768px) {
.flex-md-first {
order: -1; }
.flex-md-last {
order: 1; }
.flex-md-unordered {
order: 0; }
.flex-md-row {
flex-direction: row !important; }
.flex-md-column {
flex-direction: column !important; }
.flex-md-row-reverse {
flex-direction: row-reverse !important; }
.flex-md-column-reverse {
flex-direction: column-reverse !important; }
.flex-md-wrap {
flex-wrap: wrap !important; }
.flex-md-nowrap {
flex-wrap: nowrap !important; }
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-md-start {
justify-content: flex-start !important; }
.justify-content-md-end {
justify-content: flex-end !important; }
.justify-content-md-center {
justify-content: center !important; }
.justify-content-md-between {
justify-content: space-between !important; }
.justify-content-md-around {
justify-content: space-around !important; }
.align-items-md-start {
align-items: flex-start !important; }
.align-items-md-end {
align-items: flex-end !important; }
.align-items-md-center {
align-items: center !important; }
.align-items-md-baseline {
align-items: baseline !important; }
.align-items-md-stretch {
align-items: stretch !important; }
.align-content-md-start {
align-content: flex-start !important; }
.align-content-md-end {
align-content: flex-end !important; }
.align-content-md-center {
align-content: center !important; }
.align-content-md-between {
align-content: space-between !important; }
.align-content-md-around {
align-content: space-around !important; }
.align-content-md-stretch {
align-content: stretch !important; }
.align-self-md-auto {
align-self: auto !important; }
.align-self-md-start {
align-self: flex-start !important; }
.align-self-md-end {
align-self: flex-end !important; }
.align-self-md-center {
align-self: center !important; }
.align-self-md-baseline {
align-self: baseline !important; }
.align-self-md-stretch {
align-self: stretch !important; } }
@media (min-width: 992px) {
.flex-lg-first {
order: -1; }
.flex-lg-last {
order: 1; }
.flex-lg-unordered {
order: 0; }
.flex-lg-row {
flex-direction: row !important; }
.flex-lg-column {
flex-direction: column !important; }
.flex-lg-row-reverse {
flex-direction: row-reverse !important; }
.flex-lg-column-reverse {
flex-direction: column-reverse !important; }
.flex-lg-wrap {
flex-wrap: wrap !important; }
.flex-lg-nowrap {
flex-wrap: nowrap !important; }
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-lg-start {
justify-content: flex-start !important; }
.justify-content-lg-end {
justify-content: flex-end !important; }
.justify-content-lg-center {
justify-content: center !important; }
.justify-content-lg-between {
justify-content: space-between !important; }
.justify-content-lg-around {
justify-content: space-around !important; }
.align-items-lg-start {
align-items: flex-start !important; }
.align-items-lg-end {
align-items: flex-end !important; }
.align-items-lg-center {
align-items: center !important; }
.align-items-lg-baseline {
align-items: baseline !important; }
.align-items-lg-stretch {
align-items: stretch !important; }
.align-content-lg-start {
align-content: flex-start !important; }
.align-content-lg-end {
align-content: flex-end !important; }
.align-content-lg-center {
align-content: center !important; }
.align-content-lg-between {
align-content: space-between !important; }
.align-content-lg-around {
align-content: space-around !important; }
.align-content-lg-stretch {
align-content: stretch !important; }
.align-self-lg-auto {
align-self: auto !important; }
.align-self-lg-start {
align-self: flex-start !important; }
.align-self-lg-end {
align-self: flex-end !important; }
.align-self-lg-center {
align-self: center !important; }
.align-self-lg-baseline {
align-self: baseline !important; }
.align-self-lg-stretch {
align-self: stretch !important; } }
@media (min-width: 1200px) {
.flex-xl-first {
order: -1; }
.flex-xl-last {
order: 1; }
.flex-xl-unordered {
order: 0; }
.flex-xl-row {
flex-direction: row !important; }
.flex-xl-column {
flex-direction: column !important; }
.flex-xl-row-reverse {
flex-direction: row-reverse !important; }
.flex-xl-column-reverse {
flex-direction: column-reverse !important; }
.flex-xl-wrap {
flex-wrap: wrap !important; }
.flex-xl-nowrap {
flex-wrap: nowrap !important; }
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important; }
.justify-content-xl-start {
justify-content: flex-start !important; }
.justify-content-xl-end {
justify-content: flex-end !important; }
.justify-content-xl-center {
justify-content: center !important; }
.justify-content-xl-between {
justify-content: space-between !important; }
.justify-content-xl-around {
justify-content: space-around !important; }
.align-items-xl-start {
align-items: flex-start !important; }
.align-items-xl-end {
align-items: flex-end !important; }
.align-items-xl-center {
align-items: center !important; }
.align-items-xl-baseline {
align-items: baseline !important; }
.align-items-xl-stretch {
align-items: stretch !important; }
.align-content-xl-start {
align-content: flex-start !important; }
.align-content-xl-end {
align-content: flex-end !important; }
.align-content-xl-center {
align-content: center !important; }
.align-content-xl-between {
align-content: space-between !important; }
.align-content-xl-around {
align-content: space-around !important; }
.align-content-xl-stretch {
align-content: stretch !important; }
.align-self-xl-auto {
align-self: auto !important; }
.align-self-xl-start {
align-self: flex-start !important; }
.align-self-xl-end {
align-self: flex-end !important; }
.align-self-xl-center {
align-self: center !important; }
.align-self-xl-baseline {
align-self: baseline !important; }
.align-self-xl-stretch {
align-self: stretch !important; } }
.container {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 7.5px;
padding-left: 7.5px; }
@media (min-width: 576px) {
.container {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 768px) {
.container {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 992px) {
.container {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 1200px) {
.container {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 576px) {
.container {
width: 540px;
max-width: 100%; } }
@media (min-width: 768px) {
.container {
width: 720px;
max-width: 100%; } }
@media (min-width: 992px) {
.container {
width: 960px;
max-width: 100%; } }
@media (min-width: 1200px) {
.container {
width: 1140px;
max-width: 100%; } }
.container-fluid {
position: relative;
margin-left: auto;
margin-right: auto;
padding-right: 7.5px;
padding-left: 7.5px; }
@media (min-width: 576px) {
.container-fluid {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 768px) {
.container-fluid {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 992px) {
.container-fluid {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 1200px) {
.container-fluid {
padding-right: 7.5px;
padding-left: 7.5px; } }
.row {
display: flex;
flex-wrap: wrap;
margin-right: -7.5px;
margin-left: -7.5px; }
@media (min-width: 576px) {
.row {
margin-right: -7.5px;
margin-left: -7.5px; } }
@media (min-width: 768px) {
.row {
margin-right: -7.5px;
margin-left: -7.5px; } }
@media (min-width: 992px) {
.row {
margin-right: -7.5px;
margin-left: -7.5px; } }
@media (min-width: 1200px) {
.row {
margin-right: -7.5px;
margin-left: -7.5px; } }
.no-gutters {
margin-right: 0;
margin-left: 0; }
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0; }
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 7.5px;
padding-left: 7.5px; }
@media (min-width: 576px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 768px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 992px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 7.5px;
padding-left: 7.5px; } }
@media (min-width: 1200px) {
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl {
padding-right: 7.5px;
padding-left: 7.5px; } }
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-auto {
flex: 0 0 auto;
width: auto; }
.col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-12 {
flex: 0 0 100%;
max-width: 100%; }
.pull-0 {
right: auto; }
.pull-1 {
right: 8.3333333333%; }
.pull-2 {
right: 16.6666666667%; }
.pull-3 {
right: 25%; }
.pull-4 {
right: 33.3333333333%; }
.pull-5 {
right: 41.6666666667%; }
.pull-6 {
right: 50%; }
.pull-7 {
right: 58.3333333333%; }
.pull-8 {
right: 66.6666666667%; }
.pull-9 {
right: 75%; }
.pull-10 {
right: 83.3333333333%; }
.pull-11 {
right: 91.6666666667%; }
.pull-12 {
right: 100%; }
.push-0 {
left: auto; }
.push-1 {
left: 8.3333333333%; }
.push-2 {
left: 16.6666666667%; }
.push-3 {
left: 25%; }
.push-4 {
left: 33.3333333333%; }
.push-5 {
left: 41.6666666667%; }
.push-6 {
left: 50%; }
.push-7 {
left: 58.3333333333%; }
.push-8 {
left: 66.6666666667%; }
.push-9 {
left: 75%; }
.push-10 {
left: 83.3333333333%; }
.push-11 {
left: 91.6666666667%; }
.push-12 {
left: 100%; }
.offset-1 {
margin-left: 8.3333333333%; }
.offset-2 {
margin-left: 16.6666666667%; }
.offset-3 {
margin-left: 25%; }
.offset-4 {
margin-left: 33.3333333333%; }
.offset-5 {
margin-left: 41.6666666667%; }
.offset-6 {
margin-left: 50%; }
.offset-7 {
margin-left: 58.3333333333%; }
.offset-8 {
margin-left: 66.6666666667%; }
.offset-9 {
margin-left: 75%; }
.offset-10 {
margin-left: 83.3333333333%; }
.offset-11 {
margin-left: 91.6666666667%; }
@media (min-width: 576px) {
.col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-sm-auto {
flex: 0 0 auto;
width: auto; }
.col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-sm-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-sm-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-sm-12 {
flex: 0 0 100%;
max-width: 100%; }
.pull-sm-0 {
right: auto; }
.pull-sm-1 {
right: 8.3333333333%; }
.pull-sm-2 {
right: 16.6666666667%; }
.pull-sm-3 {
right: 25%; }
.pull-sm-4 {
right: 33.3333333333%; }
.pull-sm-5 {
right: 41.6666666667%; }
.pull-sm-6 {
right: 50%; }
.pull-sm-7 {
right: 58.3333333333%; }
.pull-sm-8 {
right: 66.6666666667%; }
.pull-sm-9 {
right: 75%; }
.pull-sm-10 {
right: 83.3333333333%; }
.pull-sm-11 {
right: 91.6666666667%; }
.pull-sm-12 {
right: 100%; }
.push-sm-0 {
left: auto; }
.push-sm-1 {
left: 8.3333333333%; }
.push-sm-2 {
left: 16.6666666667%; }
.push-sm-3 {
left: 25%; }
.push-sm-4 {
left: 33.3333333333%; }
.push-sm-5 {
left: 41.6666666667%; }
.push-sm-6 {
left: 50%; }
.push-sm-7 {
left: 58.3333333333%; }
.push-sm-8 {
left: 66.6666666667%; }
.push-sm-9 {
left: 75%; }
.push-sm-10 {
left: 83.3333333333%; }
.push-sm-11 {
left: 91.6666666667%; }
.push-sm-12 {
left: 100%; }
.offset-sm-0 {
margin-left: 0%; }
.offset-sm-1 {
margin-left: 8.3333333333%; }
.offset-sm-2 {
margin-left: 16.6666666667%; }
.offset-sm-3 {
margin-left: 25%; }
.offset-sm-4 {
margin-left: 33.3333333333%; }
.offset-sm-5 {
margin-left: 41.6666666667%; }
.offset-sm-6 {
margin-left: 50%; }
.offset-sm-7 {
margin-left: 58.3333333333%; }
.offset-sm-8 {
margin-left: 66.6666666667%; }
.offset-sm-9 {
margin-left: 75%; }
.offset-sm-10 {
margin-left: 83.3333333333%; }
.offset-sm-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 768px) {
.col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-md-auto {
flex: 0 0 auto;
width: auto; }
.col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-md-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-md-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-md-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-md-12 {
flex: 0 0 100%;
max-width: 100%; }
.pull-md-0 {
right: auto; }
.pull-md-1 {
right: 8.3333333333%; }
.pull-md-2 {
right: 16.6666666667%; }
.pull-md-3 {
right: 25%; }
.pull-md-4 {
right: 33.3333333333%; }
.pull-md-5 {
right: 41.6666666667%; }
.pull-md-6 {
right: 50%; }
.pull-md-7 {
right: 58.3333333333%; }
.pull-md-8 {
right: 66.6666666667%; }
.pull-md-9 {
right: 75%; }
.pull-md-10 {
right: 83.3333333333%; }
.pull-md-11 {
right: 91.6666666667%; }
.pull-md-12 {
right: 100%; }
.push-md-0 {
left: auto; }
.push-md-1 {
left: 8.3333333333%; }
.push-md-2 {
left: 16.6666666667%; }
.push-md-3 {
left: 25%; }
.push-md-4 {
left: 33.3333333333%; }
.push-md-5 {
left: 41.6666666667%; }
.push-md-6 {
left: 50%; }
.push-md-7 {
left: 58.3333333333%; }
.push-md-8 {
left: 66.6666666667%; }
.push-md-9 {
left: 75%; }
.push-md-10 {
left: 83.3333333333%; }
.push-md-11 {
left: 91.6666666667%; }
.push-md-12 {
left: 100%; }
.offset-md-0 {
margin-left: 0%; }
.offset-md-1 {
margin-left: 8.3333333333%; }
.offset-md-2 {
margin-left: 16.6666666667%; }
.offset-md-3 {
margin-left: 25%; }
.offset-md-4 {
margin-left: 33.3333333333%; }
.offset-md-5 {
margin-left: 41.6666666667%; }
.offset-md-6 {
margin-left: 50%; }
.offset-md-7 {
margin-left: 58.3333333333%; }
.offset-md-8 {
margin-left: 66.6666666667%; }
.offset-md-9 {
margin-left: 75%; }
.offset-md-10 {
margin-left: 83.3333333333%; }
.offset-md-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 992px) {
.col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-lg-auto {
flex: 0 0 auto;
width: auto; }
.col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-lg-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-lg-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-lg-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-lg-12 {
flex: 0 0 100%;
max-width: 100%; }
.pull-lg-0 {
right: auto; }
.pull-lg-1 {
right: 8.3333333333%; }
.pull-lg-2 {
right: 16.6666666667%; }
.pull-lg-3 {
right: 25%; }
.pull-lg-4 {
right: 33.3333333333%; }
.pull-lg-5 {
right: 41.6666666667%; }
.pull-lg-6 {
right: 50%; }
.pull-lg-7 {
right: 58.3333333333%; }
.pull-lg-8 {
right: 66.6666666667%; }
.pull-lg-9 {
right: 75%; }
.pull-lg-10 {
right: 83.3333333333%; }
.pull-lg-11 {
right: 91.6666666667%; }
.pull-lg-12 {
right: 100%; }
.push-lg-0 {
left: auto; }
.push-lg-1 {
left: 8.3333333333%; }
.push-lg-2 {
left: 16.6666666667%; }
.push-lg-3 {
left: 25%; }
.push-lg-4 {
left: 33.3333333333%; }
.push-lg-5 {
left: 41.6666666667%; }
.push-lg-6 {
left: 50%; }
.push-lg-7 {
left: 58.3333333333%; }
.push-lg-8 {
left: 66.6666666667%; }
.push-lg-9 {
left: 75%; }
.push-lg-10 {
left: 83.3333333333%; }
.push-lg-11 {
left: 91.6666666667%; }
.push-lg-12 {
left: 100%; }
.offset-lg-0 {
margin-left: 0%; }
.offset-lg-1 {
margin-left: 8.3333333333%; }
.offset-lg-2 {
margin-left: 16.6666666667%; }
.offset-lg-3 {
margin-left: 25%; }
.offset-lg-4 {
margin-left: 33.3333333333%; }
.offset-lg-5 {
margin-left: 41.6666666667%; }
.offset-lg-6 {
margin-left: 50%; }
.offset-lg-7 {
margin-left: 58.3333333333%; }
.offset-lg-8 {
margin-left: 66.6666666667%; }
.offset-lg-9 {
margin-left: 75%; }
.offset-lg-10 {
margin-left: 83.3333333333%; }
.offset-lg-11 {
margin-left: 91.6666666667%; } }
@media (min-width: 1200px) {
.col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%; }
.col-xl-auto {
flex: 0 0 auto;
width: auto; }
.col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%; }
.col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%; }
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%; }
.col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%; }
.col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%; }
.col-xl-6 {
flex: 0 0 50%;
max-width: 50%; }
.col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%; }
.col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%; }
.col-xl-9 {
flex: 0 0 75%;
max-width: 75%; }
.col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%; }
.col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%; }
.col-xl-12 {
flex: 0 0 100%;
max-width: 100%; }
.pull-xl-0 {
right: auto; }
.pull-xl-1 {
right: 8.3333333333%; }
.pull-xl-2 {
right: 16.6666666667%; }
.pull-xl-3 {
right: 25%; }
.pull-xl-4 {
right: 33.3333333333%; }
.pull-xl-5 {
right: 41.6666666667%; }
.pull-xl-6 {
right: 50%; }
.pull-xl-7 {
right: 58.3333333333%; }
.pull-xl-8 {
right: 66.6666666667%; }
.pull-xl-9 {
right: 75%; }
.pull-xl-10 {
right: 83.3333333333%; }
.pull-xl-11 {
right: 91.6666666667%; }
.pull-xl-12 {
right: 100%; }
.push-xl-0 {
left: auto; }
.push-xl-1 {
left: 8.3333333333%; }
.push-xl-2 {
left: 16.6666666667%; }
.push-xl-3 {
left: 25%; }
.push-xl-4 {
left: 33.3333333333%; }
.push-xl-5 {
left: 41.6666666667%; }
.push-xl-6 {
left: 50%; }
.push-xl-7 {
left: 58.3333333333%; }
.push-xl-8 {
left: 66.6666666667%; }
.push-xl-9 {
left: 75%; }
.push-xl-10 {
left: 83.3333333333%; }
.push-xl-11 {
left: 91.6666666667%; }
.push-xl-12 {
left: 100%; }
.offset-xl-0 {
margin-left: 0%; }
.offset-xl-1 {
margin-left: 8.3333333333%; }
.offset-xl-2 {
margin-left: 16.6666666667%; }
.offset-xl-3 {
margin-left: 25%; }
.offset-xl-4 {
margin-left: 33.3333333333%; }
.offset-xl-5 {
margin-left: 41.6666666667%; }
.offset-xl-6 {
margin-left: 50%; }
.offset-xl-7 {
margin-left: 58.3333333333%; }
.offset-xl-8 {
margin-left: 66.6666666667%; }
.offset-xl-9 {
margin-left: 75%; }
.offset-xl-10 {
margin-left: 83.3333333333%; }
.offset-xl-11 {
margin-left: 91.6666666667%; } }
/*! jQuery UI - v1.12.1 - 2018-01-31
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, button.css, controlgroup.css, checkboxradio.css, dialog.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.colissimo-pass-interface .ui-draggable-handle {
-ms-touch-action: none;
touch-action: none; }
/* Layout helpers
----------------------------------*/
.colissimo-pass-interface .ui-helper-hidden {
display: none; }
.colissimo-pass-interface .ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px; }
.colissimo-pass-interface .ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none; }
.colissimo-pass-interface .ui-helper-clearfix:before,
.colissimo-pass-interface .ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse; }
.colissimo-pass-interface .ui-helper-clearfix:after {
clear: both; }
.colissimo-pass-interface .ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
/* support: IE8 */ }
.colissimo-pass-interface .ui-front {
z-index: 100; }
/* Interaction Cues
----------------------------------*/
.colissimo-pass-interface .ui-state-disabled {
cursor: default !important;
pointer-events: none; }
/* Icons
----------------------------------*/
.colissimo-pass-interface .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat; }
.colissimo-pass-interface .ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.colissimo-pass-interface .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.colissimo-pass-interface .ui-resizable {
position: relative; }
.colissimo-pass-interface .ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none; }
.colissimo-pass-interface .ui-resizable-disabled .ui-resizable-handle,
.colissimo-pass-interface .ui-resizable-autohide .ui-resizable-handle {
display: none; }
.colissimo-pass-interface .ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0; }
.colissimo-pass-interface .ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0; }
.colissimo-pass-interface .ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%; }
.colissimo-pass-interface .ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%; }
.colissimo-pass-interface .ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px; }
.colissimo-pass-interface .ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px; }
.colissimo-pass-interface .ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px; }
.colissimo-pass-interface .ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px; }
.colissimo-pass-interface .ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/* Support: IE <= 11 */
overflow: visible; }
.colissimo-pass-interface .ui-button,
.colissimo-pass-interface .ui-button:link,
.colissimo-pass-interface .ui-button:visited,
.colissimo-pass-interface .ui-button:hover,
.colissimo-pass-interface .ui-button:active {
text-decoration: none; }
/* to make room for the icon, a width needs to be set here */
.colissimo-pass-interface .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap; }
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
text-indent: 0; }
/* button icon element(s) */
.colissimo-pass-interface .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px; }
.colissimo-pass-interface .ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap; }
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em; }
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0; }
.colissimo-pass-interface .ui-controlgroup {
vertical-align: middle;
display: inline-block; }
.colissimo-pass-interface .ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0; }
.colissimo-pass-interface .ui-controlgroup > .ui-controlgroup-item:focus,
.colissimo-pass-interface .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999; }
.colissimo-pass-interface .ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left; }
.colissimo-pass-interface .ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box; }
.colissimo-pass-interface .ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em; }
.colissimo-pass-interface .ui-controlgroup .ui-controlgroup-label span {
font-size: 80%; }
.colissimo-pass-interface .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none; }
.colissimo-pass-interface .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none; }
.colissimo-pass-interface .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none; }
.colissimo-pass-interface .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none; }
/* Spinner specific style fixes */
.colissimo-pass-interface .ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc( 100% - 2.4em ); }
.colissimo-pass-interface .ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid; }
.colissimo-pass-interface .ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none; }
.colissimo-pass-interface .ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none; }
.colissimo-pass-interface .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.colissimo-pass-interface .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid; }
.colissimo-pass-interface .ui-checkboxradio-disabled {
pointer-events: none; }
.colissimo-pass-interface .ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0; }
.colissimo-pass-interface .ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative; }
.colissimo-pass-interface .ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis; }
.colissimo-pass-interface .ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px; }
.colissimo-pass-interface .ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto; }
.colissimo-pass-interface .ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em; }
.colissimo-pass-interface .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right; }
.colissimo-pass-interface .ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer; }
.colissimo-pass-interface .ui-dialog .ui-resizable-n {
height: 2px;
top: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-e {
width: 2px;
right: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-w {
width: 2px;
left: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-se,
.colissimo-pass-interface .ui-dialog .ui-resizable-sw,
.colissimo-pass-interface .ui-dialog .ui-resizable-ne,
.colissimo-pass-interface .ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px; }
.colissimo-pass-interface .ui-dialog .ui-resizable-se {
right: 0;
bottom: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-ne {
right: 0;
top: 0; }
.colissimo-pass-interface .ui-dialog .ui-resizable-nw {
left: 0;
top: 0; }
.colissimo-pass-interface .ui-draggable .ui-dialog-titlebar {
cursor: move; }
/* Component containers
----------------------------------*/
.colissimo-pass-interface .ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.colissimo-pass-interface .ui-widget .ui-widget {
font-size: 1em; }
.colissimo-pass-interface .ui-widget input,
.colissimo-pass-interface .ui-widget select,
.colissimo-pass-interface .ui-widget textarea,
.colissimo-pass-interface .ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em; }
.colissimo-pass-interface .ui-widget.ui-widget-content {
border: 1px solid #c5c5c5; }
.colissimo-pass-interface .ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333; }
.colissimo-pass-interface .ui-widget-content a {
color: #333333; }
.colissimo-pass-interface .ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold; }
.colissimo-pass-interface .ui-widget-header a {
color: #333333; }
/* Interaction states
----------------------------------*/
.colissimo-pass-interface .ui-state-default,
.colissimo-pass-interface .ui-widget-content .ui-state-default,
.colissimo-pass-interface .ui-widget-header .ui-state-default,
.colissimo-pass-interface .ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545; }
.colissimo-pass-interface .ui-state-default a,
.colissimo-pass-interface .ui-state-default a:link,
.colissimo-pass-interface .ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.colissimo-pass-interface .ui-button {
color: #454545;
text-decoration: none; }
.colissimo-pass-interface .ui-state-hover,
.colissimo-pass-interface .ui-widget-content .ui-state-hover,
.colissimo-pass-interface .ui-widget-header .ui-state-hover,
.colissimo-pass-interface .ui-state-focus,
.colissimo-pass-interface .ui-widget-content .ui-state-focus,
.colissimo-pass-interface .ui-widget-header .ui-state-focus,
.colissimo-pass-interface .ui-button:hover,
.colissimo-pass-interface .ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b; }
.colissimo-pass-interface .ui-state-hover a,
.colissimo-pass-interface .ui-state-hover a:hover,
.colissimo-pass-interface .ui-state-hover a:link,
.colissimo-pass-interface .ui-state-hover a:visited,
.colissimo-pass-interface .ui-state-focus a,
.colissimo-pass-interface .ui-state-focus a:hover,
.colissimo-pass-interface .ui-state-focus a:link,
.colissimo-pass-interface .ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none; }
.colissimo-pass-interface .ui-visual-focus {
box-shadow: 0 0 3px 1px #5e9ed6; }
.colissimo-pass-interface .ui-state-active,
.colissimo-pass-interface .ui-widget-content .ui-state-active,
.colissimo-pass-interface .ui-widget-header .ui-state-active,
a.ui-button:active,
.colissimo-pass-interface .ui-button:active,
.colissimo-pass-interface .ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff; }
.colissimo-pass-interface .ui-icon-background,
.colissimo-pass-interface .ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff; }
.colissimo-pass-interface .ui-state-active a,
.colissimo-pass-interface .ui-state-active a:link,
.colissimo-pass-interface .ui-state-active a:visited {
color: #ffffff;
text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.colissimo-pass-interface .ui-state-highlight,
.colissimo-pass-interface .ui-widget-content .ui-state-highlight,
.colissimo-pass-interface .ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620; }
.colissimo-pass-interface .ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90; }
.colissimo-pass-interface .ui-state-highlight a,
.colissimo-pass-interface .ui-widget-content .ui-state-highlight a,
.colissimo-pass-interface .ui-widget-header .ui-state-highlight a {
color: #777620; }
.colissimo-pass-interface .ui-state-error,
.colissimo-pass-interface .ui-widget-content .ui-state-error,
.colissimo-pass-interface .ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f; }
.colissimo-pass-interface .ui-state-error a,
.colissimo-pass-interface .ui-widget-content .ui-state-error a,
.colissimo-pass-interface .ui-widget-header .ui-state-error a {
color: #5f3f3f; }
.colissimo-pass-interface .ui-state-error-text,
.colissimo-pass-interface .ui-widget-content .ui-state-error-text,
.colissimo-pass-interface .ui-widget-header .ui-state-error-text {
color: #5f3f3f; }
.colissimo-pass-interface .ui-priority-primary,
.colissimo-pass-interface .ui-widget-content .ui-priority-primary,
.colissimo-pass-interface .ui-widget-header .ui-priority-primary {
font-weight: bold; }
.colissimo-pass-interface .ui-priority-secondary,
.colissimo-pass-interface .ui-widget-content .ui-priority-secondary,
.colissimo-pass-interface .ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
/* support: IE8 */
font-weight: normal; }
.colissimo-pass-interface .ui-state-disabled,
.colissimo-pass-interface .ui-widget-content .ui-state-disabled,
.colissimo-pass-interface .ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
/* support: IE8 */
background-image: none; }
.colissimo-pass-interface .ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
/* support: IE8 - See #6059 */ }
/* Icons
----------------------------------*/
/* states and images */
.colissimo-pass-interface .ui-icon {
width: 16px;
height: 16px; }
.colissimo-pass-interface .ui-icon,
.colissimo-pass-interface .ui-widget-content .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png"); }
.colissimo-pass-interface .ui-widget-header .ui-icon {
background-image: url("images/ui-icons_444444_256x240.png"); }
.colissimo-pass-interface .ui-state-hover .ui-icon,
.colissimo-pass-interface .ui-state-focus .ui-icon,
.colissimo-pass-interface .ui-button:hover .ui-icon,
.colissimo-pass-interface .ui-button:focus .ui-icon {
background-image: url("images/ui-icons_555555_256x240.png"); }
.colissimo-pass-interface .ui-state-active .ui-icon,
.colissimo-pass-interface .ui-button:active .ui-icon {
background-image: url("images/ui-icons_ffffff_256x240.png"); }
.colissimo-pass-interface .ui-state-highlight .ui-icon,
.colissimo-pass-interface .ui-button .ui-state-highlight.ui-icon {
background-image: url("images/ui-icons_777620_256x240.png"); }
.colissimo-pass-interface .ui-state-error .ui-icon,
.colissimo-pass-interface .ui-state-error-text .ui-icon {
background-image: url("images/ui-icons_cc0000_256x240.png"); }
.colissimo-pass-interface .ui-button .ui-icon {
background-image: url("images/ui-icons_777777_256x240.png"); }
/* positioning */
.colissimo-pass-interface .ui-icon-blank {
background-position: 16px 16px; }
.colissimo-pass-interface .ui-icon-caret-1-n {
background-position: 0 0; }
.colissimo-pass-interface .ui-icon-caret-1-ne {
background-position: -16px 0; }
.colissimo-pass-interface .ui-icon-caret-1-e {
background-position: -32px 0; }
.colissimo-pass-interface .ui-icon-caret-1-se {
background-position: -48px 0; }
.colissimo-pass-interface .ui-icon-caret-1-s {
background-position: -65px 0; }
.colissimo-pass-interface .ui-icon-caret-1-sw {
background-position: -80px 0; }
.colissimo-pass-interface .ui-icon-caret-1-w {
background-position: -96px 0; }
.colissimo-pass-interface .ui-icon-caret-1-nw {
background-position: -112px 0; }
.colissimo-pass-interface .ui-icon-caret-2-n-s {
background-position: -128px 0; }
.colissimo-pass-interface .ui-icon-caret-2-e-w {
background-position: -144px 0; }
.colissimo-pass-interface .ui-icon-triangle-1-n {
background-position: 0 -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-ne {
background-position: -16px -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-e {
background-position: -32px -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-se {
background-position: -48px -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-s {
background-position: -65px -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-sw {
background-position: -80px -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-w {
background-position: -96px -16px; }
.colissimo-pass-interface .ui-icon-triangle-1-nw {
background-position: -112px -16px; }
.colissimo-pass-interface .ui-icon-triangle-2-n-s {
background-position: -128px -16px; }
.colissimo-pass-interface .ui-icon-triangle-2-e-w {
background-position: -144px -16px; }
.colissimo-pass-interface .ui-icon-arrow-1-n {
background-position: 0 -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-ne {
background-position: -16px -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-e {
background-position: -32px -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-se {
background-position: -48px -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-s {
background-position: -65px -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-sw {
background-position: -80px -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-w {
background-position: -96px -32px; }
.colissimo-pass-interface .ui-icon-arrow-1-nw {
background-position: -112px -32px; }
.colissimo-pass-interface .ui-icon-arrow-2-n-s {
background-position: -128px -32px; }
.colissimo-pass-interface .ui-icon-arrow-2-ne-sw {
background-position: -144px -32px; }
.colissimo-pass-interface .ui-icon-arrow-2-e-w {
background-position: -160px -32px; }
.colissimo-pass-interface .ui-icon-arrow-2-se-nw {
background-position: -176px -32px; }
.colissimo-pass-interface .ui-icon-arrowstop-1-n {
background-position: -192px -32px; }
.colissimo-pass-interface .ui-icon-arrowstop-1-e {
background-position: -208px -32px; }
.colissimo-pass-interface .ui-icon-arrowstop-1-s {
background-position: -224px -32px; }
.colissimo-pass-interface .ui-icon-arrowstop-1-w {
background-position: -240px -32px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-n {
background-position: 1px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-ne {
background-position: -16px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-e {
background-position: -32px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-se {
background-position: -48px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-s {
background-position: -64px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-sw {
background-position: -80px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-w {
background-position: -96px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-1-nw {
background-position: -112px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-2-n-s {
background-position: -128px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-2-e-w {
background-position: -160px -48px; }
.colissimo-pass-interface .ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px; }
.colissimo-pass-interface .ui-icon-arrowthickstop-1-n {
background-position: -192px -48px; }
.colissimo-pass-interface .ui-icon-arrowthickstop-1-e {
background-position: -208px -48px; }
.colissimo-pass-interface .ui-icon-arrowthickstop-1-s {
background-position: -224px -48px; }
.colissimo-pass-interface .ui-icon-arrowthickstop-1-w {
background-position: -240px -48px; }
.colissimo-pass-interface .ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px; }
.colissimo-pass-interface .ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px; }
.colissimo-pass-interface .ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px; }
.colissimo-pass-interface .ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px; }
.colissimo-pass-interface .ui-icon-arrowreturn-1-w {
background-position: -64px -64px; }
.colissimo-pass-interface .ui-icon-arrowreturn-1-n {
background-position: -80px -64px; }
.colissimo-pass-interface .ui-icon-arrowreturn-1-e {
background-position: -96px -64px; }
.colissimo-pass-interface .ui-icon-arrowreturn-1-s {
background-position: -112px -64px; }
.colissimo-pass-interface .ui-icon-arrowrefresh-1-w {
background-position: -128px -64px; }
.colissimo-pass-interface .ui-icon-arrowrefresh-1-n {
background-position: -144px -64px; }
.colissimo-pass-interface .ui-icon-arrowrefresh-1-e {
background-position: -160px -64px; }
.colissimo-pass-interface .ui-icon-arrowrefresh-1-s {
background-position: -176px -64px; }
.colissimo-pass-interface .ui-icon-arrow-4 {
background-position: 0 -80px; }
.colissimo-pass-interface .ui-icon-arrow-4-diag {
background-position: -16px -80px; }
.colissimo-pass-interface .ui-icon-extlink {
background-position: -32px -80px; }
.colissimo-pass-interface .ui-icon-newwin {
background-position: -48px -80px; }
.colissimo-pass-interface .ui-icon-refresh {
background-position: -64px -80px; }
.colissimo-pass-interface .ui-icon-shuffle {
background-position: -80px -80px; }
.colissimo-pass-interface .ui-icon-transfer-e-w {
background-position: -96px -80px; }
.colissimo-pass-interface .ui-icon-transferthick-e-w {
background-position: -112px -80px; }
.colissimo-pass-interface .ui-icon-folder-collapsed {
background-position: 0 -96px; }
.colissimo-pass-interface .ui-icon-folder-open {
background-position: -16px -96px; }
.colissimo-pass-interface .ui-icon-document {
background-position: -32px -96px; }
.colissimo-pass-interface .ui-icon-document-b {
background-position: -48px -96px; }
.colissimo-pass-interface .ui-icon-note {
background-position: -64px -96px; }
.colissimo-pass-interface .ui-icon-mail-closed {
background-position: -80px -96px; }
.colissimo-pass-interface .ui-icon-mail-open {
background-position: -96px -96px; }
.colissimo-pass-interface .ui-icon-suitcase {
background-position: -112px -96px; }
.colissimo-pass-interface .ui-icon-comment {
background-position: -128px -96px; }
.colissimo-pass-interface .ui-icon-person {
background-position: -144px -96px; }
.colissimo-pass-interface .ui-icon-print {
background-position: -160px -96px; }
.colissimo-pass-interface .ui-icon-trash {
background-position: -176px -96px; }
.colissimo-pass-interface .ui-icon-locked {
background-position: -192px -96px; }
.colissimo-pass-interface .ui-icon-unlocked {
background-position: -208px -96px; }
.colissimo-pass-interface .ui-icon-bookmark {
background-position: -224px -96px; }
.colissimo-pass-interface .ui-icon-tag {
background-position: -240px -96px; }
.colissimo-pass-interface .ui-icon-home {
background-position: 0 -112px; }
.colissimo-pass-interface .ui-icon-flag {
background-position: -16px -112px; }
.colissimo-pass-interface .ui-icon-calendar {
background-position: -32px -112px; }
.colissimo-pass-interface .ui-icon-cart {
background-position: -48px -112px; }
.colissimo-pass-interface .ui-icon-pencil {
background-position: -64px -112px; }
.colissimo-pass-interface .ui-icon-clock {
background-position: -80px -112px; }
.colissimo-pass-interface .ui-icon-disk {
background-position: -96px -112px; }
.colissimo-pass-interface .ui-icon-calculator {
background-position: -112px -112px; }
.colissimo-pass-interface .ui-icon-zoomin {
background-position: -128px -112px; }
.colissimo-pass-interface .ui-icon-zoomout {
background-position: -144px -112px; }
.colissimo-pass-interface .ui-icon-search {
background-position: -160px -112px; }
.colissimo-pass-interface .ui-icon-wrench {
background-position: -176px -112px; }
.colissimo-pass-interface .ui-icon-gear {
background-position: -192px -112px; }
.colissimo-pass-interface .ui-icon-heart {
background-position: -208px -112px; }
.colissimo-pass-interface .ui-icon-star {
background-position: -224px -112px; }
.colissimo-pass-interface .ui-icon-link {
background-position: -240px -112px; }
.colissimo-pass-interface .ui-icon-cancel {
background-position: 0 -128px; }
.colissimo-pass-interface .ui-icon-plus {
background-position: -16px -128px; }
.colissimo-pass-interface .ui-icon-plusthick {
background-position: -32px -128px; }
.colissimo-pass-interface .ui-icon-minus {
background-position: -48px -128px; }
.colissimo-pass-interface .ui-icon-minusthick {
background-position: -64px -128px; }
.colissimo-pass-interface .ui-icon-close {
background-position: -80px -128px; }
.colissimo-pass-interface .ui-icon-closethick {
background-position: -96px -128px; }
.colissimo-pass-interface .ui-icon-key {
background-position: -112px -128px; }
.colissimo-pass-interface .ui-icon-lightbulb {
background-position: -128px -128px; }
.colissimo-pass-interface .ui-icon-scissors {
background-position: -144px -128px; }
.colissimo-pass-interface .ui-icon-clipboard {
background-position: -160px -128px; }
.colissimo-pass-interface .ui-icon-copy {
background-position: -176px -128px; }
.colissimo-pass-interface .ui-icon-contact {
background-position: -192px -128px; }
.colissimo-pass-interface .ui-icon-image {
background-position: -208px -128px; }
.colissimo-pass-interface .ui-icon-video {
background-position: -224px -128px; }
.colissimo-pass-interface .ui-icon-script {
background-position: -240px -128px; }
.colissimo-pass-interface .ui-icon-alert {
background-position: 0 -144px; }
.colissimo-pass-interface .ui-icon-info {
background-position: -16px -144px; }
.colissimo-pass-interface .ui-icon-notice {
background-position: -32px -144px; }
.colissimo-pass-interface .ui-icon-help {
background-position: -48px -144px; }
.colissimo-pass-interface .ui-icon-check {
background-position: -64px -144px; }
.colissimo-pass-interface .ui-icon-bullet {
background-position: -80px -144px; }
.colissimo-pass-interface .ui-icon-radio-on {
background-position: -96px -144px; }
.colissimo-pass-interface .ui-icon-radio-off {
background-position: -112px -144px; }
.colissimo-pass-interface .ui-icon-pin-w {
background-position: -128px -144px; }
.colissimo-pass-interface .ui-icon-pin-s {
background-position: -144px -144px; }
.colissimo-pass-interface .ui-icon-play {
background-position: 0 -160px; }
.colissimo-pass-interface .ui-icon-pause {
background-position: -16px -160px; }
.colissimo-pass-interface .ui-icon-seek-next {
background-position: -32px -160px; }
.colissimo-pass-interface .ui-icon-seek-prev {
background-position: -48px -160px; }
.colissimo-pass-interface .ui-icon-seek-end {
background-position: -64px -160px; }
.colissimo-pass-interface .ui-icon-seek-start {
background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.colissimo-pass-interface .ui-icon-seek-first {
background-position: -80px -160px; }
.colissimo-pass-interface .ui-icon-stop {
background-position: -96px -160px; }
.colissimo-pass-interface .ui-icon-eject {
background-position: -112px -160px; }
.colissimo-pass-interface .ui-icon-volume-off {
background-position: -128px -160px; }
.colissimo-pass-interface .ui-icon-volume-on {
background-position: -144px -160px; }
.colissimo-pass-interface .ui-icon-power {
background-position: 0 -176px; }
.colissimo-pass-interface .ui-icon-signal-diag {
background-position: -16px -176px; }
.colissimo-pass-interface .ui-icon-signal {
background-position: -32px -176px; }
.colissimo-pass-interface .ui-icon-battery-0 {
background-position: -48px -176px; }
.colissimo-pass-interface .ui-icon-battery-1 {
background-position: -64px -176px; }
.colissimo-pass-interface .ui-icon-battery-2 {
background-position: -80px -176px; }
.colissimo-pass-interface .ui-icon-battery-3 {
background-position: -96px -176px; }
.colissimo-pass-interface .ui-icon-circle-plus {
background-position: 0 -192px; }
.colissimo-pass-interface .ui-icon-circle-minus {
background-position: -16px -192px; }
.colissimo-pass-interface .ui-icon-circle-close {
background-position: -32px -192px; }
.colissimo-pass-interface .ui-icon-circle-triangle-e {
background-position: -48px -192px; }
.colissimo-pass-interface .ui-icon-circle-triangle-s {
background-position: -64px -192px; }
.colissimo-pass-interface .ui-icon-circle-triangle-w {
background-position: -80px -192px; }
.colissimo-pass-interface .ui-icon-circle-triangle-n {
background-position: -96px -192px; }
.colissimo-pass-interface .ui-icon-circle-arrow-e {
background-position: -112px -192px; }
.colissimo-pass-interface .ui-icon-circle-arrow-s {
background-position: -128px -192px; }
.colissimo-pass-interface .ui-icon-circle-arrow-w {
background-position: -144px -192px; }
.colissimo-pass-interface .ui-icon-circle-arrow-n {
background-position: -160px -192px; }
.colissimo-pass-interface .ui-icon-circle-zoomin {
background-position: -176px -192px; }
.colissimo-pass-interface .ui-icon-circle-zoomout {
background-position: -192px -192px; }
.colissimo-pass-interface .ui-icon-circle-check {
background-position: -208px -192px; }
.colissimo-pass-interface .ui-icon-circlesmall-plus {
background-position: 0 -208px; }
.colissimo-pass-interface .ui-icon-circlesmall-minus {
background-position: -16px -208px; }
.colissimo-pass-interface .ui-icon-circlesmall-close {
background-position: -32px -208px; }
.colissimo-pass-interface .ui-icon-squaresmall-plus {
background-position: -48px -208px; }
.colissimo-pass-interface .ui-icon-squaresmall-minus {
background-position: -64px -208px; }
.colissimo-pass-interface .ui-icon-squaresmall-close {
background-position: -80px -208px; }
.colissimo-pass-interface .ui-icon-grip-dotted-vertical {
background-position: 0 -224px; }
.colissimo-pass-interface .ui-icon-grip-dotted-horizontal {
background-position: -16px -224px; }
.colissimo-pass-interface .ui-icon-grip-solid-vertical {
background-position: -32px -224px; }
.colissimo-pass-interface .ui-icon-grip-solid-horizontal {
background-position: -48px -224px; }
.colissimo-pass-interface .ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px; }
.colissimo-pass-interface .ui-icon-grip-diagonal-se {
background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.colissimo-pass-interface .ui-corner-all,
.colissimo-pass-interface .ui-corner-top,
.colissimo-pass-interface .ui-corner-left,
.colissimo-pass-interface .ui-corner-tl {
border-top-left-radius: 3px; }
.colissimo-pass-interface .ui-corner-all,
.colissimo-pass-interface .ui-corner-top,
.colissimo-pass-interface .ui-corner-right,
.colissimo-pass-interface .ui-corner-tr {
border-top-right-radius: 3px; }
.colissimo-pass-interface .ui-corner-all,
.colissimo-pass-interface .ui-corner-bottom,
.colissimo-pass-interface .ui-corner-left,
.colissimo-pass-interface .ui-corner-bl {
border-bottom-left-radius: 3px; }
.colissimo-pass-interface .ui-corner-all,
.colissimo-pass-interface .ui-corner-bottom,
.colissimo-pass-interface .ui-corner-right,
.colissimo-pass-interface .ui-corner-br {
border-bottom-right-radius: 3px; }
/* Overlays */
.colissimo-pass-interface .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30);
/* support: IE8 */ }
.colissimo-pass-interface .ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666; }
/* Slider */
.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; }
/*# sourceMappingURL=front.css.map*/