/* Font faces */
/* PP Formula Condensed */
@font-face {
font-family: "PP Formula Condensed";
src: local("PP Formula Condensed"),
url("/theme/fr/assets/fonts/FormulaCondensed-Regular.woff2") format("woff2"),
url("/theme/fr/assets/fonts/FormulaCondensed-Regular.woff") format("woff");
font-style: normal;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "PP Formula Condensed";
src: local("PP Formula Condensed"),
url("/theme/fr/assets/fonts/FormulaCondensed-Bold.woff2") format("woff2"),
url("/theme/fr/assets/fonts/FormulaCondensed-Bold.woff") format("woff");
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "PP Formula Condensed";
src: local("PP Formula Condensed"),
url("/theme/fr/assets/fonts/PPFormula-CondensedRegularItalic.woff2") format("woff2"),
url("/theme/fr/assets/fonts/PPFormula-CondensedRegularItalic.woff") format("woff");
font-style: italic;
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: "PP Formula Condensed";
src: local("PP Formula Condensed"),
url("/theme/fr/assets/fonts/PPFormula-CondensedBoldItalic.woff2") format("woff2"),
url("/theme/fr/assets/fonts/PPFormula-CondensedBoldItalic.woff") format("woff");
font-style: italic;
font-weight: 700;
font-display: swap;
}
/* Roslindale officielle */
@font-face {
font-family: "Roslindale";
src: url("/theme/fr/assets/fonts/RoslindaleText-Regular.woff2") format("woff2"),
url("/theme/fr/assets/fonts/RoslindaleText-Regular.woff") format("woff");
font-style: normal;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Roslindale";
src: url("/theme/fr/assets/fonts/RoslindaleText-Italic.woff2") format("woff2"),
url("/theme/fr/assets/fonts/RoslindaleText-Italic.woff") format("woff");
font-style: italic;
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: "Roslindale";
src: url("/theme/fr/assets/fonts/RoslindaleText-Bold.woff2") format("woff2"),
url("/theme/fr/assets/fonts/RoslindaleText-Bold.woff") format("woff");
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Roslindale";
src: url("/theme/fr/assets/fonts/RoslindaleText-BoldItalic.woff2") format("woff2"),
url("/theme/fr/assets/fonts/RoslindaleText-BoldItalic.woff") format("woff");
font-style: italic;
font-weight: 700;
font-display: swap;
}
/* Roslindale Condensed officielle */
@font-face {
font-family: "Roslindale Condensed";
src: url("/theme/fr/assets/fonts/RoslindaleDisplayCondensed-Bold.woff2") format("woff2"),
url("/theme/fr/assets/fonts/RoslindaleDisplayCondensed-Bold.woff") format("woff");
font-style: normal;
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: "Roslindale Condensed";
src: url("/theme/fr/assets/fonts/RoslindaleDisplayCondensed-BoldItalic.woff2") format("woff2"),
url("/theme/fr/assets/fonts/RoslindaleDisplayCondensed-BoldItalic.woff") format("woff");
font-style: italic;
font-weight: 700;
font-display: swap;
}
/* Variables */
:root {
/* Fonts */
--pa-font-sans-serif: "PP Formula Condensed", sans-serif;
--pa-font-serif: "Roslindale", serif;
--pa-font-serif-condensed: "Roslindale Condensed", serif;
/* Colors */
--pa-color-white: #ffffff;
--pa-color-white-rgb: 255, 255, 255;
--pa-color-lightgray: #d9d9d9;
--pa-color-lightgray-rgb: 217, 217, 217;
--pa-color-grey-300: #a4a5a0;
--pa-color-grey-300-rgb: 164, 165, 160;
--pa-color-grey-400: #7f7f7b;
--pa-color-grey-400-rgb: 127, 127, 123;
--pa-color-dark: #1d1d1b;
--pa-color-dark-rgb: 29, 29, 27;
--pa-color-dark-blue: #122840;
--pa-color-dark-blue-rgb: 18, 40, 64;
--pa-color-darker-blue: #1a202c;
--pa-color-darker-blue-rgb: 26, 32, 44;
--pa-color-black: #000000;
--pa-color-black-rgb: 0, 0, 0;
--pa-color-orange: #fb4c0d;
--pa-color-orange-rgb: 251, 76, 13;
--pa-color-doly: #fdf98f;
--pa-color-doly-rgb: 253, 249, 143;
--pa-color-amber: #fffac5;
--pa-color-amber-rgb: 255, 250, 197;
--pa-color-amber-50: #fffdea;
--pa-color-amber-50-rgb: 255, 253, 234;
--pa-color-neon-blue: #4131ff;
--pa-color-neon-blue-rgb: 65, 49, 255;
--pa-color-blue: #55d6ff;
--pa-color-blue-rgb: 85, 214, 255;
--pa-color-light-blue: #83e1ff;
--pa-color-light-blue-rgb: 131, 225, 255;
--pa-color-lighter-blue: #efeffc;
--pa-color-lighter-blue-rgb: 239, 239, 252;
--pa-color-dark-blue: #102442;
--pa-color-dark-blue-rgb: 16, 36, 66;
--pa-color-green: #94eea2;
--pa-color-green-rgb: 148, 238, 162;
--pa-color-cerise: #fde6e9;
--pa-color-cerise-rgb: 253, 230, 233;
--pa-color-cerise-200: #fbd0d9;
--pa-color-cerise-200-rgb: 251, 208, 217;
--pa-color-cerise-50: #fef2f4;
--pa-color-cerise-50-rgb: 254, 242, 244;
--pa-color-pink: #fd8fe6;
--pa-color-pink-rgb: 253, 143, 230;
--pa-color-tickle-me-pink: #ff8cae;
--pa-color-tickle-me-pink-rgb: 255, 140, 174;
--pa-color-light-bg-orange: #fbbaa3;
--pa-color-light-bg-orange-rgb: 251, 186, 163;
--pa-color-light-bg-yellow: #fffba6;
--pa-color-light-bg-yellow-rgb: 255, 251, 166;
--pa-color-light-bg-blue: #a6e9ff;
--pa-color-light-bg-blue-rgb: 166, 233, 255;
--pa-color-light-bg-pink: #ffa6cb;
--pa-color-light-bg-pink-rgb: 255, 166, 203;
/* Sizes */
--pa-section-padding: 4.5rem;
--pa-section-padding-top: 4.5rem;
--pa-section-padding-bottom: 4.5rem;
--pa-section-double-margin: 0px;
--pa-section-double-padding: 0px;
--pa-btn-border-radius: 4.5rem;
--pa-bg-icon-size: 200px;
--pa-bg-icon-size-lg: 280px;
--pa-uppertitle-icon-size: 4.125rem;
--pa-liste-ecoles-logo-size: 88px;
--pa-section-title-logo-size: 75px;
--pa-liste-ecoles-gap-size: 1rem;
--pa-liste-ecoles-arrow-size: 1.5rem;
--pa-home-banner-translate-x: 98px;
--pa-banner-padding-top: 112px;
--pa-header-alert-height: 0px;
/* Transitions */
--pa-bounce-transition: cubic-bezier(0.47, 1.64, 0.41, 0.8);
/* icons */
--pa-header-nav-white-arrow: url('data:image/svg+xml,');
--pa-header-nav-dark-arrow: url('data:image/svg+xml,');
--pa-header-nav-white-bar: url('data:image/svg+xml,');
--pa-header-nav-dark-bar: url('data:image/svg+xml,');
/* Shadows */
--pa-shadow-header: 0px 12px 28px -12px rgba(var(--pa-color-black-rgb), 0.25);
/* Bootstrap */
--bs-border-width: 2px;
--bs-primary: var(--pa-color-orange);
--bs-primary-rgb: var(--pa-color-orange-rgb);
/* Plyr */
--plyr-color-main: var(--pa-color-orange);
--list-color: var(--pa-color-orange);
}
body {
font-family: var(--pa-font-serif);
font-weight: 500;
color: var(--pa-color-dark);
scroll-behavior: smooth;
letter-spacing: -0.16px;
}
body.menu-open,
body:has(.widget-admissions .dropdown-menu.show) {
overflow: hidden !important;
}
#main {
overflow-x: clip;
}
iframe {
border: none;
}
.alert-danger ul {
margin-bottom: 0;
}
@media (min-width: 768px) {
:root {
--pa-home-banner-translate-x: 0;
}
}
@media (min-width: 992px) {
:root {
--pa-liste-ecoles-logo-size: 100px;
--pa-section-title-logo-size: 116px;
}
}
/* Titres et textes */
.section-title {
position: relative;
z-index: 2;
}
.section-title .uppertitle {
position: relative;
font-family: var(--pa-font-sans-serif);
font-size: 1.3125rem;
font-weight: 400;
line-height: 100%;
letter-spacing: 0.42px;
text-transform: uppercase;
margin-bottom: 0.25rem;
color: var(--pa-color-dark);
}
.section-title .uppertitle[class*="star-"]::before {
content: "";
position: absolute;
top: 0;
left: 0;
transform: translate(-50%, -50%);
width: var(--pa-uppertitle-icon-size);
height: var(--pa-uppertitle-icon-size);
z-index: -1;
}
.section-title.text-center .uppertitle[class*="star-"]::before {
left: 50%;
}
@media (min-width: 768px) {
.section-title.text-md-start .uppertitle[class*="star-"]::before {
left: 0;
}
}
@media (min-width: 992px) {
.section-title.text-lg-start .uppertitle[class*="star-"]::before {
left: 0;
}
}
.section-title .uppertitle.star-pink::before {
background-image: url("/theme/fr/assets/img/icons/title-star-icon-tickle-me-pink.svg");
}
.section-title .uppertitle.star-pink-2::before {
background-image: url("/theme/fr/assets/img/icons/title-star-icon-pink.svg");
}
.section-title .uppertitle.star-yellow::before {
background-image: url("/theme/fr/assets/img/icons/title-star-icon-yellow.svg");
}
.section-title .uppertitle.star-yellow-2::before {
background-image: url("/theme/fr/assets/img/icons/title-star-icon-doly.svg");
}
.section-title .uppertitle.star-blue::before {
background-image: url("/theme/fr/assets/img/icons/title-star-icon-blue.svg");
}
.section-title .uppertitle.star-neon-blue::before {
background-image: url("/theme/fr/assets/img/icons/title-star-icon-neon-blue.svg");
}
@media (max-width: 991.98px) {
.section-title .uppertitle.star-pink-2::before,
.section-title .uppertitle.star-yellow-2::before {
opacity: 0.4;
}
}
.section-title .title {
position: relative;
font-family: var(--pa-font-sans-serif);
font-size: 3.5rem;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.56px;
color: var(--pa-color-orange);
margin-bottom: 0;
}
.section-title .title+.subtitle,
.section-title .subtitle+.lead {
margin-top: 2rem;
}
.section pre {
position: relative;
display: inline-flex;
padding: 2rem;
width: 100%;
background: var(--pa-color-dark-blue);
color: var(--pa-color-white);
white-space: normal;
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-style: normal;
font-weight: 500;
line-height: 148%;
align-items: center;
margin-top: 2rem;
margin-bottom: 2rem;
}
.section .chronologie-content pre {
margin-left: 0;
margin-right: 0;
margin-top: 1rem;
margin-bottom: 1rem;
width: 100%;
}
pre strong,
pre b,
pre i {
display: contents;
}
.lead,
.lead p {
font-size: 1.375rem;
font-weight: 500;
line-height: 125%;
}
.lead>*:last-child,
.content>*:last-child {
margin-bottom: 0;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: var(--pa-font-sans-serif);
font-weight: 700;
line-height: 120%;
}
h1,
.h1 {
font-size: 4rem;
letter-spacing: 0.79px;
}
h2,
.h2 {
font-size: 3.5rem;
letter-spacing: 0.56px;
}
h3,
.h3 {
font-size: 2.5rem;
letter-spacing: 0.8px;
}
h4,
.h4 {
font-size: 2rem;
letter-spacing: 0.64px;
}
h5,
.h5 {
font-size: 1.5rem;
letter-spacing: 0.48px;
}
h6,
.h6 {
font-size: 1.25rem;
letter-spacing: 0.24px;
}
.section-content h2:not(:first-child),
.section-content h3:not(:first-child),
.section-content h4:not(:first-child),
.section-content h5:not(:first-child),
.section-content h6:not(:first-child),
.banner-desc h2:not(:first-child),
.banner-desc h3:not(:first-child),
.banner-desc h4:not(:first-child),
.banner-desc h5:not(:first-child),
.banner-desc h6:not(:first-child) {
margin-top: 1em;
}
.section-content h2:not(:last-child),
.section-content h3:not(:first-child),
.section-content h4:not(:first-child),
.section-content h5:not(:first-child),
.section-content h6:not(:first-child),
.banner-desc h2:not(:last-child),
.banner-desc h3:not(:first-child),
.banner-desc h4:not(:first-child),
.banner-desc h5:not(:first-child),
.banner-desc h6:not(:first-child) {
margin-bottom: 0.5em;
}
a:not(.btn, .page-link, .nav-link, .breadcrumb-item a) {
color: var(--pa-color-dark);
transition: all 300ms ease-out;
}
a:not(.btn, .page-link, .nav-link, .breadcrumb-item a):hover,
a:not(.btn, .page-link, .nav-link, .breadcrumb-item a):focus {
color: var(--pa-color-orange);
}
@media (min-width: 768px) {
.section pre::before {
content: "";
display: block;
flex: 0 0 auto;
width: 4rem;
height: 4rem;
background-image: url('/theme/fr/assets/img/pictos/pa-atome.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
margin-right: 2rem;
}
}
@media (min-width: 992px) {
.section-title,
.pleine-page .pa-depliable .section-content,
.pleine-page .pa-simple .section-content:not(.lead),
.pleine-page .pa-accordeon .accordion,
.pleine-page .pa-temoignage-ecrit .pa-temoignage-answer-list,
.pleine-page .pa-podcast-audio .section-content {
flex: 0 0 auto;
width: 58.33333333%;
}
.pleine-page .modal .modal-body .section-content {
width: 100% !important;
}
.sidebar-gauche .content .section-title {
width: 100%;
}
.section-title .title {
font-size: 4rem;
letter-spacing: 0.64px;
}
.largeur-reduite .content .section .section-title {
width: var(--pa-largeur-reduite-width);
}
.largeur-reduite .content .section.pa-sommaire .section-title {
width: 100%;
}
.largeur-reduite .content .kiubi-modal {
--pa-largeur-reduite-width: 100%;
}
}
@media (min-width: 1200px) {
.section pre {
margin-left: -2rem;
margin-right: -2rem;
padding: 3rem;
width: calc(100% + 4rem);
}
}
@media (min-width: 1400px) {
.section pre {
margin-left: -3rem;
margin-right: -3rem;
width: calc(100% + 6rem);
}
}
@media (min-width: 1600px) {
.section pre {
margin-left: -4rem;
margin-right: -4rem;
width: calc(100% + 8rem);
}
.col-xxxl-6 {
flex: 0 0 auto;
width: 50%;
}
.col-xxxl-9 {
flex: 0 0 auto;
width: 75%;
}
}
/* Class utilitaires */
::selection {
background: rgba(var(--pa-color-orange-rgb), 0.9);
color: var(--pa-color-white);
}
.bg-orange ::selection {
background: rgba(var(--pa-color-white-rgb), 0.9);
color: var(--pa-color-orange);
}
#returnTop {
position: fixed;
bottom: 120px;
right: 0.5rem;
cursor: pointer;
z-index: 990;
}
.btn-close {
position: absolute;
top: auto;
right: 8px;
width: 40px;
height: 40px;
padding: 0;
background: transparent;
border: none;
opacity: 1;
--pa-close-btn-color: var(--pa-color-dark);
}
.btn-close .close-icon {
position: relative;
width: 40px;
height: 40px;
padding: 4px;
justify-content: center;
display: flex;
}
.close-icon::before,
.close-icon::after {
content: "";
display: block;
position: absolute;
width: 22px;
height: 3px;
top: auto;
left: 9px;
bottom: 13px;
background-color: var(--pa-close-btn-color);
}
.close-icon::before {
transform: translate3d(0, -5px, 0) rotate(-45deg);
}
.close-icon::after {
transform: translate3d(0, -5px, 0) rotate(45deg);
}
.clipboard {
position: relative;
}
.clipboard .confirmation {
position: absolute;
font-size: 0.875rem;
top: -10%;
left: 50%;
color: var(--pa-color-dark);
background: var(--pa-color-green);
font-weight: 500;
letter-spacing: 0.14px;
display: block;
padding: 0.25rem 0.5rem;
line-height: 1;
border-radius: 1rem;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: opacity 150ms ease-out;
}
.clipboard.copied .confirmation {
opacity: 1;
visibility: visible;
pointer-events: none;
animation: copyFadeOut 250ms linear 3s forwards;
}
.spinner-border {
color: var(--pa-color-orange);
}
@keyframes copyFadeOut {
100% {
opacity: 0;
}
}
.mt-32 {
margin-top: 2rem;
}
.ms-28 {
margin-left: 1.75rem;
}
.mx-32 {
margin-left: 2rem;
}
.mx-32 {
margin-right: 2rem;
}
.g-32 {
--bs-gutter-x: 2rem;
--bs-gutter-y: 2rem;
}
/* modal */
.modal {
--bs-modal-padding: 1rem;
--bs-modal-margin: 1rem;
--bs-modal-bg: var(--pa-color-white);
--bs-modal-border-color: var(--pa-color-dark);
--bs-modal-border-width: 2px;
--bs-modal-border-radius: 0.375rem;
--bs-modal-inner-border-radius: 0;
--bs-modal-header-padding: 1rem 1rem;
--bs-modal-header-border-color: var(--pa-color-dark);
--bs-modal-header-border-width: 2px;
--bs-modal-title-line-height: 1.5;
--bs-modal-footer-border-color: var(--pa-color-dark);
--bs-modal-footer-border-width: 2px;
}
.modal.emphasize {
--bs-modal-header-border-width: 0;
--bs-modal-footer-border-width: 0;
}
.modal.emphasize .modal-header {
background-color: var(--pa-color-orange);
color: var(--pa-color-white);
}
.modal-title {
font-size: 1.125rem;
font-weight: 700;
}
.modal-content {
overflow: hidden;
}
.modal .section>.container {
padding-left: 1rem;
padding-right: 1rem;
}
@media (max-width: 991.98px) {
.modal .section-title .uppertitle[class*="star-"]::before {
display: none;
}
}
@media (min-width: 992px) {
.modal {
--bs-modal-padding: 1rem 2rem;
--bs-modal-header-padding: 1rem 2rem;
}
.modal .section>.container,
.largeur-reduite .content .modal .section>.container,
.modal .small-width:not(.pa-liste-ecoles, .pa-sommaire-agenda-filtre)>.container {
padding-left: 2rem;
padding-right: 2rem;
}
.modal .section-title {
width: 100%;
}
.sidebar-gauche-standard .content .modal .section,
.sidebar-gauche-standard .modal .pa-banner-ecole .banner-content-wrapper {
padding-left: 0;
padding-right: 0;
}
}
/* Pagination */
.pagination {
--bs-pagination-border-width: 1px;
--bs-pagination-border-color: transparent;
--bs-pagination-border-radius: 50%;
font-family: var(--pa-font-sans-serif);
--bs-pagination-color: var(--pa-color-dark);
--bs-pagination-bg: var(--pa-color-white);
--bs-pagination-hover-color: var(--pa-color-orange);
--bs-pagination-hover-bg: var(--pa-color-white);
--bs-pagination-hover-border-color: var(--pa-color-orange);
--bs-pagination-focus-color: var(--pa-color-orange);
--bs-pagination-focus-bg: var(--pa-color-white);
--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--pa-color-orange-rgb), 0.25);
--bs-pagination-active-color: var(--pa-color-white);
--bs-pagination-active-bg: var(--pa-color-dark);
--bs-pagination-active-border-color: var(--pa-color-dark);
gap: 0.25rem;
margin-top: 3rem;
}
.pagination .page-link {
width: 2.5rem;
height: 2.5rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: var(--bs-pagination-border-radius);
transition: all 300ms ease-out;
}
.pagination .page-link span {
margin-top: 0.25rem;
}
.pagination .page-link svg path {
fill: var(--pa-color-dark);
transition: all 300ms ease-out;
}
.pagination .page-link:hover svg path,
.pagination .page-link:focus svg path {
fill: var(--pa-color-orange);
}
.pagination .page-link.active svg path {
fill: var(--pa-color-white);
}
/* Templates */
/* Largeur réduite */
@media (min-width: 992px) {
.largeur-reduite {
--pa-largeur-reduite-width: 75%;
}
.largeur-reduite .content .section:not(.fullscreen) .largeur-bloc,
.largeur-reduite .content .pa-banner-fullwidth .largeur-bloc {
width: var(--pa-largeur-reduite-width);
}
}
@media (min-width: 1200px) {
.largeur-reduite {
--pa-largeur-reduite-width: 66.66666667%;
}
}
@media (min-width: 1400px) {
.largeur-reduite {
--pa-largeur-reduite-width: 58.33333333%;
}
}
@media (min-width: 1600px) {
.largeur-reduite {
--pa-largeur-reduite-width: 50%;
}
}
/* Sidebar */
#sidebar {
margin-top: 3rem;
display: flex;
flex-direction: column;
gap: 3rem;
}
#sidebar .sidebar__inner>.widget:not(:last-child) {
margin-bottom: 1rem;
}
.pa-sticky-sidebar {
display: flex;
flex-direction: column;
gap: 2rem;
}
@media (max-width: 991.98px) {
.sidebar-gauche-structure {
overflow-x: clip;
overflow-y: visible;
}
.sidebar-gauche-structure>.container {
padding-left: 0;
padding-right: 0;
}
.sidebar-gauche-structure>.container .container {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.sidebar-gauche-structure>.container .container .container {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 992px) {
#sidebar {
margin-top: 3rem;
margin-bottom: 3rem;
}
body:not(.largeur-reduite) .sidebar-gutter {
--bs-gutter-x: 3.5rem;
}
}
@media (min-width: 1200px) {
.sidebar-gauche-agenda .pa-banner-ecole .col-xl-3 {
width: 33.33333333%;
}
.sidebar-gauche-agenda .pa-banner-ecole .col-xl-9 {
width: 66.66666666%;
}
.sidebar-gauche-standard .content {
padding-right: calc(2rem + (0.5 * var(--bs-gutter-x)));
}
}
@media (min-width: 1400px) {
.sidebar-gauche-standard .content .section,
.sidebar-gauche-standard .pa-banner-ecole .banner-content-wrapper {
padding-left: 2rem;
padding-right: 2rem;
}
.sidebar-gauche-standard .content .section .section {
padding-left: 0;
padding-right: 0;
}
.sidebar-gauche-standard .content {
padding-right: calc(7rem + (0.5 * var(--bs-gutter-x)));
}
}
@media (min-width: 1600px) {
.sidebar-gauche-standard .content {
padding-right: calc(12rem + (0.5 * var(--bs-gutter-x)));
}
}
/* Sidebar sommaire */
.sidebar-sommaire-list {
margin: 0;
padding-left: 0;
list-style: none;
}
.sidebar-sommaire-item {
padding: 0.5rem 0 0.125rem;
}
.sidebar-sommaire-link {
position: relative;
display: inline;
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration: none;
padding: 0.5rem 0 0.125rem;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
transition: all 300ms ease-out;
}
.sidebar-sommaire-link:hover,
.sidebar-sommaire-link:focus,
.sidebar-sommaire-link.active {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
.sidebar-sommaire-link::before {
content: "";
display: block;
position: absolute;
left: -2rem;
width: 1.5rem;
height: 1.5rem;
margin-top: 0.25rem;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
transition: all 300ms ease-out;
}
.sidebar-sommaire-link.active::before {
opacity: 1;
}
#sommaire-ecoles-sidebar .form-check.form-check-button>.form-check-input[type="radio"]~.form-check-label {
width: 100%;
}
.groupe-filtre .checkbox-group .form-check {
position: relative;
padding: 0 0 0 2rem;
border: none;
background: none;
display: block;
font-family: var(--pa-font-serif);
font-size: 1rem;
line-height: 115%;
letter-spacing: -0.16px;
color: var(--pa-color-dark);
text-align: left;
cursor: pointer;
margin-bottom: 0;
}
.groupe-filtre .checkbox-group .form-check-input {
content: "";
position: absolute;
display: block;
width: 20px;
height: 20px;
top: 3px;
left: 0;
border: none;
background-color: transparent;
margin-left: 0;
}
.groupe-filtre .checkbox-group .form-check-label {
padding: 0.375rem 0;
}
.groupe-filtre .checkbox-group .form-check-input[type="checkbox"]:checked {
background: url('data:image/svg+xml,');
}
.groupe-filtre .checkbox-group .form-check-input[type="checkbox"]:checked~.form-check-label {
color: var(--pa-color-orange);
}
@media (min-width: 992px) {
.pa-sommaire-ecoles:not(.filtres) #sommaire-ecoles-sidebar {
margin-top: 5.5rem;
}
.sidebar-sommaire-list {
padding-left: 2rem;
}
}
/* Scroll area */
.scroll-area {
--content-color: var(--pa-color-dark);
--content-color-rgb: var(--pa-color-dark-rgb);
--content-hover-color: var(--pa-color-dark);
}
.bg-orange .scroll-area,
.bg-dark .scroll-area,
.bg-neon-blue .scroll-area,
.bg-dark-blue .scroll-area,
.pa-banner-fullwidth.post-bac.ingenieur .scroll-area,
.pa-banner-fullwidth.cpge .scroll-area {
--content-color: var(--pa-color-white);
--content-color-rgb: var(--pa-color-white-rgb);
--content-hover-color: var(--pa-color-white);
--list-color: var(--pa-color-white);
}
.scroll-area-content {
overflow-x: visible;
overflow-y: clip;
transition: height 300ms ease-in-out;
}
.scroll-area .scroll-area-btn {
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
margin-top: 0.5rem;
padding: 0;
background-color: transparent;
border: none;
border-bottom: 2px solid rgba(var(--content-color-rgb), 0.15);
transition: all 300ms ease-out;
}
.scroll-area .scroll-area-btn:hover,
.scroll-area .scroll-area-btn:focus {
color: var(--content-hover-color);
border-bottom-color: var(--content-hover-color);
}
.scroll-area .scroll-area-btn:hover,
.scroll-area .scroll-area-btn:focus {
color: var(--content-color);
border-bottom-color: var(--content-color);
}
/* Background colors */
.bg-doly,
.sidebar-gauche .content .section.bg-doly::before {
background: var(--pa-color-doly);
}
.bg-amber,
.sidebar-gauche .content .section.bg-amber::before {
background: var(--pa-color-amber);
}
.landing #content .bg-amber {
background: var(--pa-color-amber-50);
}
.bg-orange,
.sidebar-gauche .content .section.bg-orange::before {
background: var(--pa-color-orange);
}
.bg-neon-blue,
.sidebar-gauche .content .section.bg-neon-blue::before {
background: var(--pa-color-neon-blue);
}
.bg-dark-blue,
.sidebar-gauche .content .section.bg-dark-blue::before {
background: var(--pa-color-dark-blue);
}
.bg-cerise,
.sidebar-gauche .content .section.bg-cerise::before {
background: var(--pa-color-cerise);
}
.landing #content .bg-cerise {
background: var(--pa-color-cerise-50);
}
.bg-green,
.sidebar-gauche .content .section.bg-green::before {
background: var(--pa-color-green);
}
.bg-lighter-blue,
.sidebar-gauche .content .section.bg-lighter-blue::before {
background: var(--pa-color-lighter-blue);
}
.bg-darker,
.sidebar-gauche .content .section.bg-darker::before {
background: var(--pa-color-dark);
}
.bg-img.bg-neon-blue,
.bg-img.bg-dark-blue {
box-shadow: inset 0 0 0 1000px rgba(var(--pa-color-black-rgb), 0.6);
}
.sidebar-gauche .content>.section[class*="bg-"],
.sidebar-gauche .content .scroll-section>.section[class*="bg-"] {
background: transparent;
}
.sidebar-gauche .content .section[class*="bg-"]::before {
content: "";
position: absolute;
top: 0;
right: -50dvw;
width: 200dvw;
height: 100%;
z-index: -1;
--pa-color-doly: #fefcc7;
--pa-color-amber: #fffde2;
--pa-color-orange: #fec1aa;
--pa-color-neon-blue: #b3adff;
--pa-color-cerise: #fef3f4;
--pa-color-lighter-blue: #f7f7fe;
}
.bg-orange *,
.bg-neon-blue *,
.bg-dark-blue *,
.bg-darker *,
.bg-darker .uppertitle,
.bg-darker .title,
.bg-neon-blue .uppertitle,
.bg-neon-blue .title,
.bg-dark-blue .uppertitle,
.bg-dark-blue .title,
.bg-orange .title,
.bg-img *,
.bg-img .title {
color: var(--pa-color-white);
}
.bg-neon-blue:not(.bg-img) .uppertitle,
.bg-dark-blue:not(.bg-img) .uppertitle {
color: var(--pa-color-doly);
}
.bg-orange a:not(.btn),
.bg-neon-blue a:not(.btn, :hover, :focus),
.bg-dark-blue a:not(.btn, :hover, :focus),
.bg-darker a:not(.btn, :hover, :focus) {
color: var(--pa-color-white) default;
}
.bg-orange .uppertitle,
.sidebar-gauche .content .section.bg-orange *:not(.btn),
.sidebar-gauche .content .section.bg-neon-blue *:not(.btn),
.sidebar-gauche .content .section.bg-dark-blue *:not(.btn) {
color: var(--pa-color-dark);
}
.bg-img .banner-title .uppertitle,
.bg-amber .banner-title .uppertitle,
.bg-darker .banner-title .uppertitle,
.bg-doly .banner-title .uppertitle {
color: var(--pa-color-orange);
}
/* Buttons */
.btn {
--bs-btn-padding-x: 1.25rem;
--bs-btn-padding-y: 0.625rem;
--bs-btn-font-family: var(--pa-font-serif);
--bs-btn-font-size: 1rem;
--bs-btn-border-radius: var(--pa-btn-border-radius);
--bs-btn-font-weight: 500;
--bs-btn-line-height: 140%;
--bs-btn-disabled-opacity: 0.5;
--bs-btn-box-shadow: none;
--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.35);
width: 100%;
transition: background-color 200ms ease-out, border-color 200ms ease-out;
align-items: center;
letter-spacing: -0.16px;
}
.btn.btn-icon {
position: relative;
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.btn.btn-icon::before,
.btn.btn-icon::after {
display: inline-block;
width: 20px;
height: 20px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
flex-shrink: 0;
}
.btn.btn-icon-left::before,
.btn.btn-icon-right::after {
content: "";
}
.btn-group-sm>.btn,
.btn-sm {
--bs-btn-padding-x: 1rem;
--bs-btn-padding-y: 0.375rem;
--bs-btn-font-size: 0.875rem;
--bs-btn-border-radius: var(--pa-btn-border-radius);
--bs-btn-line-height: 150%;
}
.btn-group-sm>.btn.btn-icon,
.btn-sm.btn-icon {
gap: 0.375rem;
}
.btn-group-sm>.btn.btn-icon::before,
.btn-sm.btn-icon::before .btn-group-sm>.btn.btn-icon::after,
.btn-sm.btn-icon::after {
width: 16px;
height: 16px;
}
.btn-group-lg>.btn,
.btn-lg {
--bs-btn-padding-x: 1.5rem;
--bs-btn-padding-y: 1.125rem;
--bs-btn-font-size: 1rem;
--bs-btn-border-radius: var(--pa-btn-border-radius);
}
.btn-group-lg>.btn.btn-icon,
.btn-lg.btn-icon {
gap: 0.75rem;
}
.btn-group-lg>.btn.btn-icon::before,
.btn-lg.btn-icon::before,
.btn-group-lg>.btn.btn-icon::after,
.btn-lg.btn-icon::after {
width: 24px;
height: 24px;
}
.btn-primary {
--bs-btn-color: var(--pa-color-white);
--bs-btn-bg: var(--pa-color-dark);
--bs-btn-border-color: var(--pa-color-dark);
--bs-btn-hover-color: var(--pa-color-white);
--bs-btn-hover-bg: var(--pa-color-orange);
--bs-btn-hover-border-color: var(--pa-color-orange);
--bs-btn-focus-shadow-rgb: var(--pa-color-orange-rgb);
--bs-btn-active-color: var(--pa-color-white);
--bs-btn-active-bg: var(--pa-color-orange);
--bs-btn-active-border-color: var(--pa-color-orange);
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: var(--pa-color-white);
--bs-btn-disabled-bg: var(--pa-color-dark);
--bs-btn-disabled-border-color: var(--pa-color-dark);
}
.bg-orange .btn-primary,
.alert-primary .btn-primary,
.pa-banner-home .btn-primary {
--bs-btn-hover-color: var(--pa-color-dark);
--bs-btn-hover-bg: var(--pa-color-white);
--bs-btn-hover-border-color: var(--pa-color-white);
--bs-btn-focus-shadow-rgb: var(--pa-color-white-rgb);
--bs-btn-active-color: var(--pa-color-dark);
--bs-btn-active-bg: var(--pa-color-white);
--bs-btn-active-border-color: var(--pa-color-white);
}
.btn-secondary,
.bg-orange .btn-secondary,
.pa-banner-home .btn-secondary {
color: var(--pa-color-dark);
--bs-btn-bg: var(--pa-color-white);
--bs-btn-border-color: var(--pa-color-dark);
--bs-btn-hover-color: var(--pa-color-white);
--bs-btn-hover-bg: var(--pa-color-orange);
--bs-btn-hover-border-color: var(--pa-color-white);
--bs-btn-focus-shadow-rgb: var(--pa-color-orange);
--bs-btn-active-color: var(--pa-color-white);
--bs-btn-active-bg: var(--pa-color-orange);
--bs-btn-active-border-color: var(--pa-color-white);
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: var(--pa-color-dark);
--bs-btn-disabled-bg: var(--pa-color-white);
--bs-btn-disabled-border-color: var(--pa-color-dark);
}
.btn-secondary:hover,
.btn-secondary:focus,
.bg-orange .btn-secondary:hover,
.bg-orange .btn-secondary:focus {
color: var(--pa-color-white);
}
.btn-primary.btn-download::before,
.btn-secondary.btn-download:hover::before,
.btn-secondary.btn-download:focus::before,
.btn-primary.btn-download::after,
.btn-secondary.btn-download:hover::after,
.btn-secondary.btn-download:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-download-white.svg");
}
.bg-orange .btn-primary.btn-download:hover::before,
.bg-orange .btn-primary.btn-download:focus::before,
.btn-secondary.btn-download::before,
.bg-orange .btn-primary.btn-download:hover::after,
.bg-orange .btn-primary.btn-download:focus::after,
.btn-secondary.btn-download::after {
background-image: url("/theme/fr/assets/img/icons/icon-download-dark.svg");
}
.btn-primary.btn-external-link::before,
.btn-secondary.btn-external-link:hover::before,
.btn-secondary.btn-external-link:focus::before,
.btn-primary.btn-external-link::after,
.btn-secondary.btn-external-link:hover::after,
.btn-secondary.btn-external-link:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-external-link-white.svg");
}
.bg-orange .btn-primary.btn-external-link:hover::before,
.bg-orange .btn-primary.btn-external-link:focus::before,
.btn-secondary.btn-external-link::before,
.bg-orange .btn-primary.btn-external-link:hover::after,
.bg-orange .btn-primary.btn-external-link:focus::after,
.btn-secondary.btn-external-link::after {
background-image: url("/theme/fr/assets/img/icons/icon-external-link-dark.svg");
}
.btn-primary.btn-right-arrow::before,
.btn-secondary.btn-right-arrow:hover::before,
.btn-secondary.btn-right-arrow:focus::before,
.btn-primary.btn-right-arrow::after,
.btn-secondary.btn-right-arrow:hover::after,
.btn-secondary.btn-right-arrow:focus::after,
.admissions-item.theme-ingenieur .btn.btn-right-arrow::after,
.admissions-item.theme-ingenieur .btn.btn-right-arrow:hover::after,
.admissions-item.theme-ingenieur .btn.btn-right-arrow:focus::after,
.admissions-item.theme-bachelor .btn.btn-right-arrow:hover::after,
.admissions-item.theme-bachelor .btn.btn-right-arrow:focus::after,
.admissions-item.theme-rebond .btn.btn-right-arrow:hover::after,
.admissions-item.theme-rebond .btn.btn-right-arrow:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-right-arrow-white.svg");
}
.bg-orange .btn-primary.btn-right-arrow:hover::before,
.bg-orange .btn-primary.btn-right-arrow:focus::before,
.btn-secondary.btn-right-arrow::before,
.bg-orange .btn-primary.btn-right-arrow:hover::after,
.bg-orange .btn-primary.btn-right-arrow:focus::after,
.btn-secondary.btn-right-arrow::after,
.admissions-item.theme-bachelor .btn.btn-right-arrow::after,
.admissions-item.theme-rebond .btn.btn-right-arrow::after {
background-image: url("/theme/fr/assets/img/icons/icon-right-arrow-dark.svg");
}
.btn-primary.btn-clock::before,
.btn-secondary.btn-clock:hover::before,
.btn-secondary.btn-clock:focus::before,
.btn-primary.btn-clock::after,
.btn-secondary.btn-clock:hover::after,
.btn-secondary.btn-clock:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-clock-white.svg");
}
.bg-orange .btn-primary.btn-clock:hover::before,
.bg-orange .btn-primary.btn-clock:focus::before,
.btn-secondary.btn-clock::before,
.bg-orange .btn-primary.btn-clock:hover::after,
.bg-orange .btn-primary.btn-clock:focus::after,
.btn-secondary.btn-clock::after {
background-image: url("/theme/fr/assets/img/icons/icon-clock-dark.svg");
}
.btn-primary.btn-calendar::before,
.btn-secondary.btn-calendar:hover::before,
.btn-secondary.btn-calendar:focus::before,
.btn-primary.btn-calendar::after,
.btn-secondary.btn-calendar:hover::after,
.btn-secondary.btn-calendar:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-calendar-white.svg");
}
.bg-orange .btn-primary.btn-calendar:hover::before,
.bg-orange .btn-primary.btn-calendar:focus::before,
.btn-secondary.btn-calendar::before,
.bg-orange .btn-primary.btn-calendar:hover::after,
.bg-orange .btn-primary.btn-calendar:focus::after,
.btn-secondary.btn-calendar::after {
background-image: url("/theme/fr/assets/img/icons/icon-calendar-dark.svg");
}
.btn-primary.btn-filter::before,
.btn-secondary.btn-filter:hover::before,
.btn-secondary.btn-filter:focus::before,
.btn-primary.btn-filter::after,
.btn-secondary.btn-filter:hover::after,
.btn-secondary.btn-filter:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-filter-white.svg");
}
.bg-orange .btn-primary.btn-filter:hover::before,
.bg-orange .btn-primary.btn-filter:focus::before,
.btn-secondary.btn-filter::before,
.bg-orange .btn-primary.btn-filter:hover::after,
.bg-orange .btn-primary.btn-filter:focus::after,
.btn-secondary.btn-filter::after {
background-image: url("/theme/fr/assets/img/icons/icon-filter-dark.svg");
}
.btn-primary.btn-calendar-alt::before,
.btn-secondary.btn-calendar-alt:hover::before,
.btn-secondary.btn-calendar-alt:focus::before,
.btn-primary.btn-calendar-alt::after,
.btn-secondary.btn-calendar-alt:hover::after,
.btn-secondary.btn-calendar-alt:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-calendar-alt-white.svg");
}
.bg-orange .btn-primary.btn-calendar-alt:hover::before,
.bg-orange .btn-primary.btn-calendar-alt:focus::before,
.btn-secondary.btn-calendar-alt::before,
.bg-orange .btn-primary.btn-calendar-alt:hover::after,
.bg-orange .btn-primary.btn-calendar-alt:focus::after,
.btn-secondary.btn-calendar-alt::after {
background-image: url("/theme/fr/assets/img/icons/icon-calendar-alt-dark.svg");
}
.btn-primary.btn-compass::before,
.btn-secondary.btn-compass:hover::before,
.btn-secondary.btn-compass:focus::before,
.btn-primary.btn-compass::after,
.btn-secondary.btn-compass:hover::after,
.btn-secondary.btn-compass:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-compass-white.svg");
}
.bg-orange .btn-primary.btn-compass:hover::before,
.bg-orange .btn-primary.btn-compass:focus::before,
.btn-secondary.btn-compass::before,
.bg-orange .btn-primary.btn-compass:hover::after,
.bg-orange .btn-primary.btn-compass:focus::after,
.btn-secondary.btn-compass::after {
background-image: url("/theme/fr/assets/img/icons/icon-compass-dark.svg");
}
.btn-primary.btn-envelope::before,
.btn-secondary.btn-envelope:hover::before,
.btn-secondary.btn-envelope:focus::before,
.btn-primary.btn-envelope::after,
.btn-secondary.btn-envelope:hover::after,
.btn-secondary.btn-envelope:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-envelope-white.svg");
}
.bg-orange .btn-primary.btn-envelope:hover::before,
.bg-orange .btn-primary.btn-envelope:focus::before,
.btn-secondary.btn-envelope::before,
.bg-orange .btn-primary.btn-envelope:hover::after,
.bg-orange .btn-primary.btn-envelope:focus::after,
.btn-secondary.btn-envelope::after {
background-image: url("/theme/fr/assets/img/icons/icon-envelope-dark.svg");
}
.btn-primary.btn-phone::before,
.btn-secondary.btn-phone:hover::before,
.btn-secondary.btn-phone:focus::before,
.btn-primary.btn-phone::after,
.btn-secondary.btn-phone:hover::after,
.btn-secondary.btn-phone:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-phone-white.svg");
}
.bg-orange .btn-primary.btn-phone:hover::before,
.bg-orange .btn-primary.btn-phone:focus::before,
.btn-secondary.btn-phone::before,
.bg-orange .btn-primary.btn-phone:hover::after,
.bg-orange .btn-primary.btn-phone:focus::after,
.btn-secondary.btn-phone::after {
background-image: url("/theme/fr/assets/img/icons/icon-phone-dark.svg");
}
.btn-primary.btn-form::before,
.btn-secondary.btn-form:hover::before,
.btn-secondary.btn-form:focus::before,
.btn-primary.btn-form::after,
.btn-secondary.btn-form:hover::after,
.btn-secondary.btn-form:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-form-white.svg");
}
.bg-orange .btn-primary.btn-form:hover::before,
.bg-orange .btn-primary.btn-form:focus::before,
.btn-secondary.btn-form::before,
.bg-orange .btn-primary.btn-form:hover::after,
.bg-orange .btn-primary.btn-form:focus::after,
.btn-secondary.btn-form::after {
background-image: url("/theme/fr/assets/img/icons/icon-form-dark.svg");
}
.btn-primary.btn-stars::before,
.btn-secondary.btn-stars:hover::before,
.btn-secondary.btn-stars:focus::before,
.btn-primary.btn-stars::after,
.btn-secondary.btn-stars:hover::after,
.btn-secondary.btn-stars:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-stars-white.svg");
}
.bg-orange .btn-primary.btn-stars:hover::before,
.bg-orange .btn-primary.btn-stars:focus::before,
.btn-secondary.btn-stars::before,
.bg-orange .btn-primary.btn-stars:hover::after,
.bg-orange .btn-primary.btn-stars:focus::after,
.btn-secondary.btn-stars::after {
background-image: url("/theme/fr/assets/img/icons/icon-stars-dark.svg");
}
.btn-primary.btn-training::before,
.btn-secondary.btn-training:hover::before,
.btn-secondary.btn-training:focus::before,
.btn-primary.btn-training::after,
.btn-secondary.btn-training:hover::after,
.btn-secondary.btn-training:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-training-white.svg");
}
.bg-orange .btn-primary.btn-training:hover::before,
.bg-orange .btn-primary.btn-training:focus::before,
.btn-secondary.btn-training::before,
.bg-orange .btn-primary.btn-training:hover::after,
.bg-orange .btn-primary.btn-training:focus::after,
.btn-secondary.btn-training::after {
background-image: url("/theme/fr/assets/img/icons/icon-training-dark.svg");
}
.btn-primary.btn-appstore::before,
.btn-secondary.btn-appstore:hover::before,
.btn-secondary.btn-appstore:focus::before,
.btn-primary.btn-appstore::after,
.btn-secondary.btn-appstore:hover::after,
.btn-secondary.btn-appstore:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-appstore-white.svg");
}
.bg-orange .btn-primary.btn-appstore:hover::before,
.bg-orange .btn-primary.btn-appstore:focus::before,
.btn-secondary.btn-appstore::before,
.bg-orange .btn-primary.btn-appstore:hover::after,
.bg-orange .btn-primary.btn-appstore:focus::after,
.btn-secondary.btn-appstore::after {
background-image: url("/theme/fr/assets/img/icons/icon-appstore-dark.svg");
}
.btn-primary.btn-playstore::before,
.btn-secondary.btn-playstore:hover::before,
.btn-secondary.btn-playstore:focus::before,
.btn-primary.btn-playstore::after,
.btn-secondary.btn-playstore:hover::after,
.btn-secondary.btn-playstore:focus::after {
background-image: url("/theme/fr/assets/img/icons/icon-playstore-white.svg");
}
.bg-orange .btn-primary.btn-playstore:hover::before,
.bg-orange .btn-primary.btn-playstore:focus::before,
.btn-secondary.btn-playstore::before,
.bg-orange .btn-primary.btn-playstore:hover::after,
.bg-orange .btn-primary.btn-playstore:focus::after,
.btn-secondary.btn-playstore::after {
background-image: url("/theme/fr/assets/img/icons/icon-playstore-dark.svg");
}
.landing #header-main .btn.btn-menu {
width: auto;
}
@media (max-width: 575.98px) {
.btn:not(.btn-admissions).btn-icon::before,
.btn:not(.btn-admissions).btn-icon::after {
display: none;
}
}
@media (min-width: 576px) {
.btn {
width: auto;
}
.btn-group-lg>.btn,
.btn-lg {
--bs-btn-padding-x: 2rem;
}
}
@media (min-width: 992px) {
.landing #header-main .btn-menu {
--bs-btn-padding-x: 1.5rem;
--bs-btn-padding-y: 1.125rem;
--bs-btn-font-size: 1rem;
--bs-btn-border-radius: var(--pa-btn-border-radius);
}
}
/* Section et espacement */
.section.pa-symbole,
.section.pa-call-to-action {
--pa-section-padding-top: 4.5rem;
--pa-section-padding-bottom: 4.5rem;
}
.modal .section {
--pa-section-padding-top: 1.5rem;
--pa-section-padding-bottom: 1.5rem;
}
.section {
position: relative;
padding-top: var(--pa-section-padding-top);
padding-bottom: var(--pa-section-padding-bottom);
overflow-x: clip;
overflow-y: visible;
scroll-margin-top: calc(71px + var(--pa-header-alert-height));
}
.scroll-section {
scroll-margin-top: calc(71px + var(--pa-header-alert-height));
}
.accueil #main .pa-banner+.section {
padding-top: calc(var(--pa-section-padding-top) + 2.5rem);
}
.sidebar-gauche .content .section {
overflow-x: visible;
}
.sidebar-gauche .content:not(.content-top) .scroll-section:last-child .section:last-child {
padding-bottom: calc(5rem + var(--pa-section-padding-bottom));
}
.sidebar-gauche .content:not(.content-top) .scroll-section:last-child .section .section:last-child {
padding-bottom: var(--pa-section-padding-bottom);
}
@media (min-width: 992px) {
body.accueil,
.section.pa-symbole,
.section.pa-call-to-action,
.landing {
--pa-section-padding-top: 7rem;
--pa-section-padding-bottom: 7rem;
}
.accueil #main .pa-banner+.section {
padding-top: var(--pa-section-padding-top);
}
.sidebar-gauche .content .section:not(.headings) {
--pa-section-padding-top: 3.5rem;
--pa-section-padding-bottom: 3.5rem;
}
.modal .section,
.sidebar-gauche .content .modal .section {
--pa-section-padding-top: 2rem;
--pa-section-padding-bottom: 2rem;
}
.sidebar-gauche:not(.blog-billet, .sidebar-gauche-agenda) .content>.section:not(.pa-depliable):first-child,
.sidebar-gauche:not(.blog-billet, .sidebar-gauche-agenda) .content .scroll-section:first-child>.section:not(.pa-depliable):first-child {
padding-top: calc(1.5rem + var(--pa-section-padding-top));
}
.sidebar-gauche .content:not(.content-top)>.section:last-child,
.sidebar-gauche .content:not(.content-top)>.scroll-section:last-child>.section:last-child {
padding-bottom: calc(8rem + var(--pa-section-padding-bottom));
}
.section,
.scroll-section {
scroll-margin-top: calc(90px + var(--pa-header-alert-height));
}
}
/* Suppression des espacements entre 2 sections identiques */
.section:not([class*="bg-"], .pa-embed.fullscreen):not([class*="d-none"])+.section:not([class*="bg-"]),
.section.bg-doly:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-doly,
.section.bg-amber:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-amber,
.section.bg-orange:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-orange,
.section.bg-neon-blue:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-neon-blue,
.section.bg-dark-blue:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-dark-blue,
.section.bg-cerise:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-cerise,
.section.bg-lighter-blue:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-lighter-blue,
.section.bg-darker:not([class*="d-none"], .pa-embed.fullscreen)+.section.bg-darker {
padding-top: var(--pa-section-double-padding);
margin-top: var(--pa-section-double-margin);
}
.landing #content .section:not([class*="bg-"]):has(+.section:not([class*="bg-"], .pa-simple)),
.landing #content .section.bg-doly:has(+.section:not(.pa-simple).bg-doly),
.landing #content .section.bg-amber:has(+.section:not(.pa-simple).bg-amber),
.landing #content .section.bg-orange:has(+.section:not(.pa-simple).bg-orange),
.landing #content .section.bg-neon-blue:has(+.section:not(.pa-simple).bg-neon-blue),
.landing #content .section.bg-dark-blue:has(+.section:not(.pa-simple).bg-dark-blue),
.landing #content .section.bg-cerise:has(+.section:not(.pa-simple).bg-cerise),
.landing #content .section.bg-lighter-blue:has(+.section:not(.pa-simple).bg-lighter-blue) {
--pa-section-padding-bottom: 3rem;
}
/* Suppression des espacements des sections dans les templates avec une barre laterale */
.barre-laterale .main>.section:not([class*="bg-"]):first-child,
.barre-laterale .sidebar>.section:not([class*="bg-"]):first-child,
.scroll-section:not([data-last-classes*="bg-"])+.scroll-section>.section:not([class*="bg-"]):first-child,
.scroll-section[data-last-classes*="bg-doly"]+.scroll-section>.section.bg-doly:first-child,
.scroll-section[data-last-classes*="bg-amber"]+.scroll-section>.section.bg-amber:first-child,
.scroll-section[data-last-classes*="bg-orange"]+.scroll-section>.section.bg-orange:first-child,
.scroll-section[data-last-classes*="bg-neon-blue"]+.scroll-section>.section.bg-neon-blue:first-child,
.scroll-section[data-last-classes*="bg-dark-blue"]+.scroll-section>.section.bg-dark-blue:first-child,
.scroll-section[data-last-classes*="bg-cerise"]+.scroll-section>.section.bg-cerise:first-child,
.scroll-section[data-last-classes*="bg-lighter-blue"]+.scroll-section>.section.bg-lighter-blue:first-child,
.scroll-section[data-last-classes*="bg-darker"]+.scroll-section>.section.bg-darker:first-child {
padding-top: 0;
}
/* Suppression des espacements des accordeons programmes écoles */
.section:not([class*="bg-"], .pa-embed.fullscreen):not([class*="d-none"]).pa-formation-ecole+.section:not([class*="bg-"]).pa-formation-ecole,
.section.bg-doly:not([class*="d-none"], .pa-embed.fullscreen).pa-formation-ecole+.section.bg-doly.pa-formation-ecole,
.section.bg-amber:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-amber.pa-formation-ecole,
.section.bg-orange:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-orange.pa-formation-ecole,
.section.bg-neon-blue:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-neon-blue.pa-formation-ecole,
.section.bg-dark-blue:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-dark-blue.pa-formation-ecole,
.section.bg-cerise:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-cerise.pa-formation-ecole,
.section.bg-lighter-blue:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-lighter-blue.pa-formation-ecole,
.section.bg-darker:not([class*="d-none"],
.pa-embed.fullscreen).pa-formation-ecole+.section.bg-darker.pa-formation-ecole {
margin-top: calc(0px - var(--pa-section-padding-bottom));
}
/* Sections plus petites */
@media (min-width: 1400px) {
.small-width .container,
.pleine-page .pa-banner-standard>.container,
.pleine-page .pa-banner-fullwidth>.container {
padding-left: 127px;
}
.small-width:not(.pa-liste-ecoles, .pa-sommaire-agenda-filtre)>.container,
.footer.small-width .container,
.pleine-page .pa-banner-standard>.container {
padding-right: 127px;
}
.largeur-reduite .content>.small-width>.container {
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
}
.container .small-width .container {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1600px) {
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
max-width: 1520px;
}
}
/* Suppression des espacements des sections imbriquees */
.section .section:not([class*="bg-"]):first-child {
padding-top: 0;
}
.section .section:not([class*="bg-"]):last-child {
padding-bottom: 0;
}
/* Reduction des espacements entre sections imbriquees */
.section .section {
--pa-section-padding-top: 3rem;
--pa-section-padding-bottom: 3rem;
}
/* Suppression des espacements des containers imbriques */
.container .container,
.small-width .container .container {
padding-right: 0;
padding-left: 0;
}
/* Header */
#header {
--pa-header-bg-color: var(--pa-color-white);
--pa-header-text-color: var(--pa-color-dark);
--pa-header-text-color-rgb: var(--pa-color-dark-rgb);
--pa-header-box-shadow: var(--pa-shadow-header);
--pa-header-dropdown-toggle-icon: var(--pa-header-nav-dark-arrow);
--pa-header-dropdown-active-icon: var(--pa-header-nav-dark-bar);
--pa-header-logo-text-color: var(--pa-color-dark-blue);
--pa-header-logo-baseline-color: var(--pa-color-darker-blue);
--pa-cta-admissions-length: 119px;
--pa-cta-admissions-reduced-length: 119px;
--pa-header-menu-hover-color: var(--pa-color-orange);
color: var(--pa-header-text-color);
background-color: var(--pa-header-bg-color);
box-shadow: var(--pa-header-box-shadow);
transition: all 300ms ease-out;
}
@media (min-width: 992px) {
#header {
--pa-header-bg-color: transparent;
--pa-header-text-color: var(--pa-color-dark);
--pa-header-text-color-rgb: var(--pa-color-dark-rgb);
--pa-header-box-shadow: transparent;
--pa-header-dropdown-toggle-icon: var(--pa-header-nav-dark-arrow);
--pa-header-dropdown-active-icon: var(--pa-header-nav-dark-bar);
--pa-header-logo-text-color: var(--pa-color-dark-blue);
--pa-header-logo-baseline-color: var(--pa-color-dark-blue);
--pa-header-menu-hover-color: var(--pa-color-orange);
}
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-home, .pa-banner-fullwidth.cpge, .pa-banner-fullwidth.post-bac.ingenieur) #header,
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-ecole.bg-orange, .pa-banner-ecole.bg-neon-blue, .pa-banner-ecole.bg-dark-blue, .pa-banner-ecole.bg-dark, .pa-banner-ecole.bg-img) #header {
--pa-header-text-color: var(--pa-color-white);
--pa-header-text-color-rgb: var(--pa-color-white-rgb);
--pa-header-dropdown-toggle-icon: var(--pa-header-nav-white-arrow);
--pa-header-dropdown-active-icon: var(--pa-header-nav-white-bar);
--pa-header-logo-text-color: var(--pa-color-white);
--pa-header-logo-baseline-color: var(--pa-color-white);
}
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-home, .pa-banner-fullwidth.cpge, .pa-banner-fullwidth.post-bac.ingenieur) #header,
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-ecole.bg-orange) #header {
--pa-header-menu-hover-color: var(--pa-color-dark);
}
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-home, .pa-banner-fullwidth.cpge, .pa-banner-fullwidth.post-bac.ingenieur) #header .btn.admissions:not(.show) {
color: var(--pa-color-dark);
}
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-home, .pa-banner-fullwidth.cpge, .pa-banner-fullwidth.post-bac.ingenieur) #header .btn.admissions:not(.show) .btn-arrow path {
fill: var(--pa-color-dark);
stroke: var(--pa-color-dark);
}
body:not(.body-scrolled, .menu-desktop-open):has(.pa-banner-home, .pa-banner-fullwidth.cpge, .pa-banner-fullwidth.post-bac.ingenieur) #header .btn.admissions:not(.show) .btn-shape path {
fill: var(--pa-color-white);
}
.body-scrolled #header,
.menu-desktop-open #header,
.landing #header {
--pa-header-bg-color: var(--pa-color-white);
--pa-header-text-color: var(--pa-color-dark);
--pa-header-text-color-rgb: var(--pa-color-dark-rgb);
--pa-header-box-shadow: var(--pa-shadow-header);
--pa-header-dropdown-toggle-icon: var(--pa-header-nav-dark-arrow);
--pa-header-dropdown-active-icon: var(--pa-header-nav-dark-bar);
--pa-header-logo-text-color: var(--pa-color-dark-blue);
--pa-header-logo-baseline-color: var(--pa-color-darker-blue);
}
.sidebar-gauche-agenda:not(.body-scrolled, .menu-desktop-open) #header {
--pa-header-bg-color: transparent;
--pa-header-text-color: var(--pa-color-dark);
--pa-header-text-color-rgb: var(--pa-color-dark-rgb);
--pa-header-box-shadow: none;
--pa-header-dropdown-toggle-icon: var(--pa-header-nav-dark-arrow);
--pa-header-dropdown-active-icon: var(--pa-header-nav-dark-bar);
--pa-header-logo-text-color: var(--pa-color-dark-blue);
--pa-header-logo-baseline-color: var(--pa-color-darker-blue);
}
}
@media (min-width: 1200px) {
#header {
--pa-cta-admissions-length: 130px;
--pa-cta-admissions-reduced-length: 119px;
}
}
@media (min-width: 1400px) {
#header {
--pa-cta-admissions-length: 189px;
--pa-cta-admissions-reduced-length: 130px;
}
}
/* Header top */
#header-top {
position: relative;
height: 78px;
transition: all 300ms ease-out;
z-index: 1010;
}
@media (min-width: 992px) {
.body-scrolled:not(.menu-desktop-open) #header:not(:hover, :focus-within) #header-top:not(:focus-within) {
height: 0;
overflow: hidden;
z-index: 0;
}
#header-top .menu-top-inline {
padding: 2rem 0 0.625rem;
}
}
/* Header main */
#header-main {
position: relative;
height: 72px;
--bs-navbar-padding-y: 6px;
transition: 300ms ease-in-out;
}
button#mon-menu {
padding: 0;
background: none;
border: none;
font-weight: 500;
font-size: 18px;
line-height: 154%;
color: var(--pa-color-dark);
display: flex;
align-items: center;
}
.hamburger {
transition-timing-function: linear;
transition-duration: 0.15s;
transition-property: opacity, filter;
}
.hamburger-box {
position: relative;
width: 56px;
height: 56px;
padding: 8px;
justify-content: center;
display: flex;
}
.hamburger-inner,
.hamburger-inner:before {
position: absolute;
width: 30px;
height: 3px;
transition-timing-function: ease;
transition-duration: 0.15s;
transition-property: transform;
background-color: var(--pa-color-dark);
}
.hamburger-inner {
top: 50%;
display: block;
width: 22px;
}
.hamburger-inner:before {
display: block;
content: "";
top: -8px;
}
.hamburger--collapse .hamburger-inner {
top: auto;
left: 12px;
bottom: 20px;
transition-delay: 0.13s;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 0.13s;
}
.hamburger--collapse .hamburger-inner:after {
top: -16px;
transition: top 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
opacity 0.1s linear;
}
.hamburger--collapse .hamburger-inner:before {
transition: top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.2s,
transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.hamburger--collapse.is-active .hamburger-inner {
transition-delay: 0.22s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: translate3d(0, -5px, 0) rotate(-45deg);
width: 26px;
top: auto;
left: 14px;
bottom: 20px;
}
.hamburger--collapse.is-active .hamburger-inner:after {
top: 0;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),
opacity 0.1s linear 0.22s;
opacity: 0;
}
.hamburger--collapse.is-active .hamburger-inner:before {
top: 0;
width: 26px;
transition: top 0.1s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.16s,
transform 0.13s cubic-bezier(0.215, 0.61, 0.355, 1) 0.25s;
transform: rotate(-90deg);
}
@media (max-width: 991.98px) {
#header-main>.container {
padding-right: 0.5rem;
}
}
@media (min-width: 992px) {
body:not(.landing) #header-main {
height: auto;
padding-top: 15px;
padding-bottom: 43px;
}
.landing #header-main {
height: 99px;
}
.body-scrolled:not(.menu-desktop-open) #header:not(:hover, :focus-within) #header-main:not(:focus-within) {
padding-top: 6px;
padding-bottom: 6px;
}
}
/* Logo */
.logo-site-link {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
height: 40px;
width: 132px;
flex-shrink: 0;
transition: all 300ms ease-out;
}
.logo-site-link .site-logo {
width: 100%;
height: auto;
flex-shrink: 0;
transition: all 300ms ease-out;
}
.logo-site-link .logo-text {
fill: var(--pa-header-logo-text-color);
}
@media (min-width: 1200px) {
.logo-site-link {
height: 72px;
width: 230px;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
.logo-site-link .site-logo {
height: 72px;
}
.body-scrolled:not(.menu-desktop-open) #header:not(:hover, :focus-within) .logo-site-link {
height: 54px;
margin-top: 0;
}
.body-scrolled:not(.menu-desktop-open) #header:not(:hover, :focus-within) .logo-site-link .site-logo {
height: 54px;
width: 174px;
}
}
/* Navbar main menu */
#navbar-menu .dropdown {
position: static;
}
#navbar-menu .nav-item .nav-link {
color: var(--pa-color-dark);
font-weight: 500;
}
#navbar-menu .nav-item.niveau-1>.nav-link {
color: var(--pa-header-text-color);
font-weight: 500;
}
#navbar-menu .nav-item.niveau-1>.nav-link:hover,
#navbar-menu .nav-item.niveau-1>.nav-link:focus-visible {
color: var(--pa-header-menu-hover-color);
}
#navbar-menu .nav-item.niveau-1>.dropdown-toggle::after {
content: "";
display: block;
position: absolute;
border: 0;
width: 1.125rem;
height: 1.125rem;
background-image: var(--pa-header-dropdown-toggle-icon);
background-size: contain;
background-repeat: no-repeat;
}
#navbar-menu .nav-item.niveau-1>.nav-link {
position: relative;
}
#navbar-menu .nav-item.niveau-1>.nav-link span {
line-height: 150%;
}
.dropdown-header {
white-space: initial;
color: var(--pa-color-dark);
}
.dropdown-title,
.dropdown-title .uppertitle {
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.8px;
margin-bottom: 0;
}
.dropdown-title .uppertitle {
display: block;
color: var(--pa-color-dark);
}
.dropdown-title .subtitle {
display: block;
font-family: var(--pa-font-sans-serif);
color: var(--pa-color-orange);
}
.dropdown-menu .dropdown-sub-btn {
padding: 2rem 2rem 0;
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-start;
}
#navbar-menu .dropdown-menu .submenu {
list-style: none;
padding-left: 0;
}
#navbar-menu .nav-item.niveau-2:not(:last-child) {
margin-bottom: 1rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.2);
}
#navbar-menu .nav-item.niveau-2 .nav-link {
font-weight: 500;
line-height: 150%;
padding: 0 0 0.25rem;
}
#navbar-menu .nav-item.niveau-2>.nav-link {
font-size: 1.5rem;
}
#navbar-menu .nav-item.niveau-2>.submenu {
padding: 0 2rem;
display: flex;
flex-direction: column;
gap: 0.25rem;
margin-top: 0.25rem;
}
#navbar-menu .nav-item.niveau-3>.nav-link {
font-size: 1.25rem;
}
#navbar-menu .dropdown-menu .btn-icon-right {
display: flex;
align-items: center;
gap: 1rem;
}
#navbar-menu .nav-link:focus-visible {
border-radius: 4px;
box-shadow: 0 0 0 0.25rem rgba(var(--pa-color-orange-rgb), 0.25);
}
.dropdown-content {
display: flex;
flex-direction: column;
align-items: flex-start;
}
/* Menu mobile */
@media (max-width: 991.98px) {
#navbar-menu {
position: absolute;
top: 100%;
left: 0;
display: block;
background: var(--pa-color-white);
height: calc(100dvh - 72px);
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 300ms ease-out;
transform: translateX(calc(100dvw - 4rem));
}
#navbar-menu.menu-expand {
opacity: 1;
visibility: visible;
pointer-events: all;
transform: translateX(0);
}
#navbar-menu .scroll {
overflow: hidden;
overflow-y: auto;
padding: 24px 32px 116px;
display: flex;
flex-direction: column;
gap: 2rem;
height: calc(100dvh - 72px - var(--pa-header-alert-height));
}
#navbar-menu.menu-expand-level-2 {
transition: transform 0.3s;
transform: translateX(-100%);
}
#navbar-menu .navbar-nav {
width: 100%;
gap: 0.5rem;
}
#navbar-menu .nav-item.niveau-1>.nav-link-home {
display: flex;
align-items: center;
gap: 0.75rem;
color: var(--pa-color-dark);
text-decoration: none;
padding: 0.5rem 0;
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
}
#navbar-menu .nav-item.niveau-1>.nav-link-home .nav-link-home-icon {
width: 1.125rem;
height: 1.125rem;
}
#navbar-menu .nav-item.niveau-1>.nav-link-home .nav-link-home-text {
padding-top: 0.25rem;
}
#navbar-menu .nav-item.niveau-1>.nav-link {
font-size: 1.375rem;
line-height: 125%;
padding: 0.5rem 2rem 0.5rem 0.5rem;
white-space: normal;
}
#navbar-menu .nav-item.niveau-1>.dropdown-toggle::after {
right: 0;
top: 50%;
transform: translateY(-50%);
}
#navbar-menu .nav-item.niveau-1>.nav-link span {
font-weight: 700;
letter-spacing: -0.44px;
line-height: 125%;
}
#navbar-menu .link-back {
padding: 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
border: 0;
background: none;
color: var(--pa-color-dark);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
}
.niveau-1>.dropdown-menu {
display: block;
position: absolute;
width: 100dvw;
background: var(--pa-color-white);
border: none;
border-radius: 0;
padding: 0;
left: 100%;
top: 0;
overflow: hidden;
overflow-y: auto;
height: calc(100vh - 72px - var(--pa-header-alert-height));
max-height: none;
opacity: 0;
visibility: hidden;
margin-top: 0;
padding-bottom: 116px;
box-shadow: none;
}
.niveau-1.expand>.dropdown-menu {
opacity: 1;
visibility: visible;
}
.dropdown-header {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
background-color: var(--pa-color-amber);
padding: 1.5rem 0;
}
.dropdown-title {
padding: 0 2rem;
line-height: 100%;
}
.dropdown-title .uppertitle {
font-family: var(--pa-font-sans-serif);
}
.dropdown-menu>.container {
max-width: none;
}
.dropdown-content {
margin: 2rem 2rem 0;
}
#navbar-menu .dropdown-menu .submenu {
width: 100%;
padding: 2rem;
}
.dropdown-desc,
.dropdown-menu-img {
display: none;
}
}
@media (min-width: 992px) {
#navbar-menu .scroll {
display: flex;
width: 100%;
}
.dropdown-menu .dropdown-sub-btn {
padding: 2rem 0 0;
}
#navbar-menu .niveau-1 .dropdown-menu {
position: absolute;
display: block;
top: 100%;
left: 0;
right: 0;
visibility: hidden;
opacity: 0;
pointer-events: none;
max-height: calc(100dvh - 198px - var(--pa-header-alert-height));
overflow-y: auto;
transition: all 300ms ease-out;
}
#navbar-menu .niveau-1.expand .dropdown-menu {
visibility: visible;
opacity: 1;
pointer-events: all;
}
}
/* Menu desktop */
#navbar-menu .container {
position: relative;
}
@media (min-width: 992px) {
#navbar-menu .navbar-nav {
gap: 1rem;
}
.niveau-1>.dropdown-menu {
width: 100%;
max-height: calc(100dvh - 198px);
--bs-dropdown-spacer: 0;
--bs-dropdown-border-width: 0;
--bs-dropdown-border-radius: 0;
--bs-dropdown-padding-y: 80px;
box-shadow: var(--pa-shadow-header);
}
#navbar-menu .nav-item.niveau-1>.nav-link {
display: flex;
flex-direction: column;
align-items: center;
font-size: 0.875rem;
line-height: 125%;
padding: 1.125rem 0;
}
#navbar-menu .nav-item.niveau-1>.nav-link span {
font-size: 1rem;
font-weight: 900;
line-height: 125%;
}
#navbar-menu .nav-item.niveau-1>.dropdown-toggle::after {
bottom: 0;
transform: rotate(90deg);
opacity: 1;
transition: all 300ms var(--pa-bounce-transition);
}
#navbar-menu .nav-item.niveau-1>.dropdown-toggle::before {
content: "";
display: block;
position: absolute;
bottom: 1px;
border: 0;
width: 1.125rem;
height: 1rem;
opacity: 0;
background-image: var(--pa-header-dropdown-active-icon);
background-size: cover;
background-repeat: no-repeat;
transition: all 300ms var(--pa-bounce-transition);
}
#navbar-menu .nav-item.niveau-1.expand>.dropdown-toggle::after {
opacity: 0;
width: 0;
}
#navbar-menu .nav-item.niveau-1.expand>.dropdown-toggle::before {
opacity: 1;
width: 60px;
}
.dropdown-menu.bg-img-3 {
background-image: url("/theme/fr/assets/img/menu/pa-menu-bg.webp");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.dropdown-header {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0;
}
.dropdown-title,
.dropdown-title .uppertitle {
font-size: 3rem;
line-height: 110%;
letter-spacing: 0.64px;
}
.dropdown-title .uppertitle {
font-family: var(--pa-font-serif-condensed);
font-weight: 700;
}
.dropdown-desc {
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
margin-bottom: 0;
color: var(--pa-color-dark);
}
.dropdown-desc strong {
font-weight: 700;
}
.dropdown-desc+.btn {
margin-top: 1rem;
}
.dropdown-menu-img-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.dropdown-menu-img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 6px;
}
#navbar-menu .nav-item.niveau-2 .nav-link {
display: inline;
background-position: 0 100%;
background-repeat: no-repeat;
background-image: linear-gradient(to right,
rgba(var(--pa-color-dark-rgb), 0) 0,
rgba(var(--pa-color-dark-rgb), 0) 100%);
background-size: 0 2px;
transition: all 300ms var(--pa-bounce-transition);
}
#navbar-menu .nav-item.niveau-2 .nav-link:hover,
#navbar-menu .nav-item.niveau-2 .nav-link:focus {
color: var(--pa-color-orange);
background-image: linear-gradient(to right,
rgba(var(--pa-color-orange-rgb), 1) 0,
rgba(var(--pa-color-orange-rgb), 1) 100%);
background-size: 100% 2px;
}
}
@media (min-width: 1200px) {
#navbar-menu .navbar-nav {
gap: 2rem;
}
}
@media (min-width: 1400px) {
.dropdown-title,
.dropdown-title .uppertitle {
font-size: 4rem;
}
#navbar-menu .nav-item.niveau-1>.nav-link {
font-size: 1rem;
}
#navbar-menu .nav-item.niveau-1>.nav-link span {
font-size: 1.125rem;
}
#navbar-menu .container {
padding-left: 127px;
}
}
/* Menu CTA */
.menu-cta {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 1rem;
width: 100%;
}
.menu-cta .btn {
width: 100%;
}
@media (min-width: 576px) {
.menu-cta {
flex-direction: row;
justify-content: center;
}
.menu-cta .btn {
width: auto;
}
}
@media (min-width: 992px) {
.menu-cta {
display: none;
}
}
@media (min-width: 1400px) {
.menu-cta {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
width: auto;
}
}
/* Menu top inline */
.menu-top-inline {
display: flex;
list-style: none;
margin-bottom: 0;
padding-left: 0;
}
.menu-top-inline .menu-top-inline-link {
display: block;
padding: 0.25rem 0;
color: var(--pa-header-text-color);
text-decoration: none;
transition: all 300ms ease-out;
}
.menu-top-inline .menu-top-inline-link span {
display: inline;
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
border-bottom: 2px solid rgba(var(--pa-header-text-color-rgb), 0.15);
padding: 0.125rem 0;
transition: all 300ms ease-out;
}
.menu-top-inline .menu-top-inline-link:focus-visible {
outline: none;
box-shadow: 0 0 0 0.25rem rgba(var(--pa-color-orange-rgb), 0.35);
border-radius: 0.25rem;
}
.menu-top-inline .menu-top-inline-link:hover span,
.menu-top-inline.menu-top-inline-link:focus span {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
@media (max-width: 991.98px) {
.menu-top-inline {
gap: 0.5rem;
}
#navbar-menu .menu-top+.menu-top {
margin-top: 4rem;
}
.menu-top {
width: 100%;
flex-direction: column;
}
}
@media (min-width: 992px) {
.menu-top-inline {
gap: 1rem;
}
#header-top .menu-top+.menu-top {
margin-left: 1rem;
}
.menu-top-inline .menu-top-inline-link span {
font-size: 0.875rem;
}
.menu-top-inline .menu-top-inline-link:hover span,
.menu-top-inline.menu-top-inline-link:focus span {
color: var(--pa-header-menu-hover-color);
border-bottom: 2px solid var(--pa-header-menu-hover-color);
}
}
@media (min-width: 1200px) {
.menu-top-inline {
gap: 2rem;
}
}
@media (min-width: 1400px) {
.menu-top-inline .menu-top-inline-link span {
font-size: 1rem;
}
}
/* Menu top dropdown */
.menu-top-dropdown .dropdown-toggle {
font-style: normal;
font-weight: 500;
line-height: 150%;
}
.menu-top-dropdown .dropdown-menu {
width: 100%;
display: flex;
flex-direction: column;
padding: 0;
background: transparent;
border: transparent;
border-radius: 0;
}
.menu-top-dropdown .dropdown-list {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.menu-top-dropdown .dropdown-item {
padding: 0;
background: transparent;
}
.menu-top-dropdown .dropdown-link {
display: block;
color: var(--pa-color-dark);
text-decoration: none;
transition: all 300ms ease-out;
}
.menu-top-dropdown .dropdown-link span {
display: inline;
font-size: 1rem;
font-weight: 500;
line-height: 150%;
white-space: normal;
letter-spacing: -0.16px;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
padding: 0.125rem 0;
transition: all 300ms ease-out;
}
.menu-top-dropdown .dropdown-link:hover span,
.menu-top-dropdown .dropdown-link:focus span {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
@media (max-width: 991.98px) {
.menu-top-dropdown .dropdown-toggle {
background: transparent;
border: none;
padding: 0;
font-size: 1.5rem;
}
.menu-top-dropdown .dropdown-menu {
display: block;
position: static;
opacity: 1;
visibility: visible;
margin-top: 1rem;
}
.menu-top-dropdown .dropdown-list {
align-items: flex-start;
gap: 0.5rem;
}
.menu-top-dropdown .dropdown-toggle::after {
display: none;
}
.menu-top-dropdown .dropdown-link {
padding: 0.25rem 0;
}
}
@media (min-width: 992px) {
.menu-top-dropdown .dropdown {
position: relative;
width: 220px;
}
.menu-top-dropdown .dropdown-toggle {
font-size: 0.875rem;
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0.25rem 0.75rem 0.25rem 1rem;
color: var(--pa-color-dark);
background-color: var(--pa-color-white);
border-radius: 0.25rem;
border: 2px solid var(--pa-color-dark);
transition: background-color 300ms ease-out;
}
.menu-top-dropdown .dropdown-toggle:focus-visible {
box-shadow: 0 0 0 0.25rem rgba(var(--pa-color-orange-rgb), 0.35);
}
.menu-top-dropdown .dropdown-toggle::after {
background-image: url('data:image/svg+xml,');
width: 1rem;
height: 1rem;
border: none;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transition: all 300ms ease-out;
}
.menu-top-dropdown .dropdown-toggle:hover,
.menu-top-dropdown .dropdown-toggle:focus,
.menu-top-dropdown .dropdown-toggle.show {
background-color: var(--pa-color-cerise-200);
}
.menu-top-dropdown .dropdown-toggle.show {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.menu-top-dropdown .dropdown-toggle.show::after {
transform: rotate(-180deg);
}
.menu-top-dropdown .dropdown-menu {
top: 100%;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all 300ms ease-out;
margin-top: -2px !important;
}
.menu-top-dropdown .dropdown-list {
transform: translateY(calc(-1 * (100% - 2px)));
background-color: var(--pa-color-white);
border: 2px solid var(--pa-color-dark);
border-radius: 0 0 0.25rem 0.25rem;
border-top-width: 0;
transition: all 300ms ease-out;
}
.menu-top-dropdown .dropdown-menu.show {
opacity: 1;
visibility: visible;
top: 100%;
transform: translate(0) !important;
inset: auto !important;
margin-top: -2px !important;
}
.menu-top-dropdown .dropdown-menu.show .dropdown-list {
transform: translateY(0);
}
.menu-top-dropdown .dropdown-link {
padding: 0.5rem 0.5rem 0.75rem 1rem;
}
.menu-top-dropdown .dropdown-item:last-child .dropdown-link {
padding-bottom: 1rem;
}
}
/* Menu voies admission */
.widget-admissions {
z-index: 1040;
width: var(--pa-cta-admissions-length);
}
.widget-admissions::before {
content: "";
display: block;
position: fixed;
width: 100dvw;
height: 100dvh;
inset: 0;
opacity: 0;
pointer-events: none;
transition: 0.3s ease-in-out;
}
.widget-admissions:has(.dropdown-menu.show)::before {
opacity: 1;
}
.widget-admissions .dropdown-menu {
--bs-dropdown-spacer: 0;
--bs-dropdown-border-width: 0;
--bs-dropdown-zindex: 0;
--bs-dropdown-padding-y: 0;
display: block;
top: -7rem;
right: 0;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s,
right 0.3s ease-in-out 0s, visibility 0s linear 0.3s;
}
.widget-admissions .dropdown-menu.show {
top: 0;
right: 0;
opacity: 1;
visibility: visible;
transition: opacity 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s,
right 0.3s ease-in-out 0s, visibility 0s linear 0s;
}
.btn.admissions {
display: flex;
flex-direction: column;
position: absolute;
right: calc(var(--pa-cta-admissions-length) * 0.5);
transform: translateX(50%);
width: var(--pa-cta-admissions-length);
height: var(--pa-cta-admissions-length);
text-align: center;
color: var(--pa-color-white);
align-items: center;
justify-content: center;
font-family: var(--pa-font-serif);
font-size: 0.8125rem;
font-style: normal;
font-weight: 500;
line-height: 111%;
letter-spacing: -0.13px;
border-width: 0;
white-space: normal;
z-index: 10;
transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0s,
width 0.3s ease-in-out, height 0.3s ease-in-out, top 0.3s ease-in-out,
right 0.3s ease-in-out;
}
.menu-open .btn.admissions {
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease-in-out, visibility 0s ease-in-out 0.3s;
}
.btn.admissions:hover,
.btn.admissions:focus {
color: var(--pa-color-white);
}
.btn.admissions .btn-shape {
position: absolute;
width: 100%;
height: 100%;
inset: 0;
}
.btn.admissions.show {
width: 75px;
height: 75px;
}
.btn.admissions:not(.show) .btn-shape {
animation: rotate-toggle 15000ms ease-in-out infinite;
}
.admissions-list {
display: flex;
}
.admissions-item {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.admissions-title {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
}
.uppertitle {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 148%;
}
.title {
color: var(--pa-color-dark);
font-family: var(--pa-font-sans-serif);
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.title strong {
display: inline-flex;
border-bottom: 15px solid var(--pa-color-theme);
}
.admissions-desc {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin-bottom: 0;
}
.admissions-item .btn {
--bs-btn-color: var(--pa-color-theme-btn-text);
--bs-btn-bg: var(--pa-color-theme);
--bs-btn-border-color: var(--pa-color-theme);
--bs-btn-hover-color: var(--pa-color-white);
--bs-btn-hover-bg: var(--pa-color-dark);
--bs-btn-hover-border-color: var(--pa-color-dark);
--bs-btn-focus-shadow-rgb: var(--pa-color-orange-rgb);
--bs-btn-active-color: var(--pa-color-white);
--bs-btn-active-bg: var(--pa-color-dark);
--bs-btn-active-border-color: var(--pa-color-dark);
--bs-btn-active-shadow: none;
--bs-btn-disabled-color: var(--pa-color-white);
--bs-btn-disabled-bg: var(--pa-color-theme);
--bs-btn-disabled-border-color: var(--pa-color-theme);
--bs-btn-font-size: 0.875rem;
--bs-btn-padding-x: 1.5rem;
width: auto;
}
.admissions-item.theme-ingenieur {
--pa-color-theme: var(--pa-color-orange);
--pa-color-theme-btn-text: var(--pa-color-white);
}
.admissions-item.theme-bachelor {
--pa-color-theme: var(--pa-color-doly);
--pa-color-theme-btn-text: var(--pa-color-dark);
}
.admissions-item.theme-rebond {
--pa-color-theme: #83e1ff;
--pa-color-theme-btn-text: var(--pa-color-dark);
}
@-webkit-keyframes rotate-toggle {
0% {
transform: rotate(0deg);
}
16.67% {
transform: rotate(0deg);
}
/* 2500ms d'attente */
50% {
transform: rotate(180deg);
}
/* 5000ms de rotation */
66.67% {
transform: rotate(180deg);
}
/* 2500ms de pause */
100% {
transform: rotate(0deg);
}
/* 5000ms de retour */
}
@keyframes rotate-toggle {
0% {
transform: rotate(0deg);
}
16.67% {
transform: rotate(0deg);
}
/* 2500ms d'attente */
50% {
transform: rotate(180deg);
}
/* 5000ms de rotation */
66.67% {
transform: rotate(180deg);
}
/* 2500ms de pause */
100% {
transform: rotate(0deg);
}
/* 5000ms de retour */
}
.btn.admissions .btn-shape path {
fill: var(--pa-color-orange);
transition: 0.3s ease-in-out;
}
.btn.admissions:hover .btn-shape path,
.btn.admissions:focus .btn-shape path {
fill: var(--pa-color-dark);
}
.btn.admissions .btn-arrow {
position: absolute;
top: 28px;
left: 50%;
transform: translateX(-50%);
width: 0.875rem;
height: 0.875rem;
transition: 0.3s ease-in-out;
}
.btn.admissions.show .btn-arrow {
top: 25px;
width: 1.5rem;
height: 1.5rem;
transform: translateX(-50%) rotate(180deg);
}
.btn.admissions .btn-text {
position: relative;
display: block;
width: 93px;
height: 29px;
transition: opacity 0.3s ease-in-out, height 0.3s ease-in-out;
}
.btn.admissions.show .btn-text {
opacity: 0;
height: 0;
}
@media (max-width: 991.98px) {
.widget-admissions::before {
background: var(--pa-color-dark);
}
.widget-admissions .dropdown {
position: unset;
}
.admissions-item .title {
font-size: 2rem;
letter-spacing: 0.64px;
}
.admissions-item .title strong {
height: 2.2rem;
}
.btn.admissions {
top: -3px;
}
.btn.admissions.show {
right: 59px;
top: 22px;
}
.widget-admissions .dropdown-menu {
width: 100dvw;
max-height: 100dvh;
overflow: auto;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.admissions-list {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
}
.widget-admissions .admissions-list {
padding: 4rem 1.25rem 1.25rem;
}
.admissions-list .admissions-item {
gap: 1rem;
}
.admissions-list .admissions-desc {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
}
@media (max-width: 991.98px) and (min-width: 768px) {
.btn.admissions {
right: calc(83px + ((100vw - 720px) / 2) + (var(--pa-cta-admissions-length) * 0.5));
}
}
@media (max-width: 767.98px) and (min-width: 576px) {
.btn.admissions {
right: calc(83px + ((100vw - 540px) / 2) + (var(--pa-cta-admissions-length) * 0.5));
}
}
@media (max-width: 575.98px) and (min-width: 375px) {
.btn.admissions {
right: calc(83px + (var(--pa-cta-admissions-length) * 0.5));
}
}
@media (max-width: 374.98px) and (min-width: 350px) {
.btn.admissions {
right: calc(70px + (var(--pa-cta-admissions-length) * 0.5));
}
}
@media (max-width: 349.98px) {
.widget-admissions {
display: none;
}
}
@media (min-width: 992px) {
.widget-admissions {
position: absolute;
right: 2rem;
top: 0;
display: flex;
justify-content: center;
transition: top 0.3s ease-in-out;
}
.widget-admissions::before {
background: rgba(var(--pa-color-black-rgb), 0.5);
backdrop-filter: blur(8px);
}
.widget-admissions .dropdown {
position: relative;
width: 100%;
}
body:not(.landing) #header-top>.container,
body:not(.landing) #header-main>.container {
padding-right: calc(130px + 4rem - ((100vw - 960px) / 2));
}
.widget-admissions .dropdown-menu {
position: absolute;
top: -7rem;
right: -7rem;
left: auto;
box-shadow: var(--pa-shadow-header);
}
.widget-admissions .dropdown-menu.show {
top: -17px;
right: 22px;
}
.admissions-list .title {
font-size: 2.5rem;
letter-spacing: 0.8px;
}
.admissions-list .title strong {
height: 2.75rem;
}
.widget-admissions .btn.admissions {
top: -62px;
}
.body-scrolled #header:not(:hover, :focus-within) .btn.admissions {
top: 5px;
}
.body-scrolled #header:not(:hover, :focus-within) .btn.admissions:not(.show) .btn-arrow {
opacity: 0;
width: 0;
height: 0;
}
.body-scrolled #header:not(:hover, :focus-within) .btn.admissions:not(.show) {
width: var(--pa-cta-admissions-reduced-length);
height: var(--pa-cta-admissions-reduced-length);
}
.btn.admissions.show {
right: 38px;
top: -39px;
}
.widget-admissions .dropdown-menu {
width: calc(100dvw - 6.75rem);
max-width: 1230px;
}
.admissions-list {
flex-direction: row;
gap: 3rem;
}
.widget-admissions .admissions-list {
padding: 4rem;
}
.admissions-list .admissions-item {
gap: 1.5rem;
}
.admissions-list .admissions-item .btn {
--bs-btn-padding-y: 1.25rem;
}
}
@media (min-width: 1200px) {
.widget-admissions {
right: 2rem;
transition: top 0.3s ease-in-out;
}
body:not(.landing) #header-top>.container,
body:not(.landing) #header-main>.container {
padding-right: calc(130px + 4rem - ((100vw - 1140px) / 2));
}
}
@media (min-width: 1400px) {
.widget-admissions {
right: 2.75rem;
}
body:not(.landing) #header-top>.container,
body:not(.landing) #header-main>.container {
padding-right: calc(189px + 5.5rem - ((100vw - 1320px) / 2));
}
.btn.admissions {
font-size: 0.875rem;
line-height: 150%;
}
.btn.admissions .btn-text {
height: 42px;
}
.btn.admissions .btn-arrow {
top: 45px;
width: 1.5rem;
height: 1.5rem;
}
}
@media (min-width: 1600px) {
.widget-admissions {
right: 3.25rem;
}
body:not(.landing) #header-top>.container,
body:not(.landing) #header-main>.container {
padding-right: calc(189px + 7.5rem - ((100vw - 1520px) / 2));
}
}
/* Menu plan du site */
.menu-plan-du-site-list {
list-style: none;
}
.menu-plan-du-site-list .menu-plan-du-site-list {
padding: 0.5rem 0 0 2rem;
}
.menu-plan-du-site-item {
position: relative;
padding: 0.25rem 0;
}
.menu-plan-du-site-item::before {
content: "";
display: inline-block;
position: absolute;
top: 0.625rem;
left: -1.25rem;
width: 12px;
height: 12px;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.menu-plan-du-site-link {
text-decoration: none;
}
.menu-plan-du-site-link .underline {
padding: 0.125rem 0;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
line-height: 165%;
}
.menu-plan-du-site-link:hover .underline,
.menu-plan-du-site-link:focus .underline {
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
.menu-plan-du-site-link .nb-articles {
width: 1.5rem;
height: 1.5rem;
background-color: var(--pa-color-dark);
display: inline-flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: var(--pa-color-white);
font-size: 0.875rem;
line-height: 100%;
font-weight: 500;
font-family: var(--pa-font-sans-serif);
margin-left: 0.5rem;
}
.menu-plan-du-site-link .nb-articles span {
margin-top: 0.125rem;
}
/* Menu landing */
.logo-landing-img {
width: 101px;
height: 58px;
object-fit: contain;
}
@media (max-width: 374.98px) {
.landing #header-main>.container>.btn-menu {
display: none !important;
}
}
@media (min-width: 992px) {
.logo-landing-img {
width: 123px;
height: 70px;
}
}
/* main */
/* Home */
/* Chemin */
.chemin {
max-width: 720px;
--pa-breadcrumb-color: var(--pa-color-dark);
--pa-breadcrumb-color-rgb: var(--pa-color-dark-rgb);
--pa-breadcrumb-icon: url('data:image/svg+xml,');
}
.breadcrumb-item+.breadcrumb-item {
padding: 0;
display: flex;
align-items: center;
}
.breadcrumb-item+.breadcrumb-item::before {
content: "";
display: inline-block;
background-image: var(--pa-breadcrumb-icon);
width: 1rem;
height: 1rem;
background-repeat: no-repeat;
background-position: center center;
float: none;
padding: 3.75px 5.75px;
margin: 0 0.25rem;
opacity: 0.5;
}
.pa-banner[class*="bg-neon-glue, bg-orange, bg-darker"] .breadcrumb-item+.breadcrumb-item::before {
content: "";
}
.chemin .breadcrumb-item {
padding: 0;
display: flex;
align-items: center;
}
.chemin .breadcrumb-item a {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
text-decoration: none;
color: var(--pa-breadcrumb-color);
border-bottom: 2px solid rgba(var(--pa-breadcrumb-color-rgb), 0.15);
position: relative;
transition: border-bottom-color 150ms ease-out, color 150ms ease-out;
}
.chemin .breadcrumb-item a:hover,
.chemin .breadcrumb-item a:focus,
.chemin .breadcrumb-item:last-child a {
border-bottom-color: rgba(var(--pa-breadcrumb-color-rgb), 1);
}
.catalogue-categorie-activites .chemin .breadcrumb .breadcrumb-item:nth-child(2) {
display: none;
}
.chemin .breadcrumb-item.dropdown a {
padding: 0.25rem 1rem;
border-bottom: none;
}
.chemin .breadcrumb-item.dropdown a:after {
content: none;
}
.chemin .breadcrumb-item.dropdown .dropdown-menu {
--bs-dropdown-border-color: var(--pa-color-dark);
--bs-dropdown-border-radius: 0.375rem;
}
.chemin .breadcrumb-item.dropdown .dropdown-menu li {
background: none;
}
.chemin .breadcrumb-item.dropdown .dropdown-menu a,
.chemin .breadcrumb-item.dropdown .dropdown-menu a>span {
color: var(--pa-color-dark);
padding: 0.5rem 0;
transition: color 150ms ease-out;
}
.chemin .breadcrumb-item.dropdown .dropdown-menu a:hover,
.chemin .breadcrumb-item.dropdown .dropdown-menu a:hover>span {
color: var(--pa-color-orange);
}
.chemin.chemin-long .breadcrumb-item:last-child {
max-width: calc(100% - 132px);
}
.chemin .breadcrumb-item:last-child {
max-width: calc(100% - 50px);
}
.chemin .breadcrumb-item:last-child a {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bg-orange .chemin,
.bg-neon-blue .chemin,
.bg-dark-blue .chemin,
.bg-darker .chemin {
--pa-breadcrumb-color: var(--pa-color-white);
--pa-breadcrumb-color-rgb: var(--pa-color-white-rgb);
--pa-breadcrumb-icon: url('data:image/svg+xml,');
}
/* Footer */
.footer {
padding-top: 4.5rem;
border-right: none;
border-left: none;
border-bottom: none;
}
.footer-middle {
padding-top: 3rem;
padding-bottom: 3rem;
}
.footer-middle-col {
margin-bottom: 3rem;
}
.footer-bottom {
padding-top: 1rem;
padding-bottom: 1rem;
background: rgba(var(--pa-color-black-rgb), 0.2);
}
.footer-title {
font-size: 1.375rem;
font-style: normal;
font-weight: 500;
line-height: 125%;
margin-bottom: 1.25rem;
}
.footer .site-logo {
height: 60px;
width: auto;
}
.footer .site-logo .logo-text,
.footer .site-logo .logo-baseline {
fill: var(--pa-color-white);
}
/* Menu footer socials */
.menu-footer-socials {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 2rem;
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.footer-socials-item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.25rem;
}
.footer-socials-link {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration: none;
opacity: 0.8;
transition: all 300ms ease-out;
}
.footer-socials-link::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.footer-socials-item:hover .footer-socials-link,
.footer-socials-item:focus-within .footer-socials-link {
color: var(--pa-color-orange);
opacity: 1;
}
.footer-socials-item .footer-socials-icon path {
stroke: var(--pa-color-white);
transition: all 300ms ease-out;
}
.footer-socials-item:hover .footer-socials-icon path,
.footer-socials-item:focus-within .footer-socials-icon path {
stroke: var(--pa-color-orange);
}
/* Menu footer list */
.footer-list:first-child>ul:first-child,
.footer-list+.footer-list {
margin-top: 3rem;
}
.menu-footer-list {
min-width: 200px;
list-style: none;
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.menu-footer-h .menu-footer-list {
flex-direction: row;
gap: 1.5rem;
}
.menu-footer-item:not(:last-child) {
margin-bottom: 1rem;
}
.menu-footer-link {
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 165%;
letter-spacing: -0.16px;
text-decoration: none;
padding: 0.25rem 0;
border-bottom: 2px solid rgba(var(--pa-color-grey-300-rgb), 0.15);
}
.menu-footer-link span {
color: inherit !important;
}
.menu-footer-link {
transition: all 300ms ease-out;
}
.bg-darker .menu-footer-link:not(.btn, :hover, :focus) {
color: var(--pa-color-grey-300);
}
.menu-footer-h .menu-footer-link {
font-size: 1.375rem;
}
.menu-footer-h .menu-footer-link:not(:hover, :focus) {
color: var(--pa-color-white);
}
.menu-footer-link:hover,
.menu-footer-link:focus {
color: var(--pa-color-orange);
border-bottom-color: var(--pa-color-orange);
}
.menu-footer-list .download-list {
list-style: none;
padding-left: 0;
margin-bottom: 0;
display: flex;
gap: 1rem;
margin-top: 0.5rem;
}
.menu-footer-list .download-list .download-link {
opacity: 0.5;
transition: all 300ms ease-out;
}
.menu-footer-list .download-list .download-link:hover,
.menu-footer-list .download-list .download-link:focus {
opacity: 1;
}
.menu-footer-list .download-list .download-link path,
.menu-footer-list .download-list .download-link path {
fill: var(--pa-color-white);
transition: all 300ms ease-out;
}
.menu-footer-list .download-list .download-link:hover path,
.menu-footer-list .download-list .download-link:focus path {
fill: var(--pa-color-orange);
}
/* Menu footer bottom */
.menu-footer-bottom {
display: flex;
flex-direction: column;
justify-content: center;
padding: 1rem 0;
gap: 0.75rem;
}
.footer-bottom-item {
position: relative;
}
.footer-bottom-link {
font-size: 0.875rem;
font-style: normal;
font-weight: 500;
line-height: 150%;
text-decoration: none;
padding: 0.5rem 0;
transition: all 300ms ease-out;
}
.footer-bottom-link:hover,
.footer-bottom-link:focus {
color: var(--pa-color-orange);
}
@media (min-width: 768px) {
.menu-footer-bottom {
flex-direction: row;
gap: 0;
}
.footer-bottom-item:not(:first-child)::before {
content: "-";
margin-left: 0.25rem;
}
}
/* Billets du site web */
/* Billet CTA Landing page */
.pa-landing-cta-anim {
position: absolute;
}
#pa-landing-cta-bg {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
aspect-ratio: 1;
height: auto;
object-fit: contain;
background-image: url(/theme/fr/assets/img/nuage.webp);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#pa-landing-cta-spinner {
position: absolute;
top: 28%;
left: 6%;
width: 30%;
height: auto;
object-fit: contain;
aspect-ratio: 1;
animation: spinCycle 56s infinite;
transform-origin: center;
background-color: var(--pa-color-white);
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-atome.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-atome.png);
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
}
@keyframes spinCycle {
0% {
transform: rotate(0deg);
animation-timing-function: ease-out;
}
25% {
transform: rotate(-180deg);
animation-timing-function: linear;
}
50% {
transform: rotate(-180deg);
animation-timing-function: ease-out;
}
75% {
transform: rotate(0deg);
animation-timing-function: linear;
}
100% {
transform: rotate(0deg);
}
}
.pa-landing-cta-img {
position: absolute;
bottom: 0;
left: 54%;
transform: translateX(-50%);
height: calc(100% - 54px);
width: auto;
}
.pa-landing-cta .section-title .title {
font-size: 4rem;
letter-spacing: 0.64px;
}
@media (max-width: 991.98px) {
.pa-landing-cta .title[data-title*="Prêt à rejoindre l'excellence ?"] {
max-width: 300px;
}
}
@media (max-width: 767.98px) {
.pa-landing-cta-anim {
bottom: 1rem;
left: 49%;
height: calc(100% + 110px);
width: 269px;
z-index: -1;
}
.pa-landing-cta:has(.title[data-title*="Prêt à rejoindre l'excellence ?"]) .pa-landing-cta-anim {
left: 190px;
}
}
@media (max-width: 449.98px) {
.pa-landing-cta:has(.title[data-title*="Prêt à rejoindre l'excellence ?"]) .pa-landing-cta-anim {
left: 170px;
}
}
@media (min-width: 768px) {
.pa-landing-cta .section-title {
position: unset;
}
.pa-landing-cta .section-title .uppertitle,
.pa-landing-cta .section-title .title,
.pa-landing-cta .content,
.pa-landing-cta .btn {
position: relative;
z-index: 1;
}
.pa-landing-cta-anim {
bottom: 0;
left: 50%;
height: calc(100% - 3rem);
width: 552px;
}
}
@media (min-width: 992px) {
.pa-landing-cta {
overflow: clip;
}
.pa-landing-cta .section-title {
width: 100%;
}
.pa-landing-cta-anim {
left: 58.33333333%;
}
}
@media (min-width: 1200px) {
.pa-landing-cta-anim {
left: auto;
right: -4rem;
height: calc(100% + 2rem);
width: 552px;
}
}
@media (min-width: 1400px) {
.pa-landing-cta-anim {
right: 0;
}
}
@media (min-width: 1600px) {
.pa-landing-cta>.container {
position: relative;
}
.pa-landing-cta-anim {
height: calc(100% + 2rem + var(--pa-section-padding-top) + var(--pa-section-padding-bottom) - var(--bs-gutter-y));
bottom: calc(-1 * var(--pa-section-padding-bottom));
}
}
/* Billet texte depliable */
.pa-depliable .section-content {
font-size: 1.125rem;
line-height: 148%;
}
.pa-depliable .section-content .scroll-area-content>*:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.largeur-reduite .content .pa-depliable>.container>.row {
justify-content: center;
flex-direction: column;
}
.largeur-reduite .content .pa-depliable .section-content {
width: var(--pa-largeur-reduite-width);
}
}
@media (min-width: 1200px) {
.sidebar-gauche-sommaire-ecole .pa-depliable .section-content {
width: 91.66666667%;
}
}
@media (min-width: 1400px) {
.sidebar-gauche-sommaire-ecole .pa-depliable .section-content {
width: 75%;
}
}
@media (min-width: 1600px) {
.sidebar-gauche-sommaire-ecole .pa-depliable .section-content {
width: 66.66666667%;
}
}
/* Billet simple - titres et textes */
.pa-simple.headings {
--pa-section-padding-bottom: 2rem;
}
.pa-simple .pa-simple-logo {
height: var(--pa-section-title-logo-size);
object-fit: contain;
}
.pa-simple .section-content>*:last-child {
margin-bottom: 0;
}
.section .section-content ul>li,
.pa-banner .banner-content ul>li {
list-style-type: none;
position: relative;
margin-bottom: 1rem;
}
.pa-banner .banner-content ul>li ul,
.section .section-content ul>li ul {
margin-top: 1rem;
}
.section .section-content ol>li,
.pa-banner .banner-content ol>li {
margin-bottom: 1rem;
}
ol>li::marker {
content: counter(list-item) "/ ";
font-family: var(--pa-font-sans-serif);
font-weight: 700;
color: var(--pa-color-orange);
font-size: 130%;
}
.section .section-content ul>li::before,
.pa-banner .banner-content ul>li::before {
content: "";
display: inline-block;
position: absolute;
top: 0.375rem;
left: -1.25rem;
width: 13px;
height: 13px;
background-color: var(--list-color);
-webkit-mask-image: url('data:image/svg+xml,');
mask-image: url('data:image/svg+xml,');
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
}
.section .section-content.lead ul>li::before,
.pa-banner .banner-content.lead ul>li::before {
top: 0.5rem;
}
@media (min-width: 992px) {
.largeur-reduite .content .pa-simple .section-title {
width: 100%;
}
}
/* Billet image pleine largeur */
.pa-image .pa-image-figure {
position: relative;
margin-bottom: 0;
}
.pa-image .pa-image-img {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
width: 100%;
}
.pa-image-caption {
position: absolute;
margin-top: 0.5rem;
font-family: "Roslindale";
font-size: 0.875rem;
font-weight: 500;
line-height: 150%;
opacity: 0.5;
}
@media (min-width: 992px) {
.largeur-reduite .content .pa-image>.container>.row {
flex-direction: column;
}
.largeur-reduite .content .pa-image .section-content {
width: var(--pa-largeur-reduite-width);
}
}
@media (min-width: 1200px) {
.sidebar-gauche-standard .content .pa-image .pa-image-figure,
.largeur-reduite .content .pa-image .pa-image-figure {
width: calc(100% + 4rem);
margin-left: -2rem;
margin-right: -2rem;
}
.sidebar-gauche-standard .content .kiubi-modal .pa-image .pa-image-figure,
.largeur-reduite .content .kiubi-modal .pa-image .pa-image-figure {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 1400px) {
.sidebar-gauche-standard .content .pa-image .pa-image-figure,
.largeur-reduite .content .pa-image .pa-image-figure {
width: calc(100% + 6rem);
margin-left: -3rem;
margin-right: -3rem;
}
}
@media (min-width: 1600px) {
.sidebar-gauche-standard .content .pa-image .pa-image-figure,
.largeur-reduite .content .pa-image .pa-image-figure {
width: calc(100% + 8rem);
margin-left: -4rem;
margin-right: -4rem;
}
}
/* Billet textes et image */
.pa-texte-image .section-content>*:last-child {
margin-bottom: 0;
}
.pa-texte-image-img {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
width: 100%;
margin-bottom: 3rem;
}
@media (min-width: 992px) {
.largeur-reduite .content .pa-texte-image>.container>.row {
flex-direction: column;
}
.largeur-reduite .content .pa-texte-image .section-content {
width: var(--pa-largeur-reduite-width);
}
}
@media (min-width: 1200px) {
.pa-texte-image-img {
width: calc(50% - 1.5rem);
margin-bottom: 1.5rem;
}
.pa-texte-image-img.img-left {
float: left;
margin-right: 3rem;
}
.pa-texte-image-img.img-right {
float: right;
margin-left: 3rem;
}
.sidebar-gauche-standard .content .pa-texte-image-img,
.largeur-reduite .content .pa-texte-image-img {
width: calc(50% + 0.5rem);
}
.sidebar-gauche-standard .content .pa-texte-image-img.img-left,
.largeur-reduite .content .pa-texte-image-img.img-left {
margin-left: -2rem;
}
.sidebar-gauche-standard .content .pa-texte-image-img.img-right,
.largeur-reduite .content .pa-texte-image-img.img-right {
margin-right: -2rem;
}
.sidebar-gauche-standard .content .kiubi-modal .pa-texte-image-img,
.largeur-reduite .content .kiubi-modal .pa-texte-image-img {
width: calc(50% - 1.5rem);
}
.sidebar-gauche-standard .content .kiubi-modal .pa-texte-image-img.img-left,
.largeur-reduite .content .kiubi-modal .pa-texte-image-img.img-left {
margin-left: 0;
}
.sidebar-gauche-standard .content .kiubi-modal .pa-texte-image-img.img-right,
.largeur-reduite .content .kiubi-modal .pa-texte-image-img.img-right {
margin-right: 0;
}
}
@media (min-width: 1400px) {
.sidebar-gauche-standard .content .pa-texte-image-img,
.largeur-reduite .content .pa-texte-image-img {
width: calc(50% + 1.5rem);
}
.sidebar-gauche-standard .content .pa-texte-image-img.img-left,
.largeur-reduite .content .pa-texte-image-img.img-left {
margin-left: -3rem;
}
.sidebar-gauche-standard .content .pa-texte-image-img.img-right,
.largeur-reduite .content .pa-texte-image-img.img-right {
margin-right: -3rem;
}
}
@media (min-width: 1600px) {
.sidebar-gauche-standard .content .pa-texte-image-img,
.largeur-reduite .content .pa-texte-image-img {
width: calc(50% + 2.5rem);
}
.sidebar-gauche-standard .content .pa-texte-image-img.img-left,
.largeur-reduite .content .pa-texte-image-img.img-left {
margin-left: -4rem;
}
.sidebar-gauche-standard .content .pa-texte-image-img.img-right,
.largeur-reduite .content .pa-texte-image-img.img-right {
margin-right: -4rem;
}
}
/* Billet contenu embarque embed - Carte campus */
.pa-embed {
--pa-embed-height: 450px;
}
.pleine-page .pa-embed.fullscreen,
.largeur-reduite .pa-embed.fullscreen,
.sidebar-gauche #bottom-content .pa-embed.fullscreen {
padding-bottom: 0;
}
.pa-embed-wrapper {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.pa-embed-wrapper::before {
display: block;
content: "";
padding-top: 56.25%;
}
.pa-embed-wrapper>iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100% !important;
height: 100%;
border: 0;
}
.pleine-page .pa-embed .container .pa-embed-wrapper>iframe,
.largeur-reduite .pa-embed .container .pa-embed-wrapper>iframe,
.sidebar-gauche .content .pa-embed .pa-embed-wrapper>iframe {
border: 2px solid var(--pa-color-dark) !important;
border-radius: 0.375rem;
}
.sidebar-gauche .content .pa-embed .fullwidth {
padding-left: calc(0.5 * var(--bs-gutter-x));
padding-right: calc(0.5 * var(--bs-gutter-x));
}
@media (min-width: 992px) {
.sidebar-gauche .content .pa-embed .fullwidth {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1200px) {
.sidebar-gauche-standard .content .pa-embed .pa-embed-wrapper,
.largeur-reduite .content .pa-embed:not(.fullscreen) .pa-embed-wrapper {
width: calc(100% + 4rem);
margin-left: -2rem;
margin-right: -2rem;
}
.sidebar-gauche-standard .content .kiubi-modal .pa-embed .pa-embed-wrapper,
.largeur-reduite .content .kiubi-modal .pa-embed .pa-embed-wrapper,
.largeur-reduite #content .kiubi-modal .pa-embed:not(.fullscreen) .pa-embed-wrapper {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (min-width: 1400px) {
.sidebar-gauche-standard #content .pa-embed:not(.fullscreen) .pa-embed-wrapper,
.largeur-reduite .content .pa-embed:not(.fullscreen) .pa-embed-wrapper {
width: calc(100% + 6rem);
margin-left: -3rem;
margin-right: -3rem;
}
}
@media (min-width: 1600px) {
.sidebar-gauche-standard #content .pa-embed:not(.fullscreen) .pa-embed-wrapper,
.largeur-reduite .content .pa-embed:not(.fullscreen) .pa-embed-wrapper {
width: calc(100% + 8rem);
margin-left: -4rem;
margin-right: -4rem;
}
}
/* Billet banniere */
.pa-banner {
padding-top: calc(var(--pa-banner-padding-top) + var(--pa-header-alert-height));
overflow: clip;
overflow-y: visible;
transition: padding 150ms ease-out;
}
@media (min-width: 992px) {
.pa-banner {
--pa-banner-padding-top: 200px;
}
}
/* Billet banniere accueil */
.pa-banner-home {
background: linear-gradient(205deg, #EA5C18 38.94%, #F14B98 73.56%, #C50341 89.9%);
--content-color: var(--pa-color-white);
--content-color-rgb: var(--pa-color-white-rgb);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom left;
}
.banner-home-content {
position: absolute;
bottom: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 2rem;
z-index: 2;
}
.banner-home-title {
font-family: var(--pa-font-sans-serif);
font-size: 2.4rem;
font-weight: 700;
max-width: 280px;
margin-bottom: 0;
}
.banner-home-title .title {
display: inline;
color: var(--pa-color-orange);
background-color: var(--pa-color-white);
padding: 0.375rem 0.5rem 0;
line-height: 100%;
text-transform: uppercase;
}
.banner-home-title .subtitle {
display: inline;
color: var(--pa-color-dark);
background-color: var(--pa-color-white);
padding: 0.25rem 0.5rem;
line-height: 100%;
font-size: 2.65rem;
}
.banner-home-btn {
--bs-btn-font-size: 1rem;
--bs-btn-line-height: 148%;
--bs-btn-padding-x: 2rem;
--bs-btn-padding-y: 1rem;
--bs-btn-line-height: 148%;
margin-bottom: -2.5rem;
}
.banner-home-btn .btn-icon {
display: none;
}
.banner-home-btn:hover .btn-icon,
.banner-home-btn:focus .btn-icon {
margin-left: 3.5rem;
}
@media (min-width: 768px) {
.banner-home-content {
position: static;
}
.banner-home-title {
font-size: 3.5rem;
letter-spacing: 0.79px;
line-height: 113%;
max-width: 350px;
}
.banner-home-title .title {
background-color: transparent;
padding: 0;
line-height: inherit;
text-transform: uppercase;
}
.banner-home-title .subtitle {
display: inline;
color: var(--content-color);
background-color: transparent;
padding: 0;
line-height: 100%;
font-size: 3.25rem;
}
.banner-home-btn {
margin-left: -1.875rem;
white-space: nowrap;
margin-bottom: 0;
}
}
@media (min-width: 992px) {
.pa-banner-home {
min-height: 800px;
}
.banner-home-content {
padding-bottom: 72px;
}
.banner-home-title {
font-size: 4.875rem;
letter-spacing: 0.79px;
line-height: 113%;
max-width: 475px;
}
.banner-home-title .subtitle {
line-height: 100%;
font-size: 4.5rem;
}
.banner-home-btn {
--bs-btn-font-size: 1.375rem;
--bs-btn-line-height: 125%;
--bs-btn-padding-x: 3.5rem;
--bs-btn-padding-y: 1.75rem;
}
.banner-home-btn .btn-icon {
display: inline;
margin-left: 1rem;
transition: all 300ms var(--pa-bounce-transition);
}
.banner-home-btn:hover .btn-icon path {
fill: var(--pa-color-dark);
}
}
/* Banniere accueil animation */
.banner-home-anim .item {
position: relative;
}
.banner-home-anim .owl-carousel {
padding-top: 1rem;
}
.banner-home-anim .owl-carousel,
.banner-home-anim .owl-stage-outer,
.banner-home-anim .item {
width: 100%;
height: 100%;
}
.banner-home-anim .owl-carousel .owl-stage-outer {
overflow-x: visible;
overflow-y: clip;
pointer-events: none;
}
.banner-home-anim .owl-item:not(.animated, .active) {
opacity: 0;
visibility: hidden;
}
.banner-home-anim .carousel-home-content {
position: absolute;
top: 1rem;
left: 0;
width: 100%;
display: flex;
justify-content: start;
align-items: center;
}
.banner-home-anim .carousel-home-card {
position: relative;
background: var(--pa-color-white);
border-radius: 0.125rem;
padding: 0.25rem 0.5rem;
}
.banner-home-anim .carousel-home-card-text {
color: var(--pa-color-dark);
text-align: center;
font-family: var(--pa-font-serif);
font-size: 1.3125rem;
font-weight: 500;
line-height: 120%;
letter-spacing: -1.26px;
padding: 0.5rem 0;
margin-bottom: 0;
}
.banner-home-anim .carousel-home-card-star {
position: absolute;
top: -0.625rem;
width: 1.4375rem;
height: 1.4375rem;
}
.banner-home-anim .item-1 .carousel-home-card-star,
.banner-home-anim .item-2 .carousel-home-card-star {
left: -0.625rem;
}
.banner-home-anim .item-3 .carousel-home-card-star {
right: -0.625rem;
}
.banner-home-anim .carousel-home-card-quote {
position: absolute;
bottom: -0.625rem;
left: 50%;
transform: translateX(-50%);
width: 1.25rem;
height: 1.125rem;
}
.banner-home-anim .owl-stage,
.banner-home-anim .owl-item {
height: 100%;
}
.banner-home-anim .carousel-home-img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom;
transform: translateX(var(--pa-home-banner-translate-x));
}
.banner-home-anim-wrapper {
width: 100%;
height: 430px;
}
.banner-home-anim .banner-home-anim-grid {
display: none;
}
.banner-home-anim .animated,
.banner-home-anim .animated .item {
-webkit-animation-duration: 1000 ms;
animation-duration: 1000 ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
animation-timing-function: var(--pa-bounce-transition);
}
.banner-home-anim .owl-animated-out {
z-index: 1;
}
.banner-home-anim .owl-animated-in {
z-index: 0;
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutLeft {
0% {
opacity: 1;
transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
@keyframes bounceOutLeft {
0% {
opacity: 1;
transform: translate(0, 0);
}
100% {
opacity: 0;
transform: translateX(-100%);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.banner-home-anim .owl-item .carousel-bg-icons {
position: absolute;
height: auto;
z-index: -1;
}
.banner-home-anim .owl-item #carousel-bg-icon-1 {
bottom: 90%;
left: calc(35% + var(--pa-home-banner-translate-x));
width: 10.83%;
}
.banner-home-anim .owl-item #carousel-bg-icon-3 {
bottom: 54.08%;
left: calc(13.09% + var(--pa-home-banner-translate-x));
width: 19.2%;
}
.banner-home-anim .owl-item #carousel-bg-icon-5 {
bottom: 75.66%;
left: calc(57.9% + var(--pa-home-banner-translate-x));
width: 19.8%;
}
.banner-home-anim .owl-item #carousel-bg-icon-6 {
bottom: 55.13%;
left: calc(9.74% + var(--pa-home-banner-translate-x));
width: 23.13%;
}
.banner-home-anim .owl-item #carousel-bg-icon-2,
.banner-home-anim .owl-item #carousel-bg-icon-4,
.banner-home-anim .owl-item #carousel-bg-icon-7,
.banner-home-anim .owl-item #carousel-bg-icon-8,
.banner-home-anim .owl-item #carousel-bg-icon-9,
.banner-home-anim .owl-item #carousel-bg-icon-10 {
display: none;
}
.banner-home-anim .owl-item.active .carousel-bg-star-animated {
animation: 4s homeStarMove 1s ease-in-out forwards;
}
.banner-home-anim .owl-item.bounceOutLeft .carousel-bg-star-animated {
transform: translate(18px, 35px);
}
@-webkit-keyframes homeStarMove {
50% {
transform: translate(40px, 13px);
}
100% {
transform: translate(18px, 35px);
}
}
@keyframes homeStarMove {
50% {
transform: translate(40px, 13px);
}
100% {
transform: translate(18px, 35px);
}
}
.banner-home-anim .owl-item.active .carousel-bg-star-2-animated {
animation: 4s homeStarMove2 1s ease-in-out forwards;
}
.banner-home-anim .owl-item.bounceOutLeft .carousel-bg-star-2-animated {
transform: translate(18px, 35px);
}
@-webkit-keyframes homeStarMove2 {
50% {
transform: rotate(60deg) translate(18px, 35px);
}
100% {
transform: rotate(60deg) translate(40px, 13px) scale(1.1);
}
}
@keyframes homeStarMove2 {
50% {
transform: rotate(60deg) translate(18px, 35px);
}
100% {
transform: rotate(60deg) translate(40px, 13px) scale(1.1);
}
}
.banner-home-anim .owl-item.active .carousel-bg-wheel-animated {
animation: 4s homeWheelMove 1s ease-in-out forwards;
}
@-webkit-keyframes homeWheelMove {
100% {
transform: rotate(360deg);
}
}
@keyframes homeWheelMove {
100% {
transform: rotate(360deg);
}
}
.banner-home-anim .owl-item.active .carousel-bg-fadeout-animated {
animation: 4s homeFadeOut 1s ease-in-out forwards;
}
.banner-home-anim .owl-item.bounceOutLeft .carousel-bg-fadeout-animated {
opacity: 0;
}
@-webkit-keyframes homeFadeOut {
100% {
opacity: 1;
}
}
@keyframes homeFadeOut {
100% {
opacity: 0;
}
}
@media (max-width: 767px) {
.banner-home-anim .item-1 {
--pa-home-banner-translate-x: 140px;
}
}
@media (min-width: 768px) {
.banner-home-anim {
height: 500px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.banner-home-anim-wrapper {
position: relative;
height: 100%;
max-height: none;
width: 100%;
object-fit: contain;
aspect-ratio: 575 / 760;
}
.banner-home-anim .item {
transform: translateY(32px);
}
.banner-home-anim .banner-home-anim-grid {
display: block;
position: absolute;
bottom: -12px;
left: -12px;
right: -12px;
width: calc(100% + 24px);
height: auto;
}
.banner-home-anim .carousel-home-content {
top: auto;
bottom: 25%;
transform: translateY(50%);
justify-content: center;
}
.banner-home-anim .item-1 .carousel-home-content,
.banner-home-anim .item-2 .carousel-home-content {
bottom: 35%;
}
.banner-home-anim .item-3 .carousel-home-content {
bottom: 50%;
}
.banner-home-anim .carousel-home-card {
border-radius: 0.25rem;
padding: 0.5rem 1rem;
}
@-webkit-keyframes bounceOutLeft {
0% {
opacity: 1;
transform: translate(0, 0) scale(1);
}
100% {
opacity: 0;
transform: translate(-100%, 50%) scale(0.5);
}
}
@keyframes bounceOutLeft {
0% {
opacity: 1;
transform: translate(0, 0) scale(1);
}
100% {
opacity: 0;
transform: translate(-100%, 50%) scale(0.5);
}
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
transform: translate(100%, 50%) scale(0.5);
}
100% {
opacity: 1;
transform: translate(0, 0) scale(1);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translate(100%, 50%) scale(0.5);
}
100% {
opacity: 1;
transform: translate(0, 0) scale(1);
}
}
.banner-home-anim .owl-item #carousel-bg-icon-1,
.banner-home-anim .owl-item #carousel-bg-icon-2,
.banner-home-anim .owl-item #carousel-bg-icon-3,
.banner-home-anim .owl-item #carousel-bg-icon-4,
.banner-home-anim .owl-item #carousel-bg-icon-5,
.banner-home-anim .owl-item #carousel-bg-icon-6,
.banner-home-anim .owl-item #carousel-bg-icon-7,
.banner-home-anim .owl-item #carousel-bg-icon-8,
.banner-home-anim .owl-item #carousel-bg-icon-9,
.banner-home-anim .owl-item #carousel-bg-icon-10 {
display: block;
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
aspect-ratio: 1;
background-color: var(--content-color);
}
.banner-home-anim .owl-item #carousel-bg-icon-1 {
bottom: 75%;
left: 60.35%;
width: 14%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-compas.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-compas.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-4 {
bottom: 35%;
left: 13.21%;
width: 25%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-formule-3.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-formule-3.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-2 {
bottom: 54%;
left: 12.35%;
width: 15%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-fiole.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-fiole.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-3 {
bottom: 0%;
left: 55%;
width: 40%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-eolienne.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-eolienne.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-5 {
bottom: 65%;
left: 70%;
width: 12%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-atome.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-atome.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-7 {
bottom: 90%;
left: 65%;
width: 12%;
transform: rotate(60deg);
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-puce.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-puce.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-8 {
bottom: 40%;
left: 12%;
width: 20%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-formule-2.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-formule-2.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-9 {
bottom: 14%;
left: 78%;
width: 15%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-formule-1.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-formule-1.png);
}
.banner-home-anim .owl-item #carousel-bg-icon-10 {
bottom: 25%;
left: 71%;
width: 18%;
-webkit-mask-image: url(/theme/fr/assets/img/pictos/pa-circuit.png);
mask-image: url(/theme/fr/assets/img/pictos/pa-circuit.png);
}
}
@media (min-width: 992px) {
.banner-home-anim {
height: 600px;
display: flex;
justify-content: center;
align-items: flex-end;
}
.banner-home-anim .carousel-home-card-text {
font-size: 1.875rem;
letter-spacing: -1.835px;
padding: 1rem 0;
}
.banner-home-anim .carousel-home-card-star {
top: -1.125rem;
width: 2.5rem;
height: 2.5rem;
}
.banner-home-anim .item-1 .carousel-home-card-star,
.banner-home-anim .item-2 .carousel-home-card-star {
left: -1.125rem;
}
.banner-home-anim .item-3 .carousel-home-card-star {
right: -1.125rem;
}
.banner-home-anim .carousel-home-card-quote {
bottom: -1.125rem;
width: 2.5rem;
height: 2.25rem;
}
}
@media (min-width: 1600px) {
.banner-home-anim {
height: 600px;
}
.banner-home-anim-wrapper {
left: -91px;
}
}
/* Billet banniere pleine largeur */
.pa-banner-fullwidth {
position: relative;
overflow: hidden;
color: var(--content-color);
}
.pa-banner-fullwidth.cpge {
background: linear-gradient(205deg, #EA5C18 38.94%, #F14B98 73.56%, #C50341 89.9%);
--content-color: var(--pa-color-white);
--content-color-rgb: var(--pa-color-white-rgb);
}
.pa-banner-fullwidth.post-bac.ingenieur .chemin,
.pa-banner-fullwidth.cpge .chemin {
--pa-breadcrumb-icon: url('data:image/svg+xml,');
}
/* Je postule */
.pa-banner-fullwidth.je-postule {
background-color: var(--pa-color-cerise);
--content-color: var(--pa-color-dark);
--content-color-rgb: var(--pa-color-dark-rgb);
}
/* Ingenieur */
.pa-banner-fullwidth.post-bac.ingenieur {
background: linear-gradient(205deg, #EA5C18 38.94%, #f244a6 89.9%);
--content-color: var(--pa-color-white);
--content-color-rgb: var(--pa-color-white-rgb);
}
/* Bachelor */
.pa-banner-fullwidth.post-bac.bachelor {
background: linear-gradient(205deg, #FFED01 25%, #FFF899 70%);
--content-color: var(--pa-color-dark);
--content-color-rgb: var(--pa-color-dark-rgb);
}
/* Admissions rebond */
.pa-banner-fullwidth.admissions-rebond {
background: linear-gradient(205deg, #95D6F3 55%, #2B6FCE 85%);
--content-color: var(--pa-color-dark);
--content-color-rgb: var(--pa-color-dark-rgb);
}
.pa-banner-fullwidth .banner-wrapper {
position: relative;
padding-bottom: 3rem;
}
.pa-banner-fullwidth .chemin {
--pa-breadcrumb-color: var(--content-color);
--pa-breadcrumb-color-rgb: var(--content-color-rgb);
}
.pleine-page .pa-banner-fullwidth .banner-wrapper {
padding-bottom: 4.5rem;
}
.pleine-page .pa-banner-fullwidth .banner-title {
margin-top: 3rem;
}
.pa-banner-fullwidth .banner-title .title {
margin-bottom: 0;
color: var(--content-color);
}
.pa-banner-fullwidth .banner-title .title+.h2 {
margin-top: 0.5rem;
}
.pa-banner-fullwidth .banner-wrapper h2,
.pa-banner-fullwidth .banner-wrapper .h2 {
font-family: var(--pa-font-serif);
font-size: 1.375rem;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.44px;
}
.pa-banner-fullwidth .banner-wrapper p,
.pa-banner-fullwidth .banner-wrapper ul,
.pa-banner-fullwidth .banner-wrapper ol {
margin-bottom: 0;
}
.pa-banner-fullwidth .banner-wrapper p+p {
margin-top: 1rem;
}
.pa-banner-fullwidth .banner-wrapper h2+p,
.pa-banner-fullwidth .banner-wrapper .h2+p,
.pa-banner-fullwidth .banner-wrapper p+h2,
.pa-banner-fullwidth .banner-wrapper p+.h2,
.pa-banner-fullwidth .banner-wrapper h2+ul,
.pa-banner-fullwidth .banner-wrapper .h2+ul,
.pa-banner-fullwidth .banner-wrapper ul+h2,
.pa-banner-fullwidth .banner-wrapper ul+.h2,
.pa-banner-fullwidth .banner-wrapper h2+ol,
.pa-banner-fullwidth .banner-wrapper .h2+ol .pa-banner-fullwidth .banner-wrapper ol+h2,
.pa-banner-fullwidth .banner-wrapper ol+.h2 {
margin-top: 1.5rem;
}
.pa-banner-fullwidth .scroll-area .scroll-area-btn {
margin-top: 1.5rem;
color: var(--content-color);
}
.pa-banner-fullwidth .banner-img-wrapper,
.pa-banner-fullwidth .banner-img-right {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.pa-banner-fullwidth .banner-img-right {
width: 100%;
height: 100%;
object-fit: contain;
object-position: bottom;
max-height: 650px;
}
.pa-banner-fullwidth .col-banner-image {
position: relative;
}
/*
.largeur-reduite
.pa-banner-fullwidth
.col-banner-image[class*="icon-"]::before {
display: block;
}
.largeur-reduite
.pa-banner-fullwidth
.col-banner-image[class*="icon-"]::before {
display: block;
} */
.largeur-reduite .pa-banner-fullwidth .col-banner-image.icon-wheel-amber::before {
background-image: url('data:image/svg+xml,');
}
.pa-banner-fullwidth .col-banner-image.icon-wheel-tickle-me-pink::before {
background-image: url('data:image/svg+xml,');
}
.largeur-reduite .pa-banner-fullwidth .col-banner-image.icon-wheel-tickle-me-pink::before {
background-image: url('data:image/svg+xml,');
}
.pa-banner-fullwidth .col-banner-image.icon-wheel-doly::before {
background-image: url('data:image/svg+xml,');
}
.largeur-reduite .pa-banner-fullwidth .col-banner-image.icon-wheel-doly::before {
background-image: url('data:image/svg+xml,');
}
.pa-banner-fullwidth .col-banner-image.icon-wheel-neon-blue::before {
background-image: url('data:image/svg+xml,');
}
.largeur-reduite .pa-banner-fullwidth .col-banner-image.icon-wheel-neon-blue::before {
background-image: url('data:image/svg+xml,');
}
.pa-banner-fullwidth .col-banner-image.icon-wheel-lighter-blue::before {
background-image: url('data:image/svg+xml,');
}
.largeur-reduite .pa-banner-fullwidth .col-banner-image.icon-wheel-lighter-blue::before {
background-image: url('data:image/svg+xml,');
}
.largeur-reduite .pa-banner-fullwidth .banner-img-right {
max-height: 480px;
}
.pa-banner-fullwidth .banner-desc,
.pa-banner-fullwidth .banner-desc p {
font-size: 1rem;
line-height: 150%;
font-weight: 500;
letter-spacing: -0.16px;
}
@media (min-width: 992px) {
.pa-banner-fullwidth {
min-height: 560px;
display: flex;
}
.largeur-reduite .pa-banner-fullwidth {
align-items: end;
}
.pa-banner-fullwidth .col-banner-content {
display: flex;
flex-direction: column;
justify-content: center;
flex: 0 0 auto;
width: 58.33333333%;
}
.pa-banner-fullwidth.je-postule .col-banner-content {
justify-content: flex-end;
}
.pa-banner-fullwidth .col-banner-image {
flex: 0 0 auto;
width: 41.66666667%;
}
.largeur-reduite .pa-banner-fullwidth .col-banner-content,
.largeur-reduite .pa-banner-fullwidth .col-banner-image {
width: 50%;
}
.pa-banner-fullwidth .icon-image::before {
display: block;
}
}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {
.pleine-page .pa-banner-fullwidth .banner-wrapper {
padding-bottom: 7rem;
}
}
@media (min-width: 1600px) {
.pleine-page .pa-banner-fullwidth .banner-wrapper:not(:has(.btn)) {
padding-bottom: 9rem;
}
}
/* Landing pages */
.landing #header .container {
--bs-gutter-x: 2rem;
}
.landing #main .container {
--bs-gutter-x: 2.5rem;
}
/* Billet banniere landing */
.pa-banner-landing {
position: relative;
background-color: var(--pa-color-neon-blue);
color: var(--content-color);
overflow: clip;
}
.pa-banner-landing.bg-puissance-alpha {
background: linear-gradient(205deg, #EA5C18 38.94%, #F14B98 73.56%, #C50341 89.9%);
--content-color: var(--pa-color-white);
--content-color-rgb: var(--pa-color-white-rgb);
}
.pa-banner-landing.bg-ingenieurs {
background: linear-gradient(205deg, #EA5C18 38.94%, #f244a6 89.9%);
--content-color: var(--pa-color-white);
--content-color-rgb: var(--pa-color-white-rgb);
}
.pa-banner-landing.bg-bachelors {
background: linear-gradient(205deg, #FFED01 25%, #FFF899 70%);
--content-color: var(--pa-color-dark);
--content-color-rgb: var(--pa-color-dark-rgb);
}
.pa-banner-landing.bg-rebond {
background: linear-gradient(205deg, #95D6F3 55%, #2B6FCE 85%);
--content-color: var(--pa-color-dark);
--content-color-rgb: var(--pa-color-dark-rgb);
}
.banner-landing-content {
display: flex;
flex-direction: column;
gap: 0.5rem;
position: relative;
z-index: 1;
}
.banner-landing-content::before {
content: "";
position: absolute;
top: 1.625rem;
left: -2.25rem;
width: 100px;
height: 100px;
-webkit-mask-image: url('/theme/fr/assets/img/pictos/pa-atome.png');
mask-image: url('/theme/fr/assets/img/pictos/pa-atome.png');
mask-size: contain;
mask-position: center;
mask-repeat: no-repeat;
background-color: var(--content-color);
z-index: -1;
animation: lp_banner_vertical_slide 13s infinite ease-out;
}
.banner-landing-headings {
display: flex;
flex-direction: column;
gap: 0.75rem;
font-family: var(--pa-font-sans-serif);
}
.banner-landing-title {
font-size: 3.5rem;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.56px;
margin-bottom: 0;
}
.banner-landing-sstitle {
font-size: 2.1675rem;
font-weight: 700;
line-height: 110%;
/* 38.5px */
letter-spacing: 0.35px;
margin-bottom: 0;
}
.banner-landing-ecole-wrapper {
position: relative;
display: flex;
padding: 0 0 1.5rem;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
align-self: stretch;
}
.banner-landing-ecole-col {
position: relative;
}
.banner-landing-ecole-list {
display: flex;
align-items: center;
gap: 0.5rem;
position: absolute;
}
.banner-landing-ecole-item {
display: flex;
width: fit-content;
max-width: 310px;
height: 104px;
flex-shrink: 0;
padding: 0.5rem 0.75rem;
align-items: center;
gap: 1rem;
background-color: var(--pa-color-white);
border-radius: 0.75rem;
}
.banner-landing-ecole-logo {
width: 5.5rem;
height: 5.5rem;
object-fit: contain;
flex-shrink: 0;
}
.banner-landing-ecole-content {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
flex: 1 0 0;
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
}
.banner-landing-ecole-name {
font-size: 1.125rem;
font-weight: 700;
line-height: 148%;
margin-bottom: 0;
}
.banner-landing-ecole-address {
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
margin-bottom: 0;
}
#banner-landing-liste-ecoles::before {
position: absolute;
background-image: url('data:image/svg+xml,');
}
@media (max-width: 991.98px) {
.banner-landing-content {
padding: 4rem 0 1.5rem;
}
.banner-landing-headings {
padding: 0 0.75rem;
}
#banner-landing-liste-ecoles::before {
top: 84px;
left: 50%;
transform: translateX(-50%);
}
.banner-landing-ecole-col {
width: 100%;
height: 104px;
}
.banner-landing-ecole-list {
height: 104px;
width: max-content;
}
#liste-ecoles-1 .banner-landing-ecole-list {
animation: lp_banner_left_col_slide 20s ease-in-out 1s infinite alternate none;
}
#liste-ecoles-2 .banner-landing-ecole-list {
transform: translateX(-65%);
left: 65%;
animation: lp_banner_right_col_slide_begin 14s ease-out,
lp_banner_right_col_slide 20s ease-in-out 14s infinite alternate none;
}
.banner-landing-content::before {
top: 1.625rem;
left: -2.25rem;
}
@-webkit-keyframes lp_banner_vertical_slide {
25%,
100% {
top: 1.625rem;
width: 100px;
height: 100px;
transform: rotate(0);
opacity: 1;
}
50%,
92% {
top: calc(100% - 138px);
width: 138px;
height: 138px;
transform: rotate(60deg);
opacity: 0.6;
}
}
@-webkit-keyframes lp_banner_right_col_slide_begin {
0% {
transform: translateX(-65%);
left: 65%;
}
97%,
100% {
transform: translateX(-100%);
left: 100%;
}
}
@-webkit-keyframes lp_banner_right_col_slide {
0%,
3% {
transform: translateX(-100%);
left: 100%;
}
97%,
100% {
transform: translateX(0);
left: 0;
}
}
@-webkit-keyframes lp_banner_left_col_slide {
0%,
3% {
transform: translateX(0);
left: 0;
}
97%,
100% {
transform: translateX(-100%);
left: 100%;
}
}
}
@media (min-width: 768px) {
.banner-landing-content {
gap: 1.5rem;
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.banner-landing-content {
margin-bottom: 2.5rem;
}
.banner-landing-headings::before {
top: -3rem;
left: -3rem;
}
.banner-landing-title {
font-size: 4.9375rem;
line-height: 113%;
letter-spacing: 0.79px;
text-transform: uppercase;
}
.banner-landing-sstitle {
font-size: 2.5rem;
line-height: 110%;
letter-spacing: 0.8px;
}
#banner-landing-liste-ecoles {
position: relative;
height: 100%;
}
.banner-landing-ecole-wrapper {
flex-direction: row;
transform: rotate(15deg);
position: absolute;
top: -6.75rem;
left: 0;
height: calc(100% + 13.5rem);
width: 634px;
}
.banner-landing-ecole-list {
flex-direction: column;
flex-shrink: 0;
width: 309px;
gap: 1rem;
left: 0;
}
.banner-landing-ecole-col {
width: 309px;
height: 100%;
}
#liste-ecoles-1 .banner-landing-ecole-list {
transform: translateY(-28%);
top: 28%;
animation: lp_banner_left_col_slide_begin 13s ease-out,
lp_banner_left_col_slide 20s ease-in-out 13s infinite alternate none;
}
#liste-ecoles-2 .banner-landing-ecole-list {
animation: lp_banner_right_col_slide 20s ease-in-out 2s infinite alternate none;
}
.banner-landing-ecole-item {
width: 100%;
height: auto;
}
#banner-landing-liste-ecoles::before {
top: -95px;
left: -250px;
}
.banner-landing-desc {
margin-top: 1.5rem;
font-size: 1.375rem;
line-height: 125%;
}
.banner-landing-desc>*:last-child {
margin-bottom: 0;
}
.banner-landing-content::before {
top: -3rem;
left: -3rem;
}
@-webkit-keyframes lp_banner_vertical_slide {
25%,
100% {
top: -3rem;
width: 100px;
height: 100px;
transform: rotate(0);
opacity: 1;
}
50%,
92% {
top: calc(100% - 174px);
width: 138px;
height: 138px;
transform: rotate(60deg);
opacity: 0.6;
}
}
@-webkit-keyframes lp_banner_left_col_slide_begin {
0% {
transform: translateY(-28%);
top: 28%;
}
97%,
100% {
/* transform: translateY(-100%);
top: 100%; */
transform: translateY(-100%);
top: calc(100% - 87px);
}
}
@-webkit-keyframes lp_banner_left_col_slide {
0%,
3% {
transform: translateY(-100%);
top: calc(100% - 87px);
}
97%,
100% {
transform: translateY(0);
top: 87px;
}
}
@-webkit-keyframes lp_banner_right_col_slide {
0%,
3% {
transform: translateY(0);
top: 0;
}
97%,
100% {
transform: translateY(-100%);
top: calc(100% - 150px);
}
}
}
@media (min-width: 1200px) {
/* .banner-landing-ecole-wrapper {
right: 83px;
} */
#banner-landing-liste-ecoles::before {
left: -61px;
}
.banner-landing-ecole-wrapper {
left: 120px;
}
}
/* Billet banniere ecoles */
.pa-banner-ecole {
padding-top: calc(var(--pa-banner-padding-top) + var(--pa-header-alert-height) + 1.5rem);
padding-bottom: 3rem;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.pa-banner-ecole.pa-formulaire-validation {
padding-bottom: 0;
}
.pa-banner-ecole.pa-formulaire-validation .banner-content-wrapper {
padding-bottom: 3rem;
}
.pa-formulaire-validation .banner-content,
.pa-formulaire-validation .banner-buttons {
margin-top: 2rem;
}
.pa-formulaire-validation .banner-buttons {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.blog-billet .pa-banner-ecole {
padding-bottom: 2rem;
}
.pa-banner-ecole .banner-logo-wrapper {
background: var(--pa-color-white);
border-radius: 0.375rem;
width: 176px;
height: 121px;
padding: 0.25rem 1rem;
margin-bottom: 1rem;
}
.pa-banner-ecole .banner-logo-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pa-banner-standard .banner-logo-wrapper {
border-radius: 0;
padding: 1rem;
width: 124px;
height: auto;
}
.banner-title {
margin-bottom: 0;
}
.banner-title .uppertitle {
display: block;
font-family: var(--pa-font-serif-condensed);
font-size: 2.6875rem;
font-feature-settings: "calt" off;
font-weight: 700;
letter-spacing: 0.79px;
line-height: 130%;
margin-bottom: 0;
}
.banner-title .title {
display: block;
font-family: var(--pa-font-sans-serif);
font-size: 4.9375rem;
font-weight: 700;
line-height: 113%;
letter-spacing: 0.79px;
text-transform: uppercase;
margin-bottom: -0.25em;
}
.blog .banner-title .title {
margin-top: 2rem;
}
.blog-billet .banner-title .title {
font-size: 4rem;
}
.sidebar-gauche-agenda .pa-banner-ecole {
background-color: var(--pa-color-doly);
}
.sidebar-gauche-agenda .pa-banner-ecole .banner-title .title {
color: var(--pa-color-orange);
}
/* Billet CTA - Call to action */
.pa-cta-content {
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
}
.pa-cta-content p:last-child {
margin-bottom: 0;
}
.pa-cta-img {
height: auto;
}
@media (min-width: 992px) {
.pa-banner-ecole {
padding-bottom: 4rem;
min-height: 560px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
display: flex;
align-items: flex-end;
}
.pa-banner-ecole.pa-formulaire-validation .banner-content-wrapper {
padding-bottom: 4rem;
}
.pa-cta-img {
margin-top: -27px;
margin-bottom: -27px;
}
.pa-cta-content {
flex: 0 0 auto;
width: 83.33333333%;
line-height: 173%;
}
.largeur-reduite .content .pa-cta-content {
width: 100%;
}
.sidebar-gauche .content .pa-cta-content {
width: 100%;
}
.pa-banner-ecole .banner-logo-wrapper {
margin-bottom: 0;
}
.largeur-reduite .content .pa-call-to-action>.container>.row {
flex-direction: column;
}
}
@media (min-width: 1200px) {
.pa-cta-content {
width: 66.66666667%;
}
.sidebar-gauche .content .pa-cta-content {
width: 83.33333333%;
}
}
@media (min-width: 1400px) {
.pa-cta-content {
width: 58.33333333%;
}
.sidebar-gauche .content .pa-cta-content {
width: 83.33333333%;
}
}
/* Billet banniere standard */
.pa-banner .col-banner-content {
z-index: 1;
}
.pa-simple-logo-list {
display: none;
}
.col-banner-sidebar.logo,
.pa-simple-logo-list.logo {
display: flex;
gap: 1.5rem;
}
.pa-simple-logo-list.logo .pa-simple-logo {
margin-top: 1rem;
}
@media (min-width: 992px) {
.sidebar-gauche .pa-banner .col-banner-sidebar {
flex: 0 0 auto;
width: 33.33333333%;
}
.sidebar-gauche .pa-banner:not(.pa-banner-fullwidth) .col-banner-content {
flex: 0 0 auto;
width: 66.66666667%;
}
.col-banner-sidebar.logo {
justify-content: flex-end;
}
.pa-simple-logo-list.logo .pa-simple-logo {
margin-top: 0;
}
.sidebar-gauche .pa-banner:not(.pa-banner-fullwidth) .col-banner-content:first-child {
margin-left: 33.33333333%;
}
.pleine-page .pa-banner .sidebar-gutter,
.largeur-reduite .pa-banner .sidebar-gutter {
justify-content: center;
}
.largeur-reduite .pa-banner-standard .col-banner-content {
width: var(--pa-largeur-reduite-width);
}
}
@media (min-width: 1200px) {
.sidebar-gauche-standard .pa-banner .col-banner-sidebar,
.sidebar-gauche-sommaire-ecole .pa-banner .col-banner-sidebar {
width: 25%;
}
.sidebar-gauche-standard .pa-banner:not(.pa-banner-fullwidth) .col-banner-content,
.sidebar-gauche-sommaire-ecole .pa-banner:not(.pa-banner-fullwidth) .col-banner-content {
width: 75%;
}
.sidebar-gauche-standard .pa-banner:not(.pa-banner-fullwidth) .col-banner-content:first-child,
.sidebar-gauche-sommaire-ecole .pa-banner:not(.pa-banner-fullwidth) .col-banner-content:first-child {
margin-left: 25%;
}
/* .pleine-page .pa-banner .col-banner-content {
flex: 0 0 auto;
width: 75%;
} */
}
@media (min-width: 1400px) {
/* .pleine-page .pa-banner .col-banner-content {
width: 66.66666667%;
} */
}
@media (min-width: 1600px) {
/* .pleine-page .pa-banner .col-banner-content {
width: 58.33333333%;
} */
}
/* Billet sommaire agenda filtre */
.pa-sommaire-agenda .liste-agenda-filtre {
--bs-gutter-y: 3rem;
}
.pa-sommaire-agenda .liste-agenda-filtre+.btn {
margin-top: 3rem;
}
.sidebar-gauche .content .pa-sommaire-agenda .liste-agenda-filtre {
--bs-gutter-y: 2.5rem;
}
@media (min-width: 992px) {
.pa-sommaire-agenda .media-list {
max-width: 50%;
}
.sidebar-gauche .content .pa-sommaire-agenda .media-list,
.largeur-reduite .content .pa-sommaire-agenda .media-list {
max-width: 100%;
}
}
@media (min-width: 1400px) {
.sidebar-gauche .content .pa-sommaire-agenda .media-list {
max-width: 50%;
}
}
/* Composants du site web */
/* Composant Labels */
.pa-labels .labels-list {
display: flex;
flex-wrap: wrap;
gap: 2.5rem;
flex-direction: column;
align-items: center;
}
.pa-labels .labels-logo {
object-fit: contain;
width: 100%;
height: 100%;
max-height: 152px;
max-width: 350px;
}
@media (min-width: 992px) {
.pa-labels .labels-list {
flex-direction: row;
}
}
/* Composant compte à rebours */
.countdown-wrapper {
position: relative;
z-index: 1;
}
.countdown-wrapper::before {
content: "";
position: absolute;
display: block;
width: 9.0625rem;
height: 9.0625rem;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
right: -4.75rem;
top: -4.125rem;
z-index: -1;
}
.countdown-card {
display: flex;
padding: 3rem;
border-radius: 1rem;
background-color: var(--pa-color-neon-blue);
color: var(--pa-color-white);
}
.countdown-date {
margin-bottom: 0;
text-align: center;
font-family: var(--pa-font-sans-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.8px;
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 992px) {
.countdown-wrapper::before {
right: -3.625rem;
top: -3.5rem;
}
}
/* Composant Je postule */
.pa-accordeon.je-postule .je-postule-title {
font-family: var(--pa-font-sans-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
/* 48px */
letter-spacing: 0.8px;
margin-bottom: 1.5rem;
}
.pa-accordeon.je-postule .accordion-item {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
padding: 0;
}
.pa-accordeon.je-postule .accordion-button {
display: inline;
padding: 2rem 4rem 2rem 2rem;
font-family: var(--pa-font-serif);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 125%;
letter-spacing: 0;
}
.pa-accordeon.je-postule .accordion-button::before,
.pa-accordeon.je-postule .accordion-button::after {
top: calc(50% - 1px);
right: 2rem;
}
.pa-accordeon.je-postule .accordion-body {
display: flex;
flex-direction: column;
font-size: 1rem;
font-weight: 500;
padding: 1.5rem 2rem 2rem;
}
.pa-accordeon.je-postule .accordion-body .section-content>*:last-child {
margin-bottom: 0;
}
.je-postule-item-header {
display: flex;
flex-direction: column;
gap: 2rem;
margin-bottom: 2rem;
}
.je-postule-item-title {
color: var(--pa-color-orange);
font-family: var(--pa-font-serif);
font-size: 1.875rem;
font-weight: 700;
line-height: 120%;
margin-bottom: 0;
}
.je-postule-item-logo {
width: 164px;
}
.je-postule-btn-list {
display: flex;
flex-direction: column;
}
.je-postule-btn-list.ms-auto {
margin-top: 2rem;
}
.je-postule-btn-item {
display: flex;
flex-direction: column;
position: relative;
margin-top: 2rem;
}
.je-postule-btn-list.ms-auto .je-postule-btn-item {
padding-top: 48px;
}
.je-postule-btn-list.ms-auto .je-postule-btn-item::before {
position: absolute;
left: 0;
top: 0;
font-family: var(--pa-font-serif);
font-size: 1.875rem;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.6px;
}
.je-postule-btn-list.ms-auto .je-postule-btn-item.disabled::before {
opacity: 0.5;
}
.je-postule-btn-list.ms-auto .je-postule-btn-item.etape-1::before {
content: "Étape 1";
}
.je-postule-btn-list.ms-auto .je-postule-btn-item.etape-2::before {
content: "Étape 2";
}
.je-postule-state-alert {
display: flex;
padding: 5px 12px;
margin: 0.5rem;
align-items: center;
gap: 4px;
border-radius: 24px;
border: 1px solid var(--Principale, #fb4c0d);
background: rgba(251, 76, 13, 0.1);
align-self: center;
color: var(--pa-color-orange);
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-weight: 500;
line-height: 150%;
}
.section.pa-accordeon.je-postule .section-content ul {
padding-left: 2.6875rem;
}
.section.pa-accordeon.je-postule .section-content ul>li:not(:last-child) {
margin-bottom: 1.5rem;
}
.section.pa-accordeon.je-postule .section-content ul>li::before {
top: 0.5rem;
left: -1.375rem;
}
.pa-accordeon.je-postule .accordion-body .section-content.bttm-content {
margin-top: 2rem;
}
@media (min-width: 576px) {
.je-postule-btn-list.ms-auto .je-postule-btn-item {
padding-top: 0;
padding-left: 128px;
}
.je-postule-btn-list.ms-auto .je-postule-btn-item::before {
top: 0.875rem;
}
}
@media (min-width: 768px) {
.je-postule-item-header {
flex-direction: row;
}
.je-postule-btn-list.ms-auto .je-postule-btn-item {
padding-right: 128px;
}
}
/* Composant temoignage ecrit */
.pa-temoignage-ecrit .pa-temoignage-identikit {
flex: 0 0 auto;
display: flex;
flex-direction: column;
gap: 3rem;
}
.pa-temoignage-ecrit .identikit-img {
width: 40%;
max-width: 320px;
border-radius: 0.375rem;
border: 2px solid var(--pa-color-dark-blue);
}
.pa-temoignage-ecrit .identikit-name {
color: var(--pa-color-dark-blue);
font-family: var(--pa-font-serif);
font-size: 1.875rem;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.6px;
}
.pa-temoignage-ecrit .identikit-status {
color: var(--pa-color-orange);
font-family: var(--pa-font-serif);
font-size: 1.375rem;
font-weight: 500;
line-height: 125%;
}
.pa-temoignage-ecrit .identikit-quote {
display: flex;
flex-direction: row;
gap: 1rem;
}
.pa-temoignage-ecrit .identikit-name+.identikit-quote,
.pa-temoignage-ecrit .identikit-status+.identikit-quote {
margin-top: 2.5rem;
}
.pa-temoignage-ecrit .identikit-quote-content {
color: var(--pa-color-dark-blue);
font-size: 1rem;
font-weight: 500;
line-height: 148%;
}
.identikit-quote-content>*:last-child {
margin-bottom: 0;
}
.pa-temoignage-ecrit .identikit-quote-icon {
flex-shrink: 0;
width: 43px;
height: 37px;
padding: 4px 0;
}
.pa-temoignage-ecrit .pa-temoignage-answer-list {
display: flex;
flex-direction: column;
gap: 3rem;
}
.pa-temoignage-ecrit .pa-temoignage-answer-list:not(.scroll-area-content) {
margin-top: 3rem;
}
.pa-temoignage-ecrit .pa-temoignage-answer-question {
font-family: var(--pa-font-serif);
color: var(--pa-color-orange);
font-size: 1.375rem;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.44px;
margin-bottom: 0.75rem;
}
.pa-temoignage-answer-content {
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
}
.pa-temoignage-answer-content>*:last-child {
margin-bottom: 0;
}
.pa-temoignage-open-area,
.pa-temoignage-close-area .scroll-area-btn {
margin-top: 2rem;
}
.pa-temoignage-ecrit .justify-content-center .pa-temoignage-close-area {
justify-content: center;
display: flex;
}
@media (min-width: 768px) {
.pa-temoignage-ecrit .pa-temoignage-identikit {
flex-direction: row;
align-items: center;
}
.pa-temoignage-ecrit .pa-temoignage-answer-list.scroll-area-content.expand {
margin-top: 3rem;
}
}
@media (min-width: 992px) {
.pa-temoignage-open-area {
height: 1.75rem;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-end;
}
}
@media (min-width: 1600px) {
.pa-temoignage-ecrit .pa-temoignage-identikit {
width: 83.33333333%;
}
.largeur-reduite .content .pa-temoignage-ecrit .pa-temoignage-identikit {
width: 100%;
}
}
/* Composant carrousel campus - liste campus */
.carrousel-campus-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 1rem;
}
.carrousel-campus-list.owl-loaded {
padding-right: 0;
gap: 1.5rem;
}
.carrousel-campus-list .owl-stage {
padding-left: 0 !important;
display: flex;
gap: 1rem 0;
}
.carrousel-campus-item {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
padding: 2rem;
background-color: var(--pa-color-doly);
width: 100%;
/* min-width: 310px; */
/* max-width: 510px; */
}
.carrousel-campus-item>*:last-child {
margin-bottom: 0;
}
.carrousel-campus-name {
color: var(--pa-color-orange);
font-family: var(--pa-font-sans-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.8px;
}
.carrousel-campus-contact-infos {
display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-start;
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1.375rem;
font-weight: 500;
line-height: 125%;
}
.carrousel-campus-contact-infos .contact-infos-mail {
color: var(--pa-color-dark);
}
.carrousel-campus-contact-infos .contact-infos-phone {
color: var(--pa-color-dark);
text-decoration: none;
}
.carrousel-campus-contact-infos+.carrousel-campus-address {
margin-top: 1.5rem;
}
.carrousel-campus-address {
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
}
@media (min-width: 576px) {
.carrousel-campus-list {
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
}
.owl-next i.fa.fa-chevron-right {
width: 1.5rem;
height: 1.5rem;
margin-top: 0.25rem;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.owl-prev i.fa.fa-chevron-left {
width: 1.5rem;
height: 1.5rem;
margin-top: 0.25rem;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* Composant sommaire colonne */
.pa-sommaire .sommaire-list {
--bs-gutter-x: 2rem;
}
.pa-sommaire .sommaire-item {
height: 100%;
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.pa-sommaire .sommaire-content {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.pa-sommaire .sommaire-item .sommaire-title {
font-family: var(--pa-font-serif);
}
.pa-sommaire .sommaire-item .sommaire-uppertitle {
display: block;
font-size: 1.375rem;
font-weight: 500;
line-height: 125%;
letter-spacing: -0.21px;
}
.pa-sommaire .sommaire-item .sommaire-maintitle {
display: block;
color: var(--pa-color-orange);
font-size: 2.25rem;
font-weight: 700;
line-height: 120%;
letter-spacing: -0.44px;
}
.pa-sommaire .sommaire-desc {
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
}
.pa-sommaire .sommaire-btn {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.pa-sommaire .sommaire-btn .btn:not(:last-child) {
margin-bottom: 1rem;
}
.pa-sommaire .sommaire-desc strong {
font-weight: 700;
}
.pa-sommaire .sommaire-title,
.pa-sommaire .sommaire-desc p:last-child {
margin-bottom: 0;
}
@media (min-width: 576px) {
.pa-sommaire .sommaire-btn {
align-items: flex-start;
}
}
@media (min-width: 768px) {
.pa-sommaire .sommaire-item {
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 992px) {
.pa-sommaire .sommaire-desc {
line-height: 173%;
}
/* .pa-sommaire .sommaire-item, */
.largeur-reduite .content .pa-sommaire .sommaire-item {
width: 33.33333333%;
}
.sidebar-gauche .content .pa-sommaire .sommaire-item {
width: 50%;
}
}
@media (min-width: 1200px) {
.sidebar-gauche .content .pa-sommaire .sommaire-item {
width: 33.33333333%;
}
.pa-sommaire .sommaire-item {
width: 25%;
}
}
/* Composant sommaire détaillé */
.pa-sommaire-detail .sommaire-list {
display: flex;
flex-direction: column;
gap: 3rem;
}
.pa-sommaire-detail .sommaire-item {
position: relative;
display: flex;
flex-direction: column;
gap: 2rem;
background-color: var(--pa-color-doly);
padding: 2rem;
border-radius: 0.375rem;
width: calc(100% + 4rem);
margin-left: -2rem;
margin-right: -2rem;
border: 2px solid var(--pa-color-doly);
transition: all 300ms ease-out;
}
.pa-sommaire-detail .sommaire-item:hover,
.pa-sommaire-detail .sommaire-item:focus-within {
border-color: var(--pa-color-dark);
}
.pa-sommaire-detail .sommaire-content {
display: flex;
width: 100%;
flex-direction: column;
align-items: flex-start;
align-self: center;
flex: 0 0 auto;
}
.pa-sommaire-detail .sommaire-image {
flex: 0 0 auto;
width: 100%;
height: 300px;
}
.pa-sommaire-detail .sommaire-image>img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0.375rem;
}
.pa-sommaire-detail .sommaire-link::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.pa-sommaire-detail .sommaire-desc {
margin-top: 1rem;
margin-bottom: 1.5rem;
}
.pa-sommaire-detail .sommaire-desc>* {
margin-bottom: 0;
}
.pa-sommaire-detail .sommaire-link {
color: var(--pa-color-dark);
text-decoration: none;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
padding: 0.125rem 0;
margin-top: auto;
transition: all 200ms ease-out;
}
.pa-sommaire-detail .sommaire-link:hover,
.pa-sommaire-detail .sommaire-link:focus {
color: var(--pa-color-dark);
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 1);
}
@media (min-width: 576px) {
.pa-sommaire-detail .sommaire-item {
flex-direction: column;
gap: 2rem;
padding: 2rem;
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 992px) {
.pleine-page .pa-sommaire-detail .sommaire-item {
flex-direction: row;
flex-wrap: wrap;
padding: 3rem;
gap: 2.5rem;
}
.pleine-page .pa-sommaire-detail .sommaire-image {
flex: 0 0 auto;
width: calc(40% - 1.25rem);
height: auto;
min-height: 300px;
}
.pleine-page .pa-sommaire-detail .sommaire-content.has-image {
width: calc(60% - 1.25rem);
}
}
@media (min-width: 1200px) {
.sidebar-gauche .content .pa-sommaire-detail .sommaire-item,
.largeur-reduite .content .pa-sommaire-detail .sommaire-item {
width: calc(100% + 4rem);
margin-left: -2rem;
margin-right: -2rem;
}
.pleine-page .pa-sommaire-detail .sommaire-list {
flex-direction: row;
}
.pleine-page .pa-sommaire-detail .sommaire-item {
flex: 0 0 auto;
width: calc(50% - 1.5rem);
}
.pleine-page .pa-sommaire-detail .sommaire-item {
flex-direction: row;
flex-wrap: wrap;
padding: 3rem;
gap: 2.5rem;
}
.pleine-page .pa-sommaire-detail .sommaire-image {
width: 100%;
height: 300px;
}
.pleine-page .pa-sommaire-detail .sommaire-content.has-image {
width: 100%;
}
.pa-sommaire-detail .sommaire-item {
flex-direction: row;
flex-wrap: wrap;
padding: 3rem;
gap: 2.5rem;
}
.pa-sommaire-detail .sommaire-image {
flex: 0 0 auto;
width: calc(40% - 1.25rem);
height: auto;
min-height: 300px;
}
.pa-sommaire-detail .sommaire-content.has-image {
width: calc(60% - 1.25rem);
}
}
@media (min-width: 1400px) {
.sidebar-gauche .content .pa-sommaire-detail .sommaire-item,
.largeur-reduite .content .pa-sommaire-detail .sommaire-item {
width: calc(100% + 6rem);
margin-left: -3rem;
margin-right: -3rem;
}
}
@media (min-width: 1600px) {
.sidebar-gauche .content .pa-sommaire-detail .sommaire-item,
.largeur-reduite .content .pa-sommaire-detail .sommaire-item {
width: calc(100% + 8rem);
margin-left: -4rem;
margin-right: -4rem;
}
}
/* Composant chiffres cles */
.pleine-page .pa-chiffres-cles .chiffres-cles-list,
.largeur-reduite .pa-chiffres-cles .chiffres-cles-list {
margin-bottom: 2rem;
}
.landing #main .pa-chiffres-cles .chiffres-cles-list {
margin-bottom: 0;
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section[class*="bg-"]) {
--pa-section-padding-bottom: 1rem;
position: relative;
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section[class*="bg-"])::after {
content: '';
position: absolute;
bottom: 0;
width: 100%;
height: calc(100px + var(--pa-section-padding-bottom));
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-doly)::after {
background-color: var(--pa-color-doly);
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-amber)::after {
background-color: var(--pa-color-amber-50);
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-orange)::after {
background-color: var(--pa-color-orange);
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-neon-blue)::after {
background-color: var(--pa-color-neon-blue);
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-dark-blue)::after {
background-color: var(--pa-color-dark-blue);
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-cerise)::after {
background-color: var(--pa-color-cerise-50);
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section.bg-lighter-blue)::after {
background-color: var(--pa-color-lighter-blue);
}
.pa-chiffres-cles .chiffres-cles-list {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0;
justify-content: center;
z-index: 1;
}
.pa-chiffres-cles .chiffres-cles-item {
position: relative;
aspect-ratio: 1/1;
display: flex;
align-items: center;
justify-content: center;
padding: 0.5rem;
width: 175px;
max-width: 100%;
}
.pa-chiffres-cles .chiffres-cles-item-bg {
position: absolute;
width: 100%;
height: 100%;
object-fit: contain;
}
.pa-chiffres-cles.img-tickle-me-pink .chiffres-cles-item-bg path {
fill: var(--pa-color-tickle-me-pink);
}
.pa-chiffres-cles.img-orange .chiffres-cles-item-bg path {
fill: var(--pa-color-orange);
}
.pa-chiffres-cles.img-doly .chiffres-cles-item-bg path {
fill: var(--pa-color-doly);
}
.pa-chiffres-cles.img-amber .chiffres-cles-item-bg path {
fill: var(--pa-color-amber);
}
.pa-chiffres-cles.img-neon-blue .chiffres-cles-item-bg path {
fill: var(--pa-color-neon-blue);
}
.pa-chiffres-cles.img-orange .chiffres-cles-content *,
.pa-chiffres-cles.img-neon-blue .chiffres-cles-content * {
color: var(--pa-color-white);
}
.pa-chiffres-cles.img-doly .chiffres-cles-content *,
.pa-chiffres-cles.img-amber .chiffres-cles-content * {
color: var(--pa-color-orange);
}
.pa-chiffres-cles .chiffres-cles-content {
position: relative;
text-align: center;
margin-bottom: 0;
}
.pa-chiffres-cles .chiffres-cles-nb {
display: block;
font-family: var(--pa-font-sans-serif);
font-size: 3rem;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.64px;
}
.pa-chiffres-cles .chiffres-cles-desc {
display: block;
font-size: 0.69625rem;
font-weight: 500;
line-height: 135%;
letter-spacing: 0;
}
@media (min-width: 576px) {
.pa-chiffres-cles .chiffres-cles-list {
gap: 0.75rem;
justify-content: flex-start;
}
}
@media (min-width: 992px) {
.pa-chiffres-cles .chiffres-cles-list {
gap: 0.75rem;
}
.pa-chiffres-cles .chiffres-cles-item {
padding: 1.75rem;
width: 220px;
}
.pa-chiffres-cles .chiffres-cles-nb {
font-size: 4rem;
letter-spacing: 0.64px;
}
.pa-chiffres-cles .chiffres-cles-desc {
font-size: 1rem;
letter-spacing: -0.16px;
}
.landing #content .pa-chiffres-cles:not([class*="bg-"]):has(+.section[class*="bg-"])::after {
height: calc(116px + var(--pa-section-padding-bottom));
}
}
/* Composant accordeon */
.pa-accordeon .accordion {
--bs-accordion-color: var(--pa-color-dark);
--bs-accordion-bg: transparent;
--bs-accordion-border-color: transparent;
--bs-accordion-border-width: 0;
--bs-accordion-border-radius: 0;
--bs-accordion-inner-border-radius: 0;
--bs-accordion-btn-padding-x: 0;
--bs-accordion-btn-padding-y: 1.5rem;
--bs-accordion-btn-color: var(--color-dark);
--bs-accordion-btn-bg: transparent;
--bs-accordion-btn-focus-box-shadow: none;
--bs-accordion-body-padding-x: 0;
--bs-accordion-body-padding-y: 0;
--bs-accordion-active-color: var(--pa-color-dark);
--bs-accordion-active-bg: transparent;
--bs-accordion-btn-icon: none;
--bs-accordion-btn-active-icon: none;
--bs-accordion-btn-icon-transform: rotate(0);
}
.pa-accordeon .accordion-item {
border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.25);
margin-bottom: 1.5rem;
}
.pa-accordeon .accordion-button {
font-family: var(--pa-font-sans-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.8px;
padding-top: 0;
padding-right: 32px;
}
.pa-accordeon.faq .accordion-button {
font-family: "Roslindale";
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.44px;
}
.pa-accordeon .accordion-button:focus-visible {
outline: auto;
}
.pa-accordeon .accordion-button::before,
.pa-accordeon .accordion-button::after {
content: "";
position: absolute;
right: 0;
width: 16px;
height: 3px;
background-color: var(--pa-color-orange);
}
.pa-accordeon .accordion-button.no-cross::before,
.pa-accordeon .accordion-button.no-cross::after {
display: none;
}
.pa-accordeon .accordion-button.collapsed::after {
transform: rotate(-90deg);
}
.pa-accordeon .accordion-body {
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
padding: 0 0 1.5rem;
}
.pa-accordeon .accordion-body>*:last-child {
margin-bottom: 0;
}
.pa-accordeon .accordion-body h4,
.pa-accordeon .accordion-body .h4,
.pa-accordeon .accordion-body h5,
.pa-accordeon .accordion-body .h5,
.pa-accordeon .accordion-body h6,
.pa-accordeon .accordion-body .h6 {
font-family: var(--pa-font-serif);
font-weight: 700;
line-height: 150%;
}
.pa-accordeon .accordion-body h4,
.pa-accordeon .accordion-body .h4 {
font-size: 1.375rem;
letter-spacing: -0.44px;
}
.pa-accordeon .accordion-body h5,
.pa-accordeon .accordion-body .h5 {
font-size: 1.25rem;
}
.pa-accordeon .accordion-body h6,
.pa-accordeon .accordion-body .h6 {
font-size: 1.125rem;
}
/* Composant formation ecole */
.pa-accordeon .sub-accordion .accordion-item {
position: relative;
margin-bottom: 0.75rem;
border-bottom: none;
}
.pa-formation-ecole .accordion:not(.sub-accordion) .accordion-button {
font-size: 2rem;
}
.pa-accordeon.pa-formation-ecole .sub-accordion .accordion-button {
font-family: var(--pa-font-serif);
font-size: 1.25rem;
letter-spacing: -0.24px;
padding-bottom: 0.75rem;
}
.pa-formation-ecole .sub-accordion .accordion-button.no-cross {
cursor: default;
}
.pa-accordeon .sub-accordion .accordion-item:not(:last-child)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 30px;
border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.25);
}
.pa-accordeon .sub-accordion .accordion-body {
padding: 1rem 0 2rem 0;
}
@media (min-width: 576px) {
.pa-accordeon .sub-accordion,
.pa-accordeon .sub-accordion .accordion-body {
padding-right: 2rem;
}
}
@media (min-width: 992px) {
.pa-accordeon .sub-accordion {
padding-right: 4rem;
}
.pleine-page .pa-accordeon .accordion.sub-accordion {
width: 100%;
}
}
/* Composant boutons */
.pa-boutons {
--pa-section-double-margin: -1.5rem;
}
.pa-symbole .pa-boutons {
--pa-section-double-margin: 0;
}
.pa-boutons .pa-boutons-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.5rem;
}
.pa-boutons .pa-boutons-list.gap-large {
gap: 1rem;
}
@media (min-width: 992px) {
.sidebar-gauche .content .pa-symbole>.container>.row>.col-lg-6 {
width: 100%;
}
.pa-boutons .pa-boutons-list {
gap: 1rem;
}
.pa-boutons .pa-boutons-list.gap-large {
gap: 2rem;
margin-top: 1.5rem;
}
}
@media (min-width: 1200px) {
.sidebar-gauche .content .pa-symbole>.container>.row>.col-lg-6 {
width: 83.33333333%;
}
}
@media (min-width: 1400px) {
.sidebar-gauche .content .pa-symbole>.container>.row>.col-lg-6 {
width: 75%;
}
}
@media (min-width: 1600px) {
.sidebar-gauche .content .pa-symbole>.container>.row>.col-lg-6 {
width: 50%;
}
}
/* Composant liste témoignages */
.liste-temoignages-item {
display: flex;
flex-direction: column;
gap: 1.5rem;
border: 2px solid var(--pa-color-dark);
background-color: var(--pa-color-doly);
border-radius: 0.375rem;
padding: 2rem;
}
.liste-temoignages-titre {
display: flex;
flex-direction: column;
margin-bottom: 0;
}
.liste-temoignages-nom {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1.875rem;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.6px;
}
.liste-temoignages-statut {
color: var(--pa-color-orange);
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
letter-spacing: 0;
}
.liste-temoignages-desc {
margin-bottom: 0;
}
/* Composant temoignages */
#temoignages-videos:not(.grille) {
padding-right: 0;
}
.owl-carousel.owl-carousel-temoignages.owl-loaded.owl-drag {
cursor: grab;
}
.owl-carousel.owl-carousel-temoignages.owl-loaded.owl-drag.owl-grab {
cursor: grabbing;
}
.owl-carousel.owl-carousel-temoignages .owl-stage {
padding-left: 0 !important;
padding-right: 0 !important;
}
.plyr {
border-radius: 0.375rem;
border: 2px solid var(--pa-color-dark);
overflow: hidden;
}
.plyr__video-wrapper {
cursor: pointer;
}
.plyr__control--overlaid {
opacity: 1;
background-color: var(--pa-color-dark);
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
background-color: var(--pa-color-orange);
}
.temoignages-videos .item-video .owl-video-wrapper {
background: none;
}
.temoignages-videos .item-video {
background-size: contain;
}
.temoignages-videos .temoignage-item .loader-temoignage {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
display: none;
}
.temoignages-videos .temoignage-item.loading .loader-temoignage {
display: block;
}
.temoignages-videos .temoignage-item>.row {
opacity: 1;
transition: 1s;
}
.temoignages-videos .temoignage-item.loading>.row {
opacity: 0;
transition: all 300ms ease-out;
}
.owl-carousel-temoignages .owl-dots {
display: flex;
align-items: center;
justify-content: center;
margin-top: 1rem;
}
.owl-carousel-temoignages .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
width: 2rem;
height: 2rem;
}
.owl-carousel-temoignages .owl-dots .owl-dot span {
width: 0.75rem;
height: 0.75rem;
display: block;
background: var(--pa-color-dark);
margin: auto;
-webkit-backface-visibility: visible;
transition: all 150ms ease-out;
border-radius: 30px;
}
.owl-carousel-temoignages .owl-dots .owl-dot:hover span {
background: var(--pa-color-orange);
transition: all 150ms ease-out;
}
.owl-dots .owl-dot.active span {
background: var(--pa-color-orange);
}
/* .owl-carousel-temoignages .owl-prev { */
/* left: -7rem; */
/* width: 48px; */
/* opacity: 1; */
/* transition: all 200ms ease-out; */
/* } */
/* .owl-carousel-temoignages .owl-next { */
/* right: -7rem; */
/* width: 48px; */
/* opacity: 1; */
/* transition: all 200ms ease-out; */
/* } */
.owl-carousel-temoignages .owl-next span {
transform: none;
right: 0;
}
.owl-carousel-temoignages .owl-prev span {
left: 0;
}
.owl-prev span,
.owl-next span {
position: absolute;
top: 50%;
margin-top: -30px;
height: 48px;
width: 48px;
font-size: 16px;
line-height: 33px;
display: flex;
align-items: center;
justify-content: center;
z-index: 5;
background: var(--pa-color-orange);
border-radius: 100px;
color: var(--pa-color-white);
}
.owl-carousel-temoignages .owl-prev.disabled,
.owl-carousel-temoignages .owl-next.disabled {
opacity: 0.5;
transition: all 200ms ease-out;
}
.temoignage-item .plyr {
width: 100dvw;
border-radius: 0.375rem;
border: 2px solid var(--pa-color-dark);
}
.temoignage-item .plyr__poster {
background-size: cover;
background-position: center bottom;
position: relative;
transition: all 150ms ease-out;
}
.plyr:not(.plyr--audio).plyr--stopped .plyr__controls,
.temoignage-item .plyr--full-ui.plyr--video .plyr__control--overlaid {
display: none;
}
.plyr__poster {
background-size: cover;
}
.temoignages-videos .video-description {
margin-top: 0.5rem;
display: flex;
align-items: center;
}
.temoignages-videos .video-title {
font-family: var(--pa-font-serif);
font-size: 1.375rem;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.44px;
margin-bottom: 0;
}
.temoignages-videos .video-description .video-desc {
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 500;
line-height: 173%;
margin-top: 0;
margin-bottom: 0;
}
.video-link {
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
text-decoration: none;
padding: 0.125rem 0;
line-height: 165%;
}
.video-link:hover,
.video-link:focus {
color: var(--pa-color-orange);
border-bottom: 2px solid var(--pa-color-orange);
}
.pa-temoignages .section-title+.temoignages-videos {
margin-top: 3rem;
}
@-webkit-keyframes pulse_shadow {
0%,
70% {
box-shadow: 0 0 0 0 rgba(var(--pa-color-orange-rgb), 0.1);
/* Start with no shadow */
}
5% {
box-shadow: 0 0 0 16px rgba(var(--pa-color-orange-rgb), 0.1);
/* Grow quickly */
}
10% {
box-shadow: 0 0 0 10px rgba(var(--pa-color-orange-rgb), 0.1);
/* Grow to max size */
}
15% {
box-shadow: 0 0 0 13px rgba(var(--pa-color-orange-rgb), 0.1);
/* Shrink back */
}
20% {
box-shadow: 0 0 0 11px rgba(var(--pa-color-orange-rgb), 0.1);
/* Shrink back */
}
25%,
50% {
box-shadow: 0 0 0 12px rgba(var(--pa-color-orange-rgb), 0.1);
/* Shrink back */
}
}
@-webkit-keyframes pulse_color {
0%,
70% {
fill: var(--pa-color-dark);
}
5%,
55% {
fill: var(--pa-color-orange);
}
}
.temoignage-item .video-player-btn {
padding: 0.75rem;
margin-right: 0.5rem;
}
.temoignage-item .video-player-btn-icon {
border-radius: 50%;
transition: box-shadow 0.3s var(--pa-bounce-transition);
}
.temoignage-item:hover .video-player-btn-icon,
.temoignage-item:focus-within .video-player-btn-icon {
box-shadow: 0 0 0 0 rgba(var(--pa-color-orange-rgb), 1);
animation: pulse_shadow 3s infinite;
}
.temoignage-item:hover .video-player-btn-icon path,
.temoignage-item:focus-within .video-player-btn-icon path {
animation: pulse_color 3s infinite;
animation-timing-function: var(--pa-bounce-transition);
}
.temoignages-videos.grille>.temoignage-item {
position: relative;
flex: 0 0 auto;
width: 50%;
}
@media (min-width: 576px) {
#temoignages-videos:not(.grille) {
padding-right: calc(var(--bs-gutter-x) * 0.5);
}
#temoignages-videos:not(.grille) .owl-carousel .owl-stage-outer {
overflow: visible;
}
}
@media (min-width: 768px) {
.temoignages-videos.grille>.temoignage-item {
width: 33.33333333%;
}
}
@media (min-width: 992px) {
.sidebar-gauche .content .temoignages-videos.grille>.temoignage-item {
width: 50%;
}
}
@media (min-width: 1200px) {
.temoignages-videos.grille>.temoignage-item {
width: 25%;
}
.sidebar-gauche .content .temoignages-videos.grille>.temoignage-item,
.largeur-reduite .content .temoignages-videos.grille>.temoignage-item {
width: 33.33333333%;
}
}
/* Composant colonnes de texte */
.pa-colonnes-texte .row {
--bs-gutter-x: 3rem;
}
.pa-colonnes-texte .colonne-list {
--bs-gutter-x: 2.5rem;
--bs-gutter-y: 1.5rem;
}
.pa-colonnes-texte .colonne-texte {
display: flex;
width: auto;
flex-direction: column;
align-items: flex-start;
gap: 1rem;
}
.pa-colonnes-texte .colonne-texte-title {
color: var(--pa-color-dark);
font-size: 1.375rem;
font-weight: 500;
line-height: 125%;
padding: 0.125rem 0;
}
.pa-colonnes-texte a.colonne-texte-title {
text-decoration: none;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
}
.pa-colonnes-texte a.colonne-texte-title:hover,
.pa-colonnes-texte a.colonne-texte-title:focus {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
.pa-colonnes-texte .colonne-texte-content {
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
}
.pa-colonnes-texte .colonne-texte-content>ul {
padding-left: 1.25rem;
}
.pa-colonnes-texte .colonne-texte-content li:not(:last-child) {
margin-bottom: 0.25rem;
}
@media (min-width: 992px) {
.largeur-reduite .content .pa-colonnes-texte>.container>.row {
flex-direction: column;
}
}
/* Composant chronologie */
.pa-chronologie .largeur-bloc::before {
position: absolute;
display: inline-block;
top: 0;
width: 1px;
height: 100%;
content: "";
background-color: var(--pa-color-dark);
}
.pa-chronologie.bg-neon-blue .largeur-bloc::before,
.pa-chronologie.bg-dark-blue .largeur-bloc::before {
background-color: var(--pa-color-white);
}
.pa-chronologie .largeur-bloc::before {
left: 16px;
}
.pa-chronologie .chronologie-item {
padding-left: 3rem;
margin-bottom: 2rem;
}
.pa-chronologie .chronologie-item {
position: relative;
}
.pa-chronologie .chronologie-item::before {
position: absolute;
display: inline-block;
top: 0;
width: 48px;
height: 48px;
content: "";
/* background-image: url('data:image/svg+xml,'); */
background-image: url('data:image/svg+xml,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.pa-chronologie.bg-orange .chronologie-item::before,
.pa-chronologie.bg-neon-blue .chronologie-item::before,
.pa-chronologie.bg-dark-blue .chronologie-item::before {
background-image: url('data:image/svg+xml,');
}
.pa-chronologie .chronologie-item::before {
left: -7px;
}
.pa-chronologie .chronologie-date,
.sidebar-gauche .content .pa-chronologie .chronologie-date:not(.btn) {
background: var(--pa-color-neon-blue);
border-radius: 60px;
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-weight: 700;
line-height: 125%;
display: inline-flex;
align-items: center;
text-align: center;
color: var(--pa-color-white);
text-transform: none;
padding: 5px 16px;
}
.sidebar-gauche #content .pa-chronologie.bg-neon-blue .chronologie-date:not(.btn),
.sidebar-gauche #content .pa-chronologie.bg-dark-blue .chronologie-date:not(.btn) {
color: var(--pa-color-dark-blue);
background: var(--pa-color-light-blue);
}
@media (min-width: 992px) {
.sidebar-gauche .content .pa-chronologie .largeur-bloc::before {
left: 12px;
}
.sidebar-gauche .content .pa-chronologie .chronologie-item::before {
left: -11px;
}
.pleine-page .pa-chronologie .largeur-bloc::before,
.sidebar-gauche #bottom-content .pa-chronologie .largeur-bloc::before,
.largeur-reduite #bottom-content .pa-chronologie .largeur-bloc::before {
left: 50%;
margin-left: -1px;
}
.pleine-page .pa-chronologie .chronologie-item,
.sidebar-gauche #bottom-content .pa-chronologie .chronologie-item,
.largeur-reduite #bottom-content .pa-chronologie .chronologie-item {
flex: 0 0 auto;
width: 50%;
}
.pleine-page .pa-chronologie .chronologie-item:nth-child(2n + 1),
.sidebar-gauche #bottom-content .pa-chronologie .chronologie-item:nth-child(2n + 1),
.largeur-reduite #bottom-content .pa-chronologie .chronologie-item:nth-child(2n + 1) {
align-self: flex-start;
text-align: right;
padding-right: 3rem;
}
.pleine-page .pa-chronologie .chronologie-item:nth-child(2n),
.sidebar-gauche #bottom-content .pa-chronologie .chronologie-item:nth-child(2n),
.largeur-reduite #bottom-content .pa-chronologie .chronologie-item:nth-child(2n) {
align-self: flex-end;
padding-left: 3rem;
}
.pleine-page .pa-chronologie .chronologie-item:nth-child(2n + 1):before,
.sidebar-gauche #bottom-content .pa-chronologie .chronologie-item:nth-child(2n + 1):before,
.largeur-reduite #bottom-content .pa-chronologie .chronologie-item:nth-child(2n + 1):before {
left: auto;
right: -24px;
}
.pleine-page .pa-chronologie .chronologie-item:nth-child(2n)::before,
.sidebar-gauche #bottom-content .pa-chronologie .chronologie-item:nth-child(2n)::before,
.largeur-reduite #bottom-content .pa-chronologie .chronologie-item:nth-child(2n)::before {
left: -24px;
}
}
/* Composant chronologie Parcoursup */
.pa-chronologie-parcoursup .accordion {
--pa-chronologie-opacity: 1;
--pa-chronologie-header: var(--pa-color-white);
--pa-chronologie-header-bg: var(--pa-color-neon-blue);
--bs-accordion-border-width: 0;
--bs-accordion-btn-icon-transform: none;
--bs-accordion-btn-padding-x: 1.125rem;
--bs-accordion-body-padding-y: 1rem;
--bs-accordion-body-padding-left: 4rem;
--bs-accordion-inner-border-radius: 0;
--bs-accordion-bg: transparent;
--bs-accordion-active-bg: transparent;
--pa-chronologie-body-margin-y: 0.5rem;
opacity: var(--pa-chronologie-opacity);
border: 2px solid var(--pa-chronologie-header-bg);
border-radius: 0.375rem;
}
.pa-chronologie-parcoursup .accordion-button:focus:not(:focus-visible) {
box-shadow: none;
}
.pa-chronologie-parcoursup .accordion-button:focus-visible {
box-shadow: 0 0 0 0.25rem rgba(var(--pa-color-orange-rgb), 0.25);
}
.pa-chronologie-parcoursup .accordion.disabled {
--pa-chronologie-opacity: 0.5;
--pa-chronologie-header-bg: var(--pa-color-grey-400);
}
.pa-chronologie-parcoursup .accordion-heading {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
color: var(--pa-chronologie-header);
background-color: var(--pa-chronologie-header-bg);
padding: 0.75rem 1.5rem;
}
.chronologie-parcoursup-etape {
display: flex;
justify-content: center;
align-items: center;
gap: 0.25rem;
margin-bottom: 0;
}
.chronologie-parcoursup-etape .etape-text {
font-family: var(--pa-font-serif);
font-size: 0.75rem;
font-weight: 500;
line-height: 150%;
}
.chronologie-parcoursup-etape .etape-nb {
color: var(--pa-color-doly);
font-family: var(--pa-font-sans-serif);
font-size: 4rem;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.64px;
}
.chronologie-parcoursup-heading {
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.chronologie-parcoursup-date {
font-family: var(--pa-font-serif);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
margin-bottom: 0;
}
.chronologie-parcoursup-title {
font-family: var(--pa-font-sans-serif);
font-size: 2.1875rem;
font-weight: 700;
line-height: 110%;
letter-spacing: 0.35px;
margin-bottom: 0;
}
.pa-chronologie-parcoursup .accordion-button {
align-items: flex-start;
border-radius: .375rem;
}
.pa-chronologie-parcoursup .accordion-body {
position: relative;
padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-btn-padding-x) var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-left);
}
.pa-chronologie-parcoursup .accordion-body p,
.pa-chronologie-parcoursup .accordion-body ul,
.pa-chronologie-parcoursup .accordion-body ol {
font-size: 0.875rem;
}
.pa-chronologie-parcoursup .accordion-button::before {
content: "";
display: block;
position: relative;
flex-shrink: 0;
width: 0.875rem;
height: 0.875rem;
border-radius: 50%;
background-color: var(--pa-color-dark);
margin-top: 6px;
margin-right: 1rem;
}
.pa-chronologie-parcoursup .accordion-item:last-child .accordion-button::after {
content: none;
}
.pa-chronologie-parcoursup .accordion-item:not(:last-child) .accordion-button::after,
.pa-chronologie-parcoursup .accordion-item:not(:last-child) .accordion-body::after {
content: "";
display: block;
position: absolute;
width: 1px;
height: 100%;
background-color: var(--pa-color-dark);
opacity: 0.25;
top: 1.5rem;
bottom: 0;
left: calc(var(--bs-accordion-btn-padding-x) + 7px);
z-index: 1;
}
.accordion-parcoursup-subtitle {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 500;
line-height: 148%;
}
.pa-chronologie-parcoursup .accordion-heading+.accordion-item {
margin-top: var(--pa-chronologie-body-margin-y);
}
.pa-chronologie-parcoursup .accordion-item:last-child {
margin-bottom: var(--pa-chronologie-body-margin-y);
}
.accordion-parcoursup-cross {
position: relative;
display: block;
flex-shrink: 0;
width: 16px;
height: 16px;
margin-top: 6px;
margin-left: auto;
}
.accordion-parcoursup-cross::before,
.accordion-parcoursup-cross::after {
content: "";
position: absolute;
width: 16px;
height: 2px;
background-color: var(--pa-color-dark);
top: 7px;
left: 0;
transition: 200ms ease-in-out;
}
.accordion-parcoursup-cross::after {
transform: rotate(0);
}
.accordion-button.collapsed .accordion-parcoursup-cross::after {
transform: rotate(-90deg);
}
@media (min-width: 992px) {
.pa-chronologie-parcoursup .accordion {
--bs-accordion-btn-padding-x: 2.5rem;
--bs-accordion-body-padding-y: 1.5rem;
--bs-accordion-body-padding-left: 5.125rem;
--pa-chronologie-body-margin-y: 1rem;
}
.pa-chronologie-parcoursup .accordion-heading {
padding: 1rem 2rem;
flex-direction: row;
align-items: center;
gap: 1.25rem;
}
.chronologie-parcoursup-etape {
flex-direction: column;
gap: 0.375rem;
}
.chronologie-parcoursup-etape .etape-nb {
color: var(--pa-color-white);
}
.chronologie-parcoursup-title {
font-size: 2.5rem;
line-height: 120%;
letter-spacing: 0.8px;
}
}
/* Composant bandeau alerte */
.pa-annonce.alert {
--bs-alert-border-radius: 0;
--bs-alert-border: none;
--bs-alert-padding-x: 0;
--bs-alert-padding-y: 0.25rem;
--bs-alert-margin-bottom: 0;
padding-right: var(--bs-alert-padding-x);
--pa-annonce-white-space: normal;
--pa-annonce-max-width: none;
}
.pa-annonce.pa-annonce.alert-dismissible>.container {
padding-right: 64px;
}
.pa-annonce-text {
white-space: var(--pa-annonce-white-space);
max-width: var(--pa-annonce-max-width);
overflow: hidden;
text-overflow: ellipsis;
}
.pa-annonce.alert-dismissible .btn-close {
position: absolute;
top: auto;
right: 8px;
padding: 0;
--pa-close-btn-color: var(--bs-alert-color);
}
.pa-annonce .btn {
width: auto;
}
.alert a:not(.btn) {
color: var(--bs-alert-color);
text-decoration: none;
border-bottom: 2px solid rgba(var(--bs-alert-link-color), 0.15);
}
.alert a:not(.btn):hover,
.alert a:not(.btn):focus {
color: var(--bs-alert-link-color);
border-bottom: 2px solid rgba(var(--bs-alert-link-color), 1);
}
.alert-primary {
--bs-alert-color: var(--pa-color-white);
--bs-alert-bg: var(--pa-color-orange);
--bs-alert-border-color: var(--pa-color-orange);
--bs-alert-link-color: var(--pa-color-white-rgb);
}
.alert-success {
--bs-alert-color: var(--pa-color-dark);
--bs-alert-bg: var(--pa-color-green);
--bs-alert-border-color: var(--pa-color-green);
--bs-alert-link-color: var(--pa-color-dark-rgb);
}
.alert-info {
--bs-alert-color: var(--pa-color-dark);
--bs-alert-bg: var(--pa-color-blue);
--bs-alert-border-color: var(--pa-color-blue);
--bs-alert-link-color: var(--pa-color-dark-rgb);
}
.alert-warning {
--bs-alert-color: var(--pa-color-dark);
--bs-alert-bg: var(--pa-color-doly);
--bs-alert-border-color: var(--pa-color-doly);
--bs-alert-link-color: var(--pa-color-dark-rgb);
}
.alert-danger {
--bs-alert-color: var(--pa-color-dark);
--bs-alert-bg: var(--pa-color-cerise-200);
--bs-alert-border-color: var(--pa-color-cerise-200);
--bs-alert-link-color: var(--pa-color-dark-rgb);
}
.alert-secondary {
--bs-alert-color: var(--pa-color-white);
--bs-alert-bg: var(--pa-color-neon-blue);
--bs-alert-border-color: var(--pa-color-neon-blue);
--bs-alert-link-color: var(--pa-color-white-rgb);
}
.alert-dark {
--bs-alert-color: var(--pa-color-white);
--bs-alert-bg: var(--pa-color-dark);
--bs-alert-border-color: var(--pa-color-dark);
--bs-alert-link-color: var(--pa-color-white-rgb);
}
@media (min-width: 768px) {
.pa-annonce.alert {
display: flex;
height: 54px;
--pa-annonce-white-space: nowrap;
--pa-annonce-max-width: 450px;
}
}
@media (min-width: 992px) {
.pa-annonce.alert {
--pa-annonce-max-width: 650px;
}
.pa-annonce.alert-dismissible .close {
right: 0;
}
.pa-annonce.alert-dismissible .btn-close {
right: 4px;
}
}
@media (min-width: 1200px) {
.pa-annonce.alert {
--pa-annonce-max-width: 850px;
}
}
@media (min-width: 1400px) {
.pa-annonce.alert {
--pa-annonce-max-width: 1050px;
}
}
@media (min-width: 1600px) {
.pa-annonce.alert {
--pa-annonce-max-width: 1250px;
}
}
/* Bloc sidebar */
.bloc-sidebar-wrapper[class*="bg-"] {
padding: 1.25rem 1.5rem;
border-radius: 0.375rem;
--pa-bloc-sidebar-color: var(--pa-color-dark);
--pa-bloc-sidebar-color-rgb: var(--pa-color-dark-rgb);
}
.bloc-sidebar-title,
.bloc-sidebar-subtitle {
font-family: var(--pa-font-sans-serif);
font-weight: 700;
line-height: 120%;
letter-spacing: 0.2px;
color: var(--pa-bloc-sidebar-color);
}
.bloc-sidebar-title {
font-size: 2rem;
margin-bottom: 0.75rem;
}
.bloc-sidebar-subtitle {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.bloc-sidebar-content {
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
color: var(--pa-bloc-sidebar-color);
}
.bloc-sidebar-content a {
white-space: normal;
}
.bloc-sidebar-content a:not(.btn) {
color: var(--pa-bloc-sidebar-color);
text-decoration: none;
padding: 0.125rem 0;
border-bottom: 2px solid rgba(var(--pa-bloc-sidebar-color-rgb), 0.15);
}
.bloc-sidebar-content a:not(.btn):hover,
.bloc-sidebar-content a:not(.btn):focus {
color: var(--pa-bloc-sidebar-color);
border-bottom: 2px solid rgba(var(--pa-bloc-sidebar-color-rgb), 1);
}
.bloc-sidebar-content>*:last-child {
margin-bottom: 0;
}
.bloc-sidebar-wrapper.bg-lighter-blue {
--pa-bloc-sidebar-color: var(--pa-color-dark-blue);
}
.bloc-sidebar-wrapper.bg-orange,
.bloc-sidebar-wrapper.bg-neon-blue,
.bloc-sidebar-wrapper.bg-dark-blue {
--pa-bloc-sidebar-color: var(--pa-color-white);
}
.bloc-sidebar-wrapper.bg-doly,
.bloc-sidebar-wrapper.bg-amber {
--pa-bloc-sidebar-color: var(--pa-color-orange);
}
/* Carte campus */
.pa-embed-map {
height: 500px;
width: 100%;
overflow: hidden;
border-radius: 0.375rem;
border: 2px solid var(--pa-color-dark);
}
#mapProgramme {
height: 100%;
width: 100%;
}
.leaflet-popup-content-wrapper {
padding: 0;
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
}
.leaflet-popup-content {
position: relative;
padding: 1rem;
margin: 0;
}
.leaflet-popup-content .popup-campus {
display: flex;
flex-direction: row;
gap: 1rem;
}
.leaflet-popup-content .popup-logo {
width: 80px;
height: 80px;
object-fit: contain;
}
.leaflet-popup-content .popup-titre {
margin: 0;
}
.leaflet-popup-content .popup-titre .popup-lien {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 700;
line-height: 148%;
text-decoration: none;
margin: 0;
}
.leaflet-popup-content .popup-titre .popup-lien::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.leaflet-popup-content .popup-lieux {
margin: 0;
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-weight: 700;
line-height: 150%;
}
.leaflet-popup-content .popup-content {
display: flex;
flex-direction: column;
justify-content: center;
}
.leaflet-container:after {
background-color: rgba(var(--pa-color-neon-blue-rgb), 0.75);
text-align: center;
font-family: var(--pa-font-serif);
}
.leaflet-container a.leaflet-popup-close-button {
width: 32px;
height: 32px;
font: 24px / 32px Tahoma, Verdana, sans-serif;
color: var(--pa-color-dark);
}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
color: var(--pa-color-orange);
}
.marker-cluster {
background-color: var(--pa-color-orange);
color: var(--pa-color-white);
width: 32px !important;
height: 32px !important;
margin-top: 0;
margin-left: 0;
}
.marker-cluster div {
background-color: transparent;
width: 32px;
height: 32px;
margin-top: 0;
margin-left: 0;
font: 1rem / 150% var(--pa-font-serif);
}
.leaflet-popup-tip-container {
z-index: 1;
height: 30px;
width: 30px;
margin-top: -17px;
margin-left: -15px;
}
.leaflet-popup-tip {
width: 30px;
height: 30px;
background-image: url("/theme/fr/assets/img/icons/map-pin.svg");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
transform: none;
background-color: transparent;
box-shadow: none;
margin: 0;
}
.leaflet-interactive {
stroke: var(--pa-color-neon-blue);
}
.leaflet-bar a:not(.btn, .page-link, .nav-link, .breadcrumb-item a, :hover, :focus) {
color: var(--pa-color-dark-blue);
}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
border: 2px solid rgba(var(--pa-color-dark-rgb), 0.2);
border-radius: 0.25rem;
background-clip: padding-box;
}
.leaflet-touch .leaflet-bar a:first-child {
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
border-width: 1px;
border-style: solid;
border-color: var(--pa-color-dark-blue);
border-bottom-width: 0;
}
.leaflet-touch .leaflet-bar a:last-child {
border-width: 1px;
border-style: solid;
border-color: var(--pa-color-dark-blue);
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.leaflet-touch .leaflet-bar a:hover,
.leaflet-touch .leaflet-bar a:focus {
background-color: var(--pa-color-orange);
color: var(--pa-color-white);
border-top-color: var(--pa-color-dark-blue);
}
@media (min-width: 576px) {
.pa-embed-map {
height: 660px;
}
}
/* Blocs d'extraits du site web */
/* Bloc extrait ecole presentation */
/* .presentation-ecole-desc {
margin-top: 1.5rem;
} */
/* Bloc extrait ecole sidebar */
.sidebar-gauche-ecole .pa-ecole-sidebar-wrapper {
padding-top: 3rem;
}
.pa-ecole-sidebar-wrapper {
display: flex;
flex-direction: column;
gap: 2rem;
}
.ecole-sidebar-name {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 3rem;
font-weight: 500;
line-height: 120%;
margin-bottom: 0;
}
.ecole-sidebar-site {
color: var(--pa-color-dark);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
text-decoration: none;
padding: 0.125rem 0;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
transition: all 300ms ease-out;
margin-bottom: 0;
}
.ecole-sidebar-site:hover,
.ecole-sidebar-site:focus {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
.ecole-sidebar-profils {
border-radius: 0.375rem;
background: var(--pa-color-lighter-blue);
padding: 1.25rem 1.5rem;
}
.ecole-sidebar-profils-title {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1.375rem;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.44px;
margin-bottom: 0.25rem;
}
.ecole-sidebar-profils-list {
color: var(--pa-color-dark-blue);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
}
.ecole-sidebar-profils-list ul,
.ecole-sidebar-profils-list ol {
padding-left: 1.5rem;
}
.ecole-sidebar-profils-list>*:last-child {
margin-bottom: 0;
}
.ecole-sidebar-video {
margin-left: 2rem;
margin-right: 2rem;
}
.ecole-sidebar-video .plyr {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
}
.ecole-sidebar-video.paysage .plyr {
aspect-ratio: 16/9;
}
.ecole-sidebar-video.portrait .plyr {
aspect-ratio: 9/16;
}
.ecole-sidebar-video .plyr--video .plyr__controls {
border-radius: 0;
}
.ecole-sidebar-video .plyr__poster {
width: 100%;
height: 100%;
background-size: cover;
background-position: center center;
transition: all 150ms ease-out;
}
@media (min-width: 992px) {
.sidebar-gauche-ecole .pa-ecole-sidebar-wrapper {
padding-top: 0;
}
}
/* Bloc extrait menu ecoles */
.main-menu-ecoles-list {
--pa-gutter-x: 8px;
--pa-gutter-y: 8px;
margin-bottom: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: calc(-1 * var(--pa-gutter-y));
margin-right: calc(-0.5 * var(--pa-gutter-x));
margin-left: calc(-0.5 * var(--pa-gutter-x));
margin-bottom: 2rem;
}
.main-menu-ecoles-item {
width: 25%;
min-width: 70px;
max-width: 100px;
padding-right: calc(var(--pa-gutter-x) * 0.5);
padding-left: calc(var(--pa-gutter-x) * 0.5);
margin-top: var(--pa-gutter-y);
}
.main-menu-ecoles-link {
display: block;
width: 100%;
height: auto;
aspect-ratio: 1/1;
border-radius: 0.375rem;
padding: 0.25rem;
background-color: var(--pa-color-white);
box-shadow: 0px 8px 25px 0px rgba(var(--pa-color-dark-rgb), 0.1);
}
.main-menu-ecoles-img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}
@media (min-width: 992px) {
#navbar-menu .dropdown-menu .main-menu-ecoles-list {
margin-top: -1.5rem;
margin-bottom: -1.5rem;
}
.main-menu-ecoles-item {
width: 20%;
}
}
/* Bloc extrait liste ecoles */
.liste-ecoles-list {
min-width: 100%;
}
.liste-ecoles-list .spinner-border {
margin-left: auto;
margin-right: auto;
}
.liste-ecoles-item {
position: relative;
display: flex;
align-items: center;
}
.liste-ecoles-item .liste-ecoles-logo {
width: var(--pa-liste-ecoles-logo-size);
height: var(--pa-liste-ecoles-logo-size);
margin-right: var(--pa-liste-ecoles-gap-size);
flex-shrink: 0;
padding: 0.25rem;
transition: all 400ms var(--pa-bounce-transition);
}
.pa-sommaire-ecoles .liste-ecoles-item .liste-ecoles-logo {
--pa-liste-ecoles-logo-size: 88px;
}
.liste-ecoles-item .liste-ecoles-logo-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.liste-ecoles-item .liste-ecoles-infos {
width: calc(100% - (var(--pa-liste-ecoles-logo-size) + var(--pa-liste-ecoles-gap-size)));
padding: 1rem 0;
transition: all 400ms var(--pa-bounce-transition);
}
.liste-ecoles-item .liste-ecoles-infos-arrow {
display: none;
width: var(--pa-liste-ecoles-arrow-size);
height: var(--pa-liste-ecoles-arrow-size);
transition: all 400ms var(--pa-bounce-transition);
}
.liste-ecoles-item .liste-ecoles-nom {
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 700;
line-height: 148%;
margin-bottom: 0;
}
.liste-ecoles-item .liste-ecoles-lien {
color: inherit;
text-decoration: none;
letter-spacing: -0.3px;
}
.liste-ecoles-item .liste-ecoles-lien::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.liste-ecoles-item .liste-ecoles-lieu {
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
margin-bottom: 0;
}
@media (min-width: 768px) {
.liste-ecoles-item {
flex: 1 0 auto;
width: 50%;
max-width: 50%;
}
}
@media (min-width: 992px) {
.sidebar-gauche .content .liste-ecoles-item {
width: 100%;
max-width: none;
}
.pa-liste-ecoles .liste-ecoles-item .liste-ecoles-nom {
font-size: 1.75rem;
line-height: 113%;
margin-bottom: 0.5rem;
}
.pa-liste-ecoles .liste-ecoles-item .liste-ecoles-lieu {
line-height: 100%;
white-space: nowrap;
overflow: clip;
overflow-y: visible;
text-overflow: ellipsis;
}
.pa-sommaire-ecoles .liste-ecoles-item .liste-ecoles-lieu {
opacity: 0.5;
}
}
@media (min-width: 1200px) {
.liste-ecoles-item {
width: 33.33333333%;
max-width: 33.33333333%;
}
.sidebar-gauche .content .liste-ecoles-item {
width: 50%;
max-width: 50%;
}
}
@media (min-width: 1400px) {
.pa-liste-ecoles:not(.pa-liste-ecoles-filtre) .liste-ecoles-list {
margin-left: calc((-0.5 * var(--bs-gutter-x) + (var(--pa-liste-ecoles-logo-size) + var(--pa-liste-ecoles-gap-size)) * -1));
}
.pa-liste-ecoles .liste-ecoles-item .liste-ecoles-logo {
pointer-events: none;
opacity: 0;
}
.sidebar-gauche #content .pa-liste-ecoles .liste-ecoles-item .liste-ecoles-logo {
pointer-events: all;
opacity: 1;
}
.pa-liste-ecoles .liste-ecoles-item .liste-ecoles-infos-arrow {
display: block;
position: absolute;
top: 50%;
left: calc(var(--pa-liste-ecoles-logo-size) + var(--pa-liste-ecoles-gap-size) + calc(0.5 * var(--bs-gutter-x)));
transform: translateY(-50%);
pointer-events: none;
opacity: 0;
}
.pa-liste-ecoles .liste-ecoles-item:hover .liste-ecoles-logo,
.pa-liste-ecoles .liste-ecoles-item:focus-within .liste-ecoles-logo,
.pa-liste-ecoles .liste-ecoles-item:hover .liste-ecoles-infos-arrow,
.pa-liste-ecoles .liste-ecoles-item:focus-within .liste-ecoles-infos-arrow {
opacity: 1;
}
.pa-liste-ecoles .liste-ecoles-item .liste-ecoles-infos {
width: calc(100% - (var(--pa-liste-ecoles-logo-size) + var(--pa-liste-ecoles-arrow-size) + var(--pa-liste-ecoles-gap-size)));
margin-left: 0;
margin-right: calc(var(--pa-liste-ecoles-arrow-size) + var(--pa-liste-ecoles-gap-size));
}
.pa-liste-ecoles .liste-ecoles-item:hover .liste-ecoles-infos,
.pa-liste-ecoles .liste-ecoles-item:focus-within .liste-ecoles-infos {
margin-left: calc(var(--pa-liste-ecoles-arrow-size) + var(--pa-liste-ecoles-gap-size));
margin-right: 0;
}
.sidebar-gauche-sommaire-ecole .content .liste-ecoles-item {
width: 33.33333333%;
max-width: 33.33333333%;
}
}
/* Liste ecoles filtrees */
.liste-ecoles-filtre-wrapper {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.pa-liste-ecoles-filtre.ingenieur-post-bac .liste-ecoles-filtre-profil-wrapper {
width: 100%;
display: flex;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper .control-group {
display: flex;
flex-direction: column;
justify-content: center;
background-color: var(--pa-color-white);
gap: 1rem;
}
.pa-liste-ecoles-filtre .form-check.form-check-button>.form-check-input[type="radio"]~.form-check-label {
padding: 0.5rem 0.5rem 0.5rem 2.6rem;
width: 100%;
}
.pa-liste-ecoles-filtre .form-check.form-check-button>.form-check-input[type="radio"] {
left: 1rem;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtres {
display: flex;
flex-direction: column;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper {
display: none;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtre-activite-wrapper {
opacity: 1;
height: 64px;
transition: opacity 200ms ease-out 200ms, height 200ms ease-out,
margin-top 200ms ease-out;
margin-top: 1rem;
}
.pa-liste-ecoles-filtre.ingenieur-post-bac:not(.show-activities) .liste-ecoles-filtre-activite-wrapper {
opacity: 0;
height: 0;
padding: 0;
visibility: hidden;
margin-top: 0;
}
.modal.modal-liste-ecole-filtre {
--bs-modal-border-width: 0;
--bs-modal-header-border-width: 0;
--bs-modal-footer-border-width: 0;
--bs-modal-padding: 2rem;
--bs-modal-header-padding: 2rem 2rem 1rem;
}
.modal.modal-liste-ecole-filtre .modal-header {
flex-wrap: wrap;
justify-content: stretch;
gap: 1rem;
}
.modal.modal-liste-ecole-filtre .modal-body {
margin-bottom: 0;
}
.modal.modal-liste-ecole-filtre .modal-footer {
padding: 0 2rem 2rem 3.75rem;
display: flex;
justify-content: center;
gap: 1rem;
}
.modal.modal-liste-ecole-filtre .modal-header .modal-title {
font-family: var(--pa-font-sans-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.8px;
flex: 1 0 auto;
text-align: center;
}
.modal .btn-close-link {
color: var(--pa-color-dark);
text-align: center;
font-family: var(--pa-font-serif);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
background: transparent;
border-width: 0;
padding: 0;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
transition: all 300ms ease-out;
}
.modal .btn-close-link:hover,
.modal .btn-close-link:focus {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
.pa-liste-ecoles-filtre .liste-ecoles-filtres-nb {
font-family: var(--pa-font-serif);
font-weight: 700;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtres-nb.simple .pluriel {
display: none;
}
@media (max-width: 767px) {
.pa-liste-ecoles-filtre span.filtres-actifs {
background-color: var(--pa-color-neon-blue);
color: var(--pa-color-white);
top: 100%;
left: 50%;
width: auto;
right: auto;
padding-right: 0.75rem;
border-radius: 15px;
transform: translate(-50%, -50%);
}
.pa-liste-ecoles-filtre span.filtres-actifs:before {
position: relative;
left: auto;
background-color: var(--pa-color-white);
color: var(--pa-color-neon-blue);
border: 2px solid var(--pa-color-neon-blue);
}
}
@media (min-width: 992px) {
.pa-liste-ecoles-filtre .form-check.form-check-button>.form-check-input[type="radio"]~.form-check-label {
padding: 1.5rem 1rem 1.5rem 3rem;
width: 100%;
}
.pa-liste-ecoles-filtre .form-check.form-check-button>.form-check-input[type="radio"] {
left: 1.5rem;
}
.liste-ecoles-filtre-wrapper {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
padding: 3rem 1rem;
}
.sidebar-gauche #content .liste-ecoles-filtre-wrapper {
border: none;
padding: 0;
}
.modal-liste-filtres-ecoles.columns-2,
.modal-liste-filtres-ecoles.columns-3,
.modal-liste-filtres-ecoles.columns-4 {
column-count: 2;
column-gap: 3rem;
}
.pa-liste-ecoles-filtre.ingenieur-post-bac .liste-ecoles-filtre-wrapper {
margin-top: 2.5rem;
}
.sidebar-gauche #content .pa-liste-ecoles-filtre.ingenieur-post-bac .liste-ecoles-filtre-wrapper {
margin-top: 0;
align-items: flex-start;
}
.pa-liste-ecoles-filtre.ingenieur-post-bac.show-activities .liste-ecoles-filtre-wrapper {
padding-top: 5.5rem;
}
.pa-liste-ecoles-filtre.ingenieur-post-bac .liste-ecoles-filtre-profil-wrapper {
position: absolute;
top: 0;
left: 0;
transform: translateY(-50%);
justify-content: center;
}
.sidebar-gauche #content .pa-liste-ecoles-filtre.ingenieur-post-bac .liste-ecoles-filtre-profil-wrapper {
position: static;
top: auto;
left: auto;
transform: none;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper .control-group {
flex-direction: row;
padding: 0 1rem;
margin: 0 1rem;
}
.sidebar-gauche #content .pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper .control-group {
flex-direction: column;
padding: 0;
margin: 0;
}
}
@media (min-width: 1200px) {
.modal-liste-filtres-ecoles.columns-3,
.modal-liste-filtres-ecoles.columns-4 {
column-count: 3;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper .control-group {
padding: 0 2rem;
margin: 0 2rem;
}
}
@media (min-width: 1400px) {
.modal-liste-filtres-ecoles.columns-4 {
column-count: 4;
}
.pa-liste-ecoles-filtre .form-check.form-check-button>.form-check-input[type="radio"]~.form-check-label {
padding: 1.5rem 2rem 1.5rem 3rem;
width: auto;
}
.pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper .control-group {
padding: 0 3rem;
}
}
@media (min-width: 1600px) {
.pa-liste-ecoles-filtre .liste-ecoles-filtre-profil-wrapper .control-group {
padding: 0 4rem;
}
}
/* Sommaire écoles */
#sommaire-ecoles-content .section-title {
margin-bottom: 3rem;
}
.sommaire-ecoles-filtres .controls.filtre-domaines-activite {
max-height: 240px;
overflow-y: auto;
}
.sous-filtres {
height: auto;
padding: 1.5rem 0 0 3.375rem;
}
.sous-filtres .sous-filtres {
padding: 0.5rem 0;
}
.sous-filtres.collapsing {
overflow: hidden;
}
.sous-filtres.collapsed {
display: none;
}
.sous-filtres .form-check-input {
--bs-border-color: var(--pa-color-dark);
}
.sous-filtres .form-check-input[type="radio"] {
margin-top: 0.25rem;
}
.sous-filtres .form-check-label {
color: var(--pa-color-dark);
font-size: 1rem;
font-weight: 500;
line-height: 120%;
letter-spacing: -0.16px;
padding: 0.375rem 0 0.375rem 0.25rem;
}
/* Social share buttons */
.social-share-list {
font-family: var(--pa-font-sans-serif);
font-weight: 700;
font-size: 1.5rem;
line-height: 165%;
list-style: none;
padding-left: 0;
margin-bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0.25rem;
}
.social-share-item {
letter-spacing: 0;
}
.social-share-link {
display: flex;
width: 2.5rem;
height: 2.5rem;
align-items: center;
justify-content: center;
border: none;
background: transparent;
}
.social-share-icon>*,
.social-share-icon>g>* {
stroke: var(--pa-color-dark);
transition: all 300ms ease-out;
}
.bg-neon-blue .social-share-icon>*,
.bg-dark-blue .social-share-icon>*,
.bg-darker .social-share-icon>*,
.bg-neon-blue .social-share-icon>g>*,
.bg-dark-blue .social-share-icon>g>*,
.bg-darker .social-share-icon>g>* {
stroke: var(--pa-color-white);
}
.social-share-link:hover .social-share-icon>*,
.social-share-link:focus .social-share-icon>*,
.social-share-link:hover .social-share-icon>g>*,
.social-share-link:focus .social-share-icon>g>* {
stroke: var(--pa-color-orange);
}
/* Agenda */
.mix-agenda .mix:not(:last-child) {
margin-bottom: 3rem;
padding-bottom: 3rem;
border-bottom: 1px solid rgba(var(--pa-color-dark-rgb), 0.15);
}
.widget-agenda .liste-agenda-title {
font-family: var(--pa-font-serif);
font-size: 1.875rem;
font-weight: 700;
line-height: 120%;
margin-bottom: 2.5rem;
}
.media-list {
display: flex;
flex-direction: column;
gap: 3rem;
}
.sidebar-gauche .content .media-list {
gap: 2.5rem;
}
.media-agenda {
--pa-agenda-date-color: var(--pa-color-dark);
--pa-agenda-date-background: transparent;
--pa-agenda-date-border-color: var(--pa-color-dark);
--pa-agenda-date-opacity: 0.5;
--pa-agenda-desc-opacity: 0.6;
--pa-agenda-date-mix-blend-mode: multiply;
position: relative;
display: flex;
flex-direction: row;
align-items: start;
gap: 24px;
}
.widget-agenda .media-agenda,
.pa-sommaire-agenda .media-agenda {
flex-direction: row;
align-items: center;
}
.pa-agenda-detail .media-agenda {
margin-top: 2rem;
}
.media-date {
display: flex;
flex-direction: column;
align-items: center;
flex-shrink: 0;
gap: 0.75rem;
margin-top: 3rem;
}
.pa-agenda-detail .media-date {
flex-direction: row;
margin-top: 0;
}
.pa-agenda-detail .media-date .heures {
font-size: 1.375rem;
}
.heures p {
margin-bottom: 0;
}
.media-agenda .date-agenda {
display: flex;
justify-content: center;
flex-direction: row;
flex-shrink: 0;
align-self: flex-start;
gap: 8px;
width: 90px;
height: 89px;
border: 2px solid var(--pa-agenda-date-border-color);
background-color: var(--pa-agenda-date-background);
border-radius: 0.375rem;
padding: 16px;
transition: all 150ms ease-out;
}
.media-agenda .date-agenda.double {
width: 128px;
padding: 8px;
}
.media-agenda .date-agenda:not(.double) .points,
.media-agenda .date-agenda:not(.double) .date-fin,
.media-agenda .date-agenda:not(.double) .prefixe {
display: none;
}
.media-agenda .bloc-date {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
transition: all 150ms ease-out;
}
.media-agenda .bloc-date .prefixe {
color: var(--pa-agenda-date-color);
font-size: 0.875rem;
font-weight: 900;
line-height: 100%;
opacity: var(--pa-agenda-date-opacity);
mix-blend-mode: var(--pa-agenda-date-mix-blend-mode);
transition: all 150ms ease-out;
}
.media-agenda .bloc-date .jour {
color: var(--pa-agenda-date-color);
font-size: 1.5rem;
font-weight: 900;
line-height: 150%;
transition: all 150ms ease-out;
}
.media-agenda .bloc-date .mois {
color: var(--pa-agenda-date-color);
font-size: 0.875rem;
font-weight: 900;
line-height: 100%;
opacity: var(--pa-agenda-date-opacity);
mix-blend-mode: var(--pa-agenda-date-mix-blend-mode);
text-transform: uppercase;
transition: all 150ms ease-out;
}
.media-agenda .points {
display: flex;
gap: 2px;
}
.media-agenda .points span {
display: block;
width: 2px;
height: 2px;
border-radius: 50%;
background-color: var(--pa-agenda-date-color);
transition: all 150ms ease-out;
}
.media-agenda .infos {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.media-agenda .infos .btn {
width: auto;
}
.mix-agenda .media-agenda .infos .btn::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.media-agenda .infos .title {
font-family: var(--pa-font-serif);
font-size: 1.125rem;
font-weight: 500;
line-height: 125%;
}
.media-agenda .infos .title>a {
text-decoration: none;
color: var(--pa-agenda-date-border-color);
transition: all 150ms ease-out;
}
.media-agenda .infos .title>a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.media-agenda .desc {
color: var(--pa-color-dark);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
opacity: var(--pa-agenda-desc-opacity);
margin-bottom: 0;
transition: all 150ms ease-out;
}
.exposants {
margin-bottom: 12px;
display: block;
}
.exposants>span {
background: var(--pa-color-neon-blue);
border-radius: 60px;
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-weight: 700;
line-height: 125%;
display: inline-flex;
align-items: center;
text-align: center;
color: var(--pa-color-white);
text-transform: none;
padding: 5px 21px;
margin: 0px 8px 8px 0;
}
.bg-dark .media-agenda .desc,
.bg-darker .media-agenda .desc,
.bg-orange .media-agenda .desc,
.bg-neon-blue .media-agenda .desc,
.bg-dark-blue .media-agenda .desc,
.bg-dark .media-agenda .infos .title>a,
.bg-darker .media-agenda .infos .title>a,
.bg-orange .media-agenda .infos .title>a,
.bg-neon-blue .media-agenda .infos .title>a,
.bg-dark-blue .media-agenda .infos .title>a {
color: var(--pa-color-white);
}
.widget-agenda .media-agenda:hover,
.widget-agenda .media-agenda:focus-within,
.pa-sommaire-agenda-filtre .media-agenda:hover,
.pa-sommaire-agenda-filtre .media-agenda:focus-within,
.media-agenda.linked:hover .media-date,
.media-agenda.linked:focus-within .media-date {
--pa-agenda-date-color: var(--pa-color-white);
--pa-agenda-date-background: var(--pa-color-orange);
--pa-agenda-date-border-color: var(--pa-color-orange);
--pa-agenda-date-opacity: 1;
--pa-agenda-desc-opacity: 1;
--pa-agenda-date-mix-blend-mode: normal;
}
.bg-orange .widget-agenda .media-agenda:hover,
.bg-orange .widget-agenda .media-agenda:focus-within,
.bg-orange .pa-sommaire-agenda-filtre .media-agenda:hover,
.bg-orange .pa-sommaire-agenda-filtre .media-agenda:focus-within {
--pa-agenda-date-background: var(--pa-color-white);
--pa-agenda-date-border-color: var(--pa-color-white);
}
.media-agenda .infos .salle,
.media-agenda .infos .lieux {
letter-spacing: -0.16px;
color: var(--pa-color-dark);
display: block;
font-weight: 700;
opacity: var(--pa-agenda-desc-opacity);
}
.media-agenda .infos .mode {
letter-spacing: -0.16px;
color: var(--pa-color-dark);
display: block;
font-weight: 700;
opacity: var(--pa-agenda-desc-opacity);
}
.media-agenda .description {
font-size: 1rem;
letter-spacing: -0.16px;
}
.media-agenda .description>*:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.media-agenda .date-agenda {
height: 118px;
}
.pa-agenda-detail .media-agenda {
margin-top: 0;
}
.sidebar-gauche:not(.sidebar-gauche-agenda) #content .media-agenda .date-agenda {
height: 89px;
}
.media-agenda .date-agenda.double {
width: 140px;
padding: 16px 8px;
}
.sidebar-gauche .content .media-agenda .date-agenda.double {
width: 128px;
padding: 8px;
}
.media-agenda .date-agenda.double .bloc-date .prefixe,
.media-agenda .date-agenda.double .bloc-date .mois {
line-height: 150%;
}
.media-agenda .infos .title {
font-size: 1.875rem;
line-height: 120%;
letter-spacing: -0.6px;
}
.sidebar-gauche:not(.sidebar-gauche-agenda) #content .media-agenda .infos .title {
font-size: 1.375rem;
line-height: 125%;
letter-spacing: 0;
}
.media-agenda .bloc-date .jour {
font-size: 2rem;
line-height: 125%;
}
.sidebar-gauche .content .media-agenda .bloc-date .jour {
font-size: 1.5rem;
}
.sidebar-gauche #content .media-agenda .date-agenda:not(.double) .bloc-date .jour {
line-height: 150%;
}
.media-agenda .bloc-date .mois {
font-size: 1rem;
}
.sidebar-gauche .content .media-agenda .bloc-date .mois {
font-size: 0.875rem;
}
}
/* Filtres agenda */
.groupe-filtre:not(:last-child) {
margin-bottom: 2rem;
}
.groupe-filtre.groupe-accordeon {
border: 2px solid var(--pa-color-dark);
border-radius: 0.375rem;
background-color: var(--pa-color-white);
}
.form-check.form-check-button {
padding-left: 0;
position: relative;
}
.form-check.form-check-button>.form-check-input[type="radio"] {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 1.5rem;
margin-left: 0;
margin-top: 0;
background-color: transparent;
border-color: var(--pa-color-dark);
}
#sommaire-ecoles-sidebar .form-check.form-check-button>.form-check-input[type="radio"] {
top: 1.25rem;
transform: none;
}
.form-check.form-check-button>.form-check-input:checked[type="radio"] {
--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='6' fill='white'/%3E%3C/svg%3E%0A");
}
.form-check.form-check-button>.form-check-input[type="radio"]~.form-check-label {
border: 2px solid var(--pa-color-dark);
border-radius: 4rem;
padding: 1rem 1.5rem 1rem 3.25rem;
background-color: var(--pa-color-white);
transition: all 300ms ease-out;
font-size: 1rem;
color: var(--pa-color-dark);
font-weight: 700;
line-height: 150%;
}
.form-check.form-check-button>.form-check-input[type="radio"]:not(:disabled, :checked):active {
border-color: var(--pa-color-dark);
background-color: transparent;
}
.form-check.form-check-button>.form-check-input:checked[type="radio"] {
border-color: var(--pa-color-white);
}
.form-check.form-check-button>.form-check-input:checked[type="radio"]::after {
background-color: var(--pa-color-white);
}
.form-check.form-check-button>.form-check-input:checked[type="radio"]~.form-check-label {
color: var(--pa-color-white);
background-color: var(--pa-color-orange);
border-color: var(--pa-color-orange);
}
.form-check.form-check-button>.form-check-input:not(:checked)[type="radio"]~.form-check-label:hover,
.form-check.form-check-button>.form-check-input:not(:checked)[type="radio"]~.form-check-label:focus {
background-color: var(--pa-color-doly);
cursor: pointer;
}
.titre-filtres {
font-family: var(--pa-font-sans-serif);
font-size: 1.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.48px;
color: var(--pa-color-dark);
margin-bottom: 1rem;
}
.controls {
font-family: var(--pa-font-serif);
font-size: 1rem;
color: var(--pa-color-dark-blue);
}
.control:not(.reset) {
position: relative;
padding: 0.125rem 0 0.125rem 2rem;
border: none;
background: none;
display: block;
font-family: var(--pa-font-serif);
font-size: 1rem;
line-height: 115%;
letter-spacing: -0.16px;
color: var(--pa-color-dark);
text-align: left;
cursor: pointer;
}
.control:not(.reset).mixitup-control-active,
.control:not(.reset).bouton-actif {
color: var(--pa-color-orange);
}
.control:not(.reset).mixitup-control-active:after,
.control:not(.reset).bouton-actif:after {
content: "";
position: absolute;
display: block;
width: 20px;
height: 20px;
top: 2px;
left: 0;
background: url('data:image/svg+xml,');
}
.controls .control:not(.reset).mixitup-control-active:before,
.controls .control:not(.reset).bouton-actif:before {
background: var(--pa-color-orange);
}
.reset:not(.reset-filters-btn) {
background: none;
border: none;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1rem;
line-height: 150%;
cursor: pointer;
padding: 0;
transition: all 300ms ease-out;
}
.reset:not(.reset-filters-btn):hover,
.reset:not(.reset-filters-btn):focus {
color: var(--pa-color-orange);
border-bottom: 2px solid rgba(var(--pa-color-orange-rgb), 1);
}
.titre-filtres.accordeon {
margin-bottom: 0;
}
.groupe-filtre .titre-filtres,
.groupe-filtre .titre-filtres>button {
font-family: var(--pa-font-serif);
font-size: 1rem;
font-weight: 700;
line-height: 150%;
color: var(--pa-color-dark);
text-align: left;
transition: all 300ms ease-out;
}
.titre-filtres>button {
margin-bottom: 0;
padding: 1rem 3rem 1rem 1rem;
cursor: pointer;
background: none;
border: none;
display: flex;
flex-direction: row;
align-items: center;
gap: 0.75rem;
position: relative;
width: 100%;
}
.groupe-filtre.groupe-accordeon .checkbox-group {
padding: 1rem;
}
.agenda-sidebar .groupe-filtre .checkbox-group>*:not(:last-child) {
margin-bottom: 0.5rem;
}
.titre-filtres>button.collapsed {
margin-bottom: 0;
transition: all 300ms ease-out;
}
.titre-filtres>button::after {
content: "";
position: absolute;
top: calc(50% - 0.75rem);
right: 1rem;
width: 1.5rem;
height: 1.5rem;
background-image: url('data:image/svg+xml,');
transition: all 300ms ease-out;
}
.titre-filtres>button.collapsed::after {
transform: rotate(-180deg);
}
.filtre-mobile {
display: flex;
justify-content: center;
background: linear-gradient(179.7deg,
rgba(var(--pa-color-dark-rgb), 0) 0.66%,
var(--pa-color-white) 50%);
padding: 76px 0.75rem 21px;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 999;
}
.filter-count {
display: inline-flex;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--pa-color-dark);
color: var(--pa-color-white);
align-items: center;
justify-content: center;
line-height: 24px;
font-size: 0.875rem;
font-family: var(--pa-font-sans-serif);
font-weight: 500;
}
.filter-count>.filter-count-nb {
margin-top: 0.125rem;
}
button.ouvrir-filtre-mobile {
position: relative;
margin: auto;
width: auto;
}
span.filtres-actifs {
position: absolute;
right: -75px;
top: 50%;
transform: translate(0, -50%);
width: 50px;
display: flex;
align-items: center;
color: var(--pa-color-neon-blue);
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-weight: 700;
line-height: 100%;
}
span.filtres-actifs:before {
position: absolute;
width: 30px;
height: 30px;
content: "!";
left: -30px;
background: var(--pa-color-neon-blue);
border-radius: 30px;
color: var(--pa-color-white);
display: flex;
align-items: center;
justify-content: center;
}
#btn-reset-total {
padding: 0;
border: none;
border-radius: 0;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
}
#btn-reset-total:hover,
#btn-reset-total:focus {
color: var(--pa-color-orange);
border-bottom-color: var(--pa-color-orange);
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
-webkit-transform: none;
transform: none;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@media (max-width: 991.98px) {
.modal-filtre-mobile.modal,
.modal.modal-filtre-ecoles {
z-index: 10500;
}
.modal-filtre-mobile .modal-dialog.modal-full,
.modal-filtre-ecoles .modal-dialog {
min-width: 100dvw;
min-height: 100dvh;
margin: 0;
position: fixed;
top: 0;
left: 0;
}
.modal-filtre-mobile .modal-full .modal-content,
.modal-filtre-ecoles .modal-content {
border: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0;
}
.modal-filtre-mobile .modal-body,
.modal-filtre-mobile .modal-header,
.modal-filtre-mobile .modal-footer,
.modal-filtre-ecoles .modal-body,
.modal-filtre-ecoles .modal-header,
.modal-filtre-ecoles .modal-footer {
padding: 1.5rem 2rem;
border: none;
}
.modal-filtre-mobile .modal-body {
top: 0;
height: calc(100% - 100px);
}
.modal-filtre-ecoles .modal-body {
top: 96px;
width: 100%;
height: calc(100% - 196px);
}
.modal-filtre-mobile .modal-body,
.modal-filtre-ecoles .modal-body {
padding-bottom: 5rem;
border: none;
position: absolute;
width: 100%;
overflow-y: auto;
scroll-behavior: smooth;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
}
#titre-filtres-mobile {
font-family: var(--pa-font-sans-serif);
font-size: 2.5rem;
font-weight: 700;
line-height: 125%;
text-transform: uppercase;
color: var(--pa-color-dark);
margin: 0;
}
.modal-filtre-mobile .modal-footer,
.modal.modal-filtre-ecoles .modal-footer {
background: var(--pa-color-doly);
box-shadow: 0px 10px 30px rgba(var(--pa-color-dark-rgb), 0.5);
box-sizing: border-box;
position: fixed;
bottom: 0;
width: 100%;
display: flex;
justify-content: center;
padding: 1.5rem 2rem;
gap: 1rem;
transition: 0.3s;
}
.modal-filtre-mobile .modal-footer .btn,
.modal-filtre-ecoles .modal-footer .btn {
width: auto;
}
.titre-filtres>button:not(.collapsed)::after {
display: none;
}
}
/* Agenda detail */
/* agenda detail sidebar */
.agenda-sidebar-infos {
padding: 1.25rem 1.5rem;
background-color: var(--pa-color-lighter-blue);
border-radius: 0.375rem;
}
.agenda-sidebar-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.agenda-sidebar-item {
display: flex;
flex-direction: row;
align-items: center;
gap: 1.5rem;
}
.agenda-sidebar-icon {
width: 2rem;
height: 2rem;
flex-shrink: 0;
}
.agenda-sidebar-content {
font-family: var(--pa-font-serif);
font-size: 1rem;
font-weight: 500;
line-height: 150%;
letter-spacing: -0.16px;
color: var(--pa-color-dark-blue);
}
.agenda-sidebar-content .agenda-sidebar-link {
color: var(--pa-color-dark-blue);
text-decoration: none;
padding: 0.125rem 0;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
}
.agenda-sidebar-content .agenda-sidebar-link:hover,
.agenda-sidebar-link:focus {
color: var(--pa-color-orange);
border-bottom-color: var(--pa-color-orange);
}
/* Formulaires */
.form-text {
margin-top: 0.25rem;
font-size: 0.875rem;
font-style: italic;
color: var(--pa-color-dark-blue);
}
.form-check {
position: relative;
padding-left: 1.75rem;
}
.form-mention {
background: var(--pa-color-lighter-blue);
padding: 1.25rem 1.5rem;
border-radius: 0.375rem;
}
.form-mention>*:last-child {
margin-bottom: 0;
}
.form-check-input {
width: 1.25em;
height: 1.25em;
margin-top: 0.125em;
cursor: pointer;
}
.form-check-label {
cursor: pointer;
}
.cnil .form-check-label {
font-weight: 700;
}
.form-check-input[type="checkbox"]:checked {
background-color: var(--pa-color-orange);
border-color: var(--pa-color-orange);
}
.form-check-input[type="radio"]:checked {
background-color: var(--pa-color-white);
border-color: var(--pa-color-orange);
--bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='6' fill='%23FB4C0D'/%3E%3C/svg%3E%0A");
}
.form-control,
.form-select {
--bs-border-color: rgba(var(--pa-color-dark-rgb), 0.15);
}
.form-control {
padding: 0.5rem 1rem;
}
.form-select {
padding: 1.25rem 2.5rem 0.75rem 1.25rem;
--bs-form-select-bg-img: url('data:image/svg+xml,');
background-position: right 0.75rem center;
background-size: 24px;
}
.form-select option:checked {
background: var(--pa-color-neon-blue);
color: var(--pa-color-white);
}
.form-select option:not(:checked) {
color: var(--pa-color-dark);
}
.form-select option:hover,
.form-select option:focus,
.form-select option:active {
background: var(--pa-color-orange);
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
border-color: var(--pa-color-orange);
box-shadow: 0 0 0 0.25rem rgba(var(--pa-color-orange-rgb), 0.25);
}
.form-label,
.form-floating label:first-child {
font-family: var(--pa-font-sans-serif);
color: var(--pa-color-black);
font-size: 1.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.48px;
z-index: 6;
}
.form-floating>label {
padding: 1rem 1.25rem;
}
.form-group:disabled .form-label {
color: rgba(var(--pa-color-dark-rgb), 0.5);
}
.form-control:disabled,
.form-select:disabled {
background-color: rgba(var(--pa-color-lightgray-rgb), 0.5);
opacity: 1;
}
.form-group:not(.form-floating) .form-label {
margin-left: 1.75rem;
}
.form-check .form-check-input {
margin-left: -1.75rem;
}
.form-control[type="file"] {
padding: 0;
}
.form-control[type="file"]::file-selector-button {
background-color: transparent;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
padding: 1.25rem;
margin-left: 0;
}
.form-control[type="file"]:not(:disabled):hover::file-selector-button,
.form-control[type="file"]:not(:disabled):focus::file-selector-button {
background-color: var(--pa-color-orange);
color: var(--pa-color-white);
transition: all 150ms ease-out;
}
.form-floating>label:first-child {
transform: translateY(-2rem) translateX(0.15rem);
}
.form-floating>label:first-child::after {
position: absolute;
inset: 1rem 0.75rem;
z-index: -1;
height: 1.25em;
content: "";
background-color: var(--bs-body-bg);
border-radius: 0.375rem;
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext {
padding: 1.25rem 1.25rem 1rem;
}
.form-group+.form-group {
margin-top: 1.5rem;
}
.form-group+.form-group.form-floating {
margin-top: 2rem;
}
.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select,
.form-floating .input-group>.form-control {
height: auto;
min-height: calc(3rem + calc(var(--bs-border-width) * 2));
}
.form-floating>.form-control-plaintext:not(:first-child),
.form-floating>.form-control:not(:first-child),
.form-floating>.form-select:not(:first-child) {
padding-top: 1.25rem;
padding-bottom: 1rem;
}
.form-control.is-invalid,
.was-validated .form-control:invalid {
background-position: right 1rem center;
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"],
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"] {
padding-right: 4.25rem;
background-position: right 0.75rem center, center right 2.5rem;
background-size: 24px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
#oscar_school_form_body>.alert {
margin-bottom: 2rem;
--bs-alert-padding-x: 1.25rem;
--bs-alert-padding-y: 1rem;
}
#oscar_school_form_body>.alert:empty {
display: none;
}
.oscar_input_required {
margin-bottom: 2.5rem;
}
.invalid-feedback {
margin-bottom: .5rem;
}
/* Page contact */
#oscar_school_form_container {
max-width: 600px;
}
/* Symbole */
/* Blog */
/* Recherche */
.search .input-group {
flex-wrap: nowrap;
max-width: 280px;
}
#search-blog-btn {
width: auto;
}
#search-blog-btn .btn-search-icon path {
stroke: var(--pa-color-dark);
transition: 200ms ease-out;
}
#search-blog-btn:hover .btn-search-icon path {
stroke: var(--pa-color-white);
}
/* Liste categories */
.blog-liste-categories .blog-liste-categories-title {
color: var(--pa-color-black);
font-family: var(--pa-font-sans-serif);
font-size: 1.5rem;
font-weight: 700;
line-height: 120%;
letter-spacing: 0.48px;
margin-bottom: 1rem;
}
.blog-liste-categories .nav {
padding: 0 2rem;
}
.blog-liste-categories .nav-link {
display: flex;
align-items: center;
flex-direction: row;
position: relative;
gap: 0.5rem;
color: var(--pa-color-dark);
font-size: 1rem;
font-weight: 700;
line-height: 120%;
padding: 0.5rem 0;
}
.blog-liste-categories .nav-link::before {
content: "";
display: block;
position: absolute;
left: -2rem;
width: 1.5rem;
height: 1.5rem;
margin-top: 0.25rem;
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
transition: all 300ms ease-out;
}
.blog-liste-categories .nav-link.active::before {
opacity: 1;
}
.blog-liste-categories .nav-link .category-title {
padding: 0.125rem 0;
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 0.15);
transition: all 300ms ease-out;
}
.blog-liste-categories .nb-articles {
color: var(--pa-color-white);
background-color: var(--pa-color-dark);
border-radius: 50%;
display: flex;
width: 1.5rem;
height: 1.5rem;
flex-direction: column;
justify-content: center;
align-items: center;
flex-shrink: 0;
font-family: var(--pa-font-sans-serif);
font-size: 0.875rem;
font-weight: 500;
line-height: 100%;
}
.blog-liste-categories .nb-articles>span {
margin-top: 0.125rem;
}
.blog-liste-categories .nav-link:hover .category-title,
.blog-liste-categories .nav-link:focus .category-title,
.blog-liste-categories .nav-link.active .category-title {
color: var(--pa-color-orange);
border-bottom-color: var(--pa-color-orange);
}
/* Liste actus grille */
.pa-actus-liste {
--pa-actus-border-hover-color: var(--pa-color-neon-blue);
--pa-actus-title-color: var(--pa-color-dark);
--pa-actus-title-color-rgb: var(--pa-color-dark-rgb);
--pa-actus-title-hover-color: var(--pa-color-neon-blue);
--pa-actus-title-hover-color-rgb: var(--pa-color-neon-blue-rgb);
}
.bg-neon-blue .pa-actus-liste,
.bg-dark-blue .pa-actus-liste,
.bg-dark .pa-actus-liste {
--pa-actus-border-hover-color: var(--pa-color-white);
--pa-actus-title-color: var(--pa-color-white);
--pa-actus-title-color-rgb: var(--pa-color-white-rgb);
--pa-actus-title-hover-color: var(--pa-actus-title-color);
--pa-actus-title-hover-color-rgb: var(--pa-actus-title-color-rgb);
}
.pa-actus-liste .actu-liste-item {
position: relative;
width: 100%;
}
.pa-actus-liste .actu-liste-link::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.pa-actus-liste .actu-liste-img {
width: 100%;
object-fit: cover;
aspect-ratio: 13 / 9;
border-radius: 0.375rem;
border: 2px solid var(--pa-color-dark);
transition: all 150ms ease-out;
}
.pa-actus-liste .actu-liste-item:hover .actu-liste-img,
.pa-actus-liste .actu-liste-item:focus-within .actu-liste-img {
border-color: var(--pa-actus-border-hover-color);
}
.pa-actus-liste .actu-liste-content {
margin-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: start;
gap: 1rem;
}
.pa-actus-liste.grille .actu-liste-content {
margin-top: 2rem;
gap: 1.5rem;
}
.pa-actus-liste .actu-liste-title {
font-size: 1.375rem;
font-weight: 700;
line-height: 150%;
letter-spacing: -0.44px;
margin-bottom: 0;
}
.pa-actus-liste .actu-liste-link {
font-family: var(--pa-font-serif);
color: var(--pa-actus-title-color);
text-decoration: none;
transition: all 150ms ease-out;
border-bottom: 1px solid rgba(var(--pa-actus-title-color-rgb), 0);
}
.pa-actus-liste .actu-liste-item:hover .actu-liste-link,
.pa-actus-liste .actu-liste-item:focus-within .actu-liste-link {
color: var(--pa-actus-title-hover-color);
border-bottom-color: rgba(var(--pa-actus-title-hover-color-rgb), 1);
}
.pa-actus-liste .actu-liste-cat {
font-family: var(--pa-font-serif);
font-size: 0.875rem;
font-weight: 700;
color: var(--pa-color-dark);
background-color: var(--pa-color-white);
padding: 0.25rem 1rem;
border-radius: 2rem;
transition: all 150ms ease-out;
border: 2px solid var(--pa-color-dark);
}
.pa-actus-liste .actu-liste-item:hover .actu-liste-cat,
.pa-actus-liste .actu-liste-item:focus-within .actu-liste-cat {
color: var(--pa-color-white);
background-color: var(--pa-color-neon-blue);
border-color: var(--pa-color-neon-blue);
}
.pa-actus-liste .actu-liste-desc {
font-size: 1rem;
font-weight: 500;
line-height: 140%;
opacity: 0.7;
}
@media (min-width: 768px) {
.pa-actus-liste.grille .actu-liste-item {
flex: 0 0 auto;
width: 50%;
}
}
@media (min-width: 992px) {
.pa-actus-liste.grille .actu-liste-item {
width: 33.33333333%;
}
.sidebar-gauche .content .pa-actus-liste.grille .actu-liste-item {
width: 50%;
}
}
@media (min-width: 1600px) {
.sidebar-gauche .content .pa-actus-liste.grille .actu-liste-item {
width: 33.33333333%;
}
}
/* Detail actu */
.pa-blog-detail-billet {
display: flex;
flex-direction: column;
gap: 3rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.blog-billet .post-infos-list {
padding-left: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 0.5rem;
margin-top: 2rem;
margin-bottom: 0;
list-style: none;
}
.blog-billet .post-infos-item {
margin-bottom: 0;
}
.blog-billet .post-infos-item:not(:first-child)::before {
content: url('data:image/svg+xml,');
margin-right: 0.5rem;
}
.blog-billet .category {
display: inline-block;
font-family: var(--pa-font-serif);
font-weight: 700;
}
.pa-blog-detail-billet .section-content img {
max-width: 100%;
}
/* owl-carousel et carousel */
.owl-prev,
.owl-next {
position: absolute;
top: 0;
bottom: 0;
width: 5%;
color: var(--pa-color-black);
opacity: 0.8;
}
.owl-next {
right: 0;
}
.owl-prev {
left: 0;
}
.owl-prev:hover,
.owl-next:hover {
opacity: 1;
transition: opacity 0.35s ease;
}
.owl-prev span,
.owl-next span {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: 50%;
margin-top: -30px;
height: 42px;
width: 42px;
font-size: 1.25rem;
line-height: 1;
background: rgba(va(--pa-color-white-rgb), 0.2);
z-index: 5;
}
.owl-prev span {
transform: rotate(180deg);
left: 0;
}
.owl-next span {
right: 0;
}
.owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-dots {
margin-top: 10px;
}
.owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.carousel-content {
position: relative;
padding-top: 62%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.carrousel-grille .owl-stage,
.carrousel-grille .owl-item {
display: flex;
}
/* Page 404 */
.page-404 .pa-banner-ecole {
position: relative;
overflow: hidden;
}
.page-404 .banner-404-image {
width: 100%;
}
.page-404 .sidebar-gutter {
--bs-gutter-x: 3rem;
}
/* Page maintenance */
.page-maintenance .pa-banner-ecole {
position: relative;
overflow: hidden;
padding-top: 0;
padding-bottom: 0;
}
.page-maintenance .banner-404-image {
width: 100%;
}
.page-maintenance .sidebar-gutter {
--bs-gutter-x: 3rem;
}
.page-maintenance .banner-content-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 3rem;
padding-bottom: 3rem;
min-height: 100dvh;
gap: 2rem;
}
.page-maintenance .footer-socials-item .footer-socials-icon path {
stroke: var(--pa-color-dark);
}
.page-maintenance .footer-socials-item:hover .footer-socials-icon path,
.page-maintenance .footer-socials-item:focus .footer-socials-icon path {
stroke: var(--pa-color-orange);
}
/* Cookiebot */
.CookieDeclarationTable {
table-layout: auto !important;
}
div#CookieDeclarationChangeConsent>a,
span#CookieDeclarationUserStatusLabelWithdraw>a {
align-items: center !important;
text-align: center !important;
font-family: var(--pa-font-serif) !important;
box-sizing: border-box !important;
border-radius: var(--pa-btn-border-radius) !important;
color: var(--pa-color-white) !important;
position: relative !important;
overflow: hidden !important;
z-index: 1 !important;
transition: 0.3s !important;
border: none !important;
padding: 0.625rem 1rem !important;
font-size: 0.875rem !important;
line-height: 150% !important;
width: auto !important;
height: auto !important;
text-decoration: none !important;
margin-top: 1rem !important;
}
div#CookieDeclarationChangeConsent>a:hover,
div#CookieDeclarationChangeConsent>a:focus,
span#CookieDeclarationUserStatusLabelWithdraw>a:hover,
span#CookieDeclarationUserStatusLabelWithdraw>a:focus {
background-color: var(--pa-color-orange) !important;
color: var(--pa-color-white) !important;
}
div#CookieDeclarationChangeConsent>a {
background: var(--pa-color-dark);
color: #fff;
}
span#CookieDeclarationUserStatusLabelWithdraw>a {
background: var(--pa-color-dark);
color: #fff;
}
p#CookieDeclarationConsentIdAndDate,
div#CookieDeclarationUserStatusLabelMulti,
div#CookieDeclarationUserStatusLabelOff,
div#CookieDeclarationUserStatusLabelOn {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: none;
border-radius: 0.375rem;
color: var(--pa-color-dark);
background-color: var(--pa-color-green);
border-color: var(--pa-color-green);
}
p.CookieDeclarationTypeHeader {
font-family: Gilroy-Bold;
font-size: 24px;
line-height: 125%;
letter-spacing: -0.2px;
color: var(--primary_dark);
margin-bottom: 16px;
}
span#CookieDeclarationUserStatusLabelConsentDate {
font-family: var(--pa-font-serif);
}
.CookieDeclarationType {
border: none !important;
padding: 0 !important;
}
/* reCAPTCHA */
.grecaptcha-badge {
bottom: 80px !important;
}
/* Mot de passe */
button.show-password {
border: none;
transition: 0.3s;
padding: 0 0.5rem;
border-radius: 0;
}
button.show-password .password-off,
.show-password.show .password-on {
display: none;
}
.show-password.show .password-off {
display: block;
}
.show-password svg path {
fill: var(--pa-color-dark);
transition: 0.3s;
}
.input-group .btn:last-child {
border: var(--bs-border-width) solid var(--bs-border-color);
border-left-width: 0;
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.input-group .btn:hover,
.input-group .btn:focus {
color: var(--pa-color-white);
background-color: var(--pa-color-orange);
border-color: var(--pa-color-orange);
}
/* Dates de publication et de maj */
.sidebar-gauche .content .zone-dates+.scroll-section>.section,
.zone-dates+.scroll-section>.section {
padding-top: 0;
}
.date-maj {
font-size: 12px;
line-height: 1.25;
color: var(--pa-color-grey-300);
padding: 0 2rem;
min-height: 3.5rem;
}
.sidebar-gauche-standard .date-maj {
padding: 1.25rem 2rem;
}
.sidebar-gauche-ecole .date-maj,
.sidebar-gauche-sommaire-ecole .date-maj,
.pleine-page .date-maj {
padding: 1.25rem 0;
}
.zone-dates:has(+.section.bg-amber) {
background: var(--pa-color-amber);
text-align: center;
}
.zone-dates:has(+.section.bg-cerise) {
background: var(--pa-color-cerise);
text-align: center;
}
.zone-dates:has(+.section.pa-simple) {
text-align: center;
}
@media (max-width: 1399.98px) {
.date-maj {
padding: 1rem 0 0;
}
}
@media (max-width: 991.98px) {
.date-maj {
padding: 2rem 0.75rem 0;
}
}
/* Lexique */
/* Lexique */
.icon-hashtag {
display: block;
height: 20px;
width: 20px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%23fb4c0d' d='M278.7 64.7C296 68.4 307 85.4 303.3 102.7L284.2 192L410.7 192L432.7 89.3C436.4 72 453.4 61 470.7 64.7C488 68.4 499 85.4 495.3 102.7L476.2 192L544 192C561.7 192 576 206.3 576 224C576 241.7 561.7 256 544 256L462.4 256L435 384L502.8 384C520.5 384 534.8 398.3 534.8 416C534.8 433.7 520.5 448 502.8 448L421.2 448L399.2 550.7C395.5 568 378.5 579 361.2 575.3C343.9 571.6 332.9 554.6 336.6 537.3L355.7 448L229.2 448L207.2 550.7C203.5 568 186.5 579 169.2 575.3C151.9 571.6 140.9 554.6 144.6 537.3L163.8 448L96 448C78.3 448 64 433.7 64 416C64 398.3 78.3 384 96 384L177.6 384L205 256L137.2 256C119.5 256 105.2 241.7 105.2 224C105.2 206.3 119.5 192 137.2 192L218.8 192L240.8 89.3C244.4 72 261.4 61 278.7 64.7zM270.4 256L243 384L369.5 384L396.9 256L270.4 256z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' width='20' viewBox='0 0 640 640'%3E%3C!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--%3E%3Cpath fill='%23fb4c0d' d='M278.7 64.7C296 68.4 307 85.4 303.3 102.7L284.2 192L410.7 192L432.7 89.3C436.4 72 453.4 61 470.7 64.7C488 68.4 499 85.4 495.3 102.7L476.2 192L544 192C561.7 192 576 206.3 576 224C576 241.7 561.7 256 544 256L462.4 256L435 384L502.8 384C520.5 384 534.8 398.3 534.8 416C534.8 433.7 520.5 448 502.8 448L421.2 448L399.2 550.7C395.5 568 378.5 579 361.2 575.3C343.9 571.6 332.9 554.6 336.6 537.3L355.7 448L229.2 448L207.2 550.7C203.5 568 186.5 579 169.2 575.3C151.9 571.6 140.9 554.6 144.6 537.3L163.8 448L96 448C78.3 448 64 433.7 64 416C64 398.3 78.3 384 96 384L177.6 384L205 256L137.2 256C119.5 256 105.2 241.7 105.2 224C105.2 206.3 119.5 192 137.2 192L218.8 192L240.8 89.3C244.4 72 261.4 61 278.7 64.7zM270.4 256L243 384L369.5 384L396.9 256L270.4 256z'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
mask-size: contain;
transition: 0.3s;
}
.accordion-item h3 .anchor .icon-hashtag {
background-color: var(--pa-color-orange);
}
.accordion-item h3 {
position: relative;
}
.accordion-item h3 .anchor {
position: absolute;
right: 1.5rem;
top: 0.9rem;
font-size: 1rem;
opacity: 0;
visibility: hidden;
transition: 0.3s;
z-index: 3;
}
.accordion-item:hover h3 .anchor {
opacity: 1;
visibility: visible;
transition: 0.3s;
}
.accordion-item h3 .anchor:hover .icon-hashtag {
background-color: var(--pa-color-black);
}
.cms-page-lexique .tooltip-inner {
max-width: 276px;
padding: 0.75rem;
height: auto;
}
/* Vidéos Puissance Alpha */
.zone-video {
padding: 56.25% 0 0 0;
position: relative;
border-radius: 1rem;
overflow: hidden;
}
.zone-video iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/* sections vidéos sommaire*/
.section-videos,
.video-puissance-alpha,
.banner-video {
--bg-banner-decouvrir: var(--pa-color-lighter-blue);
--bg-decouvrir: var(--pa-color-neon-blue);
--bg-banner-temoignages: var(--pa-color-cerise-50);
--bg-temoignages: var(--pa-color-tickle-me-pink);
--bg-banner-ingenieurs-bac-5: var(--pa-color-light-bg-orange);
--bg-ingenieurs-bac-5: var(--pa-color-orange);
--bg-banner-bachelors-bac-3: var(--pa-color-amber-50);
--bg-bachelors-bac-3: var(--pa-color-doly);
--bg-banner-rebond: #f2fcff;
--bg-rebond: #83e1ff;
--icon-back: url('data:image/svg+xml,');
}
.icon-back {
width: 1rem;
height: 1rem;
display: inline-block;
background-image: var(--icon-back);
background-repeat: no-repeat;
background-size: contain;
}
.video-puissance-alpha {
position: relative;
}
.video-puissance-alpha>a {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
}
.video-puissance-alpha>a:hover+.card-img {
box-shadow: 0 11px 13.2px -9px rgba(0, 0, 0, 0.25);
}
section.banner-video h1 {
font-size: 55px;
}
.section-videos .cartouche-title {
display: flex;
align-items: center;
justify-content: space-between;
}
.cms-page-les-videos-puissance-alpha .section-videos .cartouche-title .btn {
display: block !important;
}
.section-videos .cartouche-title h2 {
font-size: 30px;
color: var(--primary_dark);
line-height: 106%;
margin-bottom: 0;
}
.sommaire-videos .row {
row-gap: 2rem;
}
.sommaire-videos .card-video .card-img {
border-radius: 6px;
transition: 0.3s;
overflow: hidden;
border: 2px solid var(--pa-color-black);
}
.sommaire-videos .card-video.card-video-classique .card-img>img {
aspect-ratio: 16/9;
}
.sommaire-videos .card-video.card-video-short .card-img>img {
aspect-ratio: 9/16;
}
.sommaire-videos .card-video .card-img h3 {
position: absolute;
visibility: hidden;
opacity: 0;
z-index: -1;
margin: 0;
}
.sommaire-videos .card-video .card-img-desc {
padding: 0.75rem 1.25rem;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
display: flex;
align-items: center;
justify-content: space-between;
}
.sommaire-videos .card-video .card-img-desc .tag-video {
padding: 0;
background: none;
}
.sommaire-videos .card-video.video-puissance-alpha .tags-video {
padding: 0.75rem 0;
}
.sommaire-videos .card-video.video-puissance-alpha .card-body {
padding: 0;
}
.sommaire-videos .card-video.video-puissance-alpha .tags-video .tag-video {
padding: 0.375rem 0.75rem;
}
.video-puissance-alpha .zone-video {
border-radius: 6px;
}
.video-puissance-alpha.format-short .zone-video {
aspect-ratio: 9 / 16;
max-width: 360px;
max-height: calc(100vh - 200px);
}
.video-puissance-alpha .header-video {
height: 520px;
padding-top: 0.5rem;
scrollbar-gutter: stable;
overflow-y: auto;
scrollbar-width: thin;
/* Rend la barre plus fine */
scrollbar-color: var(--gris_dark) var(--gris_clair);
/* Couleur de la poignée / Couleur du fond */
/* Optionnel : un peu de padding pour aérer le texte */
padding-right: 15px;
}
.video-puissance-alpha .header-video .accroche {
font-size: .875rem;
line-height: 140%;
}
.video-puissance-alpha .tags-video {
gap: 0.5rem;
}
.video-puissance-alpha .tag-video {
padding: 0.5rem 1rem;
border-radius: 3rem;
font-family: var(--pa-font-serif);
font-size: .875rem;
line-height: 126%;
text-decoration: none;
}
.video-puissance-alpha .tag-time {
font-size: .75rem;
font-weight: 500;
line-height: 120%;
color: var(--pa-color-black);
}
.video-puissance-alpha .hashtags {
font-size: 12px;
font-weight: 500;
line-height: 120%;
color: var(--pa-color-black);
}
.video-puissance-alpha .video-transcription {
color: #fff;
}
.video-puissance-alpha .video-transcription summary {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 1rem 2rem;
color: #fff;
}
.video-puissance-alpha .video-transcription summary h2 {
font-size: 1.125rem;
font-family: var(--pa-font-serif);
line-height: 120%;
margin-bottom: 0;
}
.video-puissance-alpha .video-transcription details summary::marker {
content: none;
}
.video-puissance-alpha .video-transcription details summary::before,
.video-puissance-alpha .video-transcription details summary::after {
font-family: var(--pa-font-sans-serif);
font-size: 1.5rem;
line-height: 116%;
transition: 0.3s;
}
.video-puissance-alpha .video-transcription details summary::after {
content: "+";
}
.video-puissance-alpha .video-transcription details[open] summary::after {
opacity: 0;
transition: 0.3s;
}
.video-puissance-alpha .video-transcription details summary::before {
content: "-";
position: absolute;
right: 2rem;
opacity: 0;
transition: 0.3s;
}
.video-puissance-alpha .video-transcription details[open] summary::before {
opacity: 1;
transition: 0.3s;
}
.video-puissance-alpha .transcription-content {
margin-top: 1rem;
padding: 0 2rem;
padding-bottom: 2rem;
color: #fff;
font-size: 14px;
font-weight: 500;
}
.video-puissance-alpha .transcription-content h3 {
font-size: 1rem;
}
.video-puissance-alpha .transcription-content>p {
padding-left: 4.5rem;
position: relative;
}
.video-puissance-alpha .transcription-content>ul {
padding-left: 5.5rem;
position: relative;
}
.video-puissance-alpha .transcription-content>p>strong:first-child {
opacity: .5;
font-weight: 500;
position: absolute;
left: 0;
}
.video-puissance-alpha .icon-time {
display: block;
width: 1rem;
height: 1rem;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.79688 10C1.79688 12.1756 2.66113 14.2621 4.19951 15.8005C5.7379 17.3389 7.8244 18.2031 10 18.2031C12.1756 18.2031 14.2621 17.3389 15.8005 15.8005C17.3389 14.2621 18.2031 12.1756 18.2031 10C18.2031 7.8244 17.3389 5.7379 15.8005 4.19951C14.2621 2.66113 12.1756 1.79688 10 1.79688C7.8244 1.79688 5.7379 2.66113 4.19951 4.19951C2.66113 5.7379 1.79688 7.8244 1.79688 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10V7.07031' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L13.6617 13.6625' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M1.79688 10C1.79688 12.1756 2.66113 14.2621 4.19951 15.8005C5.7379 17.3389 7.8244 18.2031 10 18.2031C12.1756 18.2031 14.2621 17.3389 15.8005 15.8005C17.3389 14.2621 18.2031 12.1756 18.2031 10C18.2031 7.8244 17.3389 5.7379 15.8005 4.19951C14.2621 2.66113 12.1756 1.79688 10 1.79688C7.8244 1.79688 5.7379 2.66113 4.19951 4.19951C2.66113 5.7379 1.79688 7.8244 1.79688 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10V7.07031' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 10L13.6617 13.6625' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
mask-size: contain;
}
.cartouche-title .icon-puce {
display: block;
width: 32px;
height: 32px;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32' viewBox='4.5442 0.728 9.2131 13.0294' fill='none'%3E%3Cpath d='M7.24264 0.728002C3.64588 4.32156 3.64357 10.1615 7.24264 13.7574L13.7573 7.24268L7.24264 0.728002Z' fill='%230E5BA5'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='32' viewBox='4.5442 0.728 9.2131 13.0294' fill='none'%3E%3Cpath d='M7.24264 0.728002C3.64588 4.32156 3.64357 10.1615 7.24264 13.7574L13.7573 7.24268L7.24264 0.728002Z' fill='%230E5BA5'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
mask-size: contain;
}
.video-puissance-alpha .tag-video {
color: #fff;
}
.video-puissance-alpha .icon-time {
background-color: #fff;
}
/* couleur decouvrir */
.section.video-puissance-alpha.theme-decouvrir-puissance-alpha,
.section-videos.theme-decouvrir-puissance-alpha,
.section-videos:has(.theme-decouvrir-puissance-alpha),
.banner-video.theme-decouvrir-puissance-alpha {
background: var(--bg-banner-decouvrir);
}
/* .section-videos .cartouche-title.theme-decouvrir, */
.cartouche-title.theme-decouvrir-puissance-alpha .icon-puce,
.video-puissance-alpha.theme-decouvrir-puissance-alpha .tag-video,
.video-puissance-alpha.theme-decouvrir-puissance-alpha .video-transcription,
.video-puissance-alpha.theme-decouvrir-puissance-alpha .video-transcription summary,
.video-puissance-alpha.theme-decouvrir-puissance-alpha .video-transcription .transcription-content,
.sommaire-videos .video-puissance-alpha.theme-decouvrir-puissance-alpha.card-video .card-img-desc {
background: var(--bg-decouvrir);
}
.video-puissance-alpha.theme-decouvrir-puissance-alpha .header-video {
scrollbar-color: var(--bg-decouvrir) var(--pa-color-white);
/* Couleur de la poignée / Couleur du fond */
}
/* couleur ingenieurs-bac-5 */
.section.video-puissance-alpha[class*="theme-"][class*="ingenieurs"],
.section-videos[class*="theme-"][class*="ingenieurs"],
.section-videos:has([class*="theme-"][class*="ingenieurs"]),
.banner-video[class*="theme-"][class*="ingenieurs"] {
background: var(--bg-banner-ingenieurs-bac-5);
}
.cartouche-title[class*="theme-"][class*="ingenieurs"] .icon-puce,
.video-puissance-alpha[class*="theme-"][class*="ingenieurs"] .tag-video,
.video-puissance-alpha[class*="theme-"][class*="ingenieurs"] .video-transcription,
.video-puissance-alpha[class*="theme-"][class*="ingenieurs"] .video-transcription summary,
.video-puissance-alpha[class*="theme-"][class*="ingenieurs"] .video-transcription .transcription-content,
.sommaire-videos .video-puissance-alpha[class*="theme-"][class*="ingenieurs"].card-video .card-img-desc {
background: var(--bg-ingenieurs-bac-5);
color: var(--pa-color-black);
}
.video-puissance-alpha[class*="theme-"][class*="ingenieurs"] .icon-time {
background: var(--pa-color-black);
}
.video-puissance-alpha[class*="theme-"][class*="ingenieurs"] .header-video {
scrollbar-color: var(--bg-ingenieurs-bac-5) var(--pa-color-white);
/* Couleur de la poignée / Couleur du fond */
}
/* couleur bachelors-bac-3 */
.section.video-puissance-alpha[class*="theme-"][class*="bachelors"],
.section-videos[class*="theme-"][class*="bachelors"],
.section-videos:has([class*="theme-"][class*="bachelors"]),
.banner-video[class*="theme-"][class*="bachelors"] {
background: var(--bg-banner-bachelors-bac-3);
}
.cartouche-title[class*="theme-"][class*="bachelors"] .icon-puce,
.video-puissance-alpha[class*="theme-"][class*="bachelors"] .tag-video,
.video-puissance-alpha[class*="theme-"][class*="bachelors"] .video-transcription,
.video-puissance-alpha[class*="theme-"][class*="bachelors"] .video-transcription summary,
.video-puissance-alpha[class*="theme-"][class*="bachelors"] .video-transcription .transcription-content,
.sommaire-videos .video-puissance-alpha[class*="theme-"][class*="bachelors"].card-video .card-img-desc {
background: var(--bg-bachelors-bac-3);
color: var(--pa-color-black);
}
.video-puissance-alpha[class*="theme-"][class*="bachelors"] .icon-time {
background: var(--pa-color-black);
}
.video-puissance-alpha[class*="theme-"][class*="bachelors"] .header-video {
scrollbar-color: var(--bg-bachelors-bac-3) var(--pa-color-white);
/* Couleur de la poignée / Couleur du fond */
}
/* couleur rebond */
.section.video-puissance-alpha[class*="theme-"][class*="rebond"],
.section-videos[class*="theme-"][class*="rebond"],
.section-videos:has([class*="theme-"][class*="rebond"]),
.banner-video[class*="theme-"][class*="rebond"] {
background: var(--bg-banner-rebond);
}
.cartouche-title[class*="theme-"][class*="rebond"] .icon-puce,
.video-puissance-alpha[class*="theme-"][class*="rebond"] .tag-video,
.video-puissance-alpha[class*="theme-"][class*="rebond"] .video-transcription,
.video-puissance-alpha[class*="theme-"][class*="rebond"] .video-transcription summary,
.video-puissance-alpha[class*="theme-"][class*="rebond"] .video-transcription .transcription-content,
.sommaire-videos .video-puissance-alpha[class*="theme-"][class*="rebond"].card-video .card-img-desc {
background: var(--bg-rebond);
color: var(--pa-color-black);
}
.video-puissance-alpha[class*="theme-"][class*="rebond"] .icon-time {
background: var(--pa-color-black);
}
.video-puissance-alpha[class*="theme-"][class*="rebond"] .header-video {
scrollbar-color: var(--bg-rebond) var(--pa-color-white);
/* Couleur de la poignée / Couleur du fond */
}
/* couleur temoignages */
.video-puissance-alpha.theme-temoignages,
.section-videos.theme-temoignages,
.banner-video.theme-temoignages {
background: var(--bg-banner-temoignages);
}
/* .section-videos .cartouche-title.theme-temoignages, */
.cartouche-title.theme-temoignages .icon-puce,
.video-puissance-alpha.theme-temoignages .tag-video,
.video-puissance-alpha.theme-temoignages .video-transcription,
.sommaire-videos .video-puissance-alpha.theme-temoignages.card-video .card-img-desc {
background: var(--bg-temoignages);
color: var(--pa-color-black);
}
.video-puissance-alpha.theme-temoignages .icon-time {
background: var(--pa-color-black);
}
.video-puissance-alpha.theme-temoignages .header-video {
scrollbar-color: var(--bg-temoignages) var(--pa-color-white);
/* Couleur de la poignée / Couleur du fond */
}
.video-a-la-une .video-puissance-alpha {
background: none;
}
.video-puissance-alpha .video-theme {
font-size: .875rem;
font-style: normal;
font-weight: 500;
line-height: 165%;
letter-spacing: -0.16px;
text-decoration: none;
padding: 0.25rem 0px;
border-bottom: 2px solid rgba(var(--pa-color-black-rgb), 0.15);
}
.video-puissance-alpha .video-theme:hover {
color: var(--pa-color-black);
border-bottom: 2px solid rgba(var(--pa-color-dark-rgb), 1);
}