@charset "UTF-8";
 :root {
--br-normal: 5px;
--br-large: 15px;
--blur: 5px;
--transition: .1s;
--font-color: #1D252D;
--light: #fafcff;
--lightgrey: #f3f7fd;
}
@font-face {
font-family: Luciole;
src: url(//buroscope.bzh/core/views/9d67146f7e/assets/fonts/luciole-regular.woff2) format("woff2");
font-weight: 400;
}
@font-face {
font-family: Luciole;
src: url(//buroscope.bzh/core/views/9d67146f7e/assets/fonts/luciole-bold.woff2) format("woff2");
font-weight: 700;
}
@font-face {
font-family: OpenDyslexic;
src: url(//buroscope.bzh/core/views/9d67146f7e/assets/fonts/open-dyslexic/opendyslexic-regular.otf) format("woff2");
font-weight: 400;
}
@font-face {
font-family: OpenDyslexic;
src: url(//buroscope.bzh/core/views/9d67146f7e/assets/fonts/open-dyslexic/opendyslexic-bold.otf) format("woff2");
font-weight: 700;
}
.container {
max-width: 1500px;
width: 100%;
padding-inline: 25px;
margin-inline: auto;
}
.text {
font-size: clamp(1rem, 0.9038rem + 0.5128vw, 1.15rem);
line-height: 1.5;
}
.text ul {
list-style: inherit;
list-style-type: disc;
padding-inline-start: 20px;
}
.tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.tag {
text-decoration: none;
color: initial;
}
.tag:hover {
text-decoration: underline;
}
.tag {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5em 1em;
background-color: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(25px);
color: white;
border-radius: 50px;
font-size: clamp(0.75rem, 0.7136rem + 0.1818vw, 0.85rem);
font-weight: 600;
}
.tag svg, .tag img {
height: 1rem;
fill: #1D252D;
}
.tag.light {
background-color: #f3f7fd;
color: #1D252D;
}
.tag.blue {
background-color: #009ACE;
color: white;
}
.tag.blue svg {
fill: white;
}
.tag.green {
background-color: #BBCF21;
color: white;
}
.tag.green svg {
fill: white;
}
.tag.white {
background-color: white;
color: #1D252D;
}
.tag.small {
padding: 0.5em 1em;
font-size: 0.85rem;
}
.tag.small svg {
width: 0.9rem;
}
.tag.xs, .tag.extra-small {
font-size: 0.75rem;
}
.tag.xs svg, .tag.extra-small svg {
width: 0.8rem;
}
.tag.mini {
font-size: 0.65rem;
}
.tag.mini svg {
width: 0.7rem;
}
.tag.formats {
background-color: white;
color: #1D252D;
}
.tag.bg-blue, .tag.bg-red, .tag.bg-yellow, .tag.bg-green {
color: white;
border-color: transparent;
}
.button {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 0.75em 1em;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: white;
font-size: 1rem;
cursor: pointer;
font-weight: 500;
white-space: nowrap;
}
.button svg {
height: 1em;
fill: #1D252D;
}
.button.small {
font-size: 0.75rem;
}
.button.outlined {
background-color: transparent;
color: white;
border-color: white;
}
.button.outlined svg {
fill: white;
}
.button.outlined:hover {
background-color: white;
color: #1D252D;
}
.button.outlined:hover svg {
fill: #1D252D;
}
.button.red {
background-color: #E50D49;
color: white;
}
.button.red svg {
fill: white;
}
.button.red.outlined {
background-color: transparent;
border-color: #E50D49;
color: #E50D49;
}
.button.red.outlined:hover {
background-color: #E50D49;
color: white;
}
.button.darkred {
background-color: #A93355;
color: white;
}
.button.darkred svg {
fill: white;
}
.button.darkred.outlined {
background-color: transparent;
border-color: #A93355;
color: #A93355;
}
.button.darkred.outlined:hover {
background-color: #A93355;
color: white;
}
.button.darkblue {
background-color: #0678A0;
color: white;
}
.button.darkblue svg {
fill: white;
}
.button.darkblue.outlined {
background-color: transparent;
border-color: #0678A0;
color: #0678A0;
}
.button.darkblue.outlined:hover {
background-color: #0678A0;
color: white;
}
.button.dark {
background-color: #1D252D;
color: white;
}
.button.dark svg {
fill: white;
}
.button.dark.outlined {
background-color: transparent;
border-color: #1D252D;
color: #1D252D;
}
.button.dark.outlined svg {
fill: #1D252D;
}
.button.dark.outlined:hover {
background-color: #1D252D;
color: white;
}
.button.dark.outlined:hover svg {
fill: white;
}
.button.blue {
background-color: #009ACE;
color: white;
}
.button.blue svg {
fill: white;
}
.button.blue.outlined {
background-color: transparent;
border-color: #009ACE;
color: #009ACE;
}
.button.blue.outlined svg {
fill: #009ACE;
}
.button.blue.outlined:hover {
background-color: #009ACE;
color: white;
}
.button.blue.outlined:hover svg {
fill: white;
}
.button.lightblue {
background-color: #0AB1E6;
color: white;
}
.button.lightblue svg {
fill: white;
}
.button.lightblue.outlined {
background-color: transparent;
border-color: #0AB1E6;
color: #0AB1E6;
}
.button.lightblue.outlined:hover {
background-color: #0AB1E6;
color: white;
}
.button.yellow {
background-color: #FEC903;
color: #1D252D;
}
.button.yellow.outlined {
background-color: transparent;
border-color: #FEC903;
color: #FEC903;
}
.button.yellow.outlined:hover {
background-color: #FEC903;
color: #1D252D;
}
.button.green {
background-color: #BBCF21;
color: white;
}
.button.green.outlined {
background-color: transparent;
border-color: #BBCF21;
color: #BBCF21;
}
.button.green.outlined:hover {
background-color: #BBCF21;
color: white;
}
.button {
text-decoration: none;
color: initial;
}
.button:hover {
text-decoration: underline;
}
.button.small {
font-size: 0.85rem;
}
.FormationsGrid {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media screen and (min-width: 576px) {
.FormationsGrid {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.FormationsGrid {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1024px) {
.FormationsGrid {
grid-template-columns: repeat(4, 1fr);
}
}
.FormationsGrid.list {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.FormationsGrid.list .formation-card {
max-width: inherit;
}
.FormationsGrid.list .formation-card__box {
flex-direction: row;
}
.FormationsGrid.list .formation-card__box_illustration {
width: 12.5rem;
height: inherit;
min-height: inherit;
border-radius: 0;
}
.FormationsGrid.list .formation-card__box_illustration_category {
display: none;
}
.FormationsGrid.list .formation-card__box_content {
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
}
.FormationsGrid.list .formation-card__box_content_terms {
display: flex;
}
.FormationsGrid.list .formation-card__box_content_button {
display: none;
margin-top: 0;
}
.inputbox {
display: flex;
align-items: center;
padding: 0.75em 1.25em;
border-radius: 5px;
border: 1px solid rgba(29, 37, 45, 0.25);
background-color: white;
}
.inputbox:focus {
outline: #009ACE solid 2px;
}
.inputbox input {
background-color: transparent;
border: 0;
}
.inputbox input:focus {
outline: 0;
}
.inputbox svg {
width: 1.25rem;
fill: #1D252D;
}
.input, .select {
padding: 0.75em 1.25em;
border-radius: 5px;
border: 1px solid rgba(29, 37, 45, 0.25);
background-color: white;
}
.input:focus, .select:focus {
outline: #009ACE solid 2px;
}
.select {
cursor: pointer;
}
.list-style {
list-style: inherit;
list-style-type: disc;
padding-inline-start: 20px;
}
.FormPopup {
position: fixed;
display: none;
top: 0;
left: 0;
justify-content: center;
align-items: flex-start;
width: 100vw;
height: 100vh;
padding-top: clamp(5rem, 4.0909rem + 4.5455vw, 7.5rem);
background-color: rgba(29, 37, 45, 0.85);
backdrop-filter: blur(10px);
z-index: 101;
}
.FormPopup.is-active {
display: flex;
}
.FormPopup__close {
position: absolute;
top: 3rem;
right: 3rem;
fill: white;
width: 2.5rem;
cursor: pointer;
}
.FormPopup__container_box {
display: grid;
grid-template-columns: 3fr 5fr;
gap: 3rem;
padding: 1.5rem;
border-radius: 5px;
background-color: white;
}
.FormPopup__container_box_illustration {
border-radius: 5px;
position: relative;
overflow: hidden;
}
.FormPopup__container_box_illustration_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.FormPopup__container_box_content {
color: #1D252D;
}
.FormPopup__container_box_content_title {
font-size: 2.5rem;
font-weight: bold;
}
.FormPopup__container_box_content_form {
margin-top: 1.5rem;
}
.play {
display: flex;
align-items: center;
transition: all 0.1s ease-in-out;
text-decoration: none;
padding: 0.5rem 0.75rem;
border-radius: 5px;
border-style: solid;
border-width: 1px;
border-color: transparent;
transition: border-color 0.1s ease-in-out, backdrop-filter 0.1s ease-in-out;
}
.play:hover {
border-color: white;
backdrop-filter: blur(5px);
}
.play__icon {
margin-right: 1rem;
fill: white;
width: 2rem;
text-shadow: 0 0 10px rgba(29, 37, 45, 0.5);
}
.play__label {
color: white;
font-size: 1rem;
text-shadow: 0 0 10px rgba(29, 37, 45, 0.5);
}
html {
overflow-x: hidden;
}
@media screen and (-webkit-max-device-pixel-ratio: 1) and (max-width: 1366px) {
html {
font-size: 82.5%;
}
}
.body {
position: relative;
font-family: "Nunito";
background-color: #fafcff;
overflow-x: hidden;
}
.body.no-scroll {
overflow: hidden;
}
.body button, .body select {
font-family: "Nunito";
}
.body.dyslexia {
font-family: OpenDyslexic;
}
.body.dyslexia input::-moz-placeholder {
font-family: OpenDyslexic;
}
.body.dyslexia button, .body.dyslexia input::placeholder, .body.dyslexia select {
font-family: OpenDyslexic;
}
.section {
padding-block: 5rem;
}
.section.nopad {
padding-block: 0;
}
.section.minpad {
padding-block: 2.5rem;
}
.section.nopt {
padding-top: 0;
}
.section__title {
position: relative;
display: inline-block;
font-size: clamp(1.5rem, 0.822rem + 3.3898vw, 4rem);
font-weight: 900;
color: #1D252D;
margin-bottom: 2rem;
line-height: 1.25;
width: 100%;
}
.section__title.small {
font-size: clamp(1.25rem, 0.9773rem + 1.3636vw, 2rem);
}
.section__title.small::before {
width: 0.5rem;
}
.section__title.nomb {
margin-bottom: 0;
}
.section__title.minmb {
margin-bottom: 1.5rem;
}
.section__title.center, .section__title.centered {
text-align: center;
}
.section__title_subtitle {
opacity: 0.5;
}
.section__title.white {
color: white;
}
.section__title.white::before {
background-color: white;
}
.section__subtitle {
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1.5rem;
}
.section__subtitle a {
text-decoration: none;
color: initial;
}
.section__subtitle a:hover {
text-decoration: underline;
}
@keyframes hoverReflect {
from {
right: 100%;
}
to {
right: -75%;
}
}
.header {
position: relative;
display: flex;
background-size: cover;
background-position: center;
min-height: 25rem;
}
.header:has(.header__illustration) {
position: relative;
overflow: hidden;
}
.header__illustration {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
z-index: -1;
}
.header__overlay {
display: flex;
align-items: flex-end;
width: 100%;
padding-top: 10rem;
padding-bottom: 7.5rem;
background: linear-gradient(0deg, rgba(29, 37, 45, 0.75) 0%, rgba(0, 154, 206, 0.75) 100%);
}
.header__overlay_container {
max-width: 1500px;
width: 100%;
padding-inline: 25px;
margin-inline: auto;
display: grid;
z-index: 1;
color: white;
}
.header__overlay_container_title {
font-size: clamp(2.5rem, 1.9545rem + 2.7273vw, 4rem);
font-weight: bold;
}
.header__overlay_container_subtitle {
font-size: clamp(1.15rem, 1.0218rem + 0.6838vw, 1.35rem);
line-height: 1.25;
font-weight: 500;
}
.construction {
background-image: linear-gradient(135deg, rgba(254, 201, 3, 0.25) 30%, rgba(29, 37, 45, 0.25) 30%, rgba(29, 37, 45, 0.25) 50%, rgba(254, 201, 3, 0.25) 50%, rgba(254, 201, 3, 0.25) 80%, rgba(29, 37, 45, 0.25) 80%, rgba(29, 37, 45, 0.25) 100%);
background-size: 70.71px 70.71px;
}
.bg-dark {
background: #1D252D;
background-color: #1D252D;
color: white;
}
.bg-dark.bg-op-75 {
background: rgba(29, 37, 45, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-darkblue {
background: #0678A0;
background-color: #0678A0;
color: white;
}
.bg-darkblue.bg-op-75 {
background: rgba(6, 120, 160, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-blue {
background: #009ACE;
background-color: #009ACE;
color: white;
}
.bg-blue.bg-op-75 {
background: rgba(0, 154, 206, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-lightblue {
background: #0AB1E6;
background-color: #0AB1E6;
color: white;
}
.bg-lightblue.bg-op-75 {
background: rgba(10, 177, 230, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-yellow {
background: #FEC903;
background-color: #FEC903;
color: white;
}
.bg-yellow.bg-op-75 {
background: rgba(254, 201, 3, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-red {
background: #E50D49;
background-color: #E50D49;
color: white;
}
.bg-red.bg-op-75 {
background: rgba(229, 13, 73, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-darkred {
background: #A93355;
background-color: #A93355;
color: white;
}
.bg-darkred.bg-op-75 {
background: rgba(169, 51, 85, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-green {
background: #BBCF21;
background-color: #BBCF21;
color: white;
}
.bg-green.bg-op-75 {
background: rgba(187, 207, 33, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-light {
background: #fafcff;
background-color: #fafcff;
color: white;
}
.bg-light.bg-op-75 {
background: rgba(250, 252, 255, 0.5);
backdrop-filter: blur(2.5px);
}
.bg-lightgrey {
background: #f3f7fd;
background-color: #f3f7fd;
color: white;
}
.bg-lightgrey.bg-op-75 {
background: rgba(243, 247, 253, 0.5);
backdrop-filter: blur(2.5px);
}
.topbar {
position: sticky;
top: 0;
left: 0;
width: 100%;
background-color: #1D252D;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
z-index: 99;
}
.topbar__container {
display: flex;
justify-content: space-between;
max-width: 1650px;
}
.topbar__container a, .topbar__container button {
display: flex;
align-items: center;
padding: 0.5em 0.75em;
gap: 0.75rem;
background-color: transparent;
border: 0;
cursor: pointer;
font-size: 1rem;
text-decoration: none;
color: initial;
}
.topbar__container a:hover, .topbar__container button:hover {
text-decoration: underline;
}
.topbar__container a, .topbar__container button {
color: white;
}
.topbar__container a:hover, .topbar__container button:hover {
text-decoration: underline;
background-color: white;
color: #1D252D;
}
.topbar__container a:hover svg, .topbar__container button:hover svg {
fill: #1D252D;
}
.topbar__container a svg, .topbar__container button svg {
fill: white;
height: 1rem;
}
.topbar__container_right {
display: flex;
}
.hamburger {
display: flex;
align-items: center;
gap: 1rem;
position: fixed;
top: 1rem;
right: 1rem;
z-index: 100;
}
@media screen and (min-width: 1024px) {
.hamburger {
display: none !important;
}
}
.hamburger .hamburger-inner,
.hamburger .hamburger-inner::after,
.hamburger .hamburger-inner::before {
background-color: white !important;
box-shadow: 0 0 5px 0 rgba(29, 37, 45, 0.5);
}
body.admin-bar .navigation {
top: calc(4rem + 32px);
}
body.admin-bar .navigation.scrolled {
top: calc(1rem + 32px);
}
.navigation {
position: fixed;
display: none;
flex-direction: column;
align-items: center;
width: 100vw;
height: 100vh;
top: 0;
left: 0;
padding: 5rem 3rem 0 3rem;
background-color: rgba(255, 255, 255, 0.75);
backdrop-filter: blur(10px);
gap: 1.5rem;
z-index: 99;
}
@media screen and (min-width: 1024px) {
.navigation {
display: flex;
flex-direction: row;
top: 4rem;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 50px);
max-width: 1600px;
height: inherit;
height: 100px;
border-radius: 5px;
transition: all 0.3s ease-in-out;
border-width: 2px;
border-style: solid;
border-color: transparent;
gap: 1rem;
padding: 1.5rem;
box-shadow: 0 0 25px 0 rgba(255, 255, 255, 0.25);
}
.navigation.scrolled {
border-color: white;
top: 3rem;
}
.navigation .nav .menu-item a:hover {
text-decoration: underline;
}
}
.navigation.is-active {
display: flex;
}
.navigation__logo {
height: 4.25rem;
}
@media screen and (min-width: 1024px) {
.navigation__logo {
margin-right: auto;
}
}
.navigation__logo_img {
max-height: 100%;
}
.navigation__search {
display: flex;
align-items: center;
width: 100%;
color: #1D252D;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 0.75em 1em;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: white;
font-size: 1rem;
cursor: pointer;
font-weight: 500;
white-space: nowrap;
}
.navigation__search svg {
height: 1em;
fill: #1D252D;
}
.navigation__search.small {
font-size: 0.75rem;
}
.navigation__search.outlined {
background-color: transparent;
color: white;
border-color: white;
}
.navigation__search.outlined svg {
fill: white;
}
.navigation__search.outlined:hover {
background-color: white;
color: #1D252D;
}
.navigation__search.outlined:hover svg {
fill: #1D252D;
}
.navigation__search.red {
background-color: #E50D49;
color: white;
}
.navigation__search.red svg {
fill: white;
}
.navigation__search.red.outlined {
background-color: transparent;
border-color: #E50D49;
color: #E50D49;
}
.navigation__search.red.outlined:hover {
background-color: #E50D49;
color: white;
}
.navigation__search.darkred {
background-color: #A93355;
color: white;
}
.navigation__search.darkred svg {
fill: white;
}
.navigation__search.darkred.outlined {
background-color: transparent;
border-color: #A93355;
color: #A93355;
}
.navigation__search.darkred.outlined:hover {
background-color: #A93355;
color: white;
}
.navigation__search.darkblue {
background-color: #0678A0;
color: white;
}
.navigation__search.darkblue svg {
fill: white;
}
.navigation__search.darkblue.outlined {
background-color: transparent;
border-color: #0678A0;
color: #0678A0;
}
.navigation__search.darkblue.outlined:hover {
background-color: #0678A0;
color: white;
}
.navigation__search.dark {
background-color: #1D252D;
color: white;
}
.navigation__search.dark svg {
fill: white;
}
.navigation__search.dark.outlined {
background-color: transparent;
border-color: #1D252D;
color: #1D252D;
}
.navigation__search.dark.outlined svg {
fill: #1D252D;
}
.navigation__search.dark.outlined:hover {
background-color: #1D252D;
color: white;
}
.navigation__search.dark.outlined:hover svg {
fill: white;
}
.navigation__search.blue {
background-color: #009ACE;
color: white;
}
.navigation__search.blue svg {
fill: white;
}
.navigation__search.blue.outlined {
background-color: transparent;
border-color: #009ACE;
color: #009ACE;
}
.navigation__search.blue.outlined svg {
fill: #009ACE;
}
.navigation__search.blue.outlined:hover {
background-color: #009ACE;
color: white;
}
.navigation__search.blue.outlined:hover svg {
fill: white;
}
.navigation__search.lightblue {
background-color: #0AB1E6;
color: white;
}
.navigation__search.lightblue svg {
fill: white;
}
.navigation__search.lightblue.outlined {
background-color: transparent;
border-color: #0AB1E6;
color: #0AB1E6;
}
.navigation__search.lightblue.outlined:hover {
background-color: #0AB1E6;
color: white;
}
.navigation__search.yellow {
background-color: #FEC903;
color: #1D252D;
}
.navigation__search.yellow.outlined {
background-color: transparent;
border-color: #FEC903;
color: #FEC903;
}
.navigation__search.yellow.outlined:hover {
background-color: #FEC903;
color: #1D252D;
}
.navigation__search.green {
background-color: #BBCF21;
color: white;
}
.navigation__search.green.outlined {
background-color: transparent;
border-color: #BBCF21;
color: #BBCF21;
}
.navigation__search.green.outlined:hover {
background-color: #BBCF21;
color: white;
}
.navigation__search {
padding: 0.5em 0.75em;
cursor: inherit;
background-color: transparent;
border: 1px solid #1D252D;
align-items: stretch;
}
@media screen and (min-width: 1024px) {
.navigation__search {
width: auto;
}
}
.navigation__search:focus-within {
border-color: currentColor;
}
.navigation__search_icon {
fill: currentColor;
height: 1.5rem;
min-height: 1.5rem;
}
.navigation__search_input {
width: 100%;
min-width: clamp(0rem, -18.75rem + 100vw, 12.5rem);
border: 0;
border: 0;
background-color: transparent;
}
.navigation__search_input:focus {
outline: none;
}
.navigation__search_input {
color: currentColor;
}
.navigation__search_input::-moz-placeholder {
font-size: clamp(0.85rem, 0.7538rem + 0.5128vw, 1rem);
color: currentColor;
}
.navigation__search_input::placeholder {
font-size: clamp(0.85rem, 0.7538rem + 0.5128vw, 1rem);
color: currentColor;
}
.navigation .nav {
width: 100%;
}
@media screen and (min-width: 1024px) {
.navigation .nav {
width: -moz-fit-content;
width: fit-content;
}
}
.navigation .nav .ul {
display: flex;
flex-direction: column;
gap: 1rem;
}
@media screen and (min-width: 1024px) {
.navigation .nav .ul {
gap: 0.5rem;
flex-direction: row;
}
}
.navigation .nav .ul .menu-item {
position: relative;
display: flex;
border: 1px solid rgba(255, 255, 255, 0.25);
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.navigation .nav .ul .menu-item:hover .sub-menu {
display: flex;
}
@media screen and (min-width: 1024px) {
.navigation .nav .ul .menu-item:hover .sub-menu {
position: absolute;
}
}
@media screen and (min-width: 1024px) {
.navigation .nav .ul .menu-item {
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: transparent;
}
.navigation .nav .ul .menu-item:hover {
border-color: rgba(29, 37, 45, 0.25);
}
}
.navigation .nav .ul .menu-item a {
text-decoration: none;
color: initial;
}
.navigation .nav .ul .menu-item a:hover {
text-decoration: underline;
}
.navigation .nav .ul .menu-item a {
padding: 0.5em 0.75em;
color: #1D252D;
font-size: 1.25rem;
font-weight: 500;
transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
.navigation .nav .ul .menu-item a {
font-size: 1.15rem;
}
}
.navigation .nav .ul .menu-item .sub-menu {
display: none;
padding: 1rem 0;
gap: 0.25rem;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
z-index: 2;
}
@media screen and (min-width: 1024px) {
.navigation .nav .ul .menu-item .sub-menu {
position: absolute;
top: 100%;
left: 0;
gap: 0.5rem;
background-color: white;
min-width: 100%;
width: 20rem;
max-width: 100vw;
padding: 1rem;
}
}
.navigation .nav .ul .menu-item .sub-menu .menu-item {
width: 100%;
}
.navigation__cta {
width: 100%;
}
@media screen and (min-width: 1024px) {
.navigation__cta {
width: auto;
}
}
:root {
--br-normal: 5px;
--br-large: 15px;
--blur: 5px;
--transition: .1s;
--font-color: #1D252D;
--light: #fafcff;
--lightgrey: #f3f7fd;
}
.footer {
background-color: #1D252D;
color: white;
padding: 3rem 0;
margin-top: 5rem;
}
.footer__container_partners {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 3rem;
}
.footer__container_partners_category {
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.footer__container_partners_category_title {
font-weight: 600;
font-size: 1.5rem;
}
.footer__container_partners_category_list {
display: flex;
flex-flow: row wrap;
justify-content: center;
gap: 1rem;
}
.footer__container_partners_category_list_partner {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: clamp(4rem, 3.2727rem + 3.6364vw, 6rem);
height: clamp(4rem, 3.2727rem + 3.6364vw, 6rem);
}
.footer__container_partners_category_list_partner_link::before {
content: "";
position: absolute;
inset: 0;
}
.footer__container_topbar {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 1.5rem;
align-items: center;
}
.footer__container_topbar_logo {
height: 3rem;
}
@media screen and (min-width: 576px) {
.footer__container_topbar_logo {
height: 4rem;
}
}
.footer__container_topbar_logo_img {
height: 100%;
}
.footer__container_topbar_buttons {
display: flex;
gap: 1rem;
}
.footer__container_topbar_buttons_button {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
transition: background-color 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.footer__container_topbar_buttons_button:hover {
background-color: rgba(255, 255, 255, 0.2);
transform: scale(1.025);
}
.footer__container_topbar_buttons_button_link {
display: flex;
justify-content: center;
align-items: center;
width: 4rem;
height: 4rem;
padding: 1rem;
}
.footer__container_topbar_buttons_button_link svg {
fill: white;
}
.footer__container_separator {
border: 0;
background-color: rgba(255, 255, 255, 0.1);
width: 100%;
height: 1px;
margin-block: 1.5rem;
}
.footer__container_menus {
display: grid;
gap: 3rem;
}
@media screen and (min-width: 576px) {
.footer__container_menus {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 768px) {
.footer__container_menus {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (min-width: 1200px) {
.footer__container_menus {
grid-template-columns: repeat(4, 1fr);
}
}
.footer__container_menus_menu_title {
font-weight: bold;
font-size: 1.25rem;
background-color: rgba(250, 252, 255, 0.1);
padding: 0.7em 0.75em 0.6em 0.75em;
border-radius: 5px;
margin-bottom: 1rem;
}
.footer__container_menus_menu_ul {
display: grid;
gap: 0.75rem;
padding-left: 0.75em;
}
.footer__container_menus_menu_ul_li a, .footer__container_menus_menu_ul .menu-item a {
text-decoration: none;
color: initial;
}
.footer__container_menus_menu_ul_li a:hover, .footer__container_menus_menu_ul .menu-item a:hover {
text-decoration: underline;
}
.footer__container_menus_menu_ul_li a, .footer__container_menus_menu_ul .menu-item a {
color: white;
}
.footer__container_menus_menu_ul_li a:hover, .footer__container_menus_menu_ul .menu-item a:hover {
text-decoration: underline;
}
.footer__container_menus_menu_sites {
display: grid;
gap: 0.5rem;
}
.footer__container_menus_menu_sites_site {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.footer__container_menus_menu_sites_site_a {
text-decoration: none;
color: initial;
}
.footer__container_menus_menu_sites_site_a:hover {
text-decoration: underline;
}
.footer__container_menus_menu_sites_site_a {
color: white;
font-size: 1.15rem;
}
.footer__container_menus_menu_sites_site_links {
display: flex;
gap: 0.5rem;
}
.footer__container_menus_menu_sites_site_links_link {
padding: 0.6rem;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.1s ease-in-out;
width: 2.5rem;
height: 2.5rem;
}
.footer__container_menus_menu_sites_site_links_link svg {
fill: white;
}
.footer__container_menus_menu_sites_site_links_link:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.footer__container_bottom {
margin-top: 3rem;
}
.footer__container_bottom_qualiopi {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
text-decoration: none;
color: initial;
}
.footer__container_bottom_qualiopi:hover {
text-decoration: underline;
}
.footer__container_bottom_qualiopi::before {
content: "";
position: absolute;
inset: 0;
}
.footer__container_bottom_qualiopi {
color: white;
}
.footer__container_bottom_qualiopi_logo {
max-width: 10rem;
}
.footer__container_bottom_qualiopi_text {
margin-top: 0.5rem;
}
.footer__container_bottom_qualiopi_text_list {
list-style: inherit;
list-style-type: disc;
padding-inline-start: 20px;
}
.SearchBox {
position: fixed;
display: none;
top: 0;
left: 0;
justify-content: center;
align-items: flex-start;
width: 100vw;
height: 100vh;
padding-top: clamp(5rem, 4.0909rem + 4.5455vw, 7.5rem);
background-color: rgba(29, 37, 45, 0.85);
backdrop-filter: blur(10px);
z-index: 101;
}
.SearchBox.is-active {
display: flex;
}
.SearchBox__close {
position: absolute;
top: 3rem;
right: 3rem;
fill: white;
width: 2.5rem;
cursor: pointer;
}
.SearchBox__container_box {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
}
.SearchBox__container_box_form {
display: flex;
align-items: center;
width: auto;
margin-inline: auto;
color: white;
border-bottom: 1px solid white;
}
.SearchBox__container_box_form:focus-within {
border-color: currentColor;
}
.SearchBox__container_box_form_icon {
fill: white;
height: 1.5rem;
}
.SearchBox__container_box_form_input {
width: 100%;
height: 100%;
min-width: 20rem;
border: 0;
border: 0;
background-color: transparent;
}
.SearchBox__container_box_form_input:focus {
outline: none;
}
.SearchBox__container_box_form_input {
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 0.75em 1em;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: white;
font-size: 1rem;
cursor: pointer;
font-weight: 500;
white-space: nowrap;
}
.SearchBox__container_box_form_input svg {
height: 1em;
fill: #1D252D;
}
.SearchBox__container_box_form_input.small {
font-size: 0.75rem;
}
.SearchBox__container_box_form_input.outlined {
background-color: transparent;
color: white;
border-color: white;
}
.SearchBox__container_box_form_input.outlined svg {
fill: white;
}
.SearchBox__container_box_form_input.outlined:hover {
background-color: white;
color: #1D252D;
}
.SearchBox__container_box_form_input.outlined:hover svg {
fill: #1D252D;
}
.SearchBox__container_box_form_input.red {
background-color: #E50D49;
color: white;
}
.SearchBox__container_box_form_input.red svg {
fill: white;
}
.SearchBox__container_box_form_input.red.outlined {
background-color: transparent;
border-color: #E50D49;
color: #E50D49;
}
.SearchBox__container_box_form_input.red.outlined:hover {
background-color: #E50D49;
color: white;
}
.SearchBox__container_box_form_input.darkred {
background-color: #A93355;
color: white;
}
.SearchBox__container_box_form_input.darkred svg {
fill: white;
}
.SearchBox__container_box_form_input.darkred.outlined {
background-color: transparent;
border-color: #A93355;
color: #A93355;
}
.SearchBox__container_box_form_input.darkred.outlined:hover {
background-color: #A93355;
color: white;
}
.SearchBox__container_box_form_input.darkblue {
background-color: #0678A0;
color: white;
}
.SearchBox__container_box_form_input.darkblue svg {
fill: white;
}
.SearchBox__container_box_form_input.darkblue.outlined {
background-color: transparent;
border-color: #0678A0;
color: #0678A0;
}
.SearchBox__container_box_form_input.darkblue.outlined:hover {
background-color: #0678A0;
color: white;
}
.SearchBox__container_box_form_input.dark {
background-color: #1D252D;
color: white;
}
.SearchBox__container_box_form_input.dark svg {
fill: white;
}
.SearchBox__container_box_form_input.dark.outlined {
background-color: transparent;
border-color: #1D252D;
color: #1D252D;
}
.SearchBox__container_box_form_input.dark.outlined svg {
fill: #1D252D;
}
.SearchBox__container_box_form_input.dark.outlined:hover {
background-color: #1D252D;
color: white;
}
.SearchBox__container_box_form_input.dark.outlined:hover svg {
fill: white;
}
.SearchBox__container_box_form_input.blue {
background-color: #009ACE;
color: white;
}
.SearchBox__container_box_form_input.blue svg {
fill: white;
}
.SearchBox__container_box_form_input.blue.outlined {
background-color: transparent;
border-color: #009ACE;
color: #009ACE;
}
.SearchBox__container_box_form_input.blue.outlined svg {
fill: #009ACE;
}
.SearchBox__container_box_form_input.blue.outlined:hover {
background-color: #009ACE;
color: white;
}
.SearchBox__container_box_form_input.blue.outlined:hover svg {
fill: white;
}
.SearchBox__container_box_form_input.lightblue {
background-color: #0AB1E6;
color: white;
}
.SearchBox__container_box_form_input.lightblue svg {
fill: white;
}
.SearchBox__container_box_form_input.lightblue.outlined {
background-color: transparent;
border-color: #0AB1E6;
color: #0AB1E6;
}
.SearchBox__container_box_form_input.lightblue.outlined:hover {
background-color: #0AB1E6;
color: white;
}
.SearchBox__container_box_form_input.yellow {
background-color: #FEC903;
color: #1D252D;
}
.SearchBox__container_box_form_input.yellow.outlined {
background-color: transparent;
border-color: #FEC903;
color: #FEC903;
}
.SearchBox__container_box_form_input.yellow.outlined:hover {
background-color: #FEC903;
color: #1D252D;
}
.SearchBox__container_box_form_input.green {
background-color: #BBCF21;
color: white;
}
.SearchBox__container_box_form_input.green.outlined {
background-color: transparent;
border-color: #BBCF21;
color: #BBCF21;
}
.SearchBox__container_box_form_input.green.outlined:hover {
background-color: #BBCF21;
color: white;
}
.SearchBox__container_box_form_input {
cursor: inherit;
background-color: transparent;
color: currentColor;
font-size: clamp(1.15rem, 1.1136rem + 0.1818vw, 1.25rem);
}
.SearchBox__container_box_form_input::-moz-placeholder {
font-size: clamp(1.15rem, 1.1136rem + 0.1818vw, 1.25rem);
color: currentColor;
}
.SearchBox__container_box_form_input::placeholder {
font-size: clamp(1.15rem, 1.1136rem + 0.1818vw, 1.25rem);
color: currentColor;
}
.SearchBox__container_box_form_button {
display: none;
font-size: clamp(0.85rem, 0.7538rem + 0.5128vw, 1rem);
}
.SearchBox__container_box_results {
margin-top: 3rem;
overflow-y: scroll;
display: none;
width: 100%;
}
.SearchBox__container_box_results_list {
display: grid;
width: 100%;
}
.SearchBox__container_box_results_list .FormationResult {
position: relative;
display: flex;
align-items: center;
padding: 1rem;
color: white;
gap: 1.5rem;
border-radius: 5px;
}
.SearchBox__container_box_results_list .FormationResult:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.SearchBox__container_box_results_list .FormationResult__illustration {
position: relative;
overflow: hidden;
height: 6rem;
width: 10rem;
border-radius: 5px;
}
.SearchBox__container_box_results_list .FormationResult__illustration_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.SearchBox__container_box_results_list .FormationResult__content_title {
font-weight: bold;
font-size: 1.5rem;
text-decoration: none;
color: initial;
}
.SearchBox__container_box_results_list .FormationResult__content_title:hover {
text-decoration: underline;
}
.SearchBox__container_box_results_list .FormationResult__content_title::before {
content: "";
position: absolute;
inset: 0;
}
.SearchBox__container_box_results_list .FormationResult__content_title {
color: white;
}
.SearchBox__container_box_results_searching {
display: flex;
justify-content: center;
align-items: center;
}
.SearchBox__container_box_results_searching_gif {
width: 2.5rem;
}
.SearchBox__container_box_input {
background-color: transparent;
border-color: white;
font-size: 1.5rem;
color: white;
width: 100%;
}
.SearchBox__container_box_input::-moz-placeholder {
color: white;
}
.SearchBox__container_box_input::placeholder {
color: white;
}
.formation-card {
position: relative;
border: 2px solid rgba(29, 37, 45, 0.1);
box-shadow: 0 0 50px 0 rgba(29, 37, 45, 0.1);
border-radius: 5px;
overflow: hidden;
max-width: 25rem;
background-color: white;
transition: transform 0.1s ease-in-out;
}
.formation-card:hover {
transform: scale(1.015);
}
.formation-card__box {
display: flex;
flex-direction: column;
height: 100%;
}
.formation-card__box_illustration {
display: flex;
justify-content: flex-end;
align-items: flex-end;
padding: 1rem;
min-height: 12.5rem;
height: 12.5rem;
gap: 0.5rem;
border-radius: 5px 5px 0 0;
position: relative;
overflow: hidden;
}
.formation-card__box_illustration_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.formation-card__box_illustration_category {
position: relative;
z-index: 1;
}
.formation-card__box_content {
display: flex;
flex-direction: column;
padding: 1.25rem;
height: 100%;
}
.formation-card__box_content_main_title {
font-weight: 800;
font-size: 1.15rem;
text-decoration: none;
color: initial;
}
.formation-card__box_content_main_title:hover {
text-decoration: underline;
}
.formation-card__box_content_main_title::before {
content: "";
position: absolute;
inset: 0;
}
.formation-card__box_content_main_title {
color: #1D252D;
}
.formation-card__box_content_main_tags {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin-block: 0.25rem;
}
.formation-card__box_content_main_tags.mb {
margin-bottom: 1rem;
}
.formation-card__box_content_main_description {
font-size: 0.85rem;
margin-block: 1rem;
}
.formation-card__box_content_terms {
display: none;
flex-wrap: wrap;
gap: 0.5rem;
}
.formation-card__box_content_button {
display: none;
margin-top: auto;
}
.formations-filters {
transform: translateY(-25%);
margin-bottom: -3rem;
}
.formations-filters__box {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
margin-bottom: 1.5rem;
border-radius: 5px;
background-color: #1D252D;
color: white;
box-shadow: 0 0 25px rgba(29, 37, 45, 0.15);
}
.formations-filters__box_title {
font-weight: bold;
font-size: 1.5rem;
}
.formations-filters__box_parts {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.formations-filters__box_parts_part {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.formations-filters__box_parts_part_content {
display: flex;
flex-flow: row wrap;
gap: 1rem;
}
.formations-filters__box_parts_part_content_categories {
display: flex;
gap: 0.5rem;
}
.formations-filters__box_search {
min-width: 15rem;
}
.formations-filters__bottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.formations-filters__bottom_total {
font-size: 1.15rem;
}
.formations-filters__bottom_views {
display: flex;
align-items: flex-end;
gap: 0.5rem;
margin-left: auto;
}
.formations-filters__bottom_views_view {
display: flex;
justify-content: center;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
padding: 0.75em 1em;
border-radius: 5px;
border-width: 1px;
border-style: solid;
border-color: transparent;
background-color: white;
font-size: 1rem;
cursor: pointer;
font-weight: 500;
white-space: nowrap;
}
.formations-filters__bottom_views_view svg {
height: 1em;
fill: #1D252D;
}
.formations-filters__bottom_views_view.small {
font-size: 0.75rem;
}
.formations-filters__bottom_views_view.outlined {
background-color: transparent;
color: white;
border-color: white;
}
.formations-filters__bottom_views_view.outlined svg {
fill: white;
}
.formations-filters__bottom_views_view.outlined:hover {
background-color: white;
color: #1D252D;
}
.formations-filters__bottom_views_view.outlined:hover svg {
fill: #1D252D;
}
.formations-filters__bottom_views_view.red {
background-color: #E50D49;
color: white;
}
.formations-filters__bottom_views_view.red svg {
fill: white;
}
.formations-filters__bottom_views_view.red.outlined {
background-color: transparent;
border-color: #E50D49;
color: #E50D49;
}
.formations-filters__bottom_views_view.red.outlined:hover {
background-color: #E50D49;
color: white;
}
.formations-filters__bottom_views_view.darkred {
background-color: #A93355;
color: white;
}
.formations-filters__bottom_views_view.darkred svg {
fill: white;
}
.formations-filters__bottom_views_view.darkred.outlined {
background-color: transparent;
border-color: #A93355;
color: #A93355;
}
.formations-filters__bottom_views_view.darkred.outlined:hover {
background-color: #A93355;
color: white;
}
.formations-filters__bottom_views_view.darkblue {
background-color: #0678A0;
color: white;
}
.formations-filters__bottom_views_view.darkblue svg {
fill: white;
}
.formations-filters__bottom_views_view.darkblue.outlined {
background-color: transparent;
border-color: #0678A0;
color: #0678A0;
}
.formations-filters__bottom_views_view.darkblue.outlined:hover {
background-color: #0678A0;
color: white;
}
.formations-filters__bottom_views_view.dark {
background-color: #1D252D;
color: white;
}
.formations-filters__bottom_views_view.dark svg {
fill: white;
}
.formations-filters__bottom_views_view.dark.outlined {
background-color: transparent;
border-color: #1D252D;
color: #1D252D;
}
.formations-filters__bottom_views_view.dark.outlined svg {
fill: #1D252D;
}
.formations-filters__bottom_views_view.dark.outlined:hover {
background-color: #1D252D;
color: white;
}
.formations-filters__bottom_views_view.dark.outlined:hover svg {
fill: white;
}
.formations-filters__bottom_views_view.blue {
background-color: #009ACE;
color: white;
}
.formations-filters__bottom_views_view.blue svg {
fill: white;
}
.formations-filters__bottom_views_view.blue.outlined {
background-color: transparent;
border-color: #009ACE;
color: #009ACE;
}
.formations-filters__bottom_views_view.blue.outlined svg {
fill: #009ACE;
}
.formations-filters__bottom_views_view.blue.outlined:hover {
background-color: #009ACE;
color: white;
}
.formations-filters__bottom_views_view.blue.outlined:hover svg {
fill: white;
}
.formations-filters__bottom_views_view.lightblue {
background-color: #0AB1E6;
color: white;
}
.formations-filters__bottom_views_view.lightblue svg {
fill: white;
}
.formations-filters__bottom_views_view.lightblue.outlined {
background-color: transparent;
border-color: #0AB1E6;
color: #0AB1E6;
}
.formations-filters__bottom_views_view.lightblue.outlined:hover {
background-color: #0AB1E6;
color: white;
}
.formations-filters__bottom_views_view.yellow {
background-color: #FEC903;
color: #1D252D;
}
.formations-filters__bottom_views_view.yellow.outlined {
background-color: transparent;
border-color: #FEC903;
color: #FEC903;
}
.formations-filters__bottom_views_view.yellow.outlined:hover {
background-color: #FEC903;
color: #1D252D;
}
.formations-filters__bottom_views_view.green {
background-color: #BBCF21;
color: white;
}
.formations-filters__bottom_views_view.green.outlined {
background-color: transparent;
border-color: #BBCF21;
color: #BBCF21;
}
.formations-filters__bottom_views_view.green.outlined:hover {
background-color: #BBCF21;
color: white;
}
.formations-filters__bottom_views_view {
background-color: transparent;
border-color: #1D252D;
}
.formations-filters__bottom_views_view.active {
background-color: #1D252D;
}
.formations-filters__bottom_views_view.active svg {
fill: white;
}
.formations-filters__bottom_views_view svg {
height: 1rem;
fill: #1D252D;
}
.post-card {
display: grid;
gap: 1.5rem;
position: relative;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-radius: var(--br-normal);
}
@media (width > 576px) {
.post-card {
grid-template-columns: 12.5rem 1fr;
}
}
@media (width > 768px) {
.post-card {
padding: 1rem;
}
.post-card:hover {
background-color: white;
border-color: var(--lightgrey);
}
}
.post-card__illustration {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
border: 1px sollid red;
border-radius: var(--br-normal);
}
.post-card__illustration_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.post-card__content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.post-card__content_title {
text-decoration: none;
color: initial;
}
.post-card__content_title:hover {
text-decoration: underline;
}
.post-card__content_title::before {
content: "";
position: absolute;
inset: 0;
}
.post-card__content_title {
font-weight: bold;
font-size: 1.5rem;
color: var(--font-color);
}
.post-card__content_date {
margin-top: 0.5rem;
pointer-events: none;
}
.home .header {
position: relative;
background-position: center;
background-size: cover;
display: flex;
overflow: hidden;
}
@media screen and (min-width: 1024px) {
.home .header {
min-height: 40rem;
}
}
.home .header__video {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
z-index: 0;
}
.home .header__overlay {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 1;
background: rgba(0, 154, 206, 0.75);
background: linear-gradient(0deg, rgba(29, 37, 45, 0.85) 0%, rgba(0, 154, 206, 0.85) 100%);
}
.home .header__overlay_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
color: white;
}
.home .header__overlay_container_heading {
display: flex;
flex-flow: row wrap;
gap: 0.5rem;
margin-bottom: 0.25rem;
}
.home .header__overlay_container_heading_note {
color: #FBBC04;
}
.home .header__overlay_container_heading_note_stars {
display: flex;
gap: 0.25rem;
transform: translateY(-0.05rem);
}
.home .header__overlay_container_heading_note_stars_star {
height: 1rem;
opacity: 0.1;
fill: #fafcff;
}
.home .header__overlay_container_heading_note_stars_star.filled {
opacity: 1;
fill: #FBBC04;
}
.home .header__overlay_container_heading_note_number {
transform: translateY(0.05rem);
font-weight: 600;
font-size: 0.85rem;
color: #FBBC04;
}
.home .header__overlay_container_heading_tags {
display: none;
flex-flow: row wrap;
-moz-column-gap: 0.5rem;
column-gap: 0.5rem;
row-gap: 0.5rem;
}
@media (width > 450px) {
.home .header__overlay_container_heading_tags {
display: flex;
}
}
.home .header__overlay_container_logo {
height: 2.5rem;
margin-bottom: 1rem;
}
@media screen and (min-width: 1200px) {
.home .header__overlay_container_logo {
height: 5rem;
}
}
.home .header__overlay_container_title {
font-weight: bold;
font-size: clamp(2.5rem, 1.859rem + 3.4188vw, 3.5rem);
}
.home .header__overlay_container_subtitle {
font-size: clamp(1.15rem, 1.0218rem + 0.6838vw, 1.35rem);
}
.home .header__overlay_container_search {
margin-top: 1.5rem;
}
.home .header__overlay_container_watermark {
position: absolute;
right: 3rem;
height: 100%;
bottom: 0;
opacity: 0;
transform: translateY(35%);
z-index: 0;
}
@media screen and (min-width: 1024px) {
.home .header__overlay_container_watermark {
opacity: 0.05;
}
}
.home .header__overlay_container_watermark svg {
height: 100%;
}
.home :root {
--br-normal: 5px;
--br-large: 15px;
--blur: 5px;
--transition: .1s;
--font-color: #1D252D;
--light: #fafcff;
--lightgrey: #f3f7fd;
}
.home .formats {
position: relative;
z-index: 1;
transform: translateY(-3.5rem);
}
@media screen and (min-width: 1024px) {
.home .formats {
transform: translateY(-20%);
}
}
.home .formats__container_formats {
display: grid;
grid-template-columns: 1fr;
gap: 1rem;
}
@media screen and (min-width: 1024px) {
.home .formats__container_formats {
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;
}
}
.home .formats__container_formats_format {
position: relative;
border-radius: 5px;
background-color: #fafcff;
background-position: center;
background-size: cover;
color: white;
border: 4px solid #fafcff;
box-shadow: 0 0 25px 0 rgba(255, 255, 255, 0.1);
}
.home .formats__container_formats_format {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.home .formats__container_formats_format:hover {
transform: translate(-2px, -2px);
box-shadow: 2px 2px 0 0 rgba(29, 37, 45, 0.2);
}
.home .formats__container_formats_format:hover.red {
box-shadow: 2px 2px 0 0 rgba(229, 13, 73, 0.5);
}
.home .formats__container_formats_format:hover.yellow {
box-shadow: 2px 2px 0 0 rgba(254, 201, 3, 0.5);
}
.home .formats__container_formats_format:hover.green {
box-shadow: 2px 2px 0 0 rgba(187, 207, 33, 0.5);
}
.home .formats__container_formats_format:hover.blue {
box-shadow: 2px 2px 0 0 rgba(0, 154, 206, 0.5);
}
.home .formats__container_formats_format:hover.blue::before, .home .formats__container_formats_format:hover.green::before, .home .formats__container_formats_format:hover.red::before, .home .formats__container_formats_format:hover.yellow::before {
background-color: rgba(255, 255, 255, 0.25);
width: 40%;
}
.home .formats__container_formats_format:hover::before {
content: "";
position: absolute;
height: 100%;
right: 175%;
background-color: rgba(255, 255, 255, 0.25);
transform: skew(-20deg);
width: 20%;
animation-name: hoverReflect;
animation-duration: 1.5s;
}
.home .formats__container_formats_format_box {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-end;
padding: 2rem;
padding-top: 5rem;
height: 100%;
background-color: rgba(29, 37, 45, 0.75);
}
.home .formats__container_formats_format_box_tags {
display: none;
flex-wrap: wrap;
-moz-column-gap: 0.75rem;
column-gap: 0.75rem;
row-gap: 0.5rem;
margin-bottom: 0.5rem;
}
@media (width > 450px) {
.home .formats__container_formats_format_box_tags {
display: flex;
}
}
.home .formats__container_formats_format_box_tags_tag {
text-decoration: none;
color: initial;
}
.home .formats__container_formats_format_box_tags_tag:hover {
text-decoration: underline;
}
.home .formats__container_formats_format_box_tags_tag {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5em 1em;
background-color: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(25px);
color: white;
border-radius: 50px;
font-size: clamp(0.75rem, 0.7136rem + 0.1818vw, 0.85rem);
font-weight: 600;
}
.home .formats__container_formats_format_box_tags_tag svg, .home .formats__container_formats_format_box_tags_tag img {
height: 1rem;
fill: #1D252D;
}
.home .formats__container_formats_format_box_tags_tag.light {
background-color: #f3f7fd;
color: #1D252D;
}
.home .formats__container_formats_format_box_tags_tag.blue {
background-color: #009ACE;
color: white;
}
.home .formats__container_formats_format_box_tags_tag.blue svg {
fill: white;
}
.home .formats__container_formats_format_box_tags_tag.green {
background-color: #BBCF21;
color: white;
}
.home .formats__container_formats_format_box_tags_tag.green svg {
fill: white;
}
.home .formats__container_formats_format_box_tags_tag.white {
background-color: white;
color: #1D252D;
}
.home .formats__container_formats_format_box_tags_tag.small {
padding: 0.5em 1em;
font-size: 0.85rem;
}
.home .formats__container_formats_format_box_tags_tag.small svg {
width: 0.9rem;
}
.home .formats__container_formats_format_box_tags_tag.xs, .home .formats__container_formats_format_box_tags_tag.extra-small {
font-size: 0.75rem;
}
.home .formats__container_formats_format_box_tags_tag.xs svg, .home .formats__container_formats_format_box_tags_tag.extra-small svg {
width: 0.8rem;
}
.home .formats__container_formats_format_box_tags_tag.mini {
font-size: 0.65rem;
}
.home .formats__container_formats_format_box_tags_tag.mini svg {
width: 0.7rem;
}
.home .formats__container_formats_format_box_tags_tag.formats {
background-color: white;
color: #1D252D;
}
.home .formats__container_formats_format_box_tags_tag.bg-blue, .home .formats__container_formats_format_box_tags_tag.bg-red, .home .formats__container_formats_format_box_tags_tag.bg-yellow, .home .formats__container_formats_format_box_tags_tag.bg-green {
color: white;
border-color: transparent;
}
.home .formats__container_formats_format_box_icon {
height: 3rem;
}
@media screen and (min-width: 576px) {
.home .formats__container_formats_format_box_icon {
height: 2.5rem;
}
}
@media screen and (min-width: 1200px) {
.home .formats__container_formats_format_box_icon {
height: 3rem;
}
}
.home .formats__container_formats_format_box_title {
font-weight: bold;
font-size: 1rem;
text-align: center;
line-height: 1.25;
}
@media screen and (min-width: 576px) {
.home .formats__container_formats_format_box_title {
font-size: 1rem;
text-align: inherit;
font-size: clamp(1rem, 0.7273rem + 1.3636vw, 1.75rem);
}
}
.home .formats__container_formats_format_box_title_link {
text-decoration: none;
color: initial;
}
.home .formats__container_formats_format_box_title_link:hover {
text-decoration: underline;
}
.home .formats__container_formats_format_box_title_link::before {
content: "";
position: absolute;
inset: 0;
}
.home .formats__container_formats_format_box_title_link {
color: white;
}
.home .formats__container_formats_format_box_description {
margin-top: 0.25rem;
}
.home .introduction__container {
display: grid;
grid-template-columns: 1fr;
gap: 3rem;
}
@media screen and (min-width: 768px) {
.home .introduction__container {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1200px) {
.home .introduction__container {
gap: 5rem;
}
}
.home .introduction__container_content {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
}
.home .introduction__container_content_cta {
margin-top: 2rem;
}
.home .introduction__container_illustration {
position: relative;
height: 20rem;
padding: 1.5rem;
overflow: hidden;
border-radius: var(--br-normal);
position: relative;
overflow: hidden;
}
@media screen and (min-width: 576px) {
.home .introduction__container_illustration {
height: 27.5rem;
}
}
@media screen and (min-width: 768px) {
.home .introduction__container_illustration {
height: 25rem;
}
}
.home .introduction__container_illustration_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.home .introduction__container_illustration_video {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.home .introduction__container_illustration_play {
position: relative;
display: flex;
align-items: center;
border-radius: var(--br-normal);
transition: all var(--transition) ease-in-out;
padding: 0.75em 1.25em;
border-style: solid;
border-width: 1px;
border-color: transparent;
gap: 0.5em;
backdrop-filter: blur(var(--blur));
background-color: rgba(29, 37, 45, 0.25);
}
.home .introduction__container_illustration_play:hover {
border-color: white;
}
.home .introduction__container_illustration_play_icon {
fill: white;
height: 2.5rem;
transition: all var(--transition) ease-in-out;
text-shadow: 0 0 10px rgba(29, 37, 45, 0.5);
}
.home .introduction__container_illustration_play__label {
color: white;
font-size: 1rem;
text-shadow: 0 0 10px rgba(29, 37, 45, 0.5);
}
.home .introduction__container_illustration {
display: flex;
justify-content: flex-start;
align-items: flex-end;
border-radius: var(--br-normal);
position: relative;
overflow: hidden;
}
.home .categories__container_categories {
display: grid;
gap: 1rem;
}
@media screen and (min-width: 576px) {
.home .categories__container_categories {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1200px) {
.home .categories__container_categories {
grid-template-columns: repeat(3, 1fr);
}
}
.home .categories__container_categories_category {
position: relative;
display: flex;
background-size: cover;
background-position: center;
border-radius: 5px;
overflow: hidden;
min-height: 15rem;
}
.home .categories__container_categories_category {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.home .categories__container_categories_category:hover {
transform: translate(-2px, -2px);
box-shadow: 2px 2px 0 0 rgba(29, 37, 45, 0.2);
}
.home .categories__container_categories_category:hover.red {
box-shadow: 2px 2px 0 0 rgba(229, 13, 73, 0.5);
}
.home .categories__container_categories_category:hover.yellow {
box-shadow: 2px 2px 0 0 rgba(254, 201, 3, 0.5);
}
.home .categories__container_categories_category:hover.green {
box-shadow: 2px 2px 0 0 rgba(187, 207, 33, 0.5);
}
.home .categories__container_categories_category:hover.blue {
box-shadow: 2px 2px 0 0 rgba(0, 154, 206, 0.5);
}
.home .categories__container_categories_category:hover.blue::before, .home .categories__container_categories_category:hover.green::before, .home .categories__container_categories_category:hover.red::before, .home .categories__container_categories_category:hover.yellow::before {
background-color: rgba(255, 255, 255, 0.25);
width: 40%;
}
.home .categories__container_categories_category:hover::before {
content: "";
position: absolute;
height: 100%;
right: 175%;
background-color: rgba(255, 255, 255, 0.25);
transform: skew(-20deg);
width: 20%;
animation-name: hoverReflect;
animation-duration: 1.5s;
}
.home .categories__container_categories_category:hover .categories__container_categories_category_box_arrow {
opacity: 1;
}
.home .categories__container_categories_category_overlay {
position: absolute;
inset: 0;
opacity: 0.75;
z-index: 0;
}
.home .categories__container_categories_category_box {
position: relative;
display: flex;
flex-direction: column;
z-index: 1;
padding: 1.5rem 1.5rem 2rem 1.5rem;
border-radius: 5px;
}
.home .categories__container_categories_category_box_title_link {
text-decoration: none;
color: initial;
}
.home .categories__container_categories_category_box_title_link:hover {
text-decoration: underline;
}
.home .categories__container_categories_category_box_title_link {
font-weight: bold;
font-size: 2rem;
color: white;
line-height: 1.25;
}
.home .categories__container_categories_category_box_title_link::before {
content: "";
position: absolute;
inset: 0;
}
.home .categories__container_categories_category_box_children {
position: relative;
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
z-index: 2;
}
.home .categories__container_categories_category_box_children_tag {
text-decoration: none;
color: initial;
}
.home .categories__container_categories_category_box_children_tag:hover {
text-decoration: underline;
}
.home .categories__container_categories_category_box_children_tag {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5em 1em;
background-color: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(25px);
color: white;
border-radius: 50px;
font-size: clamp(0.75rem, 0.7136rem + 0.1818vw, 0.85rem);
font-weight: 600;
}
.home .categories__container_categories_category_box_children_tag svg, .home .categories__container_categories_category_box_children_tag img {
height: 1rem;
fill: #1D252D;
}
.home .categories__container_categories_category_box_children_tag.light {
background-color: #f3f7fd;
color: #1D252D;
}
.home .categories__container_categories_category_box_children_tag.blue {
background-color: #009ACE;
color: white;
}
.home .categories__container_categories_category_box_children_tag.blue svg {
fill: white;
}
.home .categories__container_categories_category_box_children_tag.green {
background-color: #BBCF21;
color: white;
}
.home .categories__container_categories_category_box_children_tag.green svg {
fill: white;
}
.home .categories__container_categories_category_box_children_tag.white {
background-color: white;
color: #1D252D;
}
.home .categories__container_categories_category_box_children_tag.small {
padding: 0.5em 1em;
font-size: 0.85rem;
}
.home .categories__container_categories_category_box_children_tag.small svg {
width: 0.9rem;
}
.home .categories__container_categories_category_box_children_tag.xs, .home .categories__container_categories_category_box_children_tag.extra-small {
font-size: 0.75rem;
}
.home .categories__container_categories_category_box_children_tag.xs svg, .home .categories__container_categories_category_box_children_tag.extra-small svg {
width: 0.8rem;
}
.home .categories__container_categories_category_box_children_tag.mini {
font-size: 0.65rem;
}
.home .categories__container_categories_category_box_children_tag.mini svg {
width: 0.7rem;
}
.home .categories__container_categories_category_box_children_tag.formats {
background-color: white;
color: #1D252D;
}
.home .categories__container_categories_category_box_children_tag.bg-blue, .home .categories__container_categories_category_box_children_tag.bg-red, .home .categories__container_categories_category_box_children_tag.bg-yellow, .home .categories__container_categories_category_box_children_tag.bg-green {
color: white;
border-color: transparent;
}
.home .categories__container_categories_category_box_children_tag_box_title_link {
background-color: white;
font-size: 0.75rem;
}
.home .categories__container_categories_category_box_arrow {
position: absolute;
bottom: 1rem;
right: 1rem;
width: 1.5rem;
fill: white;
opacity: 0;
transition: opacity 0.3s ease-in-out;
pointer-events: none;
}
.home .formations {
background-color: #1D252D;
}
.home .formations__slider-container {
position: relative;
padding-inline: 25px;
}
.home .formations__slider-container_slider {
overflow: visible;
}
.home .formations__slider-container_slider .swiper-slide {
height: auto;
}
.home .formations__slider-container_control {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
z-index: 1;
height: 100%;
width: 10%;
cursor: pointer;
transition: all var(--transition) ease-in-out;
}
.home .formations__slider-container_control--prev {
left: 0;
background: linear-gradient(90deg, #1d252d 0%, rgba(29, 37, 45, 0) 100%);
}
.home .formations__slider-container_control--prev:hover {
background: linear-gradient(90deg, #1d252d 0%, rgba(29, 37, 45, 0.25) 100%);
}
.home .formations__slider-container_control--next {
right: 0;
background: linear-gradient(90deg, rgba(29, 37, 45, 0) 0%, #1d252d 100%);
}
.home .formations__slider-container_control--next:hover {
background: linear-gradient(90deg, rgba(29, 37, 45, 0.25) 0%, #1d252d 100%);
}
.home .formations__slider-container_control.swiper-button-disabled {
opacity: 0;
pointer-events: none;
}
.home .formations__slider-container_control_arrow {
fill: white;
height: 3rem;
}
.home .news__container_cta {
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}
.single-formations .header {
background-color: #1D252D;
padding-top: 10rem;
padding-bottom: 7.5rem;
}
.single-formations .header__container {
display: grid;
grid-template-columns: 1fr;
gap: 5rem;
}
@media screen and (min-width: 768px) {
.single-formations .header__container {
grid-template-columns: 5fr 4fr;
}
}
.single-formations .header__container_content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
color: white;
}
.single-formations .header__container_content_bar {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.single-formations .header__container_content_title {
font-size: clamp(2rem, 1.75rem + 1.3333vw, 3rem);
font-weight: bold;
line-height: 1.25;
margin-block: 1rem;
}
.single-formations .header__container_content_informations {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 3rem;
column-gap: 3rem;
row-gap: 1.5rem;
margin-top: 2rem;
}
.single-formations .header__container_content_informations_information {
display: flex;
align-items: center;
gap: 1rem;
}
.single-formations .header__container_content_informations_information_icon {
width: 3.5rem;
height: 3.5rem;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
padding: 0.9rem;
border-radius: 5px;
}
.single-formations .header__container_content_informations_information_icon svg {
fill: white;
}
.single-formations .header__container_content_informations_information_box {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.single-formations .header__container_content_informations_information_box_label {
color: rgba(255, 255, 255, 0.75);
font-size: 1rem;
}
.single-formations .header__container_content_informations_information_box_value {
line-height: 1;
font-size: 1.25rem;
}
.single-formations .header__container_illustration {
min-height: 20rem;
border-radius: 15px;
box-shadow: 10px 10px 0 0 rgba(255, 255, 255, 0.1);
position: relative;
overflow: hidden;
}
@media screen and (min-width: 576px) {
.single-formations .header__container_illustration {
min-height: 25rem;
}
}
.single-formations .header__container_illustration_img {
border-radius: 15px;
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.single-formations .main {
padding-top: 3rem;
background-color: #fafcff;
}
.single-formations .main__container {
display: grid;
gap: 3rem;
}
@media (width > 1024px) {
.single-formations .main__container {
grid-template-columns: 5fr 4fr;
}
}
@media (width > 1200px) {
.single-formations .main__container {
grid-template-columns: 5fr 3fr;
}
}
.single-formations .main__container .content {
display: grid;
gap: 1.5rem;
height: -moz-fit-content;
height: fit-content;
}
.single-formations .main__container .content .section {
padding: 0;
}
.single-formations .main__container .content .section__header {
position: relative;
display: flex;
align-items: center;
background-color: #1D252D;
height: 4rem;
padding: 1rem;
border-radius: 5px;
gap: 0.5rem;
padding-right: 3rem;
cursor: pointer;
}
.single-formations .main__container .content .section__header_icon {
width: 3rem;
height: 100%;
}
.single-formations .main__container .content .section__header_icon_img {
height: 100%;
}
.single-formations .main__container .content .section__header_title {
color: white;
font-weight: bold;
font-size: 1.15rem;
line-height: 1;
transform: translateY(-2px);
}
.single-formations .main__container .content .section__header_chevron {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1rem;
height: 2rem;
aspect-ratio: 1;
fill: white;
transition: transform 0.3s;
}
.single-formations .main__container .content .section__header_chevron.active {
transform: rotate(180deg) translateY(50%);
}
.single-formations .main__container .content .section__content {
display: none;
width: 100%;
padding-top: 1rem;
padding-inline: 0.5rem;
padding-bottom: 1.5rem;
}
.single-formations .main__container .content .section__content :is(ul, ol):not(.program__blocks, .program__blocks_block_logos) {
list-style: inherit;
list-style-type: disc;
padding-inline-start: 20px;
}
.single-formations .main__container .content .section__content.active {
display: inline-block;
}
.single-formations .main__container .content .section .program__blocks {
display: grid;
gap: 1.5rem;
}
.single-formations .main__container .content .section .program__blocks_block {
position: relative;
border: 2px solid rgba(29, 37, 45, 0.1);
background-color: white;
border-radius: 5px;
padding: 2rem;
width: 100%;
}
.single-formations .main__container .content .section .program__blocks_block_number {
font-size: 1rem;
text-transform: uppercase;
}
.single-formations .main__container .content .section .program__blocks_block_title {
font-size: clamp(1.25rem, 1.1591rem + 0.4545vw, 1.5rem);
font-weight: 800;
margin-bottom: 1rem;
}
.single-formations .main__container .content .section .program__blocks_block_tags {
position: absolute;
top: 0;
right: 0;
display: flex;
align-items: center;
gap: 0;
transform: translate(1px, -1px);
}
.single-formations .main__container .content .section .program__blocks_block_tags_tag {
border: 0;
}
.single-formations .main__container .content .section .program__blocks_block_tags_tag--duration {
border-radius: 0 5px 0 15px;
}
.single-formations .main__container .content .section .program__blocks_block_tags_tag--duration.br-special {
border-radius: 0 5px 0 0;
}
.single-formations .main__container .content .section .program__blocks_block_tags_tag--validable {
border-radius: 0 5px 0 15px;
}
.single-formations .main__container .content .section .program__blocks_block_tags_tag--validable.br-special {
border-radius: 0 0 0 15px;
}
.single-formations .main__container .content .section .program__blocks_block_tags_tag svg {
width: 0.85rem;
}
.single-formations .main__container .content .section .program__blocks_block_logos {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
margin-top: 1.5rem;
}
.single-formations .main__container .content .section .program__blocks_block_logos_logo {
display: flex;
}
.single-formations .main__container .content .section .program__blocks_block_logos_logo_img {
height: 3.5rem;
}
.single-formations .main__container .content .section .financements__list {
margin-top: 1.5rem;
}
.single-formations .main__container .sidebar {
display: flex;
flex-direction: column;
background-color: #1D252D;
border-radius: 5px;
padding: 2rem;
gap: 3rem;
color: white;
height: -moz-fit-content;
height: fit-content;
}
.single-formations .main__container .sidebar .buttons {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.single-formations .main__container .sidebar .buttons .button {
flex-grow: 1;
}
.single-formations .main__container .sidebar .buttons .button--pdf {
width: 100%;
}
.single-formations .main__container .sidebar .price__value {
font-size: 1.25em;
font-weight: bold;
}
.single-formations .main__container .sidebar .sessions__list {
display: grid;
gap: 0.5rem;
}
.single-formations .main__container .sidebar .sessions__list_session {
display: grid;
align-items: center;
justify-content: space-between;
gap: 0.5rem;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 5px;
padding: 0.75em 1em;
grid-template-columns: 45fr 5fr 45fr;
}
.single-formations .main__container .sidebar .sessions__list_session_date {
font-weight: bold;
}
.single-formations .main__container .sidebar .sessions__list_session_date--end {
text-align: right;
}
.single-formations .main__container .sidebar .sessions__list_session_arrow {
fill: white;
width: 1rem;
margin-inline: auto;
}
.single-formations .main__container .sidebar .rncp__button {
margin-top: 1.5rem;
}
.single-formations .main__container .sidebar .share__buttons {
display: flex;
gap: 0.75rem;
}
.single-formations .main__container .sidebar .share__buttons_button_link {
padding: 0.6rem;
border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(255, 255, 255, 0.1);
}
.single-formations .main__container .sidebar .share__buttons_button_link_icon {
width: 2rem;
max-height: 2rem;
fill: white;
}
.single-formations .main__container .sidebar .share__buttons_button_link_label {
display: none;
}
.single-formations .main__container .sidebar__section_header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 1rem;
}
.single-formations .main__container .sidebar__section_header_icon {
max-width: 1.5rem;
max-height: 1.5rem;
fill: white;
}
.single-formations .main__container .sidebar__section_header_title {
font-size: 1.25rem;
font-weight: bold;
}
@media (width > 1024px) {
.single-formations .main__container .other {
grid-column: 1/span 2;
}
}
.tax-formats .header, .tax-categories .header {
display: flex;
}
.tax-formats .header__overlay_container, .tax-categories .header__overlay_container {
position: relative;
z-index: 2;
}
.tax-formats .header__overlay_container_heading, .tax-categories .header__overlay_container_heading {
display: flex;
align-items: center;
gap: 1rem;
}
.tax-formats .header__overlay_container_heading_icon, .tax-categories .header__overlay_container_heading_icon {
width: 64px;
}
.tax-formats .header__overlay_container_heading_title, .tax-categories .header__overlay_container_heading_title {
line-height: 1;
}
.tax-formats .header__overlay_container_children, .tax-categories .header__overlay_container_children {
margin-top: 1rem;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link, .tax-categories .header__overlay_container_children_tag_box_title_link {
text-decoration: none;
color: initial;
}
.tax-formats .header__overlay_container_children_tag_box_title_link:hover, .tax-categories .header__overlay_container_children_tag_box_title_link:hover {
text-decoration: underline;
}
.tax-formats .header__overlay_container_children_tag_box_title_link, .tax-categories .header__overlay_container_children_tag_box_title_link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.5em 1em;
background-color: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(25px);
color: white;
border-radius: 50px;
font-size: clamp(0.75rem, 0.7136rem + 0.1818vw, 0.85rem);
font-weight: 600;
}
.tax-formats .header__overlay_container_children_tag_box_title_link svg, .tax-formats .header__overlay_container_children_tag_box_title_link img, .tax-categories .header__overlay_container_children_tag_box_title_link svg, .tax-categories .header__overlay_container_children_tag_box_title_link img {
height: 1rem;
fill: #1D252D;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.light, .tax-categories .header__overlay_container_children_tag_box_title_link.light {
background-color: #f3f7fd;
color: #1D252D;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.blue, .tax-categories .header__overlay_container_children_tag_box_title_link.blue {
background-color: #009ACE;
color: white;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.blue svg, .tax-categories .header__overlay_container_children_tag_box_title_link.blue svg {
fill: white;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.green, .tax-categories .header__overlay_container_children_tag_box_title_link.green {
background-color: #BBCF21;
color: white;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.green svg, .tax-categories .header__overlay_container_children_tag_box_title_link.green svg {
fill: white;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.white, .tax-categories .header__overlay_container_children_tag_box_title_link.white {
background-color: white;
color: #1D252D;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.small, .tax-categories .header__overlay_container_children_tag_box_title_link.small {
padding: 0.5em 1em;
font-size: 0.85rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.small svg, .tax-categories .header__overlay_container_children_tag_box_title_link.small svg {
width: 0.9rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.xs, .tax-formats .header__overlay_container_children_tag_box_title_link.extra-small, .tax-categories .header__overlay_container_children_tag_box_title_link.xs, .tax-categories .header__overlay_container_children_tag_box_title_link.extra-small {
font-size: 0.75rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.xs svg, .tax-formats .header__overlay_container_children_tag_box_title_link.extra-small svg, .tax-categories .header__overlay_container_children_tag_box_title_link.xs svg, .tax-categories .header__overlay_container_children_tag_box_title_link.extra-small svg {
width: 0.8rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.mini, .tax-categories .header__overlay_container_children_tag_box_title_link.mini {
font-size: 0.65rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.mini svg, .tax-categories .header__overlay_container_children_tag_box_title_link.mini svg {
width: 0.7rem;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.formats, .tax-categories .header__overlay_container_children_tag_box_title_link.formats {
background-color: white;
color: #1D252D;
}
.tax-formats .header__overlay_container_children_tag_box_title_link.bg-blue, .tax-formats .header__overlay_container_children_tag_box_title_link.bg-red, .tax-formats .header__overlay_container_children_tag_box_title_link.bg-yellow, .tax-formats .header__overlay_container_children_tag_box_title_link.bg-green, .tax-categories .header__overlay_container_children_tag_box_title_link.bg-blue, .tax-categories .header__overlay_container_children_tag_box_title_link.bg-red, .tax-categories .header__overlay_container_children_tag_box_title_link.bg-yellow, .tax-categories .header__overlay_container_children_tag_box_title_link.bg-green {
color: white;
border-color: transparent;
}
.tax-formats .header__overlay_container_children_tag_box_title_link, .tax-categories .header__overlay_container_children_tag_box_title_link {
background-color: white;
font-size: 0.75rem;
text-decoration: none;
color: initial;
}
.tax-formats .header__overlay_container_children_tag_box_title_link:hover, .tax-categories .header__overlay_container_children_tag_box_title_link:hover {
text-decoration: underline;
}
.tax-formats .header__container_title {
color: #1D252D;
}
.page-template-catalogue .header {
background-color: #1D252D;
}
.page-template-contact .main {
padding-top: 3rem;
}
.page-template-contact .main .container {
display: grid;
gap: 3rem;
}
@media screen and (min-width: 768px) {
.page-template-contact .main .container {
grid-template-columns: 5fr 4fr;
}
}
.page-template-contact .main .contact {
display: grid;
gap: 3rem;
}
.page-template-contact .main .contact__sites {
display: grid;
gap: 1.5rem;
}
.page-template-contact .main .contact__sites_tags {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
margin-bottom: 1.5rem;
}
.page-template-contact .main .contact__sites_list {
display: grid;
gap: 1.5rem;
}
.page-template-contact .main .contact__sites_list_site {
padding: 1.5rem;
border-radius: var(--br-normal);
background-color: white;
border-left: 6px solid #009ACE;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.1);
}
.page-template-contact .main .contact__sites_list_site_tags {
display: flex;
flex-wra: wrap;
gap: 0.5rem;
}
.page-template-contact .main .contact__sites_list_site_description {
margin-block: 1rem;
}
.page-template-contact .main .contact__sites_list_site_map {
width: 100%;
height: 15rem;
border-radius: var(--br-normal);
}
.page-template-contact .main .contact__sites_list_site_map iframe {
width: 100%;
height: 100%;
}
.page-template-contact .main .contact__sites_list_site_more {
margin-top: 1.5rem;
}
.page-template-certifications .introduction__container_button {
margin-top: 1.5rem;
width: -moz-fit-content;
width: fit-content;
}
.page-template-certifications .certifications__container_list {
display: grid;
gap: 3rem;
}
.page-template-certifications .certifications__container_list_certification {
display: grid;
grid-template-columns: 1fr;
gap: 1.5rem;
}
@media (width >= 768px) {
.page-template-certifications .certifications__container_list_certification {
grid-template-columns: 1fr 3fr;
}
}
.page-template-certifications .certifications__container_list_certification_logo {
display: flex;
align-items: center;
max-height: 20rem;
}
.page-template-certifications .certifications__container_list_certification_content {
display: flex;
flex-direction: column;
justify-content: center;
gap: 1rem;
}
.page-template-certifications .certifications__container_list_certification_content_title {
font-weight: 700;
font-size: 1.5rem;
}
.page-template-about .stats {
background: #0678A0;
background: linear-gradient(90deg, #0678a0 0%, #009ace 100%);
}
.page-template-about .stats__container_list {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
row-gap: 2.5rem;
}
@media (width >= 450px) {
.page-template-about .stats__container_list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (width >= 700px) {
.page-template-about .stats__container_list {
grid-template-columns: repeat(3, 1fr);
}
}
@media (width >= 1024px) {
.page-template-about .stats__container_list {
grid-template-columns: repeat(4, 1fr);
}
}
@media (width >= 1200px) {
.page-template-about .stats__container_list {
grid-template-columns: repeat(5, 1fr);
}
}
.page-template-about .stats__container_list_stat {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
color: white;
}
.page-template-about .stats__container_list_stat svg {
fill: white;
height: 4rem;
}
.page-template-about .stats__container_list_stat_value {
font-weight: 700;
font-size: 2.5rem;
margin-top: 1rem;
}
.page-template-about .stats__container_list_stat_description {
text-align: center;
}
.page-template-about .process__container_description {
margin-bottom: 2rem;
}
.page-template-about .process__container_groups {
display: grid;
gap: 3rem;
}
.page-template-about .process__container_groups_group_title {
font-weight: 700;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.page-template-about .process__container_groups_group_steps {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.page-template-location .header {
min-height: 60vh;
}
.page-template-location .header__overlay_container_cta {
margin-top: 1rem;
width: -moz-fit-content;
width: fit-content;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
50% {
transform: translateX(-100%);
}
100% {
transform: translateX(0);
}
}
.page-template-location .gallery {
position: relative;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.page-template-location .gallery::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(//buroscope.bzh/core/views/9d67146f7e/assets/images/pattern-lines.png);
opacity: 0.75;
z-index: -1;
background-size: 5rem;
}
.page-template-location .gallery__list {
display: flex;
gap: clamp(1.5rem, 0.5508rem + 4.7458vw, 5rem);
animation-duration: 15s;
animation-timing-function: linear;
animation-name: scroll;
animation-iteration-count: infinite;
}
@media screen and (width >= 576px) {
.page-template-location .gallery__list {
animation-duration: 25s;
}
}
@media screen and (width >= 768px) {
.page-template-location .gallery__list {
animation-duration: 35s;
}
}
@media screen and (width >= 1200px) {
.page-template-location .gallery__list {
animation-duration: 45s;
}
}
@media screen and (width >= 1500px) {
.page-template-location .gallery__list {
animation-duration: 60s;
}
}
.page-template-location .gallery__list:hover {
animation-play-state: paused;
}
.page-template-location .gallery__list_photo {
display: flex;
}
.page-template-location .gallery__list_photo_a {
aspect-ratio: 16/9;
width: clamp(10rem, 4.5763rem + 27.1186vw, 30rem);
position: relative;
overflow: hidden;
border-radius: var(--br-normal);
}
.page-template-location .gallery__list_photo_a_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.page-template-location .points__container_list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
gap: 2rem;
}
.page-template-location .points__container_list_point {
display: flex;
flex-direction: column;
gap: 1rem;
padding: 1.5rem;
background-color: white;
border-radius: var(--br-normal);
border: 1px solid #f3f7fd;
}
.page-template-location .points__container_list_point_icon {
display: flex;
align-items: center;
justify-content: center;
width: 5rem;
height: 5rem;
border-radius: var(--br-normal);
padding: 1rem;
}
.page-template-location .points__container_list_point_icon svg {
fill: white;
}
.page-template-location .points__container_list_point_content_title {
font-weight: bold;
font-size: 1.25rem;
}
.page-template-location .points__container_list_point_content_subtitle {
font-weight: 500;
font-size: 1.15rem;
}
.page-template-location .offers {
background-color: #1D252D;
}
.page-template-location .offers__container_list {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (width >= 1200px) {
.page-template-location .offers__container_list {
grid-template-columns: repeat(3, 1fr);
}
}
.page-template-location .offers__container_list_offer {
display: flex;
flex-direction: column;
padding: 1.5rem;
border: 1px solid #f3f7fd;
border-radius: var(--br-normal);
background-color: white;
}
.page-template-location .offers__container_list_offer_title, .page-template-location .offers__container_list_offer_description {
text-align: center;
}
.page-template-location .offers__container_list_offer_title {
font-size: 2rem;
font-weight: bold;
}
.page-template-location .offers__container_list_offer_description {
font-size: 1.15rem;
font-weight: 500;
}
.page-template-location .offers__container_list_offer_price {
display: flex;
gap: 0.5rem;
align-items: flex-end;
justify-content: center;
margin-top: 1.5rem;
}
.page-template-location .offers__container_list_offer_price_prefix {
opacity: 0.75;
font-size: 0.85rem;
}
.page-template-location .offers__container_list_offer_price_value {
font-size: 1.5rem;
font-weight: bold;
}
.page-template-location .offers__container_list_offer_cta {
margin-top: 1rem;
}
.page-template-location .offers__container_separator {
margin-block: 1.5rem;
background-color: white;
border-radius: var(--br-normal);
border: 0;
height: 4px;
width: 100%;
opacity: 0.25;
}
.page-template-location .offers__container_addons {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.page-template-location .offers__container_addons_offer {
display: flex;
gap: 1rem;
padding: 1.5rem;
border: 1px solid #f3f7fd;
border-radius: var(--br-normal);
background-color: white;
flex: auto;
}
.page-template-location .offers__container_addons_offer_icon {
background-color: #1D252D;
border-radius: var(--br-normal);
padding: 0.75rem;
width: 3rem;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 1rem;
}
.page-template-location .offers__container_addons_offer_icon svg {
fill: white;
}
.page-template-location .offers__container_addons_offer_content_title {
font-weight: bold;
font-size: 1.25rem;
}
.page-template-location .offers__container_addons_offer_content_description {
font-size: 1rem;
opacity: 0.75;
}
.page-template-location .offers__container_addons_offer_content_price {
display: flex;
justify-content: flex-start;
margin-top: 0.5rem;
gap: 0.5rem;
}
.page-template-location .offers__container_addons_offer_content_price_value {
font-weight: bold;
font-size: 1.15rem;
}
.page-template-location .contact__container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 5rem;
}
.page-template-location .contact__container_content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.page-template-location .contact__container_content_person {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.25rem;
}
.page-template-location .contact__container_content_person_box {
display: flex;
align-items: center;
justify-content: center;
gap: 0.75rem;
}
.page-template-location .contact__container_content_person_box_picture {
width: 2.5rem;
height: 2.5rem;
border-radius: 50%;
position: relative;
overflow: hidden;
}
.page-template-location .contact__container_content_person_box_picture_img {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.page-template-location .contact__container_content_person_box_name {
font-weight: 600;
font-size: 1.25rem;
}
.page-template-location .contact__container_content_person_box_button {
width: 2rem;
height: 2rem;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
padding: 0.6rem;
background-color: rgba(0, 154, 206, 0.1);
}
.page-template-location .contact__container_content_person_box_button svg {
fill: #009ACE;
}
.single-post .topbar {
margin-bottom: 10rem;
}
.single-post :root {
--br-normal: 5px;
--br-large: 15px;
--blur: 5px;
--transition: .1s;
--font-color: #1D252D;
--light: #fafcff;
--lightgrey: #f3f7fd;
}
.single-post .header__container_topbar {
display: flex;
margin-bottom: 1.5rem;
}
.single-post .header__container_box {
border-radius: var(--br-large);
height: 25rem;
position: relative;
overflow: hidden;
}
.single-post .header__container_box_overlay {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 1.5rem;
position: relative;
z-index: 1;
background: rgba(243, 247, 253, 0.5);
background: linear-gradient(0deg, #1d252d 0%, rgba(29, 37, 45, 0) 100%);
height: 100%;
color: white;
}
.single-post .header__container_box_overlay_title {
font-size: 2rem;
font-weight: bold;
}
.single-post .header__container_box_overlay_date {
margin-top: 1rem;
}
.single-post .header__container_box_illustration {
position: absolute;
-o-object-fit: cover;
object-fit: cover;
min-width: 100%;
min-height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.single-post :root {
--br-normal: 5px;
--br-large: 15px;
--blur: 5px;
--transition: .1s;
--font-color: #1D252D;
--light: #fafcff;
--lightgrey: #f3f7fd;
}
.single-post .content {
font-size: 1.125rem;
line-height: 1.8;
color: var(--dark);
}
.single-post .content h1, .single-post .content h2, .single-post .content h3, .single-post .content h4, .single-post .content h5, .single-post .content h6 {
margin-top: 2em;
margin-bottom: 0.75em;
line-height: 1.3;
font-weight: 700;
}
.single-post .content h1:first-child, .single-post .content h2:first-child, .single-post .content h3:first-child, .single-post .content h4:first-child, .single-post .content h5:first-child, .single-post .content h6:first-child {
margin-top: 0;
}
.single-post .content h1 {
font-size: 2.5em;
}
.single-post .content h2 {
font-size: 2em;
}
.single-post .content h3 {
font-size: 1.75em;
}
.single-post .content h4 {
font-size: 1.5em;
}
.single-post .content h5 {
font-size: 1.25em;
}
.single-post .content h6 {
font-size: 1.1em;
}
.single-post .content p {
margin-bottom: 1.5em;
}
.single-post .content p:last-child {
margin-bottom: 0;
}
.single-post .content ul, .single-post .content ol {
margin: 1.5em 0;
padding-left: 2em;
}
.single-post .content ul li, .single-post .content ol li {
margin-bottom: 0.5em;
line-height: 1.6;
}
.single-post .content ul li ul, .single-post .content ul li ol, .single-post .content ol li ul, .single-post .content ol li ol {
margin: 0.5em 0;
}
.single-post .content ul {
list-style-type: disc;
}
.single-post .content ul li::marker {
color: #666;
}
.single-post .content ol {
list-style-type: decimal;
}
.single-post .content a {
color: #0066cc;
text-decoration: underline;
transition: color 0.2s ease;
}
.single-post .content a:hover {
color: #004499;
}
.single-post .content a:focus {
outline: 2px solid #0066cc;
outline-offset: 2px;
}
.single-post .content blockquote {
margin: 2em 0;
padding: 1.5em 2em;
border-left: 4px solid #ddd;
background: #f9f9f9;
font-style: italic;
color: #555;
}
.single-post .content blockquote p:last-child {
margin-bottom: 0;
}
.single-post .content blockquote cite {
display: block;
margin-top: 1em;
font-style: normal;
font-size: 0.9em;
color: #777;
}
.single-post .content blockquote cite::before {
content: "— ";
}
.single-post .content img {
max-width: 100%;
height: auto;
display: block;
margin: 2em auto;
border-radius: 4px;
}
.single-post .content img.alignleft {
float: left;
margin: 0.5em 2em 1em 0;
}
.single-post .content img.alignright {
float: right;
margin: 0.5em 0 1em 2em;
}
.single-post .content img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.single-post .content figure {
margin: 2em 0;
}
.single-post .content figure.alignleft {
float: left;
margin: 0.5em 2em 1em 0;
}
.single-post .content figure.alignright {
float: right;
margin: 0.5em 0 1em 2em;
}
.single-post .content figure.aligncenter {
margin-left: auto;
margin-right: auto;
}
.single-post .content figure img {
margin: 0;
}
.single-post .content figure figcaption {
margin-top: 0.75em;
font-size: 0.9em;
color: #777;
font-style: italic;
text-align: center;
}
.single-post .content .wp-block-gallery,
.single-post .content .gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1em;
margin: 2em 0;
}
.single-post .content .wp-block-gallery .gallery-item,
.single-post .content .wp-block-gallery .blocks-gallery-item,
.single-post .content .gallery .gallery-item,
.single-post .content .gallery .blocks-gallery-item {
margin: 0;
}
.single-post .content .wp-block-gallery .gallery-item img,
.single-post .content .wp-block-gallery .blocks-gallery-item img,
.single-post .content .gallery .gallery-item img,
.single-post .content .gallery .blocks-gallery-item img {
margin: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-post .content code {
padding: 0.2em 0.4em;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 3px;
font-family: "Courier New", Courier, monospace;
font-size: 0.9em;
color: #c7254e;
}
.single-post .content pre {
margin: 2em 0;
padding: 1.5em;
background: #f5f5f5;
border: 1px solid #ddd;
border-radius: 4px;
overflow-x: auto;
}
.single-post .content pre code {
padding: 0;
background: none;
border: none;
color: inherit;
font-size: 0.875em;
line-height: 1.6;
}
.single-post .content table {
width: 100%;
margin: 2em 0;
border-collapse: collapse;
}
.single-post .content table th, .single-post .content table td {
padding: 0.75em;
border: 1px solid #ddd;
text-align: left;
}
.single-post .content table th {
background: #f5f5f5;
font-weight: 700;
color: #333;
}
.single-post .content table tbody tr:nth-child(even) {
background: #fafafa;
}
.single-post .content table tbody tr:hover {
background: #f0f0f0;
}
.single-post .content hr {
margin: 3em 0;
border: none;
border-top: 2px solid #ddd;
}
.single-post .content strong, .single-post .content b {
font-weight: 700;
}
.single-post .content em, .single-post .content i {
font-style: italic;
}
.single-post .content .wp-block-button {
margin: 1.5em 0;
}
.single-post .content .wp-block-button .wp-block-button__link {
display: inline-block;
padding: 0.75em 1.5em;
background: #0066cc;
color: #fff;
text-decoration: none;
border-radius: 4px;
transition: background 0.2s ease;
}
.single-post .content .wp-block-button .wp-block-button__link:hover {
background: #004499;
}
.single-post .content .wp-block-quote {
margin: 2em 0;
padding: 1.5em 2em;
border-left: 4px solid #ddd;
background: #f9f9f9;
font-style: italic;
}
.single-post .content .wp-block-quote.is-style-large {
border-left: none;
padding-left: 3em;
font-size: 1.25em;
}
.single-post .content .wp-block-quote cite {
display: block;
margin-top: 1em;
font-style: normal;
font-size: 0.9em;
color: #777;
}
.single-post .content .wp-block-embed,
.single-post .content .wp-block-embed__wrapper {
margin: 2em 0;
}
.single-post .content .wp-block-embed iframe,
.single-post .content .wp-block-embed__wrapper iframe {
max-width: 100%;
display: block;
}
.single-post .content::after {
content: "";
display: table;
clear: both;
}
@media (max-width: 768px) {
.single-post .content {
font-size: 1rem;
}
.single-post .content h1 {
font-size: 2em;
}
.single-post .content h2 {
font-size: 1.75em;
}
.single-post .content h3 {
font-size: 1.5em;
}
.single-post .content img.alignleft,
.single-post .content img.alignright,
.single-post .content figure.alignleft,
.single-post .content figure.alignright {
float: none;
margin: 1.5em auto;
display: block;
}
.single-post .content .wp-block-gallery,
.single-post .content .gallery {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 0.5em;
}
}