@charset "utf-8";

/*++++++++ TYPOGRAPHIES ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Source+Code+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');

/*++++++++ BODY ET HTML ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html {
overflow-x: hidden;
}
body {
font-weight: 500;
line-height: 1.35em;
font-size: 16px;
color: Black;
overflow-x: hidden !important;
}
.preloader {
background-color: rgba(255, 255, 255, 0.95);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999999;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
margin: 0 auto
}
.preloader .preloader-circle {
width: 100px;
height: 100px;
position: relative;
border-style: solid;
border-width: 1px;
border-top-color: var(--primary);
border-bottom-color: var(--secondary);
border-left-color: transparent;
border-right-color: transparent;
z-index: 10;
border-radius: 50%;
-webkit-box-shadow: 0 1px 1px 0 rgba(var(--primary), 1);
box-shadow: 0 1px 1px 0 rgba(var(--primary), 1);
background-color: transparent;
-webkit-animation: zoom 2000ms infinite ease;
animation: zoom 2000ms infinite ease;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s
}
.preloader.update-progress .preloader-circle {
width: 200px;
height: 200px;
}
.preloader .preloader-circle2 {
border-top-color: var(--primary);
}
.preloader .preloader-img {
position: absolute;
top: 50%;
z-index: 200;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
display: inline-block;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-top: 6px;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
.preloader .preloader-img img {
max-width: 55px
}
.preloader .pere-text strong {
font-weight: 800;
color: var(--primary);
text-transform: uppercase
}
@-webkit-keyframes zoom {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
}
@keyframes zoom {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s
}
}

/*++++++++ TOP ++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.logo {
max-width: 110px;
height: auto;
transition: all 1.5s;
display: inline-block;
position: relative;
width: 100%;
}
.co-brand {
max-width: 120px;
height: auto;
vertical-align: middle;
}
.navbar-brand span {
display: inline-block;
position: relative;
vertical-align: middle;
}
.navbar-brand {
display: inline-block;
max-width: 300px;
font-size: 1rem;
}
.sticky .navbar-brand {
display: none;
opacity: 0;
}
.sticky.is-sticky .navbar-brand {
display: block;
height: 100%;
transition: all 0.8s;
opacity: 1;
}
.sticky.is-sticky {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 1000;
width: 100%;
max-height: 80px;
background: #000 !important;
}
nav {
background: transparent !important;
}
.navbar-nav {
background: transparent;
width: 100%;
justify-content: center;
}
.navbar-dark .navbar-nav .nav-link {
color: White;
text-align: center;
cursor: pointer;
transition: all 0.8s;
}
.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .active>.nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
color: var(--secondary);
font-weight: 600;
}
.dropdown-menu .nav-item {
padding-right: 0;
}
.nav-item {
font-size: 0.9em;
color: White;
padding-left: 20px;
padding-right: 20px;
}
.dropdown-menu .nav-item a::before {
content: "\f061";
margin-left: -25px;
margin-right: 10px;
font-family: "Font Awesome 5 Pro";
font-weight: normal;
}
.navbar-expand-lg .navbar-nav .nav-link {
font-weight: 700;
}
.nav-item a {
color: White;
transition: all 0.8s;
}
.nav-item a:hover {
color: Black;
}
.navbar-dark .navbar-toggler {
color: transparent;
border-color: transparent !important;
position: absolute;
top: 0;
left: 0;
float: left;
align-self: center;
position: fixed;
top: 0;
left: 0;
border: none;
box-shadow: none;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0;
}
.dropdown-item {
font-family: 'Raleway', sans-serif;
font-size: 0.8em;
font-weight: 500;
text-transform: none;
letter-spacing: 0.1em;
white-space: unset;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:focus {
color: var(--secondary) !important;
text-decoration: none;
background-color: var(--primary);
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: middle;
border-top: none;
border-right: none;
border-bottom: 0;
border-left: none;
content: '\f063';
font-family: "Font Awesome 5 Pro";
font-weight: 100;
color: var(--secondary);
}
.dropdown-menu p {
font-family: 'Raleway', sans-serif;
font-size: 0.8em;
font-weight: 500;
text-transform: none;
letter-spacing: 0.1em;
}
.megamenu {
position: static;
}
.dropdown-menu.show {
display: block;
right: 0;
left: auto;
min-width: 300px;
}
.nav-item.dropdown.show a.nav-link.dropdown-toggle {
color: var(--secondary);
}
.megamenu .dropdown-menu {
background: none;
border: none;
width: 100%;
box-shadow: none;
border-radius: unset;
}
.navbar-collapse {
padding-top: 1rem;
padding-bottom: 1rem;
border-top-left-radius: 1.75rem;
border-bottom-right-radius: 1.75rem;
min-width: 100%;
align-self: flex-end;
}
.top-bar {
min-width: 100%;
padding: 0.25rem 1rem;
background: var(--light);
border-bottom-left-radius: 1.75rem;
border-top-right-radius: 1.75rem;
}

/* AUTRE TYPE DE STICKY NAV*/
.ftco-navbar-dark.scrolled .logo {
background: White;
max-width: 40px;
margin-right: 10px;
}
.navbar {
padding: 0 1rem;
}
.navbar-nav {
width: 96%;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
display: block;
}
.ftco-navbar-dark {
background: transparent !important;
top: 0;
left: 0;
right: 0;
z-index: 20;
}
@media (max-width: 991.98px) {
.ftco-navbar-dark {
position: relative !important;
top: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
}
}
.ftco-navbar-dark .container {
width: 100%;
margin: 0 auto;
padding: 0;
}
.ftco-navbar-dark .navbar-brand {
color: var(--light);
padding-top: .7rem;
padding-bottom: .7rem;
}
.ftco-navbar-dark .navbar-brand:hover,
.ftco-navbar-dark .navbar-brand:focus {
color: var(--secondary) !important;
}
@media (max-width: 991.98px) {
.ftco-navbar-dark .navbar-brand {
color: var(--light);
}
}
@media (max-width: 991.98px) {
.ftco-navbar-dark .navbar-nav {
padding-bottom: 20px;
margin-right: 0;
}
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link {
padding-top: .7rem;
padding-bottom: .7rem;
padding-left: 0;
padding-right: 0;
color: var(--light);
font-weight: 500;
opacity: 1 !important;
text-transform: uppercase;
font-size: 0.95em;
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link span {
position: relative;
display: block;
padding: 0 0.25em 2px;
}
@media (max-width: 1199.98px) {
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link span {
display: inline-block;
}
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link span:before {
content: "";
position: absolute;
width: 200%;
height: 3px;
bottom: 0;
left: -50%;
z-index: -1;
background: var(--secondary);
visibility: visible;
-webkit-transform: scaleX(0);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link:hover span:before {
visibility: visible;
-webkit-transform: scaleX(1);
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
transform: scaleX(1);
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link {
display: inline-block;
position: relative;
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link:hover {
color: var(--secondary);
}
@media (max-width: 991.98px) {
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link {
padding-left: 0;
padding-right: 0;
padding-bottom: 1rem;
padding-top: 0;
color: White;
}
}
.ftco-navbar-dark .navbar-nav>.nav-item.cta>a {
color: White;
border: 1px solid var(--secondary);
padding-top: .7rem;
padding-bottom: .7rem;
padding-left: 18px;
padding-right: 18px;
background: var(--secondary);
margin-top: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.ftco-navbar-dark .navbar-nav>.nav-item.cta>a span {
display: inline-block;
color: White;
}
.ftco-navbar-dark .navbar-nav>.nav-item.cta>a:hover {
background: var(--secondary);
border: 1px solid var(--secondary);
}
.ftco-navbar-dark .navbar-nav>.nav-item.cta.cta-colored a {
border: 1px solid #a0f669;
background: #a0f669 !important;
}
.ftco-navbar-dark .navbar-nav>.nav-item .nav-link.active {
border: solid 1px #fff !important;
background: transparent !important;
color: #fff !important;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
padding-left: 5px;
padding-right: 5px;
}
.ftco-navbar-dark .navbar-nav>.nav-item .nav-link.active span:before {
visibility: visible;
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
@media (max-width: 991.98px) {
.ftco-navbar-dark .navbar-nav>.nav-item.active>a {
color: White;
}
}
.ftco-navbar-dark .navbar-toggler {
border: none;
color: rgba(255, 255, 255, 0.5) !important;
cursor: pointer;
width: 1.5em;
height: 1.5em;
background: no-repeat center center;
background-size: auto;
background-size: 100% 100%;
color: var(--primary) !important;
font-size: 2em;
justify-content: center;
align-items: center;
float: right;
margin-right: 20px;
margin-top: 20px;
}
.ftco-navbar-dark .navbar-toggler:hover,
.ftco-navbar-dark .navbar-toggler:focus {
text-decoration: none;
color: var(--secondary);
outline: none !important;
}
.ftco-navbar-dark.scrolled {
position: fixed !important;
right: 0;
left: 0;
top: 0;
margin-top: -130px;
background: #fff !important;
-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
padding: 0 0 0 15px;
border-bottom-right-radius: 2.5rem;
}
.ftco-navbar-dark.scrolled .nav-item>.nav-link {
font-size: 0.75rem;
font-weight: 700;
padding-bottom: 0 !important;
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.ftco-navbar-dark.scrolled .nav-item.active>a {
color: var(--secondary) !important;
background: White;
}
.ftco-navbar-dark.scrolled .nav-item.cta>a {
color: #fff !important;
background: var(--secondary);
border: none !important;
padding-top: 0.5rem !important;
padding-bottom: .5rem !important;
padding-left: 20px !important;
padding-right: 20px !important;
margin-top: 5px !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
border-radius: 5px;
}
.ftco-navbar-dark.scrolled .nav-item.cta>a span {
display: inline-block;
color: #fff !important;
}
.ftco-navbar-dark.scrolled .nav-item.cta.cta-colored span {
border-color: var(--secondary);
}
@media (max-width: 991.98px) {
.ftco-navbar-dark.scrolled .navbar-nav {
background: none;
border-radius: 0px;
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
}
}
.ftco-navbar-dark.scrolled .navbar-toggler {
border: none;
border-color: rgba(0, 0, 0, 0.5) !important;
cursor: pointer;
width: 1.5em;
height: 1.5em;
background: no-repeat center center;
background-size: auto;
background-size: 100% 100%;
color: var(--primary) !important;
font-size: 2em;
justify-content: center;
align-items: center;
float: right;
margin-right: 40px;
margin-top: 10px;
}
.ftco-navbar-dark.scrolled .nav-link.active {
color: var(--secondary) !important;
background: #fff !important;
}
.ftco-navbar-dark.scrolled .navbar-nav>.nav-item .nav-link.active span::before {
display: none;
}
.ftco-navbar-dark.scrolled.awake {
margin-top: 0px;
-webkit-transition: .3s all ease-out;
-o-transition: .3s all ease-out;
transition: .3s all ease-out;
}
.ftco-navbar-dark.scrolled.sleep {
-webkit-transition: .3s all ease-out;
-o-transition: .3s all ease-out;
transition: .3s all ease-out;
}
.ftco-navbar-dark.scrolled .navbar-brand {
color: White;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
font-size: 0.85em;
font-weight: 700;
}
.ftco-navbar-dark.scrolled .top-bar {
display: none;
}
.ftco-navbar-dark.scrolled .navbar-collapse {
font-size: 0.8em;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.dropdown-menu {
color: initial;
border: none;
border-radius: 0;
background-color: var(--primary);
padding: 0.75em;
}
.dropdown-menu h6 span {
font-size: 1.3em;
font-weight: 900;
}
.dropdown-menu h6 {
font-size: 0.9em !important;
line-height: 1.2em;
font-weight: 700;
}
li.nav-item.dropdown.megamenu.show .dropdown-menu .nav-link.active {
border: none !important;
color: #000 !important;
font-weight: 700;
background: rgba(255, 255, 255, 0.5) !important;
border-radius: 4px !important;
}

/*+++++ PAGINATION++++++++++*/
.page-link {
border: none;
font-size: 1.5em;
}
.page-item {
display: inline-block;
align-self: center;
}
.previous .page-link,
.next .page-link {
font-size: 0.8em;
}
.page-item.disabled .page-link {
color: var(--gray-light);
}
.page-item.active .page-link {
border-top-right-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
}
/*++*/

/*++++++++ STYLES DE TEXTE ++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
a {
transition: all 0.8s;
color: inherit;
}
a:hover {
color: Black;
}
b,
strong {
font-weight: 800;
}
.text-bold {
font-weight: 900;
}
i.fal {
vertical-align: middle;
}
h1,
.h1 {
font-size: 2.9em;
line-height: 1.1em;
font-weight: 400;
white-space: normal;
font-family: var(--font-family-sans-serif);
}
h2,
.h2 {
font-size: 2.6em;
line-height: 1.1em;
font-weight: 300;
font-family: var(--font-family-sans-serif);
}
.titre::after {
content: url(../img/puce-titre.png);
display: block;
position: relative;
margin: 10px auto 0;
line-height: 0;
}
h3,
.h3 {
font-size: 1.5em;
line-height: 1.1em;
font-weight: 600;
font-family: var(--font-family-sans-serif);
}
h4,
.h4 {
font-size: 1.15em;
line-height: 1.1em;
font-weight: 800;
font-family: var(--font-family-sans-serif);
}
h5,
.h5 {
font-size: 1.05em;
line-height: 1.1em;
font-weight: 800;
letter-spacing: 0.1em;
font-family: var(--font-family-sans-serif);
}
h6,
.h6 {
font-size: 0.9em;
line-height: 1.2em;
font-weight: 700;
font-family: var(--font-family-sans-serif);
text-transform: uppercase;
letter-spacing: 0.05em;
margin-top: 10px;
margin-bottom: 10px;
}
.blockquote {
margin: 0 0 1rem;
padding-left: 1.5rem;
border-left: solid 0.25rem var(--light);
font-size: 1.1em;
line-height: 1.4em;
}
small,
.small {
font-size: 65%;
}
.lead {
line-height: 1.5em;
font-size: 1.22em !important;
letter-spacing: normal !important;
font-weight: 500 !important;
}
code {
font-size: 85.5%;
color: rgba(var(--red), 1);
font-family: var(--font-family-monospace);
letter-spacing: 0.05em;
}
.liste-stylisee {
margin: 2rem auto;
}
.liste-stylisee li {
list-style-type: none;
padding-left: 1.5em;
margin-bottom: 1em;
}
.liste-stylisee li:before {
content: '\f061';
font-size: 1.2em;
font-family: "Font Awesome 5 Pro";
margin-right: 0.70em;
margin-left: -1.5em;
color: var(--secondary);
font-weight: 100;
}
.liste-stylisee.liste-white li:before {
color: White;
}
.liste-stylisee a:hover {
margin-left: 5px;
}
.liste-stylisee ul li:before {
content:'•'
}
li.reseaux::before {
content: '' !important;
display: none;
}
li.reseaux {
display: flex;
width: 100%;
position: relative;
}
li.reseaux a {
padding: 0.25em 0.75em 0.25em 0;
font-size: 0.8em;
text-align: center;
color: var(--primary);
margin-right: 10px;
transition: all 0.4s;
}
li.reseaux a:hover {
margin-left: 0;
color: var(--secondary);
}
.text-script {
font-style: italic;
line-height: 1.25em;
background: url("../img/guillemets-citation.png") top left no-repeat;
background-size: 15%;
display: block;
padding: 2% 1% 2.5% 5%;
margin: 0 auto;
align-self: center;
position: relative;
width: 80%;
font-size: 1.4em !important;
}
.text-script br {
margin-bottom: 10px;
}
.text-script.primary {
background: url("../img/guillemets-citation-primary.png") top left no-repeat;background-size: 15%;
}
.text-script.secondary {
background: url("../img/guillemets-citation-secondary.png") top left no-repeat;background-size: 15%;
}
.script-2 {
font-style: italic;
line-height: 1.1em;
font-weight: 600 !important;
}
.no-link {
cursor: default;
}
.no-link:hover {
color: inherit;
}
.accroche {
font-size: 2em !important;
width: 80%;
margin: 40px 0 20px -16%;
font-weight: 300;
padding-left: 11%;
}
.menu-title {
padding-top: .7rem;
padding-bottom: .7rem;
font-size: 1.8em;
font-weight: 400;
font-style: italic;
color: var(--secondary);
}
.font-size-small {
font-size: 0.75em !important;
line-height: 1.1em;
}
.font-size-medium {
font-size: 1.2em !important;
line-height: 1.4em;
}
.font-size-big {
font-size: 2em !important;
line-height: 1.25em;
}
.text-green {
color: var(--green) !important;
}
a.text-green:hover,
a.text-green:focus {
color: #000 !important;
}
.text-dark-green {
color: var(--dark-green) !important;
}
a.text-dark-green:hover,
a.text-green:focus {
color: #000 !important;
}
.text-light-green {
color: var(--light-green) !important;
}
a.text-light-green:hover,
a.text-green:focus {
color: #000 !important;
}
.text-light-blue {
color: var(--light-blue) !important;
}
a.text-light-blue:hover,
a.text-light-blue:focus {
color: #000 !important;
}
.text-brown {
color: var(--brown) !important;
}
a.text-brown:hover,
a.text-brown:focus {
color: #000 !important;
}
.text-dark-yellow {
color: var(--dark-yellow) !important;
}
a.text-dark-yellow:hover,
a.text-dark-yellow:focus {
color: #000 !important;
}
.text-gray-light {
color: var(--gray-light) !important;
}
a.text-gray-light:hover,
a.text-gray-light:focus {
color: #000 !important;
}
.text-black {
color: #000 !important;
}
a.text-black:hover,
a.text-black:focus {
color: var(--dark-gray) !important;
}
.text-dark-blue {
color: var(--dark-blue) !important;
}
a.text-dark-blue:hover,
a.text-dark-blue:focus {
color: #000 !important;
}
.text-gray {
color: var(--gray) !important;
}
a.text-gray:hover,
a.text-gray:focus {
color: #000 !important;
}
.border-green {
border-color: var(--green) !important;
}
.cta-offre {
font-size: 1.2rem;
line-height: 1.4rem;
}
.cta-offre.offre-page p {
font-size: 0.9em;
}
.cta-offre img {
max-width: 180px;
margin: 0 auto;
display: block;
}
.btn-ctaOffre {
display: block;
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0);
width: 100%;
height: 100%;
z-index: 1;
transition: all 1s;
}
.btn-ctaOffre:hover {
background: rgba(255, 255, 255, 0.6);
}
.titre-offre {
text-transform: uppercase;
font-weight: 900 !important;
font-size: 260%;
}
.titre-offre-page {
position: relative;
width: 100%;
}
.titre-offre-page .h2 {
font-size: 240% !important;
font-weight: 500 !important;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
position: absolute;
bottom: 30px;
left: 10%;
width: 80%;
}
.valeurs .pictos {
position: relative;
display: block;
width: 60%;
height: auto;
margin: 20px auto;
max-width: 140px;
border-radius: 100%;
}
.pictos img {
width: 100%;
height: auto;
margin-top: 50%;
transform: translateY(-50%);
}
.valeurs .pictos::after{
-webkit-animation: zoom 2000ms infinite ease;
animation: zoom 2000ms infinite ease;
-webkit-transition: .6s;
-o-transition: .6s;
transition: .6s;
border-top: solid 1px var(--secondary);
width: 100%;
aspect-ratio: 1/1;
content: '';
display: block;
position: absolute;
z-index: 2;
top: 0;
left: 0;
border-radius: 100%;
}
.valeurs .pictos.delay-2::after {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.valeurs .pictos.delay-4::after {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.valeurs .pictos.delay-6::after {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.valeurs .pictos.delay-8::after {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.client-spec-text,
.client-spec-text-2 {
border: solid 1px;
padding: 0.25rem 0.75rem;
border-radius: 6px;
text-align: center;
font-style: italic;
}
.bg-green {
background-color: var(--green) !important;
color: var(--white);
}
a.bg-green:hover,
a.bg-green:focus,
button.bg-green:hover,
button.bg-green:focus {
background-color: var(--light) !important;
color: var(--green) !important;
}

/*++++++++ STYLES DE FORMULAIRE++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.fast-answer {
width: 100%;
width: 0;
height: 0;
border-style: solid;
border-width: 350px 350px 0 0;
border-color: var(--green) transparent transparent transparent;
height: 100%;
position: relative;
}
.fast-answer h3 {
font-size: 40px;
line-height: 40px;
font-weight: 700;
text-transform: uppercase;
position: absolute;
top: -37%;
left: 30px;
color: white;
transform: rotate(315deg);
}

/* Styles des boutons*/
.formulaire {
padding: 2% 5%;
margin: 2% 5% 2%;
border: solid 1px var(--light);
border-bottom-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
box-shadow: 0px 0px 5rem var(--light);
position: relative;
}
.btn-link {
font-weight: 900;
text-decoration: none;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.btn {
border-radius: 0 !important;
transition: all 0.8s;
text-transform: uppercase;
font-weight: 900;
font-size: 12px;
letter-spacing: 0.05em;
padding: 1em;
}
.btn-lg,
.btn-group-lg>.btn {
padding: 0.95rem 1.5rem;
font-size: 0.8em;
line-height: 1.65;
border-radius: 0.3rem;
text-transform: uppercase;
letter-spacing: 0.15em;
font-weight: 700;
}
.btn-green {
color: White;
background-color: var(--green);
border-color: var(--green);
}
.btn-green:hover {
color: var(--green);
background-color: White;
border-color: var(--green);
}
.btn-green:focus,
.btn-green.focus {
color: var(--green);
background-color: White;
border-color: White;
box-shadow: none;
}
.btn-green.disabled,
.btn-green:disabled {
color: var(--green);
background-color: var(--light);
border-color: var(--light);
}
.btn-green:not(:disabled):not(.disabled):active,
.btn-green:not(:disabled):not(.disabled).active,
.show>.btn-green.dropdown-toggle {
color: White;
background-color: var(--green);
border-color: var(--green);
}
.btn-green:not(:disabled):not(.disabled):active:focus,
.btn-green:not(:disabled):not(.disabled).active:focus,
.show>.btn-green.dropdown-toggle:focus {
box-shadow: none;
}
.btn-outline-green {
color: var(--green);
border-color: var(--green);
}
.btn-outline-green:hover {
color: White;
background-color: var(--green);
border-color: var(--green);
}
.btn-outline-green:focus,
.btn-outline-green.focus {
box-shadow: none;
}
.btn-outline-green.disabled,
.btn-outline-green:disabled {
color: var(--green);
background-color: transparent;
}
.btn-outline-green:not(:disabled):not(.disabled):active,
.btn-outline-green:not(:disabled):not(.disabled).active,
.show>.btn-outline-green.dropdown-toggle {
color: White;
background-color: var(--green);
border-color: var(--green);
}
.btn-outline-green:not(:disabled):not(.disabled):active:focus,
.btn-outline-green:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-green.dropdown-toggle:focus {
box-shadow: none;
}
.btn-outline-brown {
color: var(--brown) !important;
border-color: var(--brown);
}
.btn-outline-brown:hover {
color: #fff !important;
background-color: var(--brown);
border-color: var(--brown);
}
.btn-outline-brown:focus,
.btn-outline-brown.focus {
box-shadow: none;
}
.btn-outline-brown.disabled,
.btn-outline-brown:disabled {
color: var(--brown);
background-color: transparent;
}
.btn-outline-brown:not(:disabled):not(.disabled):active,
.btn-outline-brown:not(:disabled):not(.disabled).active,
.show>.btn-outline-brown.dropdown-toggle {
color: White;
background-color: var(--brown);
border-color: var(--brown);
}
.btn-top {
font-size: 0.82em;
padding-left: 0.25rem !important;
padding-right: 0.25rem !important;
}
.radius-left {
border-top-left-radius: 1.5em !important;
border-bottom-right-radius: 1.5em !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.radius-right {
border-top-right-radius: 1.5em !important;
border-bottom-left-radius: 1.5em !important;
border-top-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
/*++++*/

/* Styles des inputs*/
.form-control:active,
.form-control:focus {
color: var(--primary);
background: #eee !important;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border-color: transparent;
}
.form-control {
border-radius: 0;
color: var(--gray);
position: relative;
transition: all 0.8s;
}
.form-control.recherche {
background: transparent;
color: var(--gray);
font-size: 0.85em;
font-weight: 700;
letter-spacing: 0.15em;
border: none;
}
.btn.btn-search {
position: absolute;
right: 1%;
top: 0;
color: var(--primary);
font-size: 1.4em;
line-height: 0;
transition: all 0.8s;
border: none;
outline: none;
padding: 0.375rem 0.75rem;
}
.btn.btn-search:hover {
color: var(--secondary);
}
.btn.btn-search:focus {
color: var(--dark);
outline: none !important;
border: none;
}
.custom-file-label::after {
color: White;
content: "Parcourir";
background-color: var(--secondary);
border-radius: 0;
}
.custom-file-input:lang(fr)~.custom-file-label::after {
content: "Parcourir";
}
.formulaire textarea,
.form-control {
border: solid 1px var(--gray-light);
color: var(--primary);
border-radius: 6px;
font-size: 14px;
}
.form-control::-webkit-input-placeholder {
color: var(--gray);
opacity: 0.4;
text-transform: none;
}
.form-control::-moz-placeholder {
color: var(--gray);
opacity: 0.4;
text-transform: none;
}
.form-control:-ms-input-placeholder {
color: var(--gray);
opacity: 0.4;
text-transform: none;
}
.form-control::-ms-input-placeholder {
color: var(--gray);
opacity: 0.4;
text-transform: none;
}
.form-control::placeholder {
color: var(--gray);
opacity: 0.4;
text-transform: none;
}
.formulaire .custom-select {
border: solid 1px var(--gray-light);
color: var(--primary);
border-radius: 6px;
font-size: 14px;
font-weight: 500;
}
.formulaire label,
.label {
text-transform: uppercase;
font-weight: 700;
font-size: 85%;
letter-spacing: 0.05em;
}
.custom-control-label::after {
position: absolute;
top: -0.40rem;
left: -1.75rem;
display: block;
width: 2rem;
height: 2rem;
content: "";
background: no-repeat 50% / 50% 50%;
}
.custom-control-input:checked~.custom-control-label::before {
color: White;
border-color: var(--primary);
background-color: var(--primary);
}
.custom-control-input.custom-secondary:checked~.custom-control-label::before {
color: White;
border-color: var(--secondary);
background-color: var(--secondary);
}
.custom-control-label::before {
position: relative;
top: -0.15rem;
left: -1.5rem;
display: block;
width: 1.5rem;
height: 1.5rem;
pointer-events: none;
content: "";
background-color: White;
border: var(--primary) solid 1px;
vertical-align: middle;
text-align: center;
float: left;
margin-right: -1rem;
}
.custom-control-label.label-secondary::before {
border: var(--secondary) solid 1px !important;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: middle;
text-transform: none !important;
font-weight: 500 !important;
}
.containerRib {
--d: 6px;
/* folded part */
--f: 16px;
/* ribbon font-size */
position: absolute;
display: inline-block;
margin: 20px;
max-width: 240px;
width: 100%;
right: -2%;
top: -20px;
}
.containerRib::before {
content: attr(data-ribbon);
position: absolute;
font-size: 0.95em;
line-height: 1.1em;
top: 0;
right: 0;
transform: translate(29.29%, -100%) rotate(45deg);
color: White;
text-align: center;
border: 1px solid transparent;
border-bottom: 0;
transform-origin: bottom left;
padding: 10px 35px calc(var(--d) + 10px);
background: linear-gradient(rgba(0, 0, 0, 0.5) 0 0) bottom/100% var(--d) no-repeat var(--green);
background-clip: padding-box;
clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - var(--d)) calc(100% - var(--d)), var(--d) calc(100% - var(--d)), 0 100%);
-webkit-mask: linear-gradient(135deg, transparent calc(50% - var(--d) * 0.707), #fff 0) bottom left,
linear-gradient(-135deg, transparent calc(50% - var(--d) * 0.707), #fff 0)bottom right;
-webkit-mask-size: 300vmax 300vmax;
-webkit-mask-composite: destination-in;
mask-composite: intersect;
}
.left::before {
right: auto;
transform: translate(-29.29%, -100%) rotate(-45deg);
transform-origin: bottom right;
}

/*++++++ SELECT STYLISE +++++++*/
.nice-select {
-webkit-tap-highlight-color: transparent;
background-color: White;
border-radius: 5px;
border: solid 1px #e0e7ee;
box-sizing: border-box;
clear: both;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 14px;
font-weight: normal;
height: 42px;
line-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 30px;
position: relative;
text-align: left !important;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
white-space: nowrap;
width: auto;
}
.nice-select:hover {
border-color: #d0dae5;
}
.nice-select:active,
.nice-select.open,
.nice-select:focus {
border-color: #88bfff;
}
.nice-select:after {
border-bottom: 2px solid #90a1b5;
border-right: 2px solid #90a1b5;
content: '';
display: block;
height: 5px;
margin-top: -4px;
pointer-events: none;
position: absolute;
right: 12px;
top: 50%;
-webkit-transform-origin: 66% 66%;
-ms-transform-origin: 66% 66%;
transform-origin: 66% 66%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
width: 5px;
}
.nice-select.open:after {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.nice-select.open .list {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale(1) translateY(0);
-ms-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
width: 100%;
}
.nice-select.disabled {
border-color: #e7ecf2;
color: #90a1b5;
pointer-events: none;
}
.nice-select.disabled:after {
border-color: #cdd5de;
}
.nice-select.wide {
width: 100%;
}
.nice-select.wide .list {
left: 0 !important;
right: 0 !important;
}
.nice-select.right {
float: right;
}
.nice-select.right .list {
left: auto;
right: 0;
}
.nice-select.small {
font-size: 12px;
height: 36px;
line-height: 34px;
}
.nice-select.small:after {
height: 4px;
width: 4px;
}
.nice-select.small .option {
line-height: 34px;
min-height: 34px;
}
.nice-select .list {
background-color: White;
border-radius: 5px;
box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
box-sizing: border-box;
margin-top: 4px;
opacity: 0;
overflow: hidden;
padding: 0;
pointer-events: none;
position: absolute;
top: 100%;
left: 0;
-webkit-transform-origin: 50% 0;
-ms-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transform: scale(0.75) translateY(-21px);
-ms-transform: scale(0.75) translateY(-21px);
transform: scale(0.75) translateY(-21px);
-webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
z-index: 9;
}
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
}
.nice-select .option {
cursor: pointer;
font-weight: 400;
line-height: 40px;
list-style: none;
min-height: 40px;
outline: none;
padding-left: 18px;
padding-right: 29px;
text-align: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus {
background-color: #f6f7f9;
}
.nice-select .option.selected {
font-weight: bold;
}
.nice-select .option.disabled {
background-color: transparent;
color: #90a1b5;
cursor: default;
}
.no-csspointerevents .nice-select .list {
display: none;
}
.no-csspointerevents .nice-select.open .list {
display: block;
}

/*+++++++++++++++ COSTUM FILE ++++++*/
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
margin: 0;
opacity: 0;
}
.custom-file-input:focus~.custom-file-label {
border-color: #80bdff;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-file-input[disabled]~.custom-file-label,
.custom-file-input:disabled~.custom-file-label {
background-color: var(--light);
}
.custom-file-input:lang(en)~.custom-file-label::after {
content: "Browse";
}
.custom-file-input~.custom-file-label[data-browse]::after {
content: attr(data-browse);
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-weight: 400;
line-height: 1.5;
color: var(--gray);
background-color: White;
border: 1px solid var(--gray-light);
border-radius: 0.25rem;
}
.custom-file-label::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
z-index: 3;
display: block;
height: calc(1.5em + 0.75rem);
padding: 0.375rem 0.75rem;
line-height: 1.5;
color: var(--gray);
content: "Browse";
background-color: var(--light);
border-left: inherit;
border-radius: 0 0.25rem 0.25rem 0;
}

/*++++++++ AUTRES CONTENUS DIVERS (tableaux, sliders, galleries, etc.)+++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.container-xl {
max-width: 1311px;
}
.container-lg {
max-width: 1280px;
}

/*++++ TABLEAUX COURTS*/
.small-table {
width: 100%;
border-collapse: collapse
}
.small-table th,
.small-table td {
padding: 10px;
text-align: left;
border: solid 1px #ccc;
}
.small-table th {
background-color: Black;
color: #FFF;
}
.small-table tr:nth-child(odd) {
background-color: #eee;
}
@media only screen and (max-width: 700px) {
.small-table table,
.small-table thead,
.small-table tbody,
.small-table tr,
.small-table th,
.small-table td {
display: block;
}
.small-table thead {
display: none;
}
.small-table td {
padding-left: 150px;
position: relative;
margin-top: -1px;
background: #FFF;
}
.small-table td:nth-child(odd) {
background-color: #eee;
}
.small-table td::before {
padding: 10px;
content: attr(data-label);
position: absolute;
top: 0;
left: 0;
width: 130px;
bottom: 0;
background-color: Black;
color: #FFF;
display: flex;
align-items: center;
font-weight: bold;
}
.small-table tr {
margin-bottom: 1rem;
}
.small-table th+td {
padding-left: 10px;
}
.small-table th+td::before {
display: none;
}
}

/*+++++++++++++ ETAPES ++++++++++++++++*/
#progressbar,
#progressbar2 {
margin-bottom: 3rem;
overflow: hidden;
color: var(--gray);
padding-left: 0px;
margin-top: 3rem;
width: auto;
display: flex;
justify-content: center;
}
#progressbar li,
#progressbar2 li {
list-style-type: none;
width: 16.66%;
float: left;
position: relative;
font-weight: 600;
}
#progressbar .step1:before {
content: "1";
}
#progressbar .step2:before {
content: "2";
}
#progressbar .step3:before {
content: "3";
}
#progressbar .step4:before {
content: "4";
}
#progressbar .step5:before {
content: "5";
}
#progressbar .step6:before {
content: "6";
}
#progressbar2 .step1:before {
content: "\f291";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
#progressbar2 .step2:before {
content: "\f2bb";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
#progressbar2 .step3:before {
content: "\f0d1";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
#progressbar2 .step4:before {
content: "\f09d";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
#progressbar2 .step5:before {
content: "\f733";
font-family: "Font Awesome 5 Pro";
font-weight: 300;
}
#progressbar li:before,
#progressbar2 li:before {
width: 1.25em;
height: 1.25em;
line-height: 45px;
display: flex;
align-items: center;
justify-content: center;
font-size: 2em;
background: #ccc;
border-radius: 50%;
margin: auto;
color: White;
z-index: 1;
position: relative;
padding: 1.25em;
}
#progressbar li:after,
#progressbar2 li:after {
content: '';
width: 100%;
height: 2px;
background: var(--gray-light);
position: absolute;
left: 0;
top: 2.5em;
z-index: 0;
}
#progressbar li:last-child:after,
#progressbar2 li:last-child:after {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
position: absolute;
left: -50%
}
#progressbar li:first-child:after,
#progressbar2 li:first-child:after {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
position: absolute;
left: 50%
}
#progressbar li:last-child:after,
#progressbar2 li:last-child:after {
border-top-right-radius: 10px;
border-bottom-right-radius: 10px
}
#progressbar li:first-child:after,
#progressbar2 li:first-child:after {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px
}
#progressbar li.active:before,
#progressbar li.active:after,
#progressbar2 li.active:before,
#progressbar2 li.active:after {
background: var(--gray);
}
#progressbar li.good:before,
#progressbar li.good:after,
#progressbar2 li.good:before,
#progressbar2 li.good:after {
background: var(--success);
}
#progressbar li.bad:before,
#progressbar li.bad:after,
#progressbar2 li.bad:before,
#progressbar2 li.bad:after {
background: var(--danger);
}
@media only screen and (max-width:800px) {
#progressbar li:before {
font-size: 1em;
}
#progressbar li::after {
top: 1.2em;
}
#progressbar2 li:before {
font-size: 1em;
}
#progressbar2 li::after {
top: 1.2em;
}
}
/*++*/

