/* 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-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);
}
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-doly);
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("data:image/svg+xml,%3Csvg width='64' height='64' viewBox='0 0 64 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.9998 0V64M47.9999 4.28722L15.9999 59.7128M59.7128 16L4.28716 48M64 32L0 32M59.7128 48.0001L4.28716 16M47.9999 59.7128L15.9999 4.28716' stroke='%23FB4C0D' stroke-width='5'/%3E%3C/svg%3E%0A");
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%;
}
.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: 80px;
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;
}
.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 {
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(--pa-color-dark-rgb), 0.15);
transition: all 300ms ease-out;
}
.scroll-area .scroll-area-btn:hover,
.scroll-area .scroll-area-btn:focus {
color: var(--pa-color-orange);
border-bottom-color: var(--pa-color-orange);
}
.scroll-area .scroll-area-btn:hover,
.scroll-area .scroll-area-btn:focus {
color: var(--pa-color-dark);
border-bottom-color: var(--pa-color-dark);
}
/* 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-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 {
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-darker *,
.bg-darker .uppertitle,
.bg-darker .title,
.bg-neon-blue .uppertitle,
.bg-neon-blue .title,
.bg-orange .title,
.bg-img *,
.bg-img .title {
color: var(--pa-color-white);
}
.bg-neon-blue:not(.bg-img) .uppertitle {
color: var(--pa-color-doly);
}
.bg-orange a:not(.btn),
.bg-neon-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) {
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 {
--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 {
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-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-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-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-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;
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);
}
body:not(.body-scrolled, .menu-desktop-open) #header.header-light {
--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-whiteer);
}
.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: 52px;
width: 133px;
flex-shrink: 0;
transition: all 300ms ease-out;
}
.logo-site-link .site-logo {
width: calc(100% - 2px);
height: auto;
flex-shrink: 0;
transition: all 300ms ease-out;
}
.logo-site-link .site-logo-baseline {
width: 100%;
height: auto;
flex-shrink: 0;
transition: all 300ms ease-out;
}
/* .logo-site-link .site-logo-baseline path {
fill: var(--pa-header-logo-baseline-color);
} */
.logo-site-link .logo-text {
fill: var(--pa-header-logo-text-color);
}
/*
@media (min-width: 370px) {
.logo-site-link .site-logo-baseline {
height: 34px;
display: flex;
flex-direction: column;
justify-content: center;
gap: 0.25rem;
}
} */
@media (min-width: 1200px) {
.logo-site-link {
height: 90px;
width: 230px;
flex-direction: column;
align-items: flex-start;
margin-top: -17px;
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;
}
.logo-site-link .site-logo-baseline {
height: 14px;
flex-direction: row;
flex-wrap: nowrap;
overflow: hidden;
}
.body-scrolled:not(.menu-desktop-open)
#header:not(:hover, :focus-within)
.logo-site-link
.site-logo-baseline {
height: 0;
opacity: 0;
}
}
/* 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-color-orange);
}
#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 {
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 {
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 {
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;
}
}
@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;
}
.widget-admissions .admissions-list {
display: flex;
}
.widget-admissions .admissions-item {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.widget-admissions .admissions-title {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 0;
}
.widget-admissions .uppertitle {
color: var(--pa-color-dark);
font-family: var(--pa-font-serif);
font-size: 1rem;
font-style: normal;
font-weight: 500;
line-height: 148%;
}
.widget-admissions .title {
color: var(--pa-color-dark);
font-family: var(--pa-font-sans-serif);
font-style: normal;
font-weight: 700;
line-height: 120%;
}
.widget-admissions .title strong {
display: inline-flex;
border-bottom: 15px solid var(--pa-color-theme);
}
.widget-admissions .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;
}
.widget-admissions .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-dark);
transition: 0.3s ease-in-out;
}
.btn.admissions:hover .btn-shape path,
.btn.admissions:focus .btn-shape path {
fill: var(--pa-color-orange);
}
.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;
}
.widget-admissions .title {
font-size: 2rem;
letter-spacing: 0.64px;
}
.widget-admissions .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;
}
.widget-admissions .admissions-list {
flex-direction: column;
align-items: flex-start;
gap: 1.5rem;
padding: 4rem 1.25rem 1.25rem;
}
.widget-admissions .admissions-item {
gap: 1rem;
}
.widget-admissions .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;
}
.widget-admissions .title {
font-size: 2.5rem;
letter-spacing: 0.8px;
}
.widget-admissions .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;
}
.widget-admissions .admissions-list {
flex-direction: row;
gap: 3rem;
padding: 4rem;
}
.widget-admissions .admissions-item {
gap: 1.5rem;
}
.widget-admissions .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 */
@media (min-width: 992px) {
.accueil #main > article > .section::before {
content: "";
position: absolute;
top: 0;
pointer-events: none;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
width: var(--pa-bg-icon-size);
height: var(--pa-bg-icon-size);
}
.accueil #main > article > .section:nth-child(2n)::before {
right: 0;
transform: translate(50%, -50%);
}
.accueil #main > article > .section:nth-child(2n + 1)::before {
left: 0;
transform: translate(-50%, -50%);
}
.accueil #main > article > .section:nth-child(2)::before {
background-image: url("/theme/fr/assets/img/icons/home-icon-1.svg");
width: var(--pa-bg-icon-size-lg);
height: var(--pa-bg-icon-size-lg);
}
.accueil #main > article > .section:nth-child(3)::before {
background-image: url("/theme/fr/assets/img/icons/home-icon-2.svg");
width: var(--pa-bg-icon-size-lg);
height: var(--pa-bg-icon-size-lg);
}
.accueil #main > article > .section:nth-child(4)::before {
background-image: url("/theme/fr/assets/img/icons/home-icon-3.svg");
}
.accueil #main > article > .section:nth-child(5)::before {
background-image: url("/theme/fr/assets/img/icons/home-icon-4.svg");
}
.accueil #main > article > .section:nth-child(6)::before {
background-image: url("/theme/fr/assets/img/icons/home-icon-5.svg");
}
}
@media (min-width: 1600px) {
.accueil #main > article > .section::before {
--pa-bg-icon-size: 410px;
--pa-bg-icon-size-lg: 560px;
}
}
/* 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-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: 84px;
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-spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
object-fit: contain;
aspect-ratio: 1;
animation: spinCycle 56s infinite;
transform-origin: center;
}
@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-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-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-image: url("/theme/fr/assets/img/banner-home-bg.webp");
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;
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);
}
}
/* 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 .item-1 #carousel-bg-icon-1 {
bottom: 90%;
left: calc(35% + var(--pa-home-banner-translate-x));
width: 10.83%;
}
.banner-home-anim .owl-item .item-2 #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 .item-2 #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 .item-3 #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 .item-2 #carousel-bg-icon-2,
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-4,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-7,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-8,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-9,
.banner-home-anim .owl-item .item-3 #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 .item-1 #carousel-bg-icon-1,
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-2,
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-3,
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-4,
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-5,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-6,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-7,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-8,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-9,
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-10 {
display: block;
}
.banner-home-anim .owl-item .item-1 #carousel-bg-icon-1 {
bottom: 91.05%;
left: 60.35%;
width: 11.8%;
}
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-2 {
bottom: 77.76%;
left: 12.35%;
width: 11.8%;
}
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-3 {
bottom: 54.08%;
left: 18.09%;
width: 22.6%;
}
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-4 {
bottom: 44.47%;
left: 13.21%;
width: 9.91%;
}
.banner-home-anim .owl-item .item-2 #carousel-bg-icon-5 {
bottom: 75.66%;
left: 57.9%;
width: 23.13%;
}
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-6 {
left: 9.74%;
}
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-7 {
bottom: 90.66%;
left: 20%;
width: 9%;
transform: rotate(60deg);
}
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-8 {
bottom: 68.63%;
left: 77.54%;
width: 6.33%;
}
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-9 {
bottom: 92.45%;
left: 24.55%;
width: 6.33%;
}
.banner-home-anim .owl-item .item-3 #carousel-bg-icon-10 {
mix-blend-mode: multiply;
bottom: 70.53%;
left: 74.43%;
width: 7.65%;
}
}
@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;
}
.pa-banner-fullwidth.bg-concours::before,
.pa-banner-fullwidth.bg-concours::after {
content: "";
position: absolute;
}
.pa-banner-fullwidth.bg-concours::before {
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url("/theme/fr/assets/img/banner-home-bg.webp");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom left;
mix-blend-mode: multiply;
}
.pa-banner-fullwidth.bg-concours::after {
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: -1px;
left: 50%;
transform: translateX(-50%);
}
.pa-banner-fullwidth .icon-image::before {
content: "";
display: none;
position: absolute;
aspect-ratio: 1;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
/* Je postule */
.pa-banner-fullwidth.je-postule {
background-color: var(--pa-color-cerise);
}
.pa-banner-fullwidth.je-postule .icon-image::before {
background-image: url("data:image/svg+xml,%3Csvg width='362' height='363' viewBox='0 0 362 363' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M181.047 362.715L181.047 0.94923M271.489 338.481L90.6064 25.1828M337.697 272.273L24.3991 91.3905M361.931 181.832L0.165527 181.832M337.697 91.3903L24.3991 272.273M271.489 25.1831L90.6064 338.481' stroke='%23FB4C0D' stroke-width='32'/%3E%3C/svg%3E%0A");
transform: translateX(28%);
right: 0;
bottom: -2rem;
width: 100%;
}
/* Ingenieur */
.pa-banner-fullwidth.post-bac.ingenieur {
background-color: var(--pa-color-light-bg-orange);
}
.pa-banner-fullwidth.post-bac.ingenieur::after {
background-image: url('data:image/svg+xml,');
width: 261px;
height: 123px;
}
.pa-banner-fullwidth.post-bac.ingenieur .icon-image::before {
background-image: url("data:image/svg+xml,%3Csvg width='579' height='579' viewBox='0 0 579 579' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M289.498 579L289.498 -2.54457e-05M434.249 540.214L144.749 38.7854M540.214 434.25L38.7854 144.75M579 289.5L0 289.5M540.214 144.749L38.7854 434.25M434.249 38.7859L144.749 540.215' stroke='%23FFFAC5' stroke-width='32'%3E%3C/path%3E%3C/svg%3E");
right: 0;
bottom: -2rem;
width: 100%;
transform: translateX(40%);
}
/* Bachelor */
.pa-banner-fullwidth.post-bac.bachelor {
background-color: var(--pa-color-light-bg-yellow);
}
.pa-banner-fullwidth.post-bac.bachelor::after {
background-image: url('data:image/svg+xml,');
width: 206px;
height: 103px;
}
.pa-banner-fullwidth.post-bac.bachelor .icon-image::before {
background-image: url('data:image/svg+xml,');
bottom: -3%;
left: -2%;
width: 80%;
}
/* Admissions rebond ingenieur */
.pa-banner-fullwidth.admissions-rebond.ingenieur {
background-color: var(--pa-color-light-bg-blue);
}
.pa-banner-fullwidth.admissions-rebond.ingenieur::after {
background-image: url('data:image/svg+xml,');
width: 345px;
height: 172px;
}
.pa-banner-fullwidth.admissions-rebond.ingenieur .icon-image::before {
background-image: url('data:image/svg+xml,');
bottom: 41%;
right: 8%;
width: 48%;
}
/* Admissions rebond ingenieur */
.pa-banner-fullwidth.admissions-rebond.bachelor {
background-color: var(--pa-color-light-bg-blue);
}
.pa-banner-fullwidth.admissions-rebond.bachelor::after {
background-image: url('data:image/svg+xml,');
width: 289px;
height: 141px;
}
.pa-banner-fullwidth.admissions-rebond.bachelor .icon-image::before {
background-image: url('data:image/svg+xml,');
bottom: 22%;
right: -2%;
width: 55%;
}
/* CPGE */
.pa-banner-fullwidth.cpge {
background-color: var(--pa-color-light-bg-pink);
}
.pa-banner-fullwidth.cpge::after {
background-image: url('data:image/svg+xml,');
width: 253px;
height: 126px;
}
.pa-banner-fullwidth.cpge .icon-image::before {
background-image: url('data:image/svg+xml,');
bottom: 12%;
right: -13%;
width: 84%;
}
.pa-banner-fullwidth .banner-wrapper {
position: relative;
padding-bottom: 3rem;
}
.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;
}
.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;
}
.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;
}
@media (min-width: 992px) {
.landing #content .section:not(.bg-cerise) + .section.bg-cerise::before {
content: '';
position: absolute;
width: 217px;
height: 428px;
right: 0;
top: 0;
transform: translateY(-50%);
background-image: url('data:image/svg+xml,');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
}
/* Billet banniere landing */
.pa-banner-landing {
position: relative;
background-color: var(--pa-color-neon-blue);
color: var(--pa-color-white);
overflow: clip;
}
.pa-banner-landing::before {
content: "";
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background-image: url("/theme/fr/assets/img/banner-landing-bg.webp");
background-size: cover;
background-repeat: no-repeat;
background-position: bottom left;
mix-blend-mode: multiply;
}
#banner-landing-liste-ecoles::before {
content: "";
position: absolute;
width: 579px;
max-width: 100dvw;
height: 579px;
background-image: url('data:image/svg+xml,');
background-position: center;
background-size: 579px 579px;
background-repeat: no-repeat;
}
.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;
background-image: url('data:image/svg+xml,');
background-size: contain;
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%;
}
}
@-webkit-keyframes lp_banner_left_col_slide {
0%,
3% {
transform: translateY(-100%);
top: 100%;
}
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% - 87px);
}
}
}
@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-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 {
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 {
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) {
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 {
--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-item.junia {
display: none;
}
.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.junia {
display: none;
}
.pa-liste-ecoles-filtre[class*="bachelor"] .liste-ecoles-item.junia {
display: flex;
}
.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-darker .social-share-icon > *,
.bg-neon-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 .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 {
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_input_required,
.invalid-feedback {
margin-bottom: 2.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 .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);
}