@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}

@keyframes appear_content {
0% {
opacity: 0;
}
50% {
scale: 1.05;
}
100% {
opacity: 1;
}
}
@keyframes appear_menu {
0% {
opacity: 0;
top: 90px;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes appear_menu_services {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
* {
font-family: "Quicksand";
}
body {
margin: 0;
background-color: #e9e9e9;
}
body a {
text-decoration: none;
color: #cc9d46;
}
@font-face {
font-family: "Quicksand";
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url(https://fonts.gstatic.com/s/quicksand/v31/6xKtdSZaM9iE8KbpRA_hK1QN.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: #181417;
padding: 0 150px;
position: fixed;
top: 0;
left: 0;
width: calc(100% - 300px);
z-index: 999;
height: 120px;
}
header .menu {
display: flex;
flex-direction: row;
align-items: center;
gap: 60px;
}
header .menu nav {
display: none;
display: flex;
position: relative;
opacity: 0;
z-index: 9;
animation: appear_menu 0.5s ease-in-out forwards;
}
header .menu nav ul {
display: flex;
flex-direction: row;
gap: 60px;
list-style: none;
padding: 0 40px;
}
header .menu nav ul .services {
display: flex;
justify-content: center;
}
header .menu nav ul li {
font-size: 24px;
color: #cc9d46;
cursor: pointer;
}
header .menu nav ul li a:hover {
color: #00a3b3;
font-size: 26px;
font-weight: bold;
transition: all 0.3s;
}
header .menu nav .list_formation {
display: none;
flex-direction: column;
align-items: flex-start;
gap: 20px;
width: 425px;
position: absolute;
background-color: #00a3b3;
box-shadow: 0px 0px 10px 2px;
border-radius: 30px;
margin-top: 65px;
padding: 20px 35px;
z-index: 1;
animation: appear_menu_services 0.3s ease-in-out forwards;
}
header .menu nav .list_formation li {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 20px;
font-size: 22px;
}
header .menu nav .list_formation li .round_yellow {
width: 25px;
height: 25px;
background-color: #cc9d46;
display: block;
border-radius: 50%;
}
header .menu nav .list_formation li a {
color: #e9e9e9;
}
header .menu nav .list_formation li a:hover {
color: #e9e9e9;
font-size: 24px;
font-weight: bold;
transition: all 0.3s;
}
header .menu_burger {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
height: 60px;
display: none;
}
header .menu_burger .line {
width: 60px;
border: solid 1.5px #e9e9e9;
}
header .menu_burger .line:first-child {
width: 50%;
}
header .menu_burger .line:last-child {
width: 50%;
position: relative;
left: 30px;
}
header .menu_burger .line_active {
display: none;
border: solid 1.5px #e9e9e9;
width: 60px;
}
header .menu_burger .line_active:first-child {
display: flex;
rotate: 45deg;
position: relative;
top: 12px;
}
header .menu_burger .line_active:last-child {
display: flex;
rotate: -45deg;
position: relative;
top: -12px;
left: 0;
}
header .menu_burger:hover .line:first-child {
width: 60px;
transition: all 0.2s;
}
header .menu_burger:hover .line:last-child {
width: 60px;
left: 0;
transition: all 0.2s;
}
header .logo {
max-height: 85px;
transition: all 0.3s;
}
header .logo:hover {
scale: 1.1;
rotate: 180deg;
transition: all 0.3s;
}
.home_page {
display: flex;
flex-direction: column;
align-items: center;
width: 75%;
margin: 0 auto;
padding-top: 220px;
}
.home_page_hero {
width: 75%;
margin: 0 auto;
position: relative;
opacity: 0;
animation: appear_content 1s ease-in-out 0.2s forwards;
}
.home_page_hero_bg {
max-height: 600px;
width: 100%;
border-radius: 30px;
-o-object-fit: cover;
object-fit: cover;
}
.home_page_hero_logo {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
max-height: 500px;
height: 100%;
z-index: 99;
}
.home_page_hero .bg_black {
position: absolute;
top: 0;
background: rgba(0, 0, 0, 0.8);
border-radius: 30px;
max-height: 600px;
height: 100%;
width: 100%;
}
.home_page section {
display: flex;
flex-direction: column;
justify-content: center;
padding: 50px 0 100px 0;
gap: 50px;
}
.home_page_bandeau {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 100px;
opacity: 0;
}
.home_page_bandeau:nth-child(even) {
flex-direction: row-reverse;
}
.home_page_bandeau:nth-child(even) .home_page_bandeau_text {
background-color: #cc9d46;
}
.home_page_bandeau.animate {
animation: appear_content 1s ease-in-out forwards;
}
.home_page_bandeau_img {
width: calc(50% - 100px);
}
.home_page_bandeau_img img {
max-width: 100%;
}
.home_page_bandeau_text {
width: calc(50% - 100px);
background-color: #00a3b3;
font-size: 24px;
font-weight: 500;
text-align: center;
border-radius: 30px;
padding: 30px;
}
.home_page_bandeau_text p {
margin: 0;
}
.home_page .contact_cta {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
opacity: 0;
}
.home_page .contact_cta.animate {
animation: appear_content 1s ease-in-out forwards;
}
.home_page .contact_cta:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.form_pres {
width: 85%;
margin: 0 auto;
padding-top: 200px;
}
.form_pres_title {
display: flex;
align-items: center;
gap: 25px;
text-transform: uppercase;
}
.form_pres_title .round_blue_white {
max-width: 35px;
width: 100%;
height: 35px;
border-radius: 50%;
border: solid 6px #00a3b3;
display: block;
}
.form_pres_text {
font-size: 24px;
width: 75%;
margin: 0 auto;
padding: 30px 0;
}
.form_pres .formation_dispo {
background-image: url(//www.sanacas.fr/wp-content/themes/Sanacas/assets/images/img_page_cabinet.jpg);
background-size: cover;
background-repeat: no-repeat;
width: 75%;
margin: 0 auto;
border-radius: 30px;
padding: 20px;
margin-top: 60px;
opacity: 0;
animation: appear_content 1s ease-in-out 0.3s forwards;
position: relative;
}
.form_pres .formation_dispo .formation {
display: flex;
flex-direction: column;
align-items: center;
font-size: 24px;
color: #e9e9e9;
position: relative;
z-index: 1;
padding: 15px;
}
.form_pres .formation_dispo .formation div {
opacity: 0;
}
.form_pres .formation_dispo .formation div.animate {
animation: appear_content 1s ease-in-out forwards;
}
.form_pres .formation_dispo .formation_title {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
gap: 25px;
}
.form_pres .formation_dispo .formation_title .round_blue_white {
display: block;
background-color: #e9e9e9;
max-width: 35px;
width: 100%;
height: 35px;
border-radius: 50%;
border: solid 4px #00a3b3;
}
.form_pres .formation_dispo .formation_duration {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
width: 50%;
gap: 25px;
}
.form_pres .formation_dispo .formation_duration .round_yellow_white {
display: block;
background-color: #e9e9e9;
max-width: 35px;
width: 100%;
height: 35px;
border-radius: 50%;
border: solid 4px #cc9d46;
}
.form_pres .formation_dispo .bg_black {
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: 30px;
}
.form_pres .list_formation {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 80px;
padding-top: 80px;
}
.form_pres .list_formation_content {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
background-color: #d9d9d9;
border-radius: 30px;
padding: 20px 0;
gap: 30px;
opacity: 0;
}
.form_pres .list_formation_content.animate {
animation: appear_content 1s ease-in-out 0.2s forwards;
}
.form_pres .list_formation_content_title {
width: 90%;
display: flex;
flex-direction: row;
align-items: center;
gap: 25px;
}
.form_pres .list_formation_content_title h2 {
color: #cc9d46;
text-transform: uppercase;
font-size: 30px;
width: 80%;
-webkit-hyphens: auto;
hyphens: auto;
margin: 0;
}
.form_pres .list_formation_content_title .round_blue_white {
display: block;
max-width: 35px;
width: 100%;
height: 35px;
border: solid 5px #00a3b3;
border-radius: 50%;
background-color: #e9e9e9;
}
.form_pres .list_formation_content_text {
width: 75%;
font-size: 22px;
}
.form_pres .list_formation_content_text p {
margin: 0;
}
.form_pres .list_formation_content .read-more-btn {
display: none;
}
.form_pres_content {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 60px;
font-size: 26px;
font-weight: bold;
}
.form_pres_content p {
opacity: 0;
}
.form_pres_content p.animate {
animation: appear_content 1s ease-in-out forwards;
}
.form_pres_content a {
opacity: 0;
}
.form_pres_content a.animate {
animation: appear_content 1s ease-in-out forwards;
}
.form_pres_content .read-more-btn {
display: none;
}
.form_pres .contact_cta {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
margin-top: 40px;
cursor: pointer;
}
.form_pres .contact_cta:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.cabinet {
width: 85%;
margin: 0 auto;
padding-top: 170px;
}
.cabinet_title {
display: flex;
align-items: center;
gap: 25px;
text-transform: uppercase;
}
.cabinet_title .round_blue_white {
width: 35px;
height: 35px;
border-radius: 50%;
border: solid 6px #00a3b3;
display: block;
}
.cabinet_text {
display: flex;
flex-direction: column;
gap: 30px;
width: 75%;
margin: 0 auto;
text-align: center;
padding: 40px 0;
}
.cabinet_text p {
opacity: 0;
font-size: 24px;
margin-top: 0;
}
.cabinet_text p.animate {
animation: appear_content 1s ease-in-out 0.2s forwards;
}
.cabinet_text p:nth-child(2) {
text-align: left;
width: 65%;
margin: 0 auto;
}
.cabinet_text .reussites {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 50px;
padding-bottom: 30px;
}
.cabinet_text .reussites .pictos {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: calc(33% - 100px);
margin: 0 auto;
background-color: #cc9d46;
border-radius: 30px;
padding: 20px;
opacity: 0;
}
.cabinet_text .reussites .pictos:nth-child(odd) {
background-color: #00a3b3;
}
.cabinet_text .reussites .pictos img {
width: 100%;
padding-bottom: 15px;
}
.cabinet_text .reussites .pictos span {
font-size: 26px;
font-weight: bold;
}
.cabinet_text .reussites .pictos.animate {
animation: appear_content 1s ease-in-out forwards;
}
.cabinet_text .cliquable {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
border: solid 1.5px black;
border-radius: 30px;
padding-right: 20px;
}
.cabinet_text .cliquable .warning {
display: flex;
align-items: center;
justify-content: center;
border-right: solid 1.5px black;
border-radius: 50%;
width: 25px;
height: 25px;
}
.cabinet_text_second {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
font-size: 24px;
width: 100%;
margin: 0 auto;
padding-top: 50px;
}
.cabinet_text_second .color_sky_blue {
color: #00a3b3;
text-transform: uppercase;
font-weight: bold;
font-size: 28px;
}
.cabinet_text_second p {
width: 75%;
text-align: center;
opacity: 0;
}
.cabinet_text_second p.animate {
animation: appear_content 1s ease-in-out forwards;
}
.cabinet_text_second p:nth-child(2) {
text-align: center;
}
.cabinet_text_second a {
padding-top: 20px;
opacity: 0;
}
.cabinet_text_second a.animate {
animation: appear_content 1s ease-in-out forwards;
}
.cabinet .btn_jobs {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 50px;
padding-bottom: 50px;
padding-top: 30px;
}
.cabinet .btn_jobs .cta_jobs {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.cabinet .btn_jobs .cta_jobs:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.cabinet .btn_jobs .cta_jobs.active {
background-color: rgba(204, 157, 70, 0.8);
color: white;
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.cabinet .etapes {
display: none;
flex-direction: column;
gap: 25px;
background-color: #181417;
border-radius: 30px;
width: 75%;
margin: 0 auto;
padding: 30px;
opacity: 0;
animation: appear_content 1s ease-in-out 0.3s forwards;
}
.cabinet .etapes div {
display: flex;
flex-direction: row;
align-items: center;
gap: 25px;
opacity: 0;
}
.cabinet .etapes div.animate {
animation: appear_content 1s ease-in-out forwards;
}
.cabinet .etapes div p {
color: #e9e9e9;
font-size: 24px;
width: calc(100% - 50px);
}
.cabinet .etapes div .round_yellow {
display: block;
width: 35px;
height: 35px;
border-radius: 50%;
border: solid 5px #cc9d46;
}
.cabinet .contact_cta {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.cabinet .contact_cta:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.event {
padding-top: 200px;
text-align: center;
margin: 0 auto;
}
.event iframe {
width: 70%;
}
.event_title_agenda {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
font-size: 38px;
padding-bottom: 50px;
}
.event_title_agenda .round_blue_white {
width: 35px;
height: 35px;
border-radius: 50%;
border: solid 6px #00a3b3;
display: block;
}
.event_title_actu {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
padding: 60px;
font-size: 30px;
}
.event_title_actu .round_yellow {
display: block;
width: 35px;
height: 35px;
border-radius: 50%;
border: solid 5px #cc9d46;
}
.event_articles {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width: 90%;
margin: 0 auto;
gap: 50px;
padding: 50px;
margin-top: 70px;
background: linear-gradient(to right, #00a3b3, #cc9d46);
border-radius: 30px;
}
.event_articles article {
position: relative;
z-index: 9;
width: calc(25% - 100px);
background-color: rgba(233, 233, 233, 0.737254902);
background-color: #e9e9e9;
border-radius: 30px;
padding: 20px;
}
.event_articles article img {
border-radius: 30px;
}
.event_articles article h2 {
font-size: 26px;
}
.event_articles article div p {
font-size: 18px;
}
.event_articles article .cta_article {
background-color: rgb(204, 157, 70);
font-size: 18px;
padding: 10px 30px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.event_articles article .cta_article:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.05;
transition: all 0.3s;
}
.event_articles .bg_black {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
border-radius: 30px;
height: 100%;
width: 100%;
margin: 0 auto;
}
.single {
display: flex;
flex-direction: column;
align-items: center;
width: 80%;
margin: 0 auto;
margin-top: 170px;
}
.single_title {
font-size: 46px;
color: #cc9d46;
text-transform: uppercase;
text-align: center;
}
.single article {
display: flex;
flex-direction: column;
align-items: center;
background-color: rgba(24, 20, 23, 0.9215686275);
border-radius: 30px;
padding: 30px;
margin-bottom: 30px;
gap: 50px;
}
.single article img {
border-radius: 30px;
border: solid 2px #e9e9e9;
}
.single article p {
font-size: 24px;
width: 80%;
color: #e9e9e9;
max-height: 420px;
overflow: hidden;
}
.single article .read_more_single {
display: none;
background-color: rgb(204, 157, 70);
color: #e9e9e9;
font-size: 22px;
font-weight: bold;
padding: 15px 50px;
border-radius: 30px;
}
.single .return_actu {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.single .return_actu:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.formation {
width: 85%;
margin: 0 auto;
padding-top: 200px;
}
.formation_title {
display: flex;
align-items: center;
gap: 10px;
text-transform: uppercase;
animation: appear_content 1s ease-in-out forwards;
opacity: 0;
word-break: break-word;
-webkit-hyphens: auto;
hyphens: auto;
}
.formation_title .round_blue_white {
max-width: 35px;
width: 100%;
height: 35px;
border-radius: 50%;
border: solid 6px #00a3b3;
display: block;
margin-right: 15px;
}
.formation_title a:hover {
font-size: 36px;
color: #00a3b3;
transition: all 0.3s;
}
.formation_text {
width: 80%;
margin: 0 auto;
font-size: 24px;
text-align: center;
}
.formation_text a {
font-weight: bold;
}
.formation_text a:hover {
font-size: 26px;
color: #00a3b3;
transition: all 0.3s;
}
.formation .declinaison {
width: -moz-fit-content;
width: fit-content;
border: solid 1.5px #e9e9e9;
border-radius: 30px;
padding: 5px 15px;
color: #e9e9e9;
z-index: 9;
}
.formation .catalogue_formation {
display: flex;
flex-direction: column;
align-items: center;
width: 90%;
position: relative;
background: linear-gradient(to right, #cc9d46, #00a3b3);
border-radius: 30px;
overflow: hidden;
margin: 100px auto;
margin-top: 50px;
padding-top: 50px;
padding-bottom: 50px;
}
.formation .catalogue_formation .bg_black {
background-color: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: 1;
}
.formation .catalogue_formation_content {
display: flex;
flex-direction: row;
align-items: center;
position: relative;
gap: 20px;
margin: 50px;
margin-bottom: 0;
z-index: 99;
background-color: #e9e9e9;
border-radius: 30px;
opacity: 0;
}
.formation .catalogue_formation_content.animate {
animation: appear_content 1s ease-in-out forwards;
}
.formation .catalogue_formation_content img {
border-radius: 30px;
max-width: 500px;
margin: 30px;
}
.formation .catalogue_formation_content_left {
position: relative;
}
.formation .catalogue_formation_content_left .duration {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: absolute;
top: 45px;
right: 45px;
}
.formation .catalogue_formation_content_left .duration_length {
background-color: #00a3b3;
color: #e9e9e9;
font-weight: bold;
font-size: 18px;
border-radius: 30px;
padding: 5px 20px;
width: -moz-fit-content;
width: fit-content;
}
.formation .catalogue_formation_content_left .type_formation {
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: absolute;
top: 45px;
left: 45px;
}
.formation .catalogue_formation_content_left .type_formation .type {
background-color: #cc9d46;
color: #e9e9e9;
font-weight: bold;
font-size: 18px;
border-radius: 30px;
padding: 5px 20px;
width: -moz-fit-content;
width: fit-content;
}
.formation .catalogue_formation_content_right {
display: flex;
flex-direction: column;
padding: 0 30px 30px 0;
}
.formation .catalogue_formation_content_right_text {
text-align: center;
}
.formation .catalogue_formation_content_right_text h2 {
font-size: 30px;
color: #cc9d46;
}
.formation .catalogue_formation_content_right_text p {
font-size: 22px;
font-weight: 600;
}
.formation .catalogue_formation_content_right a {
width: -moz-fit-content;
width: fit-content;
}
.formation .catalogue_formation_content_right a .buy_cta {
background-color: rgb(204, 157, 70);
font-size: 22px;
width: -moz-fit-content;
width: fit-content;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.formation .catalogue_formation_content_right a .buy_cta:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.05;
transition: all 0.3s;
}
.about_title {
text-align: center;
margin: 80px auto;
font-size: 40px;
padding-top: 120px;
}
.about_content {
display: flex;
flex-direction: row;
align-items: center;
gap: 100px;
width: 90%;
margin: 0 auto;
padding-bottom: 50px;
}
.about_content_text {
background-color: #181417;
color: #e9e9e9;
border-radius: 30px;
width: calc(50% - 50px);
font-size: 28px;
text-align: center;
height: 100%;
animation: appear_content 1s ease-in-out 0.2s forwards;
opacity: 0;
}
.about_content_text div {
width: 90%;
margin: 0 auto;
}
.about_content_text .color_yellow {
color: #cc9d46;
text-transform: uppercase;
font-weight: bold;
font-size: 38px;
}
.about_content_text .color_sky_blue {
color: #00a3b3;
font-weight: bold;
}
.about_content_picture {
border-radius: 30px;
width: calc(50% - 50px);
display: flex;
justify-content: center;
align-items: center;
animation: appear_content 1s ease-in-out 0.7s forwards;
opacity: 0;
}
.about_content_picture img {
border-radius: 30px;
max-height: 900px;
height: 100%;
width: auto;
-o-object-fit: cover;
object-fit: cover;
}
.contact_title {
text-align: center;
padding-top: 170px;
font-size: 64px;
}
.contact_content {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
padding: 50px 0;
flex-direction: column;
gap: 50px;
}
.contact .status {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
}
.contact .status h2 {
font-size: 28px;
}
.contact .status_selection {
display: flex;
flex-direction: row;
gap: 50px;
}
.contact .status_selected {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.contact .status_selected:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.contact .status_selected.active {
background-color: rgba(204, 157, 70, 0.8);
color: white;
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.contact_form {
display: flex;
flex-direction: column;
align-items: center;
width: calc(40% - 50px);
background-color: #181417;
border-radius: 30px;
width: 90%;
animation: appear_content 1s ease-in-out 0.7s forwards;
opacity: 0;
}
.contact_form .form_particulier {
display: none;
}
.contact_form .form_pro {
display: none;
}
.contact_form div {
overflow: hidden;
width: 100%;
}
.contact_form div .wpcf7-response-output {
color: white;
}
.contact_form div .wpcf7-spinner {
background-color: #00a3b3;
margin: 0;
}
.contact_form div .wpcf7-submit {
margin-left: 50px;
}
.contact_form_content {
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
padding: 40px 20px;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.contact_form_content li {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 15px;
list-style: none;
width: calc(50% - 20px);
}
.contact_form_content li label {
color: #cc9d46;
font-size: 22px;
font-weight: bold;
}
.contact_form_content li span {
width: 100%;
}
.contact_form_content li span input {
background-color: #00a3b3;
color: #e9e9e9;
font-size: 26px;
border-radius: 30px;
border: none;
height: 70px;
width: calc(100% - 20px);
padding: 10px;
}
.contact_form_content li span input::-moz-placeholder {
color: white;
}
.contact_form_content li span input::placeholder {
color: white;
}
.contact_form_content li textarea {
background-color: #00a3b3;
color: #e9e9e9;
font-size: 26px;
border-radius: 30px;
border: none;
height: 210px;
width: calc(100% - 20px);
padding: 10px;
}
.contact_form_content li textarea::-moz-placeholder {
color: white;
}
.contact_form_content li textarea::placeholder {
color: white;
}
.contact_form_content .nb_employe {
width: 85%;
display: flex;
align-items: center;
}
.contact_form_content .nb_employe .wpcf7-form-control {
display: flex;
gap: 50px;
}
.contact_form_content .nb_employe .wpcf7-form-control .wpcf7-list-item {
width: calc(25% + 50px);
margin: 0;
}
.contact_form_content .nb_employe .wpcf7-form-control .wpcf7-list-item label {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
}
.contact_form_content .nb_employe .wpcf7-form-control .wpcf7-list-item label input {
height: 20px;
width: 20%;
}
.contact_form_content .object,
.contact_form_content .message {
width: 100%;
}
.contact_form_content .contact_form_cta {
background-color: rgb(204, 157, 70);
font-size: 22px;
padding: 15px 50px;
border-radius: 30px;
border: none;
cursor: pointer;
}
.contact_form_content .contact_form_cta:hover {
background-color: rgba(204, 157, 70, 0.8);
font-weight: bold;
scale: 1.1;
transition: all 0.3s;
}
.contact_maps {
width: 90%;
border-radius: 30px;
animation: appear_content 1s ease-in-out 0.2s forwards;
opacity: 0;
}
.contact_maps .wpgmza_map {
border-radius: 30px;
}
.main_mention {
padding-top: 170px;
}
.main_mention h1 {
width: 70%;
text-align: center;
margin: 40px auto;
font-size: 44px;
color: #00a3b3;
}
.main_mention div {
border: solid 5px #cc9d46;
border-radius: 30px;
background-color: #181417;
padding: 34px;
display: flex;
flex-direction: column;
width: 80%;
margin: 0 auto;
}
.main_mention p {
color: #cc9d46;
font-size: 24px;
width: 75%;
padding-left: 50px;
}
.main_mention p strong {
color: #00a3b3;
}
.main_mention p a {
text-decoration: underline;
}
.main_mention p a:hover {
color: #00a3b3;
font-size: 26px;
transition: all 0.3s;
}
.main_mention h2 strong {
color: #00a3b3;
font-size: 28px;
}
footer {
background-color: #181417;
margin-top: 60px;
padding-top: 30px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
}
footer .link_footer {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 90%;
}
footer .link_footer .logo_footer {
max-width: 200px;
transition: all 0.3s;
}
footer .link_footer .logo_footer:hover {
scale: 1.1;
rotate: 180deg;
transition: all 0.3s;
}
footer .link_footer .contact_footer {
color: #cc9d46;
font-size: 22px;
text-align: center;
}
footer .link_footer .contact_footer p {
border-bottom: solid 2px #e9e9e9;
padding-bottom: 20px;
}
footer .link_footer .contact_footer div {
display: flex;
flex-direction: row;
gap: 35px;
}
footer .link_footer .contact_footer div a {
padding-top: 20px;
}
footer .link_footer .contact_footer div a .color_sky_blue {
color: #00a3b3;
font-weight: 700;
}
footer .link_footer .contact_footer div a .color_sky_blue:hover {
font-size: 26px;
transition: 0.3s;
}
footer .link_footer .social_network {
color: #cc9d46;
font-size: 22px;
max-width: 25%;
text-align: center;
}
footer .link_footer .social_network p {
border-bottom: solid 2px #e9e9e9;
padding-bottom: 20px;
}
footer .link_footer .social_network_logo img {
max-width: 60px;
}
footer .link_footer .social_network_logo img:hover {
scale: 1.2;
transition: 0.3s;
}
footer .mentions {
display: flex;
flex-direction: row;
align-items: center;
gap: 50px;
}
footer .mentions li {
font-size: 24px;
list-style: none;
}
footer .mentions li a:hover {
color: #00a3b3;
font-size: 26px;
font-weight: bold;
transition: all 0.3s;
}
footer .mentions p {
font-size: 22px;
color: #cc9d46;
}
footer .border-top {
border-top: solid 2px #e9e9e9;
width: 90%;
}
@media screen and (min-width: 320px) and (max-width: 767.9px) {
header {
justify-content: space-between;
width: calc(100% - 100px);
padding: 0 50px;
height: 100px;
}
header .logo {
scale: 0.7;
}
header .logo:hover {
scale: 0.7;
rotate: unset;
}
header .menu {
gap: 30px;
}
header .menu_burger {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
gap: 15px;
height: 60px;
}
header .menu_burger .line {
width: 60px;
border: solid 1.5px #e9e9e9;
}
header .menu_burger .line:first-child {
width: 60px;
}
header .menu_burger .line:last-child {
width: 60px;
position: relative;
left: 0px;
}
header .menu_burger .line_active {
display: none;
border: solid 1.5px #e9e9e9;
width: 60px;
}
header .menu_burger .line_active:first-child {
display: flex;
rotate: 45deg;
position: relative;
top: 8px;
}
header .menu_burger .line_active:last-child {
display: flex;
rotate: -45deg;
position: relative;
top: -12px;
left: 0;
}
header .menu nav {
display: none;
}
header .menu nav .menu-menu_header-container {
position: fixed;
top: calc(50% + 60px);
left: 50%;
transform: translate(-50%, -50%);
background-color: #cc9d46;
width: 100%;
height: calc(100% - 80px);
display: flex;
justify-content: center;
align-items: center;
}
header .menu nav .menu-menu_header-container .menu {
display: flex;
flex-direction: column;
gap: 60px;
padding: 0;
}
header .menu nav .menu-menu_header-container .menu li {
font-size: 32px;
font-weight: bold;
}
header .menu nav .menu-menu_header-container .menu li a {
display: block;
width: -moz-max-content;
width: max-content;
color: #e9e9e9 !important;
}
header .menu nav .menu-menu_header-container .menu li a:hover {
font-size: 32px !important;
}
header .menu nav .list_formation {
position: fixed;
width: calc(100% - 40px);
top: 50%;
left: 50% !important;
transform: translate(-50%, -50%);
padding: 20px 20px;
}
header .menu nav .list_formation li {
font-size: 26px;
}
header .menu nav .list_formation li:hover {
font-weight: normal;
transition: none;
} .home_page {
padding-top: 170px;
}
.home_page_hero {
width: 100%;
opacity: 1;
animation: none;
}
.home_page_bandeau {
flex-direction: column;
gap: 25px;
opacity: 1;
}
.home_page_bandeau:nth-child(even) {
flex-direction: column;
}
.home_page_bandeau.animate {
animation: none;
}
.home_page_bandeau_text {
width: 85%;
}
.home_page_bandeau_img {
width: 100%;
}
.home_page .contact_cta {
color: black;
}
.home_page .contact_cta:hover {
background-color: rgb(204, 157, 70);
font-weight: normal;
scale: unset;
transition: none;
}
.home_page .contact_cta.animate {
opacity: 1;
animation: none;
}  .cabinet_title h1 {
-webkit-hyphens: auto;
hyphens: auto;
font-size: 28px;
}
.cabinet_title .round_blue_white {
max-width: 35px;
width: 100%;
}
.cabinet_text {
width: 100%;
}
.cabinet_text p {
font-size: 22px;
}
.cabinet_text p:nth-child(2) {
width: 100%;
padding-left: 15px;
}
.cabinet_text p.animate {
animation: none;
opacity: 1;
}
.cabinet_text .reussites {
flex-direction: column;
width: 90%;
}
.cabinet_text .reussites .pictos {
width: 100%;
opacity: 1;
}
.cabinet_text .reussites .pictos.animate {
animation: none;
}
.cabinet_text_second {
width: 100%;
}
.cabinet_text_second p {
width: 100%;
font-size: 22px;
opacity: 1;
}
.cabinet_text_second p .color_sky_blue {
font-size: 24px;
}
.cabinet_text_second p.animate {
animation: none;
}
.cabinet_text_second p:nth-child(2) {
padding-left: 0;
}
.cabinet_text_second a {
opacity: 1;
}
.cabinet_text_second a.animate {
animation: none;
}
.cabinet .etapes {
width: 85%;
opacity: 1;
animation: none;
}
.cabinet .etapes div {
opacity: 1;
}
.cabinet .etapes div p {
font-size: 22px;
}
.cabinet .etapes div.animate {
animation: none;
}
.cabinet .contact_cta {
font-size: 24px;
color: black;
}
.cabinet .contact_cta:hover {
background-color: rgb(204, 157, 70);
font-weight: normal;
scale: unset;
transition: none;
}
.cabinet .cliquable {
margin: 0;
font-size: 13px;
}
.cabinet .btn_jobs {
flex-direction: column;
align-items: center;
}
.cabinet .btn_jobs .cta_jobs {
color: black;
}  .formation {
padding-top: 170px;
}
.formation .catalogue_formation {
width: 100%;
margin-top: 50px;
}
.formation .catalogue_formation .declinaison {
width: calc(100% - 60px);
}
.formation .catalogue_formation_content {
width: 90%;
flex-direction: column;
gap: 0px;
opacity: 1;
}
.formation .catalogue_formation_content.animate {
animation: none;
}
.formation .catalogue_formation_content img {
max-width: calc(100% - 30px);
max-height: 200px;
margin: 15px;
}
.formation .catalogue_formation_content_right {
padding: 0;
margin: 0 15px;
}
.formation .catalogue_formation_content_right_text h2 {
font-size: 28px;
word-break: break-word;
-webkit-hyphens: manual;
hyphens: manual;
}
.formation .catalogue_formation_content_right_text p {
font-size: 22px;
}
.formation .catalogue_formation_content .buy_cta {
padding: 15px 35px;
margin-bottom: 20px;
color: black;
}
.formation .catalogue_formation_content .buy_cta:hover {
background-color: rgb(204, 157, 70);
font-weight: normal;
scale: unset;
}
.formation .catalogue_formation_content_left {
align-items: center;
display: flex;
flex-direction: column;
}
.formation .catalogue_formation_content_left .type_formation {
position: unset;
margin-bottom: 20px;
}
.formation .catalogue_formation_content_left .duration {
position: unset;
}  .about_content {
flex-direction: column-reverse;
align-items: center;
gap: 50px;
}
.about_content_text {
max-height: unset;
width: 100%;
font-size: 22px;
animation: none;
opacity: 1;
}
.about_content_text .color_yellow {
font-size: 32px;
}
.about_content_picture {
width: 100%;
animation: none;
opacity: 1;
}
.about_content_picture img {
width: 300px;
height: 300px;
-o-object-position: top;
object-position: top;
}  .event_title_agenda {
font-size: 30px;
}
.event iframe {
width: 90%;
}
.event_articles {
flex-direction: column;
align-items: center;
padding: 20px 0;
}
.event_articles article {
width: calc(100% - 80px);
}   .single article {
gap: 20px;
}
.single article img {
max-width: 300px;
max-height: 250px;
}
.single article p {
width: 100%;
}
.single article .read_more_single {
display: flex;
} .contact_title {
font-size: 34px;
}
.contact_content {
flex-direction: column;
align-items: center;
gap: 50px;
}
.contact_form {
width: 90%;
}
.contact_form div {
width: 100%;
}
.contact_form div .wpcf7-submit {
margin-left: 0;
}
.contact_form div .wpcf7-response-output {
width: calc(100% - 20px);
padding: 0;
}
.contact_form_content {
flex-direction: column;
align-items: center;
}
.contact_form_content li {
width: 100%;
}
.contact_form_content li span input {
height: 40px;
font-size: 18px;
}
.contact_form_content li span textarea {
height: 160px;
font-size: 18px;
}
.contact_form_content .nb_employe .wpcf7-form-control {
display: flex;
gap: 50px;
}
.contact_form_content .nb_employe .wpcf7-form-control .wpcf7-list-item {
width: 100%;
}
.contact_form_content .nb_employe .wpcf7-checkbox {
flex-direction: column;
padding-top: 20px;
}
.contact_maps {
width: 80%;
overflow: hidden;
}
.contact .status_selection {
flex-direction: column;
align-items: center;
}
.contact .status_selected {
color: black;
} footer {
height: -moz-max-content;
height: max-content;
flex-direction: column;
align-items: center;
gap: 30px;
}
footer .link_footer {
flex-direction: column;
gap: 25px;
}
footer .link_footer .logo_footer:hover {
scale: none;
rotate: 0deg;
}
footer .link_footer .contact_footer {
display: flex;
flex-direction: column;
align-items: center;
max-width: unset;
width: 85%;
font-size: 19px;
}
footer .link_footer .contact_footer div {
flex-direction: column;
align-items: center;
}
footer .link_footer .contact_footer div span .color_sky_blue:hover {
font-size: 19px;
}
footer .link_footer .social_network {
max-width: unset;
width: 90%;
font-size: 19px;
}
footer .link_footer .social_network_logo img:hover {
scale: none;
}
footer .mentions {
gap: 35px;
}
footer .mentions ul {
padding-left: 0;
}
footer .mentions ul li {
text-align: center;
}
footer .mentions p {
text-align: center;
}
}
@media screen and (min-width: 768px) and (max-width: 1023.9px) {
header {
justify-content: space-between;
width: calc(100% - 100px);
padding: 0 50px;
}
header .logo:hover {
scale: none;
rotate: unset;
}
header .menu {
gap: 30px;
}
header .menu_burger {
position: relative;
display: flex;
display: none;
flex-direction: column;
justify-content: center;
gap: 20px;
height: 60px;
}
header .menu_burger .line {
width: 60px;
border: solid 1.5px #e9e9e9;
}
header .menu_burger .line:first-child {
width: 60px;
}
header .menu_burger .line:last-child {
width: 60px;
position: relative;
left: 0px;
}
header .menu_burger .line_active {
display: none;
border: solid 1.5px #e9e9e9;
width: 60px;
}
header .menu_burger .line_active:first-child {
display: flex;
rotate: 45deg;
position: relative;
top: 12px;
}
header .menu_burger .line_active:last-child {
display: flex;
rotate: -45deg;
position: relative;
top: -12px;
left: 0;
}
header nav {
display: flex;
}
header nav #menu_nav {
padding: 0;
gap: 30px;
flex-wrap: wrap;
justify-content: flex-end;
}
header nav #menu_nav li {
font-size: 19px;
}
header nav #menu_nav li a {
display: block;
width: -moz-max-content;
width: max-content;
} .home_page .video_laptop {
display: none;
}
.home_page .video_mobile {
display: flex;
}
.home_page_bandeau {
flex-direction: column;
width: 100%;
gap: 20px;
}
.home_page_bandeau:nth-child(even) {
flex-direction: column;
}
.home_page_bandeau_img {
width: 100%;
}
.home_page_bandeau_img img {
width: 100%;
max-height: unset;
max-width: unset;
}
.home_page_bandeau_text {
width: 100%;
}
.home_page .contact_cta {
font-size: 26px;
}
.home_page .contact_cta:hover {
background-color: rgb(204, 157, 70);
font-weight: normal;
scale: unset;
transition: none;
}  .cabinet_text {
width: 100%;
}
.cabinet_text p {
font-size: 28px;
}
.cabinet_text p:nth-child(2) {
width: 90%;
}
.cabinet_text_second {
width: 100%;
}
.cabinet_text_second p {
font-size: 28px;
width: 100%;
}
.cabinet_text .reussites .pictos {
width: calc(50% - 100px);
}
.cabinet .etapes {
width: calc(100% - 80px);
}
.cabinet .etapes div p {
font-size: 28px;
}
.cabinet .contact_cta {
font-size: 26px;
}
.cabinet .contact_cta:hover {
background-color: rgb(204, 157, 70);
font-weight: normal;
scale: unset;
transition: none;
}  .formation .catalogue_formation {
width: 100%;
}
.formation .catalogue_formation .declinaison {
width: calc(100% - 100px);
}
.formation .catalogue_formation_content {
flex-direction: column;
gap: 0px;
}
.formation .catalogue_formation_content_right {
align-items: center;
padding: 35px;
padding-top: 0;
}
.formation .catalogue_formation_content_right_text p {
font-size: 26px;
}
.formation .catalogue_formation_content_right_price span {
font-size: 26px;
}  .about_content {
flex-direction: column-reverse;
align-items: center;
gap: 50px;
}
.about_content_text {
width: 100%;
animation: appear_content 1s ease-in-out 0.7s forwards;
}
.about_content_picture {
width: 100%;
animation: appear_content 1s ease-in-out 0.2s forwards;
}
.about_content_picture img {
width: 500px;
height: 500px;
-o-object-position: top;
object-position: top;
}  .event_articles {
width: calc(100% - 160px);
}
.event_articles article {
width: calc(50% - 65px);
}  .single article p {
width: 100%;
}  .contact_content {
flex-direction: column;
align-items: center;
gap: 50px;
}
.contact_form {
width: 90%;
}
.contact_form_content .nb_employe {
width: 100%;
}
.contact_form_content .nb_employe .wpcf7-form-control {
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.contact_maps {
width: 90%;
} footer .link_footer {
flex-direction: column;
justify-content: center;
gap: 20px;
}
footer .link_footer .logo_footer:hover {
scale: none;
rotate: 0deg;
}
footer .link_footer .contact_footer {
display: flex;
flex-direction: column;
align-items: center;
font-size: 19px;
}
footer .link_footer .contact_footer p {
padding-bottom: 20px;
}
footer .link_footer .contact_footer div {
flex-direction: row;
gap: 30px;
align-items: center;
border: none;
}
footer .link_footer .contact_footer div span .color_sky_blue:hover {
font-size: 19px;
}
footer .link_footer .social_network {
font-size: 19px;
max-width: unset;
}
footer .link_footer .social_network_logo img:hover {
scale: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1439.9px) {
header .menu nav ul {
gap: 30px;
padding: 0;
}
header .menu nav ul li {
font-size: 20px;
} .home_page .video {
width: 80%;
}  .about_content_text {
font-size: 22px;
}
.about_content_text .color_yellow {
font-size: 32px;
}
.about_content_picture img {
width: 100%;
}  .contact_form {
width: calc(100% - 100px);
}
.contact_form_content .nb_employe {
width: 100%;
}
.contact_maps {
width: calc(100% - 100px);
}  .formation .catalogue_formation_content {
flex-direction: column;
gap: 25px;
}
.formation .catalogue_formation_content img {
margin-bottom: 0;
}
.formation .catalogue_formation_content_right {
padding: 30px;
padding-top: 0;
align-items: center;
}  .event_articles article {
width: calc(50% - 100px);
} footer .link_footer {
padding-bottom: 20px;
}
footer .link_footer .contact_footer {
width: 35%;
}
footer .link_footer .contact_footer div {
justify-content: center;
flex-wrap: wrap;
gap: 15px;
}
}