/*+++++++++++++++++++++++++++ ELEMENTS DIVERS +++++++*/
.lesplus .liste-stylisee li::before {
content: "\f055";
vertical-align: middle;
}
.video-content::before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
background: rgba(43, 105, 136, 0.6);
}
.video-content {
position: absolute;
top: -45%;
left: 0;
z-index: -1;
width: 100%;
}
.chiffres {
position: relative;
overflow: hidden;
}
.border-radius-left img {
border-bottom-left-radius: 30px;
}
.border-radius-right img {
border-top-right-radius: 30px;
}

/*+++ MENU COTE+++++++*/
.menu-cote {
position: fixed;
right: 0;
z-index: 10;
top: 40%;
max-width: 3rem;
}
.menu-cote a {
font-weight: 100;
padding: 1em;
margin-bottom: 2px;
width: 100%;
max-width: 3rem;
font-size: 0.75rem;
}
.menu-cote a.radius-left {
border-top-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}
.menu-cote a.radius-right,
#mySidenav.radius-right {
border-top-right-radius: 10px !important;
border-bottom-left-radius: 10px !important;
}
#mySidenav {
right: 0;
transition: 0.3s;
width: 3rem;
max-width: none;
text-align: left;
z-index: 2;
position: absolute;
bottom: -50px;
font-size: 0.75rem;
overflow: hidden;
max-height: 50px;
padding: 1em;
display: flex;
align-items: center;
}
#mySidenav .fal {
margin-right: 30px;
}
#mySidenav:hover {
right: 0 !important;
width: 245px;
}
#mySidenav:hover .fal {
margin-right: 10px !important;
}
#mySidenav .share {
width: fit-content;
display: inline-block;
transition: all 2s;
vertical-align: middle;
margin: 0;
padding-left: 20px;
}
#mySidenav:hover .share {
display: inline-block;
vertical-align: middle;
margin: 0;
opacity: 1;
}
#mySidenav .jssocials-share-logo {
width: 1em;
vertical-align: middle;
font-size: 14px;
}
#mySidenav .jssocials-share {
display: inline-block;
vertical-align: middle;
margin: 0 0.6em 0 0;
}
#mySidenav .jssocials-shares {
margin: 0;
transition: all 0.8s;
}
#mySidenav .jssocials-share-link {
border-radius: 50%;
}
/*++++++++++++++*/

