@charset "UTF-8";
.page-template-espace-prive #wp-submit{
background: #c8e7f9;
padding: 7px;
border-radius: 8px;
border: 0;
}
.hdp__scroll {
cursor: pointer;
}
.elementor-column-gap-default > .elementor-column > .elementor-element-populated{
padding:0!important;
}
#gform_1_validation_container, #gform_1_validation_container .gform_submission_error.hide_summary {
color: #f03c50 !important;
}
.form__contener .gform_page_fields .gfield--type-consent,
.form__contener .gform_page_fields .checkbox_newsletter .ginput_container_checkbox {
padding : 0 5px;
}
.page-id-1464 .cmplz-contact-email .cmplz-obfuscate .cmplz-fmail-domain {
display: none !important;
}
@media (min-width: 992px) {
.page-id-1357, .page-id-1464 {
.header {
background: #FFF;
}
.header .header__logo::before {
background: #fff !important;
}
.header .header__logo .deco::before {
-webkit-box-shadow: 5px 8px 0 #fff !important;
box-shadow: 5px 8px 0 #fff !important;
}
.header .header__logo .deco::after {
-webkit-box-shadow: -5px 8px 0 #fff !important;
box-shadow: -5px 8px 0 #fff !important;
}
}
}

:root {
--bg-f: 12px;
}
@media (min-width: 992px) {
.col-lg-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1200px) {
.col-xl-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1400px) {
.col-xxl-fifth {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@-webkit-keyframes slidehome {
0% {
margin-left: -120px;
opacity: 0;
}
100% {
margin-left: 0;
opacity: 1;
}
}
@keyframes slidehome {
0% {
margin-left: -120px;
opacity: 0;
}
100% {
margin-left: 0;
opacity: 1;
}
}
@-webkit-keyframes showSection {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes showSection {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes showTwoColsLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes showTwoColsLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-200px);
transform: translateX(-200px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes showTwoColsRight {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes showTwoColsRight {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
* {
-webkit-font-smoothing: subpixel-antialiased;
-moz-osx-font-smoothing: auto;
}
*,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
min-height: 100vh;
overflow-x: hidden;
}
body {
color: #000084;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-family: "Rethink Sans", sans-serif;
font-size: 14px;
font-weight: 400;
margin: 0;
min-height: 100vh;
}
@media (min-width: 992px) {
body {
font-size: 16px;
}
}
a {
color: #000084;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
a:hover {
color: #c7e7f8;
}
a.btnselection {
cursor: pointer;
display: none;
}
a.btnselection.active {
display: block;
}
a.btnselection::after {
border: 1px solid #000084;
border-radius: 100%;
content: "\f004";
font-family: "Font Awesome 6 Free";
font-size: 16px;
font-weight: 400;
margin-left: 5px;
padding: 9px;
}
a.btnselection:hover::after {
border-color: #c7e7f8;
}
a.btnselection_active {
cursor: pointer;
display: none;
}
a.btnselection_active.active {
display: block;
}
a.btnselection_active::after {
border: 1px solid #000084;
border-radius: 100%;
content: "\f004";
font-family: "FontAwesome";
font-size: 16px;
margin-left: 5px;
padding: 9px;
}
a.btnselection_active:hover::after {
border-color: #c7e7f8;
}
img,
video {
height: auto;
max-width: 100%;
}
figure {
margin-bottom: 24px;
max-width: 100%;
}
figure img.size-full {
border-radius: 0;
}
figure figcaption {
padding: 10px 40px;
text-align: center;
}
.gallery-icon {
border-radius: 8px;
}
iframe {
max-width: 100%;
}
iframe[src*=youtube] {
aspect-ratio: 16/9;
border-radius: 8px;
display: block;
height: auto;
overflow: hidden;
width: 100%;
}
ul:not([class]),
ol:not([class]) {
font-size: 14px;
margin-bottom: 20px;
padding-left: 40px;
}
ul:not([class]):last-child,
ol:not([class]):last-child {
margin-bottom: 0;
}
ul:not([class]) {
list-style: none !important;
}
ul:not([class]) li {
margin-bottom: 12px;
}
ul:not([class]) li::before {
background: #000084;
border-radius: 100%;
content: "";
display: inline-block;
height: 8px;
margin: -2px 9px 0 -18px;
vertical-align: middle;
width: 8px;
}
p {
line-height: 1.42875;
margin-bottom: 14px;
}
p:last-child {
margin-bottom: 0;
}
h1,
h2 {
color: #000021;
font-family: "Didot", sans-serif;
font-weight: 700;
}
@media (min-width: 1200px) {
h1,
.h1,
.h1_like {
font-size: 48px;
}
}
@media (min-width: 1400px) {
h1,
.h1,
.h1_like {
font-size: 64px;
}
}
h2,
.h2,
.h2_like {
color: #000084;
font-size: 24px;
margin-bottom: 24px;
}
@media (min-width: 1200px) {
h2,
.h2,
.h2_like {
font-size: 36px;
}
}
@media (min-width: 1400px) {
h2,
.h2,
.h2_like {
font-size: 44px;
}
}
h2+h3,
.h2+h3,
.h2_like+h3 {
margin-top: -14px;
}
h3,
.h3,
.h3_like {
color: #0000e7;
font-size: 16px;
line-height: 1.5;
margin-bottom: 24px;
text-transform: uppercase;
}
b,
strong {
font-weight: 700;
}
[type=text],
[type=email],
[type=number],
[type=tel],
[type=password],
[type=url],
textarea,
select {
background: #fff;
border: 1px solid #000084;
border-radius: 8px;
color: #000084;
font-size: 13px;
line-height: 1;
padding: 12px 16px;
width: 100%;
}
[type=text]:focus,
[type=email]:focus,
[type=number]:focus,
[type=tel]:focus,
[type=password]:focus,
[type=url]:focus,
textarea:focus,
select:focus {
outline: 1px solid #0000e7;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff url(//alpol-cosmetique.com/wp-content/themes/kn/img/select.png) no-repeat right 7px top 7px;
}
textarea {
background: #fff;
border: 1px solid #000084;
font-size: 14px;
font-weight: 300;
line-height: 22px;
padding: 16px;
}
.bouton {
background: #000084;
border-radius: 32px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 8px 12px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
}
@media (min-width: 992px) {
.bouton {
padding: 15px 24px;
}
}
.bouton:hover {
background: #f03c50;
color: #fff;
}
.bouton:hover::before {
height: 100%;
}
.bouton--alt {
background: transparent;
border: 1px solid #000084;
border-radius: 30px;
color: #000084;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 1;
padding: 12px 20px;
position: relative;
text-align: center;
text-wrap: nowrap;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
}
.bouton--alt:hover {
background: #000084;
color: #fff;
}
.section__btn {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 36px 0 0;
text-align: center;
}
main section {
padding: 40px 0;
}
@media (min-width: 768px) {
main section {
padding: 60px 0;
}
}
@media (min-width: 992px) {
main section {
padding: 80px 0;
}
}
@media (min-width: 1200px) {
main section {
padding: 100px 0;
}
}
@media (min-width: 1400px) {
main section {
padding: 120px 0;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1304px;
}
}
.aligncenter,
.alignleft,
.alignright {
display: block;
margin: 0 auto 15px;
}
.txtcenter {
text-align: center;
}
.txtright {
text-align: right;
}
.txtjustify {
text-align: justify;
}
blockquote {
border-left: 2px solid #000084;
font-family: "Didot", sans-serif;
font-size: 20px;
-webkit-font-feature-settings: ;
font-feature-settings: ;
font-variant: italic;
font-weight: 600;
max-width: calc(600px + 2rem);
padding-left: 2rem;
}
blockquote p {
line-height: 2.25rem;
}
.encart {
background: #fafcff;
border-radius: 8px;
margin-bottom: 2rem;
padding: 1rem;
}
.encart p:last-child,
.encart ul:last-child {
margin-bottom: 0;
}
.encart::after {
clear: both;
content: "";
}
.nopadding {
padding-bottom: 0;
padding-top: 0;
}
.cta {
margin-top: 24px;
}
@media (min-width: 992px) {
.cta {
margin-top: 40px;
}
}
.cta+.cta {
margin-top: 20px;
}
.gallery {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wp-pagenavi {
border-top: 1px solid #000084;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 60px;
padding-top: 40px;
position: relative;
text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
border: 1px solid #000084;
border-radius: 2rem;
color: #000084;
display: inline-block;
font-weight: 500;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 5px 10px;
text-align: center;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
height: 40px;
padding: 8px 2px;
width: 40px;
}
.wp-pagenavi .current {
background: #000084;
border-color: #000084;
color: #fff;
}
.wp-pagenavi .page:hover {
background: #f03c50;
border-color: #f03c50;
color: #fff;
}
.wp-pagenavi [class*=postslink] {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-color: #f03c50;
color: #f03c50;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
height: 40px;
padding: 4px 1rem;
}
.wp-pagenavi [class*=postslink]:hover {
background: #f03c50;
border-color: #f03c50;
color: #fff;
}
.wp-pagenavi .previouspostslink {
margin: 0 auto 10px;
}
.wp-pagenavi .nextpostslink {
margin: 10px auto 0;
}
.socials {
margin: 0;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.socials li {
list-style: none;
}
.socials li::before {
display: none;
}
.socials__item a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
}
.socials__item a::before {
font-family: "FontAwesome";
font-size: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.socials__item a:hover {
color: #fff;
}
.socials__item a[data-social*=facebook]::before {
content: "\f39e";
}
.socials__item a[data-social*=twitter]::before {
content: "\f099";
}
.socials__item a[data-social*=linkedin]::before {
content: "\f0e1";
}
.socials__item a[data-social*=instagram]::before {
content: "\f16d";
}
.socials__item a[data-social*=youtube]::before {
content: "\f167";
}
.socials__item a[data-social*=vimeo]::before {
content: "\f27d";
}
.socials__item a[data-social*=whatsapp]::before {
content: "\f232";
}
.socials__item a[data-social*=tiktok]::before {
content: "\e07b";
}
.socials__item a[data-social*=mail]::before {
content: " \f0e0";
}
.socials__item a[data-social*=pinterest-p]::before {
content: " \f231";
}
.menu-socials a::before {
font-family: "FontAwesome";
font-size: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.menu-socials a[data-social*=facebook]::before {
content: "\f39e";
}
.menu-socials a[data-social*=twitter]::before {
content: "\f099";
}
.menu-socials a[data-social*=linkedin]::before {
content: "\f0e1";
}
.menu-socials a[data-social*=instagram]::before {
content: "\f16d";
}
.menu-socials a[data-social*=youtube]::before {
content: "\f167";
}
.menu-socials a[data-social*=vimeo]::before {
content: "\f27d";
}
.menu-socials a[data-social*=whatsapp]::before {
content: "\f232";
}
.menu-socials a[data-social*=tiktok]::before {
content: "\e07b";
}
.menu-socials a[data-social*=mail]::before {
content: " \f0e0";
}
.menu-socials a[data-social*=pinterest-p]::before {
content: " \f231";
}
.menu-socials+.menu-socials {
margin-left: -20px;
}
.menu-socials+.menu-socials::after {
display: none;
}
.sharing {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid #fafcff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 15px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 16px 12px 32px;
text-align: right;
}
.sharing__list {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
}
.sharing__list li {
list-style: none;
}
.sharing__list li::before {
display: none;
}
.sharing__icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #000084;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 32px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 3px;
width: 32px;
}
.sharing__icon::before {
content: "";
display: block;
font-family: "FontAwesome";
font-size: 1rem;
}
.sharing__item[data-rs*=facebook] .sharing__icon::before {
content: "\f39e";
}
.sharing__item[data-rs*=twitter] .sharing__icon::before {
content: "\f099";
}
.sharing__item[data-rs*=linkedin] .sharing__icon::before {
content: "\f0e1";
}
.sharing__item[data-rs*=instagram] .sharing__icon::before {
content: "\f16d";
}
.sharing__item[data-rs*=youtube] .sharing__icon::before {
content: "\f167";
}
.sharing__item[data-rs*=vimeo] .sharing__icon::before {
content: "\f27d";
}
.twitter-tweet {
margin-left: auto;
margin-right: auto;
}
.gform_button,
.gform-button {
background: #000084;
border-radius: 32px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 8px 12px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
padding: 5px 12px;
}
@media (min-width: 992px) {
.gform_button,
.gform-button {
padding: 15px 24px;
}
}
.gform_button:hover,
.gform-button:hover {
background: #f03c50;
color: #fff;
}
.gform_button:hover::before,
.gform-button:hover::before {
height: 100%;
}
.hidden_label label {
display: none;
}
@media (min-width: 768px) {
.alignleft {
float: left;
margin-right: 20px;
}
.alignright {
float: right;
margin-left: 15px;
}
.wp-pagenavi {
padding-left: 150px;
padding-right: 150px;
}
.wp-pagenavi [class*=postslink] {
position: absolute;
top: 40px;
width: 135px;
}
.wp-pagenavi .previouspostslink {
left: 0;
margin-right: 1rem;
margin-bottom: 0;
}
.wp-pagenavi .nextpostslink {
margin-left: 1rem;
margin-top: 0;
right: 0;
}
}
.header {
background: #000084;
left: 0;
position: sticky;
top: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
z-index: 1000;
}
@media (min-width: 992px) {
.header {
background: none;
position: fixed;
}
}
.header::before {
content: "";
background: #000084;
display: none;
height: 48px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
@media (min-width: 992px) {
.header::before {
display: block;
}
}
.header__main {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 6px 12px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 768px) {
.header__main {
padding: 6px 40px;
}
}
@media (min-width: 992px) {
.header__main {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-top: 40px;
}
}
@media (min-width: 1400px) {
.header__main {
padding: 40px 80px 12px;
}
}
@media (min-width: 1620px) {
.header__main {
padding: 40px calc(50vw - 810px) 12px;
}
}
.header__logo {
-ms-flex-item-align: center;
align-self: center;
display: block;
position: relative;
text-align: center;
z-index: 10;
}
@media (min-width: 992px) {
.header__logo::before {
aspect-ratio: 1/1;
background: #c7e7f8;
border-radius: 100%;
content: "";
left: calc(50% - 37.5px);
position: absolute;
top: -22px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 75px;
}
.header__logo .deco::before {
border-radius: 0 0 100% 0;
-webkit-box-shadow: 5px 8px 0 #c7e7f8;
box-shadow: 5px 8px 0 #c7e7f8;
height: 21px;
content: "";
left: 15px;
position: absolute;
top: -13px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 26px;
}
.header__logo .deco::after {
border-radius: 0 0 0 100%;
-webkit-box-shadow: -5px 8px 0 #c7e7f8;
box-shadow: -5px 8px 0 #c7e7f8;
height: 21px;
content: "";
right: 15px;
position: absolute;
top: -13px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 26px;
}
}
.header__logo img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 75%;
z-index: 3;
}
@media (min-width: 768px) {
.header__logo img {
width: auto;
}
}
@media (min-width: 992px) {
.header__logo img {
-webkit-filter: initial;
filter: initial;
}
}
.header__logo:hover img {
opacity: 0.7;
}
.header__boutons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
margin-top: 24px;
right: 60px;
padding: 0 24px;
top: 12px;
}
.header__boutons .bouton {
border-radius: 8px 0 8px 0;
width: 100%;
}
.header .menu__socials a {
color: #fff;
}
.header .menu__socials a:hover {
color: #f03c50;
}
@media (min-width: 1200px) {
.header .menu__socials a {
color: #c7e7f8;
}
.header .menu__socials a:hover {
color: #f03c50;
}
}
.header.open {
margin: 0px auto -52px;
}
.header.open .menu {
display: block;
}
.header.scrolling {
-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
}
@media (min-width: 992px) {
.header.scrolling {
background: #fff;
}
.header.scrolling .header__logo::before {
background: #fff;
}
.header.scrolling .header__logo .deco::before {
-webkit-box-shadow: 5px 8px 0 #fff;
box-shadow: 5px 8px 0 #fff;
}
.header.scrolling .header__logo .deco::after {
-webkit-box-shadow: -5px 8px 0 #fff;
box-shadow: -5px 8px 0 #fff;
}
.header.scrolling img {
-webkit-filter: initial;
filter: initial;
}
.header.scrolling .menu__main>.menu-item>a,
.header.scrolling .menu__main>.menu-item>span {
color: #000084;
}
.header.scrolling .menu__main>.menu-item>a:hover,
.header.scrolling .menu__main>.menu-item>span:hover {
color: #f03c50;
}
.header.scrolling .menu__main>.menu-item.current-menu-item a {
color: #f03c50;
}
.header.scrolling .menu__top .menu-item:not(:last-child)::after {
color: #fff;
}
}
.menu {
background: #000084;
display: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin-top: 24px;
max-height: calc(100vh - 160px);
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
z-index: 9;
}
@media (min-width: 768px) {
.menu {
top: 32px;
}
}
@media (min-width: 992px) {
.menu {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: transparent;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
gap: 24px;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
height: auto;
margin-top: 16px;
opacity: 1;
padding: 0 0 0 48px;
pointer-events: all;
position: static;
position: initial;
width: auto;
}
}
.menu__main {
margin: 0;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
line-height: 1;
margin: 0 auto;
max-height: calc(100vh - 192px);
max-width: 500px;
overflow: auto;
}
.menu__main li {
list-style: none;
}
.menu__main li::before {
display: none;
}
@media (min-width: 992px) {
.menu__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: none;
max-width: initial;
overflow: visible;
overflow: initial;
}
}
@media (min-width: 1200px) {
.menu__main {
gap: 32px;
}
}
@media (min-width: 1400px) {
.menu__main {
gap: 48px;
}
}
.menu__main>.menu-item>a,
.menu__main>.menu-item>span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
display: block;
font-size: 16px;
font-weight: 500;
padding: 8px 0;
position: relative;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 3;
}
.menu__main>.menu-item>a:hover,
.menu__main>.menu-item>span:hover {
color: #f03c50;
}
@media (min-width: 992px) {
.menu__main>.menu-item>a,
.menu__main>.menu-item>span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #000084;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 13px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 8px;
padding: 0;
}
}
@media (min-width: 1400px) {
.menu__main>.menu-item>a,
.menu__main>.menu-item>span {
font-size: 14px;
}
}
.menu__main>.menu-item i {
color: #c7e7f8;
font-size: 16px;
padding: 10px;
-webkit-transition: -webkit-transform 0.5s;
transition: -webkit-transform 0.5s;
transition: transform 0.5s;
transition: transform 0.5s, -webkit-transform 0.5s;
}
@media (min-width: 992px) {
.menu__main>.menu-item i {
font-size: 12px;
padding: 0;
}
}
@media (min-width: 992px) {
.menu__main>.menu-item {
position: relative;
}
.menu__main>.menu-item:hover>a,
.menu__main>.menu-item:hover>span {
color: #f03c50;
}
.menu__main>.menu-item:hover>a::before,
.menu__main>.menu-item:hover>a>span,
.menu__main>.menu-item:hover>span::before,
.menu__main>.menu-item:hover>span>span {
opacity: 1;
}
.menu__main>.menu-item:hover>a>span,
.menu__main>.menu-item:hover>span>span {
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
.menu__main>.menu-item:hover i {
color: #c7e7f8;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu__main>.menu-item:hover i::before {
content: "\f068";
}
.menu__main>.menu-item:hover .sub-menu {
opacity: 1;
pointer-events: all;
}
}
.menu__main>.menu-item .open+.sub-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu__main>.menu-item.current-menu-item a {
color: #f03c50;
}
.menu__main>.menu-btn>a {
border-radius: 24px;
border: 1px solid #c7e7f8;
color: #c7e7f8;
display: inline-block;
font-weight: 400;
padding: 8px 20px;
}
@media (min-width: 992px) {
.menu__main>.menu-btn>a {
font-size: 13px;
font-weight: 400;
padding: 5px 8px;
}
}
.menu__main>.menu-btn>a:hover {
background: #c7e7f8;
color: #fff;
}
.menu__main .sub-menu {
margin: 0;
padding: 0;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px 0;
margin: 12px 0;
}
.menu__main .sub-menu li {
list-style: none;
}
.menu__main .sub-menu li::before {
display: none;
}
@media (min-width: 992px) {
.menu__main .sub-menu {
background: #fff;
-webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 24px rgba(0, 0, 0, 0.08);
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
left: 50%;
margin: 0;
opacity: 0;
padding: 12px;
pointer-events: none;
position: absolute;
top: calc(100% + 16px);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 240px;
z-index: 2;
}
}
@media (min-width: 1200px) {
.menu__main .sub-menu {
padding: 24px;
}
}
.menu__main .sub-menu .menu-item {
padding: 0;
}
.menu__main .sub-menu .menu-item a {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
font-size: 15px;
font-weight: 600;
gap: 16px;
padding: 0;
}
@media (min-width: 992px) {
.menu__main .sub-menu .menu-item a {
color: #000084;
display: block;
}
.menu__main .sub-menu .menu-item a:hover {
color: #0000e7;
}
.menu__main .sub-menu .menu-item a:hover .menu-item-title,
.menu__main .sub-menu .menu-item a:hover .menu-item-description {
color: #0000e7;
}
.menu__main .sub-menu .menu-item a:hover .menu-item-image img {
-webkit-filter: brightness(125%);
filter: brightness(125%);
}
}
.menu__main .sub-menu .menu-item-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 992px) {
.menu__main .sub-menu .menu-item-image {
-webkit-box-ordinal-group: initial;
-ms-flex-order: initial;
order: initial;
margin-bottom: 16px;
}
}
.menu__main .sub-menu .menu-item-image img {
border-radius: 4px 32px 32px 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) {
.menu__main .sub-menu .menu-item-image img {
border-radius: 8px 50px 50px 8px;
}
}
.menu__main .sub-menu .menu-item-meta {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
position: relative;
}
.menu__main .sub-menu .menu-item-meta span {
padding: 0;
}
.menu__main .sub-menu .menu-item-title {
font-size: 15px;
font-weight: 600;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) {
.menu__main .sub-menu .menu-item-title {
color: #000084;
}
}
.menu__main .sub-menu .menu-item-description {
font-size: 12px;
font-weight: 300;
line-height: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) {
.menu__main .sub-menu .menu-item-description {
color: #000021;
}
}
.menu__main .sub-menu .menu-item-more {
color: #f03c50;
display: none;
font-size: 13px;
font-weight: 300;
margin-top: 8px;
}
@media (min-width: 992px) {
.menu__main .sub-menu .menu-item-more {
display: block;
}
}
.menu__main .open i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.menu__main .open i::before {
content: "\f068";
}
.menu__main .open .sub-menu {
border-color: #000084;
max-height: 500px;
}
@media (min-width: 576px) {
.menu .menu__socials {
margin: 0 auto;
max-width: 500px;
}
}
.menu__top {
margin: 0;
padding: 0;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: none;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
font-size: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1.2;
gap: 24px 40px;
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
padding: 10px 0;
}
.menu__top li {
list-style: none;
}
.menu__top li::before {
display: none;
}
@media (min-width: 992px) {
.menu__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
gap: 40px;
position: absolute;
right: 0;
top: 0;
z-index: 12;
}
}
@media (min-width: 992px) {
.menu__top {
right: 24px;
}
}
@media (min-width: 1200px) {
.menu__top {
right: 48px;
}
}
@media (min-width: 1400px) {
.menu__top {
right: 80px;
}
}
@media (min-width: 1620px) {
.menu__top {
right: calc(50vw - 810px);
}
}
.menu__top>li {
position: relative;
}
.menu__top>li:not(:first-child)::after {
background: #c7e7f8;
color: #c7e7f8;
content: "";
height: 16px;
opacity: 0.5;
position: absolute;
left: -20px;
top: calc(50% - 8px);
width: 1px;
}
.menu__top>li a {
color: #c7e7f8;
display: block;
font-size: 12px;
text-align: center;
}
.menu__top>li a::before {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (max-width: 992px) {
.menu__top>li:not([class]) {
-webkit-box-flex: 0;
-ms-flex: 0 0 43%;
flex: 0 0 43%;
}
.menu__top>li:not([class]) a {
font-size: 16px;
}
}
.menu__top>li:hover a {
color: #fff;
}
.menu__top>li:hover a::before {
-webkit-filter: brightness(200%);
filter: brightness(200%);
}
.menu__top>li:hover .sub-menu {
display: block;
}
.menu__top .menu-lemag a::before {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/le-mag.svg);
display: block;
height: 28px;
}
@media (max-width: 992px) {
.menu__top .menu-lemag::after {
display: none;
}
}
.menu__top .menu-accesprive a::before {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/private.svg);
}
.menu__top .menu-search {
position: relative;
}
@media (max-width: 992px) {
.menu__top .menu-search {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
.menu__top .menu-search+li::after {
display: none;
}
}
.menu__top .current-menu-item>a {
color: #f03c50;
}
.menu__top .menu-lang {
color: #c7e7f8;
font-size: 12px;
position: relative;
text-transform: capitalize;
}
.menu__top .menu-lang::before {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/globe.svg);
cursor: pointer;
display: inline-block;
margin-right: 4px;
vertical-align: middle;
}
.menu__top .menu-lang:hover {
color: #fff;
}
.menu__top .menu-lang:hover::before {
-webkit-filter: brightness(200%);
filter: brightness(200%);
}
.menu__top .sub-menu {
margin: 0;
padding: 0;
background: #fff;
border-radius: 16px;
display: none;
padding: 4px 3px;
position: absolute;
right: -5px;
top: -2px;
}
.menu__top .sub-menu li {
list-style: none;
}
.menu__top .sub-menu li::before {
display: none;
}
.menu__top .sub-menu .lang-item a {
color: #000084;
font-size: 12px;
line-height: 16px;
text-align: center;
}
.menu__top .sub-menu .lang-item a:hover {
color: #f03c50;
}
.menu__toggle {
cursor: pointer;
display: block;
height: 36px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative;
width: 36px;
z-index: 11;
}
.menu__toggle span {
background: #fff;
border-radius: 4px;
display: block;
height: 1.5px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 36px;
}
.menu__toggle span::before,
.menu__toggle span::after {
background: #fff;
border-radius: 4px;
content: "";
display: block;
height: 1.5px;
position: absolute;
right: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 36px;
}
.menu__toggle span::before {
top: -10px;
}
.menu__toggle span::after {
top: 10px;
}
.menu-open .menu {
display: block;
}
.menu-open .menu__top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.menu-open .menu__toggle span {
background: transparent;
}
.menu-open .menu__toggle span::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 30px;
}
.menu-open .menu__toggle span::after {
top: 0;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
width: 30px;
}
.footer {
background: #000084;
color: #fff;
font-size: 14px;
margin-top: auto;
padding: 13px 16px;
position: relative;
z-index: 5;
}
.footer p {
margin-bottom: 16px;
}
.footer p:last-child {
margin-bottom: 0;
}
.footer a {
color: #ffffff;
}
.footer a:hover {
color: #f03c50;
}
.footer__main {
background: #000021;
border-radius: 8px;
padding: 24px 12px;
position: relative;
}
@media (min-width: 992px) {
.footer__main {
padding: 40px 24px;
}
}
@media (min-width: 1200px) {
.footer__main {
padding: 100px 40px 45px;
}
}
@media (min-width: 1400px) {
.footer__agency {
margin-top: -32px;
}
}
.footer__agency p {
color: #fff;
line-height: 20px;
}
.footer__agency>img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
margin-bottom: 32px;
width: 140px;
}
@media (min-width: 1200px) {
.footer__agency>img {
margin-bottom: 52px;
}
}
@media (min-width: 1200px) {
.footer__newsletter {
padding-right: 24px;
}
}
@media (min-width: 1400px) {
.footer__newsletter {
padding-right: 35px;
}
}
.footer__newsletter .gfield_label {
display: none;
}
.footer__newsletter .gfield--type-email {
width: 100%;
}
.footer__newsletter .gform_fields {
position: relative;
}
.footer__newsletter [type=email] {
background: transparent;
border: 1px solid #fff;
border-radius: 32px;
color: #fff;
font-size: 13px;
font-style: italic;
padding: 9px 10px;
}
.footer__newsletter #field_submit {
position: absolute;
right: 7px;
top: 5px;
}
.footer__newsletter [type=submit] {
background: #fff;
color: #000084;
font-size: 13px;
line-height: 1;
padding: 4px 12px;
}
@media (min-width: 1200px) {
.footer__menu {
padding-left: 32px;
}
}
@media (min-width: 1400px) {
.footer__menu {
padding-left: 140px;
}
}
.footer__menu .menu__footer {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 15px;
}
.footer__menu .menu__footer li {
list-style: none;
}
.footer__menu .menu__footer li::before {
display: none;
}
@media (min-width: 576px) {
.footer__menu .menu__footer {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1200px) {
.footer__menu .menu__footer {
gap: 15px 60px;
grid-template-columns: repeat(3, auto);
}
}
.footer__menu .menu__footer .menu-item a {
font-weight: 500;
}
.footer__menu .menu__socials {
border-top: 1px solid rgba(255, 255, 255, 0.33);
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 40px;
padding-top: 18px;
}
.footer__menu .menu__socials a {
color: rgba(255, 255, 255, 0.5);
}
.footer__menu .menu__socials a:hover {
color: #fff;
}
.footer .certifications {
gap: 24px 0;
margin-top: 48px;
}
@media (min-width: 992px) {
.footer .certifications {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 0;
margin-top: 72px;
}
}
@media (min-width: 1400px) {
.footer .certifications {
margin-top: 112px;
}
}
.footer .certifications .separator {
-ms-flex-item-align: center;
align-self: center;
background: rgba(255, 255, 255, 0.16);
height: 40px;
display: none;
padding: 0;
width: 1px;
}
@media (min-width: 992px) {
.footer .certifications .separator {
display: block;
}
}
.footer .certification__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-style: italic;
font-weight: 700;
gap: 16px;
}
.footer__last {
background: #000084;
color: #fff;
padding: 0 28px 12px;
right: 0;
}
.footer__last a {
color: #fff;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.footer__last a:hover {
color: #f03c50;
}
.footer__last p {
font-size: 14px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.footer__last {
text-align: right;
}
}
@media (min-width: 992px) {
.footer__last {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.footer__last ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
font-size: 13px;
font-weight: 300;
gap: 16px;
}
.footer__last ul li {
list-style: none;
}
.footer__last ul li::before {
display: none;
} .footer__last ul li {
margin-bottom: 0;
position: relative;
}
.footer__last ul:not([class]) li:not(:last-child)::after {
color: #fff;
content: "|";
margin-left: 16px;
}
.gotop {
background: #fff;
border-radius: 100%;
bottom: 0;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.24);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.24);
cursor: pointer;
height: 60px;
padding: 10px;
position: absolute;
right: 40px;
top: -30px;
width: 60px;
z-index: 100;
}
.gotop img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gotop:hover {
background: #0000e7;
}
.gotop:hover img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.c_dark h2,
.c_dark h3,
.c_dark h4,
.c_dark .soustitre,
.c_dark .surtitre,
.c_dark .top,
.c_dark .chiffre_label,
.c_dark span,
.c_dark p {
color: #fff;
}
.c_dark .columns__item p {
color: #fff;
}
.c_dark .teaser__link {
background: #fff;
}
.c_dark .teaser__link .teaser__date {
color: #c7e7f8;
}
.c_dark .teaser__link .teaser__title {
color: #000084;
}
.c_dark .expertises__navitem:not(:hover) {
color: #fff;
}
.c_dark .expertises__navitem:not(:hover) img {
-webkit-filter: none;
filter: none;
}
.c_white+.c_white,
.c_white+[data-color="#ffffff"] {
padding-top: 0;
}
[data-color="#ffffff"]+[data-color="#ffffff"] {
padding-top: 0;
}
[data-color="#000084"] {
background: #000084;
}
[data-color="#000084"]+[data-color="#000084"] {
padding-top: 0;
}
[data-color="#e4f5fa"] {
background: #e4f5fa;
border-radius: 8px;
margin: 12px auto;
overflow: hidden;
width: calc(100% - 24px);
}
@media (min-width: 768px) {
[data-color="#e4f5fa"] {
width: calc(100% - 32px);
}
}
@media (min-width: 992px) {
.admin-bar .header {
top: 32px;
}
.admin-bar main {
margin-top: 32px;
}
}
.section__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto 40px;
max-width: 960px;
}
.section__title h2 {
margin-bottom: 10px;
}
.section__title .title_s {
margin-bottom: 0;
margin-top: 0;
margin-top: initial;
}
.section__intro {
margin: 0 auto 40px;
max-width: 720px;
}
.builder {
opacity: 0;
}
.builder.show {
-webkit-animation: showSection ease-out 0.7s forwards;
animation: showSection ease-out 0.7s forwards;
}
.basic_2cols .section__title {
margin-bottom: 24px;
}
.basic_2cols .section__title h2 {
margin-bottom: 0;
}
.basic_2cols__para {
-ms-flex-item-align: center;
align-self: center;
}
.basic_2cols__para p {
font-size: 14px;
}
.basic_2cols__para p:last-child {
margin-bottom: 0;
}
.basic_2cols__media {
-ms-flex-item-align: center;
align-self: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 0 8px;
margin-top: 32px;
opacity: 0;
position: relative;
}
@media (min-width: 768px) {
.basic_2cols__media {
margin-top: 0;
}
}
@media (min-width: 1200px) {
.basic_2cols__media {
padding-left: 68px;
}
}
.basic_2cols__media img {
border-radius: 8px;
display: block;
-o-object-fit: cover;
object-fit: cover;
}
.basic_2cols__media::before,
.basic_2cols__media::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 768px) {
.basic_2cols__media::before,
.basic_2cols__media::after {
-webkit-transform: scale(2) translateY(-50%);
transform: scale(2) translateY(-50%);
}
}
.basic_2cols__media.cover {
-ms-flex-item-align: initial;
align-self: initial;
}
.basic_2cols .reverse .basic_2cols__media {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (min-width: 1200px) {
.basic_2cols .reverse .basic_2cols__media {
padding-right: 68px;
padding-left: 12px;
}
}
.basic_2cols.show .basic_2cols__media {
-webkit-animation: showTwoColsRight ease-out 0.7s forwards;
animation: showTwoColsRight ease-out 0.7s forwards;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.basic_2cols.show .reverse .basic_2cols__media {
-webkit-animation: showTwoColsLeft ease-out 0.7s forwards;
animation: showTwoColsLeft ease-out 0.7s forwards;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.cartes__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px 0;
}
@media (min-width: 1200px) {
.cartes__list {
gap: 40px 0;
margin: 0 -20px;
}
}
.cartes__item {
position: relative;
text-align: left;
width: 100%;
z-index: 2;
}
@media (min-width: 576px) {
.cartes__item {
padding: 0 12px;
width: 50%;
}
}
@media (min-width: 992px) {
.cartes__item {
width: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.cartes__item {
padding: 0 20px;
width: 25%;
}
}
.cartes__link,
.cartes__title {
color: #000084;
}
.cartes__image {
aspect-ratio: 9/7;
position: relative;
}
.cartes__img {
border-radius: 8px;
overflow: hidden;
}
.cartes__img>img {
aspect-ratio: 9/7;
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.cartes__picto {
background: #fff;
border-radius: 0 40px 0 0;
bottom: -20px;
left: -10px;
padding: 10px 10px 0;
position: absolute;
}
.cartes__picto::before,
.cartes__picto::after {
border-bottom-left-radius: 8px;
-webkit-box-shadow: -4px 2px 0 #fff;
box-shadow: -4px 2px 0 #fff;
content: "";
height: 12px;
position: absolute;
width: 12px;
}
.cartes__picto::before {
bottom: 100%;
left: 10px;
}
.cartes__picto::after {
bottom: 21px;
left: 100%;
}
.cartes__picto span {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #c7e7f8;
border-radius: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 72px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 72px;
}
.cartes__picto img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cartes__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 14px;
padding: 38px 22px 0;
}
.cartes__title {
font-family: "Didot", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.175;
margin-bottom: 14px;
text-transform: none;
text-transform: initial;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cartes__more {
font-size: 12px;
margin-top: auto;
padding: 12px 20px;
}
.cartes__link {
background: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
overflow: hidden;
padding: 10px 10px 26px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cartes__link p {
margin-bottom: 24px;
}
.cartes__link:hover {
color: #000021;
}
.cartes a.cartes__link:hover {
border-color: #000084;
-webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 32px rgba(0, 0, 0, 0.16);
color: #000021;
}
.cartes a.cartes__link:hover .cartes__img>img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.cartes a.cartes__link:hover .cartes__picto span {
background: #000084;
}
.cartes a.cartes__link:hover .cartes__picto img {
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
.cartes a.cartes__link:hover .cartes__more {
background: #f03c50;
color: #fff;
}
.cartes_2 .section__title {
margin-bottom: 0;
padding: 0 24px;
position: relative;
text-align: center;
z-index: 10;
}
.cartes_2 .section__title h2 {
background: #fff;
border-radius: 0 0 8px 8px;
margin-bottom: -48px;
padding: 0 24px 12px;
position: relative;
}
@media (min-width: 1200px) {
.cartes_2 .section__title h2 {
margin-bottom: -76px;
padding: 0 24px 24px;
}
}
.cartes_2 .section__title h2::before,
.cartes_2 .section__title h2::after {
content: "";
height: 12px;
position: absolute;
width: 12px;
}
.cartes_2 .section__title h2::before {
border-top-right-radius: 8px;
-webkit-box-shadow: 4px -4px 0 #fff;
box-shadow: 4px -4px 0 #fff;
right: 100%;
top: 0;
}
.cartes_2 .section__title h2::after {
border-top-left-radius: 8px;
-webkit-box-shadow: -4px -4px 0 #fff;
box-shadow: -4px -4px 0 #fff;
left: 100%;
top: 0;
}
@media (min-width: 1400px) {
.cartes_2 .section__title+.cartes__list .cartes__item:nth-child(-n+3) .cartes__text {
top: calc(50% + 26px);
}
}
.cartes_2 .cartes__list {
gap: 16px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
max-width: 1624px;
}
@media (min-width: 576px) {
.cartes_2 .cartes__item {
padding: 0 8px;
width: 100%;
}
}
@media (min-width: 768px) {
.cartes_2 .cartes__item {
width: 50%;
}
}
@media (min-width: 1200px) {
.cartes_2 .cartes__item {
width: 50%;
}
}
@media (min-width: 1400px) {
.cartes_2 .cartes__item {
width: 33.3333333333%;
}
}
.cartes_2 .cartes__image {
height: 100%;
position: absolute;
width: 100%;
z-index: 0;
}
@media (min-width: 992px) {
.cartes_2 .cartes__image {
height: auto;
position: static;
width: auto;
}
}
.cartes_2 .cartes__link {
background: var(--bg);
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
}
.cartes_2 .cartes__link[style] img {
-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(-45%, rgb(0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)));
-webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) -45%, rgba(0, 0, 0, 0) 25%);
mask-image: -webkit-gradient(linear, left top, right top, color-stop(-45%, rgb(0, 0, 0)), color-stop(25%, rgba(0, 0, 0, 0)));
mask-image: linear-gradient(to right, rgb(0, 0, 0) -45%, rgba(0, 0, 0, 0) 25%);
}
@media (min-width: 992px) {
.cartes_2 .cartes__link[style] img {
-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)));
-webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) -10%, rgba(0, 0, 0, 0) 50%);
mask-image: -webkit-gradient(linear, left top, right top, color-stop(-10%, rgb(0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0)));
mask-image: linear-gradient(to right, rgb(0, 0, 0) -10%, rgba(0, 0, 0, 0) 50%);
}
}
.cartes_2 .cartes__text {
padding: 24px;
z-index: 1;
}
.cartes_2 .cartes__item:first-child .cartes__text {
padding-top: 60px;
}
@media (min-width: 576px) {
.cartes_2 .cartes__text {
padding: 60px 32px 60px 30%;
z-index: 2;
}
}
@media (min-width: 992px) {
.cartes_2 .cartes__text {
padding: 24px 24px 24px 30%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
}
}
@media (min-width: 1400px) {
.cartes_2 .cartes__text {
padding: 40px 40px 40px 40%;
}
}
.cartes_2 .cartes__text p:last-child {
margin-bottom: 0;
}
.cartes_3 .cartes__list {
gap: 10px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1200px) {
.cartes_3 .cartes__list {
margin: 0 -5px;
}
}
@media (min-width: 576px) {
.cartes_3 .cartes__item {
padding: 0 5px;
width: 100%;
}
}
@media (min-width: 768px) {
.cartes_3 .cartes__item {
width: 50%;
}
}
@media (min-width: 1200px) {
.cartes_3 .cartes__item {
width: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.cartes_3 .cartes__item.taille2 {
width: 50%;
}
}
.cartes_3 .cartes__item.taille3 {
width: 100%;
}
.cartes_3 .cartes__item.taille3 ul {
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px 0;
margin: initial;
margin-bottom: 36px;
}
.cartes_3 .cartes__item.taille3 ul li {
list-style: none;
}
.cartes_3 .cartes__item.taille3 ul li::before {
display: none;
}
.cartes_3 .cartes__item.taille3 ul li {
padding-right: 24px;
}
@media (min-width: 768px) {
.cartes_3 .cartes__item.taille3 ul li {
width: 50%;
}
}
@media (min-width: 992px) {
.cartes_3 .cartes__item.taille3 .list-3 li {
padding-right: 48px;
width: 33.3333333333%;
}
}
@media (min-width: 992px) {
.cartes_3 .cartes__item.taille3 .list-4 li {
padding-right: 48px;
width: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.cartes_3 .cartes__item.taille3 .list-4 li {
padding-right: 72px;
width: 25%;
}
}
.cartes_3 .cartes__link {
background: #c7e7f8;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
}
.cartes_3 .cartes__link:hover img {
opacity: 0;
}
.cartes_3 .cartes__link:hover .cartes__text {
-webkit-box-align: initial;
-ms-flex-align: initial;
align-items: initial;
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
}
.cartes_3 .cartes__link:hover .cartes__text p,
.cartes_3 .cartes__link:hover .cartes__text ul,
.cartes_3 .cartes__link:hover .cartes__text .cartes__more {
opacity: 1;
}
.cartes_3 .cartes__link:hover .cartes__title {
left: 24px;
text-align: left;
top: 24px;
-webkit-transform: none;
transform: none;
}
@media (min-width: 576px) {
.cartes_3 .cartes__link:hover .cartes__title {
left: 48px;
top: 48px;
}
}
@media (min-width: 992px) {
.cartes_3 .cartes__link:hover .cartes__title {
left: 64px;
top: 64px;
}
}
.cartes_3 .cartes__image {
height: 100%;
position: absolute;
width: 100%;
}
.cartes_3 .cartes__image img {
height: 100%;
-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(-80%, rgb(0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)));
-webkit-mask-image: linear-gradient(to right, rgb(0, 0, 0) -80%, rgba(0, 0, 0, 0) 75%);
mask-image: -webkit-gradient(linear, left top, right top, color-stop(-80%, rgb(0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)));
mask-image: linear-gradient(to right, rgb(0, 0, 0) -80%, rgba(0, 0, 0, 0) 75%);
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.cartes_3 .cartes__text {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
padding: 24px;
padding-top: calc(var(--marginTitle) + 24px + 22px);
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 2;
}
@media (min-width: 576px) {
.cartes_3 .cartes__text {
padding: 48px;
padding-top: calc(var(--marginTitle) + 48px + 22px);
}
}
@media (min-width: 992px) {
.cartes_3 .cartes__text {
padding: 64px;
padding-top: calc(var(--marginTitle) + 64px + 22px);
}
}
.cartes_3 .cartes__text p,
.cartes_3 .cartes__text ul,
.cartes_3 .cartes__text .cartes__more {
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.cartes_3 .cartes__text p:last-child,
.cartes_3 .cartes__text ul:last-child,
.cartes_3 .cartes__text .cartes__more:last-child {
margin-bottom: 0;
}
.cartes_3 .cartes__title {
left: calc(100% - 24px);
margin-bottom: 0;
max-width: calc(100% - 48px);
position: absolute;
text-align: right;
top: calc(100% - 24px);
-webkit-transform: translate(-100%, -100%);
transform: translate(-100%, -100%);
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media (min-width: 576px) {
.cartes_3 .cartes__title {
left: calc(100% - 48px);
max-width: calc(100% - 96px);
top: calc(100% - 48px);
}
}
@media (min-width: 992px) {
.cartes_3 .cartes__title {
left: calc(100% - 64px);
max-width: calc(100% - 128px);
top: calc(100% - 64px);
}
}
.content .limited {
position: relative;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.content .limited::after,
.content .limited::before {
display: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (min-width: 1200px) {
.content .limited::after,
.content .limited::before {
display: block;
}
}
.content .limited::before {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/parenthese-g.svg);
right: calc(100% + 50px);
}
.content .limited::after {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/parenthese-d.svg);
left: calc(100% + 50px);
}
@media (min-width: 992px) {
.content .limited {
max-width: 984px;
}
}
.content img {
border-radius: 8px;
}
.hdp+.content {
opacity: 1;
text-align: center;
}
.hdp+.content.show {
-webkit-animation: none 0s ease 0s 1 normal none running;
animation: none 0s ease 0s 1 normal none running;
-webkit-animation: initial;
animation: initial;
}
@media (min-width: 992px) {
.hdp+.content {
font-size: 28px;
}
}
.paragraphs .row {
gap: 24px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 768px) {
.paragraphs .row {
--bs-gutter-x: 64px;
}
}
.paragraphs .row .para h3 {
color: #0000e7;
}
.paragraphs .row:not(:last-child) {
margin-bottom: 32px;
}
.paragraphs img {
border-radius: 8px;
}
.columns__list.row {
--bs-gutter-x: 40px;
gap: 40px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1200px) {
.columns__list.row {
--bs-gutter-x: 80px;
}
}
.columns__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
@media (min-width: 768px) {
.columns__item {
gap: 24px;
}
}
@media (min-width: 992px) {
.columns__item {
gap: 40px;
}
}
.columns__img {
-webkit-box-flex: 2.25;
-ms-flex: 2.25;
flex: 2.25;
}
.columns__img img {
border-radius: 8px;
}
.columns__text {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
font-size: 14px;
}
.columns__text .cta {
margin-top: 32px;
}
.columns__text .bouton {
font-size: 12px;
padding: 12px 20px;
}
.cpt {
position: relative;
text-align: center;
}
.cpt .teaser {
padding: 0;
position: relative;
z-index: 2;
}
.cpt .teaser-slider .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.cpt .teaser-slider .slick-slide {
float: none;
height: auto;
}
.cpt .teaser-slider .teaser__item {
padding: 15px;
}
.cpt[data-color="#000084"] h4 {
color: #000021;
}
.etapes__list {
padding: 0 32px;
text-align: center;
}
.etapes__step {
border-top: 2px solid #fafcff;
margin-top: 12px;
padding: 16px 24px 0;
position: relative;
}
.etapes__step::before {
background: #000084;
border-radius: 100%;
content: "";
height: 16px;
left: calc(50% - 8px);
position: absolute;
top: -10px;
width: 16px;
}
@media (max-width: 992px) {
.form .container {
--bs-gutter-x: 80px;
}
}
.form__contener {
margin-top: 48px;
}
@media (min-width: 1400px) {
.form__contener {
margin-top: 88px;
}
}
.form .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px 0;
}
@media (min-width: 1200px) {
.form .row {
--bs-gutter-x: 50px;
gap: 32px 0;
}
}
@media (min-width: 1400px) {
.form .row {
--bs-gutter-x: 100px;
}
}
.form img {
border-radius: 8px;
margin: 16px auto;
}
.full_1col {
padding-left: 12px;
padding-right: 12px;
}
.full_1col .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: var(--bg) no-repeat center/cover;
border-radius: 16px;
color: #fff;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
padding: 0;
position: relative;
}
.full_1col .container .cta {
margin-bottom: 0;
margin-top: 40px;
}
.full_1col .section__title {
margin: 0 auto 24px;
}
.full_1col .section__intro p {
margin: 0;
margin: initial;
margin-bottom: 16px;
max-width: none;
max-width: initial;
}
.full_1col .content {
max-width: 760px;
padding: 32px;
position: relative;
z-index: 2;
}
@media (min-width: 1200px) {
.full_1col .content {
padding: 80px;
}
}
@media (min-width: 1400px) {
.full_1col .content {
padding: 120px;
}
}
.full_1col .content h2 {
color: #fff;
}
.full_1col .content h3 {
color: #c7e7f8;
text-transform: uppercase;
}
.full_1col .content p {
line-height: 2;
}
.full_1col .full_c {
text-align: center;
}
@media (min-width: 768px) {
.full_1col .full_c.filtre {
background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 33, 0)), color-stop(30%, #000021), color-stop(70%, #000021), to(rgba(0, 0, 33, 0))), var(--bg) no-repeat center/cover;
background: linear-gradient(to left, rgba(0, 0, 33, 0) 0%, #000021 30%, #000021 70%, rgba(0, 0, 33, 0) 100%), var(--bg) no-repeat center/cover;
}
}
.full_1col .full_c .content {
margin: 0 auto;
max-width: 640px;
}
@media (min-width: 768px) and (max-width: 1200px) {
.full_1col .full_d {
padding-left: 40%;
}
}
@media (min-width: 768px) {
.full_1col .full_d.filtre {
background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 33, 0)), to(#000021)), var(--bg) no-repeat center/cover;
background: linear-gradient(to right, rgba(0, 0, 33, 0) 0%, #000021 100%), var(--bg) no-repeat center/cover;
}
}
.full_1col .full_d .content {
margin-left: auto;
}
@media (min-width: 768px) and (max-width: 1200px) {
.full_1col .full_g {
padding-right: 40%;
}
}
@media (min-width: 768px) {
.full_1col .full_g.filtre {
background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 33, 0)), to(#000021)), var(--bg) no-repeat center/cover;
background: linear-gradient(to left, rgba(0, 0, 33, 0) 0%, #000021 100%), var(--bg) no-repeat center/cover;
}
}
@media (min-width: 992px) {
.full_1col .container-fluid {
min-height: 500px;
}
.full_1col .full_d .content {
margin-left: auto;
}
}
.full_2cols__para {
-ms-flex-item-align: center;
align-self: center;
}
@media (min-width: 768px) {
.full_2cols__para {
padding-bottom: 48px;
padding-top: 48px;
}
}
@media (min-width: 768px) {
.full_2cols__para {
padding-left: calc(50% - 360px + 12px);
padding-right: 48px;
}
}
@media (min-width: 992px) {
.full_2cols__para {
padding-left: calc(50% - 480px + 12px);
}
}
@media (min-width: 1200px) {
.full_2cols__para {
padding-left: calc(50% - 570px + 12px);
}
}
@media (min-width: 1400px) {
.full_2cols__para {
padding-left: calc(50% - 660px + 12px);
}
}
@media (min-width: 768px) {
.full_2cols__para.order-md-2 {
padding-left: 48px;
padding-right: calc(50% - 360px + 12px);
}
}
@media (min-width: 992px) {
.full_2cols__para.order-md-2 {
padding-right: calc(50% - 480px + 12px);
}
}
@media (min-width: 1200px) {
.full_2cols__para.order-md-2 {
padding-right: calc(50% - 570px + 12px);
}
}
@media (min-width: 1400px) {
.full_2cols__para.order-md-2 {
padding-right: calc(50% - 660px + 12px);
}
}
.full_2cols__media {
margin-top: 16px;
}
@media (min-width: 768px) {
.full_2cols__media {
margin-top: 0;
}
}
.full_2cols__media img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.galerie__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 25px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.galerie .shd .galerie__item {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.04);
}
.galerie__item {
border-radius: 8px;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.galerie__item img {
border-radius: 8px;
}
.galerie__item span {
color: #0000e7;
display: block;
font-size: 18px;
font-weight: 700;
margin-top: 16px;
}
.galerie__item a:hover img {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 231, 0.1) !important;
box-shadow: 0 0 20px rgba(0, 0, 231, 0.1) !important;
}
@media (min-width: 768px) {
.galerie [data-cols="2"] .galerie__item {
width: calc(50% - 25px);
}
}
@media (min-width: 768px) {
.galerie [data-cols="3"] .galerie__item {
width: calc(50% - 25px);
}
}
@media (min-width: 992px) {
.galerie [data-cols="3"] .galerie__item {
width: calc(33.3333333333% - 16.6666666667px);
}
}
@media (min-width: 768px) {
.galerie [data-cols="4"] .galerie__item {
width: calc(50% - 25px);
}
}
@media (min-width: 992px) {
.galerie [data-cols="4"] .galerie__item {
width: calc(33.3333333333% - 16.6666666667px);
}
}
@media (min-width: 1200px) {
.galerie [data-cols="4"] .galerie__item {
width: calc(25% - 33.3333333333px);
}
}
@media (min-width: 768px) {
.galerie [data-cols="5"] .galerie__item {
width: calc(50% - 25px);
}
}
@media (min-width: 992px) {
.galerie [data-cols="5"] .galerie__item {
width: calc(33.3333333333% - 16.6666666667px);
}
}
@media (min-width: 1200px) {
.galerie [data-cols="5"] .galerie__item {
width: calc(20% - 40px);
}
}
@media (min-width: 768px) {
.galerie [data-cols="6"] .galerie__item {
width: calc(50% - 25px);
}
}
@media (min-width: 992px) {
.galerie [data-cols="6"] .galerie__item {
width: calc(33.3333333333% - 16.6666666667px);
}
}
@media (min-width: 1200px) {
.galerie [data-cols="6"] .galerie__item {
width: calc(16.6666666667% - 41.6666666667px);
}
}
.hdp {
background: #000084;
color: #fff;
padding: 10px;
position: relative;
}
.hdp--section {
overflow: hidden;
padding: 16px;
position: relative;
}
@media (min-width: 1620px) {
.hdp--section {
padding: 16px calc(50vw - 810px - 40px);
}
}
.hdp--section>img {
border-radius: 8px;
display: block;
margin-left: auto;
overflow: hidden;
position: relative;
z-index: 1;
}
@media (min-width: 992px) {
.hdp--section>img {
border-radius: 16px;
}
}
.hdp--section>video {
border-radius: 8px;
display: block;
overflow: hidden;
margin-left: auto;
max-width: 1200px;
width: 100%;
z-index: 1;
transform: scaleX(-1);
}
@media (min-width: 992px) {
.hdp--section>video {
border-radius: 16px;
}
}
.hdp__gradient {
background: linear-gradient(to left, rgba(199, 231, 248, 0.5) 0%, #c7e7f8 100%), linear-gradient(to top, rgba(199, 231, 248, 0) calc(100% - 152px), #c7e7f8 100%);
border-radius: 8px;
height: calc(100% - 32px);
left: 16px;
top: 16px;
position: absolute;
width: calc(100% - 32px);
z-index: 2;
}
@media (min-width: 768px) {
.hdp__gradient {
background: radial-gradient(circle, white 0%, rgba(255, 255, 255, 0) 60%) no-repeat left center/600px 600px, linear-gradient(to left, rgba(199, 231, 248, 0) 0%, #c7e7f8 60%), linear-gradient(to top, rgba(199, 231, 248, 0) calc(100% - 152px), #c7e7f8 100%);
border-radius: 16px;
}
}
@media (min-width: 1620px) {
.hdp__gradient {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 1684px;
}
}
.hdp__title h1 {
color: #000084;
}
.hdp__content {
color: #000021;
left: 50%;
max-width: calc(100% - 48px);
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
}
@media (min-width: 576px) {
.hdp__content {
max-width: calc(100% - 72px);
}
}
@media (max-width: 768px) {
.hdp__content {
position: absolute;
text-align: left;
left: 40%;
}
}
@media (min-width: 768px) {
.hdp__content {
left: 64px;
max-width: 800px;
position: absolute;
text-align: left;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 3;
}
}
@media (min-width: 992px) {
.hdp__content {
left: 128px;
}
}
@media (min-width: 1200px) {
.hdp__content {
left: 200px;
}
}
@media (min-width: 1620px) {
.hdp__content {
left: calc(50vw - 810px + 200px);
}
}
.hdp__intro p:last-child {
margin-bottom: 0;
}
.hdp .mx-auto {
text-align: center;
}
.hdp .ms-auto {
text-align: right;
}
.hdp_image_count {
display: none;
position: absolute;
right: calc(50vw + 360px - 35px);
text-align: center;
top: 32px;
width: 60px;
}
@media (min-width: 768px) {
.hdp_image_count {
display: block;
}
}
@media (min-width: 838px) {
.hdp_image_count {
right: calc(50vw + 360px);
}
}
@media (min-width: 992px) {
.hdp_image_count {
right: calc(50vw + 480px - 35px);
top: calc(50% - 212px);
}
}
@media (min-width: 1062px) {
.hdp_image_count {
right: calc(50vw + 480px);
}
}
@media (min-width: 1200px) {
.hdp_image_count {
right: calc(50vw + 570px - 65px);
width: 100px;
}
}
@media (min-width: 1300px) {
.hdp_image_count {
right: calc(50vw + 570px);
}
}
@media (min-width: 1400px) {
.hdp_image_count {
right: calc(50vw + 700px - 100px);
}
}
@media (min-width: 1500px) {
.hdp_image_count {
right: calc(50vw + 700px - 15px);
}
}
.hdp_image_count--current {
font-size: 20px;
font-weight: 600;
}
.hdp_image_count--total {
color: #c7e7f8;
font-weight: 500;
}
.hdp__scroll {
position: absolute !important;
z-index: 10 !important;
}
.hdp__scroll {
bottom: 5px;
left: 50%;
margin: 0;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.icons__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
max-width: 1024px;
}
.icons__item {
aspect-ratio: 1/1;
background: linear-gradient(235deg, rgba(235, 160, 101, 0.85) 0%, rgba(182, 76, 65, 0.85) 100%), var(--bg) no-repeat center/cover, linear-gradient(235deg, #EBA065 0%, #B64C41 100%);
border-radius: 8px;
overflow: hidden;
padding: 0;
position: relative;
text-align: center;
width: 220px;
}
.icons__item:hover {
background: linear-gradient(235deg, rgba(235, 160, 101, 0.95) 0%, rgba(182, 76, 65, 0.95) 100%), var(--bg) no-repeat center/cover, linear-gradient(235deg, #EBA065 0%, #B64C41 100%);
}
.icons__item:hover .icons__icon {
opacity: 1;
}
.icons__item.alt {
background: linear-gradient(235deg, rgba(139, 197, 209, 0.95) 0%, rgba(0, 76, 119, 0.95) 100%), var(--bg) no-repeat center/cover, linear-gradient(235deg, #8bc5d1 0%, #004c77 100%);
}
.icons__item.alt .icons__icon {
background: #000084;
}
.icons__item.alt:hover {
background: linear-gradient(235deg, rgba(139, 197, 209, 0.85) 0%, rgba(0, 76, 119, 0.85) 100%), var(--bg) no-repeat center/cover, linear-gradient(235deg, #8bc5d1 0%, #004c77 100%);
}
.icons__icon {
background: #B64C41;
border-radius: 100%;
opacity: 0.5;
overflow: hidden;
height: 100px;
margin: 32px auto 8px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100px;
}
.icons__icon img {
-o-object-fit: none;
object-fit: none;
-o-object-position: left 50% top -32px;
object-position: left 50% top -32px;
}
.icons a {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
padding: 0 20px;
}
.icons h3 {
color: #fff;
font-size: 18px;
line-height: 1.5;
margin-bottom: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.icons img {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.carrousel {
overflow: hidden;
}
.carrousel__list.videos .carrousel__item {
padding: 0 25px;
}
.carrousel__list.videos .carrousel__item:hover span {
color: #f03c50;
}
.carrousel__list.videos .carrousel__item:hover .carrousel__media::before {
background: #f03c50;
}
.carrousel__list.videos .carrousel__item:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.carrousel__list.videos .carrousel__media {
position: relative;
}
.carrousel__list.videos .carrousel__media::before {
background: rgba(255, 255, 255, 0.5);
border-radius: 100%;
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/play.svg);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 80px;
left: 50%;
padding: 28px 33px;
position: absolute;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
top: 50%;
width: 80px;
z-index: 2;
}
.carrousel__item {
padding: 0 12px;
}
.carrousel__item span {
display: block;
font-size: 18px;
font-weight: 700;
margin-top: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.carrousel__item a:hover span {
color: #f03c50;
}
.carrousel__media {
background: #000084;
border-radius: 8px;
overflow: hidden;
}
.carrousel__media img {
opacity: 0.66;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.carrousel .slick-list {
overflow: visible;
}
.carrousel .slick-slide {
opacity: 0.15;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.carrousel .slick-active {
opacity: 1;
}
.carrousel .square img {
aspect-ratio: 1/1;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.carrousel .square_nocrop img {
aspect-ratio: 1/1;
-o-object-fit: contain;
object-fit: contain;
}
.carrousel .horizontal img {
aspect-ratio: 16/9;
-o-object-fit: contain;
object-fit: contain;
}
.carrousel .vertical img {
aspect-ratio: 9/16;
-o-object-fit: contain;
object-fit: contain;
}
.key_nbs {
text-align: center;
}
.key_nbs .row {
gap: 40px 20px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.key_nbs .container {
color: #fff;
}
.key_nbs .top {
color: #000084;
font-family: "Didot", sans-serif;
font-size: 36px;
font-weight: 700;
line-height: 1;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
@media (min-width: 992px) {
.key_nbs .top {
font-size: 48px;
}
}
@media (min-width: 1200px) {
.key_nbs .top {
font-size: 64px;
}
}
.key_nbs .chiffre {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: distribute;
justify-content: space-around;
position: relative;
}
@media (min-width: 1200px) {
.key_nbs .chiffre {
min-width: 296px;
}
}
.key_nbs .chiffre__label {
color: #000084;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.key_nbs .chiffre__prefix,
.key_nbs .chiffre__suffix {
font-size: 0.5em;
}
.key_nbs .chiffre__titre {
color: #000084;
display: block;
font-size: 15px;
font-weight: 700;
margin-bottom: 16px;
text-transform: uppercase;
}
@media (min-width: 992px) {
.key_nbs .chiffre__titre {
font-size: 16px;
}
}
.key_nbs[data-color="#000084"] .chiffre__label {
color: #fff;
}
.offres__map {
position: relative;
}
.offres__map .pin {
background: url(//alpol-cosmetique.com/wp-content/themes/kn/img/pin.svg) no-repeat center center;
color: #fff;
font-size: 16px;
font-weight: 700;
height: 46px;
padding: 5px 0;
position: absolute;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 36px;
}
.offres__map .pin:hover {
-webkit-filter: brightness(125%);
filter: brightness(125%);
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
.offres__map .pin-1 {
left: 22%;
top: 34%;
}
.offres__map .pin-2 {
right: 22%;
top: 40%;
}
.offres__map .pin-3 {
left: 44.2%;
top: 30%;
}
.offres__map .pin-4 {
right: 25%;
top: 48%;
}
.offres__list {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
margin: 20px auto 0;
max-width: 1100px;
}
.offres__item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 8px;
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
padding: 18px 24px;
text-align: left;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
@media (min-width: 768px) {
.offres__item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 992px) {
.offres__item {
-ms-flex-wrap: initial;
flex-wrap: initial;
}
}
.offres__item:hover {
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
@media (min-width: 992px) {
.offres__item:hover {
-webkit-transform: translateX(32px);
transform: translateX(32px);
}
}
.offres__item:hover h3 {
color: #f03c50;
}
.offres__item:hover .offres__link {
background: #f03c50;
color: #fff;
}
.offres__item h3 {
color: #000084;
margin: 0;
}
@media (min-width: 768px) {
.offres__item h3 {
width: calc(100% - 140px);
}
}
@media (min-width: 992px) {
.offres__item h3 {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
}
}
.offres__item+.bouton {
margin-top: 20px;
}
.offres__entreprise {
background: #0000e7;
border-radius: 4px;
color: #fff;
display: block;
font-size: 10px;
line-height: 1;
padding: 6px 4px;
text-align: center;
text-transform: uppercase;
width: 114px;
}
.offres__localisation {
border-left: 1px solid rgba(199, 231, 248, 0.33);
border-right: 1px solid rgba(199, 231, 248, 0.33);
color: #0073b7;
font-size: 10px;
font-weight: 500;
text-transform: uppercase;
padding: 0 32px;
width: 270px;
}
.offres__localisation img {
border-radius: 2px;
margin-right: 8px;
}
.offres__link {
border: 1px solid #f03c50;
border-radius: 24px;
color: #f03c50;
line-height: 1;
padding: 12px 24px;
}
.offres__search {
border: 1px solid #c7e7f8;
border-radius: 8px;
margin-top: 48px;
padding: 24px;
}
@media (min-width: 992px) {
.offres__search {
margin-top: 72px;
}
}
@media (min-width: 1400px) {
.offres__search {
margin-top: 120px;
padding: 32px 40px;
}
}
.offres__search form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 24px;
}
@media (min-width: 576px) {
.offres__search form {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 1200px) {
.offres__search form {
-ms-flex-wrap: initial;
flex-wrap: initial;
}
}
@media (min-width: 1400px) {
.offres__search form {
gap: 40px;
}
}
.offres__search form select {
width: 100%;
}
@media (min-width: 576px) {
.offres__search form select {
width: calc(50% - 12px);
}
}
@media (min-width: 1200px) {
.offres__search form select {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: auto;
}
}
.offres__search form [type=submit] {
background: #000084;
border-radius: 32px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 8px 12px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
border: 0;
width: 100%;
}
@media (min-width: 992px) {
.offres__search form [type=submit] {
padding: 15px 24px;
}
}
.offres__search form [type=submit]:hover {
background: #f03c50;
color: #fff;
}
.offres__search form [type=submit]:hover::before {
height: 100%;
}
@media (min-width: 576px) {
.offres__search form [type=submit] {
width: calc(50% - 12px);
}
}
@media (min-width: 1200px) {
.offres__search form [type=submit] {
margin-left: 10px;
width: auto;
}
}
.sticky-button {
background: #0000e7;
border-radius: 32px 0 0 0;
bottom: 0;
display: none;
padding: 14px 16px 10px;
position: fixed;
right: 0;
-webkit-transform: translateY(54px);
transform: translateY(54px);
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 212px;
z-index: 10;
}
@media (min-width: 576px) {
.sticky-button {
display: block;
}
}
.sticky-button:hover {
background: #000;
-webkit-transform: none;
transform: none;
}
.sticky-button:hover::before {
background: #000;
}
.sticky-button::before {
background: #0000e7;
border-radius: 100%;
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/thermo-picto.png);
left: 50%;
padding: 11px;
position: absolute;
top: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s;
transition: all 0.3s;
z-index: 2;
}
.sticky-button span {
color: #fff;
display: block;
font-size: 14px;
position: relative;
text-align: center;
text-transform: uppercase;
z-index: 3;
}
.sticky-button span b {
display: block;
}
.sticky-button .bouton {
display: block;
font-size: 13px;
margin: 10px auto 0;
padding: 14px 16px;
}
.slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.slick-slide {
float: none;
height: auto;
height: initial;
}
.slick-slider {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 32px 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.slick-arrows {
background: #000084;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 3px 10px;
}
.slick-disabled {
opacity: 0;
pointer-events: none;
}
.slick-arrow {
background: transparent;
border: 1px solid #000084;
border-radius: 30px;
color: #000084;
display: inline-block;
font-size: 13px;
font-weight: 500;
line-height: 1;
padding: 12px 20px;
position: relative;
text-align: center;
text-wrap: nowrap;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
font-size: 14px;
font-weight: 600;
max-width: 155px;
text-transform: uppercase;
width: 45%;
}
.slick-arrow:hover {
background: #000084;
color: #fff;
}
@media (min-width: 576px) {
.slick-arrow {
letter-spacing: 2.2px;
}
}
@media (min-width: 992px) {
.slick-arrow {
position: absolute;
top: 50%;
-webkit-transform-origin: center top;
transform-origin: center top;
width: 155px;
}
}
.slick-prev {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (min-width: 992px) {
.slick-prev {
left: -72px;
-webkit-transform: rotate(-90deg) translateY(-50%);
transform: rotate(-90deg) translateY(-50%);
}
}
.slick-next {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
@media (min-width: 992px) {
.slick-next {
right: -72px;
-webkit-transform: rotate(90deg) translateY(-50%);
transform: rotate(90deg) translateY(-50%);
}
}
.slick-dots {
margin: 0;
padding: 0;
bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.slick-dots li {
list-style: none;
}
.slick-dots li::before {
display: none;
}
.slick-dots button {
background: #f4f2f1;
border: 0;
border-radius: 15px;
font-size: 0;
height: 15px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 15px;
}
.slick-dots button:hover {
background: #f03c50;
}
.slick-active button {
background: #000084;
}
@media (min-width: 992px) {
.slider__basic {
padding: 0 48px;
}
}
@media (min-width: 1400px) {
.slider__basic {
padding: 0 90px;
}
}
.slider__item {
overflow: hidden;
position: relative;
}
@media (min-width: 992px) {
.slider__item {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
.slider__item img {
border-radius: 8px;
display: block;
margin: 0 auto 24px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 992px) {
.slider__item img {
margin: 0;
width: 50%;
}
}
@media (min-width: 1200px) {
.slider__item img {
width: 580px;
}
}
.slider__text {
-ms-flex-item-align: center;
align-self: center;
background: #fff;
font-size: 14px;
position: relative;
z-index: 3;
}
.slider__text h2 {
font-size: 28px;
}
.slider__text h3 {
font-size: 14px;
}
.slider__text .bouton {
font-size: 12px;
padding: 12px 20px;
}
.slider__text .cta {
margin-top: 32px;
}
@media (min-width: 992px) {
.slider__text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 50px 0;
padding: 50px 0;
-webkit-transform: translateX(50vw);
transform: translateX(50vw);
-webkit-transition: all 0.5s;
transition: all 0.5s;
width: 50%;
}
.slider__text .deco {
background: #fff;
border-radius: 8px 0 0 8px;
height: 100%;
position: absolute;
right: 100%;
top: 0;
width: 70px;
z-index: 0;
}
.slider__text .deco::before,
.slider__text .deco::after {
content: "";
height: 12px;
position: absolute;
right: 0;
width: 12px;
}
.slider__text .deco::before {
border-bottom-right-radius: 8px;
bottom: 100%;
-webkit-box-shadow: 2px 2px 0 #fff;
box-shadow: 2px 2px 0 #fff;
}
.slider__text .deco::after {
border-top-right-radius: 8px;
-webkit-box-shadow: 2px -2px 0 #fff;
box-shadow: 2px -2px 0 #fff;
top: 100%;
}
}
.slider[data-color="#e4f5fa"] .slider__text {
background: #e4f5fa;
}
.slider[data-color="#e4f5fa"] .slider__text .deco {
background: #e4f5fa;
}
.slider[data-color="#e4f5fa"] .slider__text .deco::before {
-webkit-box-shadow: 2px 2px 0 #e4f5fa;
box-shadow: 2px 2px 0 #e4f5fa;
}
.slider[data-color="#e4f5fa"] .slider__text .deco::after {
-webkit-box-shadow: 2px -2px 0 #e4f5fa;
box-shadow: 2px -2px 0 #e4f5fa;
}
@media (min-width: 992px) {
.slider .slick-active .slider__text {
-webkit-transform: none;
transform: none;
}
}
.tabs_acc .section__title {
display: block;
margin-bottom: 0;
text-align: left;
}
.tabs_acc .section__title h2 {
color: #000084;
margin-bottom: 24px;
}
.tabs_acc .section__title img {
border-radius: 8px;
}
.tabs_acc .row {
gap: 32px 0;
}
@media (min-width: 1400px) {
.tabs_acc .row {
--bs-gutter-x: 100px;
}
}
.tab .tabs_wrapper {
max-width: 900px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.tab .nav-link {
border: 0;
color: #000084;
font-weight: 700;
}
.tab .nav-link.active {
background: #000084;
color: #fff;
}
.tab .tab-content {
background: #fff;
overflow: hidden;
padding: 20px;
}
.accordion {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
}
.accordion-item {
background: none;
border: 0;
position: relative;
}
.accordion-item:hover .accordion-button {
color: #c7e7f8;
}
.accordion-body {
background: #fafcff;
border-radius: 0 0 8px 8px;
color: #0073b7;
padding: 24px;
}
@media (min-width: 1200px) {
.accordion-body {
padding: 32px;
}
}
.accordion-body> :last-child {
margin-bottom: 0;
}
.accordion-body::after {
-webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
box-shadow: 0 0 16px rgba(0, 0, 0, 0.08);
content: "";
display: block;
height: 100%;
left: 0;
pointer-events: none;
position: absolute;
top: 0;
width: 100%;
}
.accordion-button {
background: #fff;
border-radius: 8px;
gap: 12px;
font-size: 18px;
font-weight: 700;
overflow: hidden;
padding: 17px 14px 17px 24px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.accordion-button:not(.collapsed) {
background: #fff;
border: 0;
border-radius: 8px 8px 0 0;
-webkit-box-shadow: none;
box-shadow: none;
color: #000021;
}
.accordion-button:not(.collapsed)::after {
background: #000084;
content: "–";
padding-top: 0;
}
.accordion-button::after {
background-image: none !important;
}
.accordion-button::after {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #000084;
border-radius: 4px;
color: #fff;
content: "+";
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 24px;
font-weight: 100;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
padding-top: 1px;
width: 28px;
}
.team__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px 0;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (min-width: 1400px) {
.team__list {
--bs-gutter-x: 50px;
}
}
.team__name {
color: #000084;
margin-bottom: 8px;
}
.team__poste {
font-size: 16px;
text-transform: uppercase;
}
.team img {
border-radius: 8px;
margin-bottom: 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.testimonials {
overflow: hidden;
}
.testimonials__list {
margin: 0 auto;
max-width: 880px;
}
.testimonials__list .slick-list {
overflow: visible;
}
.testimonials__item {
opacity: 0.16;
padding: 0 20px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.testimonials__item.slick-active {
opacity: 1;
}
@media (min-width: 992px) {
.testimonials__item {
padding: 0 40px;
}
}
.testimonials__quote {
font-family: "Didot", sans-serif;
font-size: 24px;
font-weight: 700;
text-align: center;
line-height: 1.5;
}
.testimonials__quote::before {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/quote.svg);
display: block;
margin: 0 auto 16px;
}
.testimonials__author {
font-size: 14px;
text-align: center;
}
.testimonials__author::before {
background: rgba(0, 0, 33, 0.16);
content: "";
display: block;
height: 1px;
margin: 24px auto;
width: 180px;
}
@media (min-width: 992px) {
.testimonials__author::before {
margin: 46px auto 20px;
}
}
.testimonials__nom,
.testimonials__poste {
font-weight: 700;
}
.testimonials .slick-arrow {
border: 0;
border-radius: 0;
height: 16px;
padding: 0;
position: absolute;
width: 16px;
}
@media (min-width: 1200px) {
.testimonials .slick-arrow {
height: 24px;
width: 24px;
}
}
.testimonials .slick-arrow:hover {
background: none;
border-color: #c7e7f8;
}
.testimonials .slick-prev {
border-bottom: 2px solid #000021;
border-left: 2px solid #000021;
left: 8px;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
}
.testimonials .slick-next {
border-bottom: 2px solid #000021;
border-right: 2px solid #000021;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
right: 8px;
}
.teaser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px 0;
}
@media (min-width: 1200px) {
.teaser {
gap: 40px 0;
margin: 0 -20px;
}
}
.teaser__item {
position: relative;
text-align: left;
width: 100%;
z-index: 2;
}
@media (min-width: 576px) {
.teaser__item {
padding: 0 12px;
width: 50%;
}
}
@media (min-width: 992px) {
.teaser__item {
width: 33.3333333333%;
}
}
@media (min-width: 1200px) {
.teaser__item {
padding: 0 20px;
width: 25%;
}
}
.teaser__item.nopostsfound {
justify-self: center;
text-align: center;
width: 100%;
}
.teaser__link,
.teaser__title,
.teaser__date,
.teaser__excerpt {
color: #000084;
}
.teaser__image {
aspect-ratio: 27/21;
border-radius: 8px;
overflow: hidden;
}
.teaser__image img {
display: block;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.teaser__date {
background: #fff;
border-radius: 0 8px 0 0;
color: #000021;
display: block;
font-size: 14px;
font-weight: 400;
margin-bottom: 14px;
padding: 14px 26px 0 22px;
position: relative;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
}
.teaser__date::before,
.teaser__date::after {
border-bottom-left-radius: 8px;
-webkit-box-shadow: -4px 2px 0 #fff;
box-shadow: -4px 2px 0 #fff;
content: "";
height: 12px;
position: absolute;
width: 12px;
}
.teaser__date::before {
bottom: 100%;
left: 0;
}
.teaser__date::after {
bottom: 7px;
left: 100%;
}
.teaser__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-top: -28px;
}
.teaser__title {
font-family: "Didot", sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 1.175;
margin-bottom: 22px;
padding: 0 22px;
text-transform: none;
text-transform: initial;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.teaser__more {
font-size: 12px;
margin-left: 22px;
margin-top: auto;
padding: 12px 20px;
}
.teaser__link {
background: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
overflow: hidden;
padding: 10px 10px 36px;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.teaser__link:hover {
border-color: #000084;
-webkit-box-shadow: 0 4px 32px rgba(0, 0, 0, 0.16);
box-shadow: 0 4px 32px rgba(0, 0, 0, 0.16);
}
.teaser__link:hover .teaser__image img {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.teaser__link:hover .teaser__more {
background: #f03c50;
color: #fff;
}
.article__content>.container>img:first-child {
border-radius: 16px;
margin-bottom: 16px;
}
.article__content>.container h1 {
margin-bottom: 32px;
}
.notfound {
text-align: center;
}
.searchform {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) {
.searchform {
display: none;
}
}
.searchform__opener {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 28px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
width: 28px;
z-index: 11;
}
.searchform__opener img {
width: 24px;
}
.searchform__input {
border: 0;
border-right: 0;
border-radius: 16px 0 0 16px;
font-size: 12px;
line-height: 1;
padding: 6px 0 6px 16px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 180px;
}
@media (min-width: 1200px) {
.searchform__input {
width: 202px;
}
}
.searchform__input:focus,
.searchform__input[focus-within] {
outline: 0;
}
.searchform__input:focus,
.searchform__input:focus-within {
outline: 0;
}
.searchform__close {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #c7e7f8;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 36px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 36px;
z-index: 12;
}
.searchform__submit {
background: #fff;
border: 0;
border-radius: 0 16px 16px 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 36px;
flex: 0 0 36px;
font-size: 0;
height: 28px;
pointer-events: none;
position: relative;
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 28px;
z-index: 10;
}
.searchform__submit img {
-webkit-filter: brightness(0);
filter: brightness(0);
}
.searchform__container {
position: relative;
}
.searchform__container.open .searchform {
max-width: none;
max-width: initial;
opacity: 1;
white-space: nowrap;
z-index: 12;
}
.searchform__container.open .searchform__input {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.searchform__container.open .searchform__close,
.searchform__container.open .searchform__submit {
opacity: 1;
pointer-events: all;
}
.search.open .searchform {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.togglesearch {
cursor: pointer;
display: none;
pointer-events: all;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
@media (min-width: 992px) {
.togglesearch {
display: block;
}
}
.togglesearch:hover {
-webkit-filter: brightness(200%);
filter: brightness(200%);
}
.togglesearch .togglebtn {
padding: 6px;
}
.gform_fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 32px 40px;
}
@media (min-width: 768px) {
.gform_fields {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.gform_required_legend {
display: none;
}
.gform_title {
font-size: 28px;
font-weight: 500;
margin-bottom: 15px;
}
@media (min-width: 1200px) {
.gform_title {
font-size: 55px;
}
}
.gform_validation_errors {
color: #000084;
}
#gform_1_validation_container,
#gform_1_validation_container .gform_submission_error.hide_summary {
color: #f03c50 !important;
}
.gform_validation_errors h2 {
font-size: 16px;
}
.gform_next_button,
.gform_previous_button,
.gform_button {
background: #000084;
border: 0;
border-radius: 32px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 16px;
padding: 8px 12px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
text-transform: uppercase;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
}
@media (min-width: 992px) {
.gform_next_button,
.gform_previous_button,
.gform_button {
padding: 15px 24px;
}
}
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover {
background: #f03c50;
color: #fff;
}
.gform_next_button:hover::before,
.gform_previous_button:hover::before,
.gform_button:hover::before {
height: 100%;
}
.gform_next_button:hover,
.gform_previous_button:hover,
.gform_button:hover {
background: #c7e7f8;
border-color: #c7e7f8;
color: #fff;
}
.gfield_label {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 8px;
}
.gfield_required {
color: #f03c50;
font-size: 14px;
margin-left: 1px;
padding-left: 0;
}
.gfield_description {
margin-bottom: 8px;
}
.gfield_select {
font-size: 14px;
width: 100%;
}
.gfield--width-full>.ginput_container { }
.gfield_list_group {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
margin-bottom: 15px;
}
.gfield_list_group_item {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.gsection {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
text-align: center;
}
.gsection_title {
color: #c7e7f8;
font-size: 15px;
text-transform: uppercase;
}
fieldset {
border: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 0;
}
fieldset.hidden_label legend {
display: none;
}
fieldset.hidden_label label {
display: inline;
font-size: 13px;
}
fieldset.hidden_label label a {
color: #000084;
}
fieldset .ginput_container_consent {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
}
fieldset .ginput_container_consent_password {
gap: 30px;
}
fieldset .ginput_container_consent_password>span {
display: block;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%;
}
.gform_footer {
margin-top: 40px;
text-align: center;
}
.gform_footer [type=submit] {
background: #000084;
border-radius: 32px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 8px 12px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
border: 0;
text-transform: uppercase;
}
@media (min-width: 992px) {
.gform_footer [type=submit] {
padding: 15px 24px;
}
}
.gform_footer [type=submit]:hover {
background: #f03c50;
color: #fff;
}
.gform_footer [type=submit]:hover::before {
height: 100%;
}
.ginput_container [type=file] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 1px solid #000021;
border-radius: 4px;
color: #000084;
padding: 5px;
width: 100%;
}
.ginput_container [type=radio],
.ginput_container [type=checkbox] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: #fff;
border: 4px solid #fff;
cursor: pointer;
-webkit-box-flex: 0;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
height: 20px;
-webkit-transform: translateY(5px);
transform: translateY(5px);
-webkit-transition: all 0.3s;
transition: all 0.3s;
width: 20px;
}
@media (min-width: 992px) {
.ginput_container [type=radio],
.ginput_container [type=checkbox] {
outline: 1px solid #0000e7;
}
}
.ginput_container [type=radio]:hover,
.ginput_container [type=checkbox]:hover {
background: #000084;
}
.ginput_container [type=radio]:checked,
.ginput_container [type=checkbox]:checked {
background: #fff;
border: 4px solid #0000e7;
outline: 1px solid #0000e7;
}
.ginput_container [type=radio]:checked+label,
.ginput_container [type=checkbox]:checked+label {
color: #0000e7;
}
.ginput_container [type=radio]+label,
.ginput_container [type=checkbox]+label {
cursor: pointer;
padding-left: 16px;
}
@media (min-width: 992px) {
.ginput_container [type=radio]+label,
.ginput_container [type=checkbox]+label {
padding-left: 12px;
}
}
.ginput_container [type=radio] {
border-radius: 100%;
}
.ginput_container [type=checkbox] {
border-radius: 4px;
}
.ginput_container textearea {
display: block;
}
.ginput_container .gfield_radio,
.ginput_container .gfield_checkbox {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 16px;
}
.ginput_container .gfield_radio .gchoice,
.ginput_container .gfield_checkbox .gchoice {
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 13px;
font-weight: 300;
position: relative;
}
.ginput_container_date [type=text] {
background: #fff url(//alpol-cosmetique.com/wp-content/themes/kn/img/datepicker.png) no-repeat right 7px top 7px;
}
.gform_wrapper.gravity-theme .gf_progressbar {
background: rgba(0, 0, 33, 0.15);
margin-bottom: 3rem;
}
.gform_wrapper.gravity-theme .gf_progressbar_wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
padding-top: 24px;
}
.gform_wrapper.gravity-theme .gf_progressbar_wrapper+.gform_body .gform_page {
padding: 0 20px;
}
.gform_wrapper.gravity-theme .gf_progressbar_title {
color: #c7e7f8;
font-size: 1rem;
text-transform: uppercase;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
background: #c7e7f8;
height: 8px;
position: relative;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage::after {
content: url(//alpol-cosmetique.com/wp-content/themes/kn/img/contact_rocket.png);
position: absolute;
right: -70px;
top: calc(50% - 16px);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage[style="width:0%;"]::after,
.gform_wrapper.gravity-theme .gf_progressbar_percentage[style="width: 0%;"]::after {
right: -70px;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentagepercentbar_100,
.gform_wrapper.gravity-theme .gf_progressbar_percentage span {
display: none;
}
.gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
background: #fff;
border-radius: 4px;
color: red;
display: inline-block;
font-size: 11px;
margin-top: 10px;
max-width: 100%;
padding: 10px;
position: relative;
}
.gform_wrapper .gfield_validation_message::before,
.gform_wrapper .validation_message::before {
content: "";
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
position: absolute;
left: 50%;
top: -10px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.gform_validation_container,
.gform_wrapper.gravity-theme .gform_validation_container,
body .gform_wrapper.gravity-theme .gform_body .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_fields .gfield.gform_validation_container,
body .gform_wrapper.gravity-theme .gform_validation_container {
display: none;
}
.hidden_label label {
display: none;
}
.ui-datepicker {
background: #fff;
border: 1px solid #000084;
}
.ui-datepicker[style] {
padding: 12px;
}
.ui-datepicker-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.ui-datepicker-header .ui-corner-all {
cursor: pointer;
}
.ui-datepicker-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
width: 100%;
}
.ui-datepicker-title select {
padding: 12px 8px;
}
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
padding: 3px;
text-align: center;
}
.ui-datepicker-other-month {
opacity: 0.2;
}
.ui-datepicker a:hover {
color: #f03c50;
}
.wp-submit {
background: #000084;
border-radius: 32px;
color: #fff;
display: inline-block;
font-size: 14px;
line-height: 20px;
padding: 8px 12px;
position: relative;
text-align: center;
text-decoration: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
vertical-align: middle;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
z-index: 1;
}
@media (min-width: 992px) {
.wp-submit {
padding: 15px 24px;
}
}
.wp-submit:hover {
background: #f03c50;
color: #fff;
}
.wp-submit:hover::before {
height: 100%;
}
@media (min-width: 576px) {
.gfield--width-half {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 20px);
flex: 0 0 calc(50% - 20px);
}
.gfield--width-third,
.gfield--width-full {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
}
}
@media (min-width: 768px) {
.gfield--width-third {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(50% - 40px);
flex: 0 0 calc(50% - 40px);
}
}
@media (min-width: 992px) {
.gfield--width-third {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(33.3333333333% - 26.6666666667px);
flex: 0 0 calc(33.3333333333% - 26.6666666667px);
}
}