.img-fluid {
width: 100%;
height: auto;
}
.img-fit-cover-center {
object-fit: cover;
height: 100%;
object-position: center;
width: 100%;
}
.img-fit-cover-left {
object-fit: cover;
height: 100%;
object-position: left;
width: 100%;
}
.img-fit-cover-right {
object-fit: cover;
height: 100%;
object-position: right;
width: 100%;
}
.carousel-gauche .carousel-caption.text-left {
top: 10%;
right: 5px;
width: 50%;
left: auto;
padding-right: 2%;
}
.carousel-gauche img {
border-bottom-left-radius: 3em;
}
.carousel-caption div {
display: inline-block;
font-size: 1.6em;
font-weight: 600;
padding: 0 0.55em;
line-height: 1.5em;
}
.btn-lire span {
background: var(--primary);
position: absolute;
right: -29px;
height: 104%;
line-height: 1.5em;
font-size: 2.5em;
width: 30px;
top: -1px;
bottom: 0;
border-bottom-right-radius: 1rem !important;
}
.btn-lire {
position: relative;
padding-right: 40px;
border-top-left-radius: 1rem !important;
border-bottom-right-radius: 0rem !important;
}
.carousel-droite .carousel-caption {
width: 50%;
bottom: 10%;
left: 5%;
}
.carousel-droite img {
border-top-right-radius: 3em;
transition: border-top-right-radius ease-out 0.2s;
}
.carousel-droite .carousel-item.active.carousel-item-left img {
border-top-right-radius: 0;
}
.carousel-caption .lead {
font-size: 2em !important;
text-shadow: 0 1px 1px #333;
font-style: italic;
line-height: 1.1em;
font-weight: 600 !important;
letter-spacing: 0.015em !important;
}
.carousel.Actus .carousel-items .card {
display: flex;
width: 100%;
}
.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel.Actus .image-wrapper img {
opacity: 0.2;
min-height: 500px;
object-fit: cover;
}
.prevoyance {
background: var(--info) !important;
}
.sante {
background: var(--success) !important;
}
.retraite {
background: var(--warning) !important;
}
.epargne {
background: var(--danger) !important;
}
.carousel-caption.caption-actu .h3 a span {
font-size: 1.5em;
font-weight: 900 !important;
text-transform: uppercase;
}
.carousel.Actus .carousel-item {
padding: 0;
overflow: hidden;
}
.carousel-control-prev.actus-nav .carousel-control-prev-icon,
.carousel-control-next.actus-nav .carousel-control-next-icon {
background-image: none;
}
.carousel-control-prev.actus-nav .carousel-control-prev-icon::before {
background-image: none;
content: '\f177';
font-family: "Font Awesome 5 Pro";
color: var(--secondary);
font-size: 2rem;
}
.carousel-control-next.actus-nav .carousel-control-next-icon::before {
background-image: none;
content: '\f178';
font-family: "Font Awesome 5 Pro";
color: var(--secondary);
font-size: 1.8rem;
}
.carousel-caption.caption-actu {
top: 10%;
margin: 0;
padding: 0;
height: 90%;
}
.caption-actu .news-meta {
position: absolute;
bottom: 0;
width: 100%;
}
.top-indicator {
right: 0;
top: 1rem;
bottom: inherit;
left: inherit;
margin-right: 1rem;
}
.overflow {
position: relative;
overflow: hidden;
}
.zoom img {
transition: all 0.2s linear;
}
.zoom:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.vert .carousel-item-next,
.vert .active.carousel-item-right {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100% 0);
}
.vert .carousel-item-prev,
.vert .active.carousel-item-left {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
#carouselProducts .carousel-indicators {
left: 0;
top: auto;
bottom: -40px;
}
.texte-conseillers {
justify-content: space-between;
flex-direction: row;
}
.new-step {
align-self: center;
margin-bottom: 0;
}
.new-step i {
line-height: 0;
margin-top: -10%;
}
.schema-projet {
display: flex;
margin-top: 40px;
padding-right: 20px;
border-bottom-right-radius: 1.5rem;
border: solid 1px var(--secondary);
border-top-left-radius: 1.5rem;
justify-content: space-between;
width: fit-content;
margin: 40px auto 0;
max-width: 25%;
}
.schema-projet img {
max-width: 170px;
height: auto;
border-radius: 100%;
display: flex;
border: solid 1rem transparent;
margin: 0 auto;
}
.schema-projet p {
align-self: center;
font-size: 1.3em;
}
.vignette-schema span {
font-size: 1rem;
line-height: 0.7em;
}
.schema-projet img::before {
content: "";
background: var(--secondary);
-webkit-animation: scale-up-center 1.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
animation: scale-up-center 1.8s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
}
.step-number {
width: 180px;
margin-right: 2%;
color: White;
background: var(--secondary);
padding: 2%;
border-top-left-radius: 1.5rem;
}
.etape {
font-size: 3.5em !important;
font-weight: 200;
height: 90px;
width: 90px;
display: block;
margin: 0 auto 30px;
border: dashed 2px;
border-radius: 100%;
line-height: 1em !important;
}
.cta-appel {
max-width: 75%;
margin: 40px auto;
padding: 1rem;
}
.titre-form {
max-width: 550px;
margin: -5% auto 20px;
text-align: center;
background: White;
padding: 0.5rem;
border-top-right-radius: 1.75rem;
border-bottom-left-radius: 1.75rem;
border: solid 1px var(--light);
}

/* The colour of the indicators */
#carouselProducts .carousel-indicators li {
background: var(--gray-light);
height: 6px;
border: none;
}
#carouselProducts .carousel-indicators .active {
background: var(--secondary);
}
.vignette {
display: flex;
padding: 5%;
flex-direction: column;
align-self: stretch;
height: 100%;
text-decoration: none !important;
}
.vignette img {
border-radius: 100%;
width: 80%;
margin: 0 auto 10px;
display: block;
transition: all 0.2s linear;
}
.vignette:hover {
scale: 0.9;
}
.thumb {
width: 140px;
height: 140px;
overflow: hidden;
margin: 0 auto;
border-radius: 100%;
}
.vignette .thumb img {
transition: all 0.2s linear;
object-fit: cover;
width: 100%;
height: 100%;
}
.logo-offre {
position: absolute;
top: 0;
width: 45px;
z-index: 2;
padding: 6px;
border-top-left-radius: 1em !important;
border-bottom-right-radius: 1.5em !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.feature-actu {
max-height: 320px;
overflow: hidden;
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 30px;
}
.feature-actu img {
display: flex;
align-self: center;
width: 100%;
height: auto;
}
.date-share {
position: absolute;
bottom: -1rem;
background: White;
z-index: 2;
width: auto;
color: Black;
text-align: center;
padding: 1rem 0.5rem;
border-top-right-radius: 0.5rem;
font-size: 0.8em;
left: 0;
}
.article-simple .date-share {
position: relative;
border-bottom: dotted 1px var(--secondary);
width: 60%;
margin: 0px auto 60px;
border-top: dotted 1px var(--secondary);
}

/* ====================================================================== *
BLOG
* ====================================================================== */
.actu-phare .media-box-container {
border-top-right-radius: 1.5rem !important;
border-bottom-left-radius: 1.5rem !important;
}
.actu-phare .media-box-container img {
opacity: 0.1;
}
.actu-phare .media-box-container .media-box-content {
position: absolute;
z-index: 2;
bottom: 15%;
background: transparent;
}
.actu-phare .media-box-text,
.actu-phare .media-box-title,
.actu-phare .media-box-date {
color: White;
}
.actu-phare .media-box-text {
font-weight: 700;
}
.actu-phare .media-box-title {
font-weight: 800;
}
.actu-phare .media-box-date {
font-weight: 700;
}

/* == LETS MODIFY SOME COLORS AND STYLE FOR THE DEMO == */
/* Style the search text field and the sort */
.media-boxes-search,
.media-boxes-sort {
float: right;
}
.media-boxes-search {
margin-left: 10px;
}

/* Remove the margin-bottom of the text */
.media-box-content .media-box-text {
margin-bottom: 0 !important;
}

/* Footer style */
.media-box-footer {
-webkit-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 5px 5px -5px rgba(0, 0, 0, 0.1);
}
.media-box-categories {
margin: 0;
font-size: 11px;
color: #777;
}
.media-box-date {
margin-bottom: 8px;
}

/* Style of date */
.media-box-date {
font-size: 11px;
color: #999;
margin: 3px 0 0 0;
}
.content {
width: 1200px;
max-width: 100%;
margin: auto;
}
.content h4 {
margin: 20px 0;
color: #575757;
}
.section {
background: White;
width: 100%;
padding: 100px 0;
}
.content p {
color: #575757;
margin-bottom: 0;
}
.grid-section {
background-repeat: no-repeat;
background-size: 100% 100%;
background: #f5f6fa;
padding-top: 100px;
padding-bottom: 100px;
}
.animate-on-load {
opacity: 0;
}
.headline {
text-align: center;
margin-bottom: 80px;
}
.headline h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 34px;
margin-bottom: 40px;
margin-top: 0 !important;
}
.headline p {
color: #999999;
font-size: 18px;
}

/* ====================================================================== *
[6] FEATURES
* ====================================================================== */
.features-container {
overflow: hidden;
}
.features-container .row {
text-align: center;
}
.features-container i {
color: #e54e53;
font-size: 25px;
}
.features-container h4 {
font-size: 17px;
font-weight: 600;
margin: 0 0 20px 0;
color: rgb(51, 51, 51);
}
.features-container p {
margin-bottom: 50px;
color: #777;
font-size: 14px;
line-height: 26.6px;
font-weight: 300;
}
.features-container .row:last-child {
margin-bottom: -50px;
}
.features {
color: rgb(88, 88, 88);
}
.feature-icon {
text-align: center;
margin-bottom: 30px;
}
.feature-text {
padding: 0 20px;
}
.actus .extrait {
display: flex;
flex-direction: column;
justify-self: stretch;
border: solid 1px var(--light);
}
.infos-actus {
padding: 0.5rem 1.5rem;
}
.infos-actus h3 {
text-transform: uppercase;
font-size: 1.2em;
letter-spacing: 0.02em;
color: var(--primary);
font-weight: 800;
}
.date {
font-weight: 800;
font-size: 0.8em;
}
.miniature-actu {
padding: 0;
position: relative;
display: block;
max-height: 250px;
overflow: hidden;
margin-bottom: 10px;
height: 100%;
}
.actu-phare .miniature-actu {
overflow: hidden;
margin-bottom: 0 !important;
max-height: 100%;
height: 100%;
}
.miniature-actu img {
object-fit: cover;
width: 100%;
height: 100%;
object-position: top center;
min-width: 100%;
min-height: 100%;
position: relative;
}
.actu-phare .infos-actus {
position: absolute;
width: 100%;
z-index: 1;
text-align: center;
font-size: 1.5rem;
height: 100%;
top: 0;
}
.actu-phare .infos-actus .btn {
font-size: 0.75rem;
position: absolute;
bottom: 0;
left: 25%;
padding: 0.5rem 1rem;
}
.actu-phare h3 a {
transition: all 0.8s;
}
.actu-phare a:hover {
text-decoration: none;
}
.actu-phare img {
opacity: 0.1;
}
.actu-phare.extrait {
overflow: hidden;
}

/* necessary plugin styles for ellipsis */
.box {
height: 4.5em;
padding: 0.5em 1em;
overflow: hidden;
font-size: 0.9em;
}
.box--responsive {
width: 100%;
}
.ellip {
display: block;
height: 100%;
}
.ellip-line {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
}
.ellip,
.ellip-line {
position: relative;
overflow: hidden;
max-width: 100%;
}

/*++++++++++++++++++++++ AJOUT TIMELINE ++++++++++++++++++++++*/
.cta-quiz {
background: #f6f6f6;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
padding: 1.5rem 18rem;
}
.cta-quiz a {
font-size: 1.5rem !important;
text-transform: uppercase;
color: var(--primary);
line-height: 0 !important;
border: solid 1px var(--primary);
padding: 1rem 2rem;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
transition: all 0.8s;
}
.cta-quiz a:hover {
text-decoration: none;
background: var(--primary);
color: White;
}
.pre-counter {
font-size: 1.8em;
vertical-align: middle;
margin-right: 10px;
color: var(--secondary);
}
.purecounter {
color: var(--secondary);
font-size: 375%;
display: inline-block;
line-height: 1em;
margin-bottom: 15px;
}
.timeline__event__date img {
max-width: 180px;
border-radius: 100%;
}
#timeline {
max-width: 99vw;
}
.timeline {
display: flex;
flex-direction: column;
margin: 20px auto;
position: relative;
max-width: 99vw;
}
.timeline__event {
margin-bottom: 20px !important;
position: relative;
display: flex;
margin: 0;
border-radius: 6px;
align-self: center;
width: 76% !important;
}
.timeline__event:nth-child(2n+1) {
flex-direction: row-reverse;
}
.timeline__event:nth-child(2n+1) .timeline__event__date {
border-radius: 0 20px 0px 0;
margin-left: -60px;
align-self: center;
}
.timeline__event:nth-child(2n+1) .timeline__event__content {
border-radius: 0px 0 0 20px;
padding-right: 60px;
padding-left: 20px;
}
.timeline__event:nth-child(2n+1) .timeline__event__icon:before {
content: '';
width: 2px;
height: 160%;
background: var(--success);
position: absolute;
top: 0%;
left: 50%;
right: auto;
z-index: -1;
transform: translateX(-50%);
-webkit-animation: fillTop 2s forwards 4s ease-in-out;
animation: fillTop 2s forwards 4s ease-in-out;
}
.timeline__event:nth-child(2n+1) .timeline__event__icon:after {
content: "";
width: 100%;
height: 2px;
background: var(--success);
position: absolute;
right: 0;
z-index: -1;
top: 50%;
left: auto;
transform: translateY(-50%);
-webkit-animation: fillLeft 2s forwards 4s ease-in-out;
animation: fillLeft 2s forwards 4s ease-in-out;
}
.timeline__event__title {
font-size: 1rem;
line-height: 1.4;
text-transform: uppercase;
font-weight: 700;
color: var(--success);
letter-spacing: 0.5px;
}
.timeline__event__content {
padding: 20px;
box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
background: White;
width: 72% !important;
border-radius: 0 0px 20px 0;
align-self: center;
padding-left: 80px;
}
.timeline__event__date {
color: rgba(var(--green), 1);
font-size: 1.5rem;
font-weight: 600;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
white-space: nowrap;
padding: 0;
border-radius: 20px 0 0 0px;
z-index: 6;
}
.timeline__event__icon {
display: flex;
align-items: center;
justify-content: center;
color: rgba(var(--green), 1);
padding: 20px;
align-self: center;
margin: 0 20px;
background: var(--success);
border-radius: 100%;
width: 40px;
box-shadow: 0 30px 60px -12px rgba(50, 50, 93, 0.25), 0 18px 36px -18px rgba(0, 0, 0, 0.3), 0 -12px 36px -8px rgba(0, 0, 0, 0.025);
padding: 40px;
height: 40px;
position: relative;
font-size: 34px;
}
.timeline__event__icon i {
font-size: 32px;
}
.timeline__event__icon:before {
content: "";
width: 2px;
height: 154%;
background: #F6A4EC;
position: absolute;
top: 0%;
z-index: -1;
left: 50%;
transform: translateX(-50%);
-webkit-animation: fillTop 2s forwards 4s ease-in-out;
animation: fillTop 2s forwards 4s ease-in-out;
}
.timeline__event__icon:after {
content: "";
width: 100%;
height: 2px;
background: var(--warning);
position: absolute;
left: 0%;
z-index: -1;
top: 50%;
transform: translateY(-50%);
-webkit-animation: fillLeftOdd 2s forwards 4s ease-in-out;
animation: fillLeftOdd 2s forwards 4s ease-in-out;
}
.timeline__event__description {
flex-basis: 60%;
}
.timeline__event--type2:after {
background: #555ac0;
}
.timeline__event--type2 .timeline__event__date,
.last-img {
color: #87bbfe;
background: transparent;
margin-right: -60px;
z-index: 6;
}
.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:before,
.timeline__event--type2:nth-child(2n+1) .timeline__event__icon:after {
background: #87bbfe;
}
.timeline__event--type2 .timeline__event__icon {
background: var(--danger);
color: var(--dark-yellow);
}
.timeline__event--type2 .timeline__event__icon:before,
.timeline__event--type2 .timeline__event__icon:after {
background: var(--danger);
}
.timeline__event--type2 .timeline__event__title {
color: var(--dark-yellow);
}
.timeline__event--type3:after {
background: #24b47e;
}
.timeline__event--type3 .timeline__event__date {
color: var(--info);
background-color: transparent;
}
.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:before,
.timeline__event--type3:nth-child(2n+1) .timeline__event__icon:after {
background: var(--info);
}
.timeline__event--type3 .timeline__event__icon {
background: var(--info);
color: var(--dark-blue);
}
.timeline__event--type3 .timeline__event__icon:before,
.timeline__event--type3 .timeline__event__icon:after {
background: var(--info);
}
.timeline__event--type3 .timeline__event__title {
color: var(--dark-blue);
}
.timeline__event:last-child .timeline__event__icon:before {
content: none;
}
.timeline__event:last-child .timeline__event__icon {
background: var(--warning);
color: var(--brown);
}
.timeline__event:last-child .timeline__event__title {
color: var(--brown);
}
@media (max-width: 786px) {
.timeline__event {
flex-direction: column;
align-self: center;
}
.timeline__event__icon {
border-radius: 6px 6px 0 0;
width: 100%;
margin: 0;
box-shadow: none;
}
.timeline__event__icon:before,
.timeline__event__icon:after {
display: none;
}
.timeline__event__date {
border-radius: 0;
padding: 20px;
}
.timeline__event:nth-child(2n+1) {
flex-direction: column;
align-self: center;
}
.timeline__event:nth-child(2n+1) .timeline__event__date {
border-radius: 0;
padding: 20px;
}
.timeline__event:nth-child(2n+1) .timeline__event__icon {
border-radius: 6px 6px 0 0;
margin: 0;
}
}
@-webkit-keyframes fillLeft {
100% {
right: 100%;
}
}
@keyframes fillLeft {
100% {
right: 100%;
}
}
@-webkit-keyframes fillTop {
100% {
top: 100%;
}
}
@keyframes fillTop {
100% {
top: 100%;
}
}
@-webkit-keyframes fillLeftOdd {
100% {
left: 100%;
}
}
@keyframes fillLeftOdd {
100% {
left: 100%;
}
}

/*++++++++ Médias Queries ++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1024px){
.carousel-droite .carousel-caption {
width: 55%;
bottom: 0;
left: 5%;
top: auto;
margin-bottom: 0;
right: auto;
padding-top: 0;
padding-bottom: 0;
}
.carousel-caption h2 {
font-size: 1.3em !important;
padding: 5px 0.55em !important;
line-height: 1.1em !important ;
}
.carousel-caption .lead {
font-size: 1.3em !important;
}
}
@media only screen and (max-width:980px) {
body {
font-size: 14px;
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link {
color: #fff !important;
font-size: 1.4em;
line-height: 1.5em;
}
.ftco-navbar-dark.scrolled .navbar-collapse {
max-height: 100vh;
overflow-y: scroll;
}
.hidden-md {
display: none;
}
.top-bar {
border-bottom-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
}
.btn-lire {
border-top-left-radius: 0.5rem !important;
border-bottom-right-radius: 0.5rem !important;
}
.btn-lire span {
border-bottom-right-radius: 0.5rem !important;
}
.carousel-caption.caption-actu h2 {
font-size: 1.6em;
}
.timeline__event {
width: 95vw;
}
.titre-offre {
font-size: 180%;
}
.accroche {
margin: 40px 0 20px 0;
}
.containerRib {
max-width: 190px;
right: -3.1%;
}
.feature-actu {
max-height: none;
overflow: unset;
display: flex;
justify-content: center;
margin-top: 20px;
margin-bottom: 30px;
flex-direction: column;
}
.date-share {
position: relative;
bottom: 0;
color: Black;
left: 0;
order: 2;
}
.feature-actu img {
order: 1;
border-top-left-radius: 1.5em !important;
border-bottom-right-radius: 1.5em !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.img-quiz-prev,
.img-quiz-retraite,
.img-quiz-sante,
.img-quiz-epargne {
height: 60px;
width: 60px;
}
.img-small-offre-page {
max-height: 40vw !important;
}
.liste-stylisee {
padding: 1em;
margin: 0.5rem auto;
}
}
@media only screen and (max-width:800px) {
body {
font-size: 13px;
}
.logo {
max-width: 70px;
}
}
@media only screen and (max-width:767px) {
.hidden-xs {
display: none;
}
.sticky.is-sticky .navbar-brand {
margin-left: 20px;
margin-top: -10px;
}
.navbar-brand {
display: inline-block;
margin: 0;
}
.collapse:not(.show) {
display: none !important;
}
h2,
.h2 {
font-size: 2.6rem;
}
.font-size-big {
font-size: 1.5em !important;
line-height: 1em !important;
}
.text-script {
background-size: 25% !important;
width: 80%;
}
.containerRib {
max-width: 175px;
right: -4.5%;
}
}
@media only screen and (max-width:640px) {
body {
font-size: 12px;
}
h2,
.h2 {
font-size: 2em;
}
}

/*////////////// ORIENTATIONS //////////////////*/
@media only screen and (max-width:980px) and (orientation:portrait) {
.video-content {
top: 0;
z-index: -1;
width: 100%;
}
.new-step {
display: block;
-ms-transform: rotate(90deg) !important;
transform: rotate(90deg) !important;
margin: -25px auto 45px;
}
.texte-conseillers {
flex-direction: column;
}
.schema-projet {
width: min-content;
max-width: 100%;
}
}
@media only screen and (max-width:767px) and (orientation:portrait) {
.video-content {
top: 0;
min-height: 100%;
width: auto;
height: 180%;
}
.timeline__event--type2 .timeline__event__date,
.last-img {
margin-right: 0;
}
.timeline__event:nth-child(2n+1) .timeline__event__date {
margin-left: 0;
}
.carousel-gauche img {
border-bottom-left-radius: 0;
border-top-left-radius: 3em;
}
.carousel-droite img {
border-top-right-radius: 0;
border-bottom-right-radius: 3em;
}
}

/*+ IPAD PRO +*/
@media only screen and (min-width:1023px) and (max-width:1024px) and (orientation:portrait) {
body {
font-size: 14px;
}
.carousel-caption .lead {
font-size: 1.4em !important;
}
.nav-item {
padding-left: 1%;
padding-right: 1%;
}
.carousel-caption.caption-actu h2 {
font-size: 1.6em;
}
.timeline__event__title {
font-size: 0.8rem;
}
.titre-offre {
font-size: 200%;
}
.dropdown-menu h6 {
font-size: 0.75em !important;
}
.nav-item {
font-size: 0.75em;
}
.cta-offre img {
min-width: 60px;
}
.schema-projet img {
max-width: 110px;
}
.ftco-navbar-dark .navbar-nav>.nav-item>.nav-link {
font-size: 0.85em;
}
.top-bar {
font-size: 75%;
}
.titre-offre-page h2 {
font-size: 140% !important;
}
}
/*++*/

@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) {
.titre-offre-page h2 {
font-weight: 600 !important;
width: 80%;
}
.schema-projet img {
max-width: 110px;
}
}
@media only screen and (max-width:767px) and (orientation:portrait) {
.titre-offre-page h2 {
font-size: 180% !important;
font-weight: 600 !important;
width: 80%;
}
}
/*++++ FIN MEDIA QUERIES +++++++*/

/* MODIFS JOSEPH */
.object-fit-cover {
object-fit: cover;
}
.object-position-center-right {
object-position: 65%;
}
.text-script-simple {
font-style: italic;
line-height: 1.1em;
display: block;
padding: 2% 1% 2.5% 7%;
margin: 0 auto;
align-self: center;
position: relative;
width: 60%;
font-size: 1.4em !important;
}
.contact-form {
background: var(--primary);
color: White;
padding: 2% 4%;
}
.text-absolute {
position: absolute;
top: -5px;
left: 5px;
opacity: 0.25;
}
.bottom-div-text {
position: absolute;
bottom: 0px;
background-color: var(--primary);
width: 100%;
}
.besoins-main-icons {
height: auto !important;
max-width: 90px !important;
}
.font-weight-500 {
font-weight: 500;
}
.border-radius-left-img {
border-top-left-radius: 1.5em !important;
border-bottom-right-radius: 1.5em !important;
border-bottom-left-radius: 0 !important;
border-top-right-radius: 0 !important;
margin: 0px 0px 10px 0px !important;
width: 100% !important;
}
.img-main-offres {
max-height: 70vh;
width: 100%;
object-fit: cover;
}
.pencil-absolute {
position: absolute;
right: -6%;
bottom: 86%;
height: 4vw;
width: 4vw;
}
@keyframes fadeIn {
0% {
opacity: 0.75;
}
100% {
opacity: 1;
}
}
.img-quiz-prev,
.img-quiz-retraite,
.img-quiz-sante,
.img-quiz-epargne {
position: absolute;
top: 41%;
left: 37%;
height: 4.1vw;
width: 4.1vw;
padding: 0.5vw;
object-fit: contain;
animation: quiz-prev 1s;
animation-delay: 2500ms;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes quiz-prev {
0% {
top: 41%;
left: 37%;
opacity: 0;
}
100% {
top: -13%;
left: -4vw;
opacity: 1;
}
}
.img-quiz-retraite {
animation: quiz-retraite 1s;
animation-delay: 2750ms;
animation-fill-mode: forwards;
}
@keyframes quiz-retraite {
0% {
top: 41%;
left: 37%;
opacity: 0;
}
100% {
top: 10%;
left: -10vw;
opacity: 1;
}
}
.img-quiz-sante {
animation: quiz-sante 1s;
animation-delay: 3000ms;
animation-fill-mode: forwards;
}
@keyframes quiz-sante {
0% {
top: 41%;
left: 37%;
opacity: 0;
}
100% {
top: 51%;
left: -10vw;
opacity: 1;
}
}
.img-quiz-epargne {
animation: quiz-epargne 1s;
animation-delay: 3250ms;
animation-fill-mode: forwards;
}
@keyframes quiz-epargne {
0% {
top: 41%;
left: 37%;
opacity: 0;
}
100% {
top: 77%;
left: -4vw;
opacity: 1;
}
}
.hidden {
display: none;
}
.radio-toolbar {
margin: 10px;
}
.radio-toolbar input[type="radio"] {
opacity: 0;
position: fixed;
width: 0;
}
.radio-toolbar label {
display: inline-block;
background-color: white;
padding: 1.15vw 1.45vw;
font-size: 15px;
font-weight: 500;
text-transform: initial;
border: 1px solid var(--gray-light);
border-radius: 4px;
}
.radio-toolbar label:hover {
background-color: var(--primary);
border-color: var(--primary);
color: white;
cursor: pointer;
}
.radio-toolbar input[type="radio"]:checked+label,
.radio-toolbar input[type="radio"]:checked+label i {
background-color: var(--primary) !important;
border-color: var(--primary) !important;
color: white;
}
.radio-toolbar label i {
color: var(--primary);
}
.radio-toolbar label:hover i {
color: white;
}
.carousel-indicators li {
background-color: var(--primary);
}
.img-small-offre-page {
max-height: 13vw;
width: 100%;
object-fit: cover;
object-position: 50% 15%;
}
.h-80 {
height:80% !important;
}
#annotations {
visibility: hidden;
position: relative;
top: -80px;
display: block;
height: 0;
}

/* BANDEAU VERT FORM CONTEXTUALISE */
.ribbon {
position: absolute;
width: 150px;
height: 150px;
overflow: hidden;
}
.ribbon::before, .ribbon::after {
position: absolute;
z-index: -1;
content: '';
display: block;
border: 5px solid var(--green);
}
.ribbon span {
position: absolute;
display: block;
width: 220px;
padding: 15px 48px;
background-color: var(--green);
box-shadow: 0 5px 10px rgb(0, 0, 0, 0.1);
color: White;
font-size: 0.95em;
line-height: 1.1em;
text-align: center;
}
.ribbon-top-right {
top: -10px;
right: -10px;
}
.ribbon-top-right::before, .ribbon-top-right::after {
border-top-color: transparent;
border-right-color: transparent;
}
.ribbon-top-right::before {
top: 0;
left: 0;
}
.ribbon-top-right::after {
bottom: 0;
right: 0;
}
.ribbon-top-right span {
left: -14px;
top: 21px;
transform: rotate(45deg);
}
@media only screen and (max-width:1024px) {
.ribbon-top-right span {
top: 26px;
}
}
@media only screen and (max-width:767px) {
.ribbon span {
width: 210px;
padding: 15px 65px;
}
.ribbon-top-right span {
left: 2px;
top: 15px;
}
.ribbon-top-right::before {
left: 27px;
}
.ribbon-top-right::after {
bottom: 27px;
}
}
.required {
font-size: 1.5em;
color: rgba(var(--red), 1);
}
.contact-img {
width: 100%;
height: 70%;
min-height: 700px;
}
.contact-img img {
width: 100%!important;
height: 100%;
object-fit: cover;
}
.contact-text {
display: flex;
width: 100%;
height: 30%;
justify-content: center;
align-items: center;
}
@media (orientation:landscape) {
.menu-cote{
top:35%;
}
}
@media (orientation:portrait) {
.menu-cote{
top:40%;
}
}
.carousel.Actus .image-wrapper {
min-height: 500px;
}
@media only screen and (max-width:767px) {
.carousel.Actus .image-wrapper {
min-height: 300px;
}
.carousel.Actus .image-wrapper img {
min-height: 300px;
object-fit: cover;
}
}

/* PAGINATION */
.pagination-selector {
margin-left: auto;
color: var(--primary);
}
.pagination-selector .RadInput_Default .riTextBox {
border: none;
border-bottom: solid 1px var(--primary);
color: var(--primary) !important;
text-align: center !important;
padding: 0.25em;
font-size: 1.6em;
line-height: 1em;
font-weight: 600;
height: auto;
position: relative;
display: inline-block;
outline: none;
font-family: var(--font-family-sans-serif);
width: 50px;
max-width: fit-content;
}
.pagination-selector .RadInput_Default .riTextBox:focus {
background: var(--primary);
color: White !important;
}
.pagination-selector .riSingle.RadInput.RadInput_Default {
display: inline-block !important;
visibility: visible;
margin-right: 10px;
position: relative;
width: auto !important;
}
.pagination-control {
text-align: center;
display: flex;
align-items: baseline;
justify-content: space-between;
width: 100%;
flex-direction: row;
}
.pagination-pages {
display: flex;
margin-bottom: 30px;
justify-self: flex-start;
}
.pagination-elements {
float: none !important;
margin-left: 20px;
}
@media only screen and (max-width:767px) {
.pagination-control {
display: block;
width: 100%;
text-align: center;
}
.pagination-pages {
position: relative;
display: block;
width: 100%;
margin-bottom: 10px;
justify-self: unset;
}
.page-item.previous, span.page-item.next {
display: block;
}
}

@media screen and (max-width: 1199px) {
.schema-projet{
display: flex;
flex-direction: column;
padding: 0;
width: 25%;
}
.step-number{
width: 100%;
height: 210px;
}
}
@media only screen and (max-width: 980px) {
.schema-projet {
width: 50% !important;
max-width: 100%;
}
}
@media only screen and (max-width: 425px) {
.schema-projet {
width: 85% !important;
}
}
@media screen and (max-width:786px){
.timeline__event__content{
margin-bottom: 20px!important;
padding-left: 0 !important
}
.timeline__event {
width: 88vw !important;
}
}
.actu-phare {
height: 469px !important;
}
.actu-phare .infos-actus {
display: flex;
align-items: center;
}
@media screen and (max-width: 786px) {
.timeline__event__content {
width: 100% !important;
margin-bottom: 20px !important;
padding-left: 20px !important;
}
.timeline__event {
width: 88vw !important;
}
}
#onetrust-consent-sdk #onetrust-pc-btn-handler.cookie-setting-link {
outline: none;
}

.menu-cote a:hover span {
right: 109%;
opacity: 0.9;
}
.menu-cote a {
position: relative;
}
.menu-cote a span {
position: absolute;
right: 60%;
top: 0;
display: flex;
height: 106%;
padding: 0.55rem 1rem;
font-size: 1rem;
font-weight: 500;
text-transform: none;
white-space: nowrap;
color: white;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
opacity: 0;
transition: all 0.2s ease-in-out;
align-items: center;
}
.menu-cote a span.tooltip-yellow {
background-color: #f6b92c;
}
.menu-cote a span.tooltip-green {
background-color: var(--green);
}
.menu-cote a span.tooltip-blue {
background-color: var(--primary);
}
.form-group.col-md-6 {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.big {
font-size: 1.25em !important;
}
.btn-green:focus, .btn-green.focus {
color: var(--white) !important;
background-color: var(--green) !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-secondary:focus, .btn-secondary.focus {
color: var(--white) !important;
background-color: var(--secondary) !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-primary:focus, .btn-primary.focus {
color: var(--white) !important;
background-color: var(--primary) !important;
border-color: transparent !important;
box-shadow: none !important;
}
.btn-dark:focus, .btn-dark.focus {
color: var(--white) !important;
background-color: var(--dark) !important;
border-color: transparent !important;
box-shadow: none !important;
}