@import url(https://p.typekit.net/p.css?s=1&k=khk4mpx&ht=tk&f=12783.12784.12785.12786.44279.44280.44281&a=84157111&app=typekit&e=css);
@font-face {
font-family:"franklin-gothic-urw";
src:url(https://use.typekit.net/af/801a74/000000000000000000012126/27/l?subset_id=2&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/801a74/000000000000000000012126/27/d?subset_id=2&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/801a74/000000000000000000012126/27/a?subset_id=2&fvd=n3&v=3) format("opentype");
font-display:swap;
font-style:normal;
font-weight:300;
font-stretch:normal;
}
@font-face {
font-family:"franklin-gothic-urw";
src:url(https://use.typekit.net/af/9cb78a/0000000000000000000118ad/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/9cb78a/0000000000000000000118ad/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/9cb78a/0000000000000000000118ad/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
font-display:swap;
font-style:normal;
font-weight:400;
font-stretch:normal;
}
@font-face {
font-family:"franklin-gothic-urw";
src:url(https://use.typekit.net/af/2e6f07/000000000000000000011ce6/27/l?subset_id=2&fvd=n5&v=3) format("woff2"),url(https://use.typekit.net/af/2e6f07/000000000000000000011ce6/27/d?subset_id=2&fvd=n5&v=3) format("woff"),url(https://use.typekit.net/af/2e6f07/000000000000000000011ce6/27/a?subset_id=2&fvd=n5&v=3) format("opentype");
font-display:swap;
font-style:normal;
font-weight:500;
font-stretch:normal;
}
@font-face {
font-family:"franklin-gothic-urw";
src:url(https://use.typekit.net/af/b825af/0000000000000000000118b1/27/l?subset_id=2&fvd=n7&v=3) format("woff2"),url(https://use.typekit.net/af/b825af/0000000000000000000118b1/27/d?subset_id=2&fvd=n7&v=3) format("woff"),url(https://use.typekit.net/af/b825af/0000000000000000000118b1/27/a?subset_id=2&fvd=n7&v=3) format("opentype");
font-display:swap;
font-style:normal;
font-weight:700;
font-stretch:normal;
}
@font-face {
font-family:"arpona";
src:url(https://use.typekit.net/af/ac066b/00000000000000007735c8e6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"),url(https://use.typekit.net/af/ac066b/00000000000000007735c8e6/30/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"),url(https://use.typekit.net/af/ac066b/00000000000000007735c8e6/30/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
font-display:swap;
font-style:normal;
font-weight:300;
font-stretch:normal;
}
@font-face {
font-family:"arpona";
src:url(https://use.typekit.net/af/22a0fd/00000000000000007735c8eb/30/l?subset_id=2&fvd=i3&v=3) format("woff2"),url(https://use.typekit.net/af/22a0fd/00000000000000007735c8eb/30/d?subset_id=2&fvd=i3&v=3) format("woff"),url(https://use.typekit.net/af/22a0fd/00000000000000007735c8eb/30/a?subset_id=2&fvd=i3&v=3) format("opentype");
font-display:swap;
font-style:italic;
font-weight:300;
font-stretch:normal;
}
@font-face {
font-family:"arpona";
src:url(https://use.typekit.net/af/30a4d7/00000000000000007735c8f0/30/l?subset_id=2&fvd=n4&v=3) format("woff2"),url(https://use.typekit.net/af/30a4d7/00000000000000007735c8f0/30/d?subset_id=2&fvd=n4&v=3) format("woff"),url(https://use.typekit.net/af/30a4d7/00000000000000007735c8f0/30/a?subset_id=2&fvd=n4&v=3) format("opentype");
font-display:swap;
font-style:normal;
font-weight:400;
font-stretch:normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
* {
border: 0px;
margin: 0px;
padding: 0px;
text-decoration: none;
}
body {
background: #13255A;
font-family: 'franklin-gothic-urw', Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 120%;
color: #13255A;
-webkit-font-smoothing: antialiased;
}
button {
font-family: 'franklin-gothic-urw';
}
img {
max-width: 100%;
border: 0px;
vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6 {
line-height: 120%;
margin: 10px 0px;
font-weight: 400;
font-family: 'Arpona';
}
h1 {
font-size: 52px;
letter-spacing: 0.025em;
font-weight: 300;
margin: 0 0 15px 0;
line-height: 1.1em;
text-transform: uppercase;
}
h2 {
font-size: 40px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
a:focus {
outline: none;
}
a {
color: #13255A;
text-decoration: underline;
}
p {
margin: 10px 0px;
line-height: 130%;
letter-spacing: 0.01em;
font-weight: 300;
}
ul, ol {
margin: 10px 0px 10px 15px;
}
ul ul, 
ol ol, 
ul ol, 
ol ul {
margin: 0px 0px 0px 30px;
}
li {
line-height: 130%;
letter-spacing: 0.01em;
font-weight: 300;
}
body:not(.home) .wp-block-table {
overflow: initial;
}
body:not(.home) .wp-block-table td:empty:after {
content: 'Empty cell';
visibility: hidden;
}
body:not(.home) .wp-block-table figcaption {
font-style: italic;
text-align: center;
font-size: 13px;
line-height: 1;
margin-top: 20px;
}
sup {
font-size: smaller;
vertical-align: text-bottom;
}
table {
border: 1px solid #CCCCCC;
margin: 10px 0px;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
table caption {
color: #CCCCCC;
margin:5px 0;
text-align:left;
}
th {
border: 1px solid #EDEDED;
background: #F5F7FA;
font-weight: bold;
padding: 10px;
}
#nested .smart-menu {
display: none;
}
header #nested {
position: absolute;
height: 60px;
z-index: 2;
right: 60px;
top: 0;
bottom: 0;
margin: auto;
}
header #nested .firstLevel {
height: 60px;
margin: 0px;
padding: 0px;
list-style: none;
text-align: center;
}
header #nested .firstLevel li {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0px;
height: 60px;
}
header #nested .firstLevel li a {
display: block;
height: 60px;
line-height: 60px;
color: #13255A;
padding: 0px 12px;
text-decoration: none;
font-size: 17px;
font-weight: 400;
letter-spacing: 0.01em;
}
header #nested .firstLevel > li:not(.menu_contact) a span {
display: block;
height: 60px;
line-height: 60px;
position: relative;
}
header #nested .firstLevel li ul {
position: absolute;
width: 260px;
height: 0px;
background: #FFFFFF;
margin-left: -130px;
margin-top: -20px;
box-shadow: 0px 4px 10px -4px rgba(0, 0, 0, 0.3);
left: 50%;
top: auto;
overflow: hidden;
opacity: 0;
transition: height 0ms ease 0ms, opacity 250ms ease 100ms, margin-top 250ms ease 100ms;
}
header #nested .firstLevel > li:hover > ul {
height: auto;
opacity: 1;
margin-top: 0px;
padding: 15px 10px;
}
header #nested .firstLevel li ul li {
display: block;
height: auto;
border-bottom: 1px solid #EDEDED;
}
header #nested .firstLevel li ul li:last-child {
border-bottom: none;
}
header #nested .firstLevel > li:not(.menu_contact) ul li a span {
display: inline;
height: auto;
line-height: 120%;
border-bottom: none;
}
#wrapper ul li {
position: relative;
}
#wrapper ul li:before {
content: '';
width: 5px;
height: 5px;
background: #E4200E;
position: absolute;
border-radius: 50%;
top: 10px;
left: -15px;
margin: auto;
}
#page {
position: relative;
min-width: initial;
background: #FFFFFF;
overflow: hidden;
}
header {
position: fixed;
width: 100%;
height: 130px;
z-index: 3;
background: none;
transition: 0.3s;
background: #FFFFFF;
}
header #headerInner {
position: relative;
width: 100%;
height: 100%;
}
header #logo {
position: absolute;
z-index: 2;
left: 60px;
top: 0;
bottom: 0;
display: flex;
align-items: center;
}
header #logo img {
transition: 0.3s;
object-fit: cover;
object-position: top left;
}
#wrapper {
position: relative;
background: #FFFFFF;
z-index: 1;
}
#wrapperInner {
position: relative;
width: 100%;
max-width: 100%;
margin: 0px auto;
padding: 95px 0px 0px 0px;
}
#container {
position: relative;
margin: 0px 0px 100px 0px;
}
#contents {
position: relative;
}
#contentsInner {
position: relative;
}
footer {
position: relative;
z-index: 1;
border-top: 1px solid #DFE2EA;
}
footer #footerInner {
position: relative;
width: 90%;
max-width: 1140px;
margin: 0px auto;
padding: 54px 0px 58px 0px;
display: flex;
justify-content: center;
gap: 250px;
}
header #nested ul.firstLevel li ul li {
transition: 0.4s;
}
header #nested ul.firstLevel li ul li:hover {
background: #F7F7F7;
}
body.home #wrapperInner {
padding: 0;
}
.grecaptcha-badge {
visibility: hidden;
}
html, body {
scroll-behavior: smooth;
}
iframe {
max-width: 100%;
}
::-moz-selection {
background-color: #E4200E;
color: #FFFFFF;
}
::selection {
background-color: #E4200E;
color: #FFFFFF;
}
strong {
font-weight: 700;
}
em {
font-style: italic;
}
body.home #container {
margin: 0px;
}
header #nested ul.firstLevel li ul li a {
text-align: left;
height: auto;
padding: 10px;
line-height: 120%;
font-size: 16px;
}
header #nested .firstLevel > li:hover > ul {
padding: 15px 0px;
overflow: visible;
}
header #nested ul.firstLevel > li > ul > li {
padding: 0 10px;	
}
footer a {
text-decoration: none;
}
footer a:hover {
text-decoration: underline;
}
footer #signature {
font-size: 12px;
padding: 25px 5%;
text-align: center;
border-top: 1px solid #DFE2EA;
} body:not(.home) #chapterPicture {
margin: 130px 60px 0 60px;
height: auto;
position: relative;
background: #13255A;
}
body:not(.home) #chapterPicture img {
width: 72%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
right: 0;
}
body:not(.home) #chapterPicture:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
top: 0;
width: 72%;
pointer-events: none;
background: linear-gradient(90deg, #13255A, transparent);
}
body:not(.home) #chapterPicture .title_and_bc {
color: #FFFFFF;
padding: 60px;
position: relative;
z-index: 2;
}
body:not(.home) #chapterPicture .title_and_bc h1 {
max-width: 690px;
}
body:not(.home) #chapterPicture .widget_breadcrumb a {
color: #FFFFFF;
text-decoration: none;
}
body:not(.home) #chapterPicture .widget_breadcrumb a:hover {
text-decoration: underline;
}
body:not(.home) #chapterPicture .widget_breadcrumb {
font-size: 14px;
margin-top: 50px;
}
body:not(.home) h2,
body:not(.home) h3 {
margin-bottom: 15px;
}
body:not(.home) #wrapperInner .wp-block-image {
margin: 0;
}
body:not(.home) #wrapperInner figure.wp-block-gallery {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-right: -2%;
margin-bottom: -2%;
gap: 0;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure {
width: 23.5% !important;
flex-grow: initial;
margin: 0 2% 2% 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(4),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(8),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(12),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(16),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(20),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(24),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(28) {
margin-right: 0 !important;
}
body:not(.home) #wrapperInner .wp-block-column figure.wp-block-gallery > figure {
width: 48% !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img {
transition: 0.2s ease-in-out;
width: 100% !important;
max-height: 210px !important;
flex: initial !important;
height: 16vw !important;
object-fit: cover;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img:hover {
opacity: 0.8;
}
body:not(.home) #wrapperInner p a,
body:not(.home) #wrapperInner li a {
transition: 0.2s ease-in-out;
}
body:not(.home) #wrapperInner p a:hover,
body:not(.home) #wrapperInner li a:hover {
color: #E4200E;
}
body:not(.home) #wrapperInner .wp-block-column > :first-child,
.wp-block-cover__inner-container > :first-child {
margin-top: 0;
}
body:not(.home) #wrapperInner .wp-block-column > :last-child,
body:not(.home) #wrapperInner .wp-block-cover__inner-container > :last-child,
#contact .texte > :last-child,
#ecoles .gauche > :last-child {
margin-bottom: 0;
}
body:not(.home) #wrapperInner div#text > *:not(.wp-block-cover):not(.wp-block-group),
body:not(.home) #wrapperInner div#text > figure,
body:not(.home) #wrapperInner div#text > ul,
body:not(.home) #wrapperInner div#text > .wp-block-group > .wp-block-group__inner-container,
body:not(.home) #wrapperInner div#text > p {
width: 90%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}
body:not(.home) #wrapperInner div#text > ul,
.wp-block-cover__inner-container > ul {
padding-left: 15px;
}
.wp-block-cover {
overflow: hidden;
}
.wp-block-cover img {
transition: transform 0.4s ease-out;
}
.wp-block-cover.is_hovered img {
transform: scale(1.1);
}
div .wp-block-image figcaption {
margin-top: 15px;
text-align: center;
font-style: italic;
font-size: 15px;
}
body:not(.home) #wrapperInner div#text .wp-block-group__inner-container > div:last-child {
margin-bottom: 0;
}
.wp-block-columns.gap10,
.gap10 {
gap: 10px;
}
.wp-block-columns.gap20,
.gap20 {
gap: 20px;
}
.wp-block-columns.gap30,
.gap30 {
gap: 30px;
}
.wp-block-columns.gap40,
.gap40 {
gap: 40px;
}
.wp-block-columns.gap50,
.gap50 {
gap: 50px;
} body.contact #container {
margin: 0px;
}
.wpforms-container ul li:before {
display: none;
}
div form.wpforms-form {
position: relative;
}
div div.wpforms-container-full button[type=submit]:focus:after {
display: none;
}
@media (min-width: 1200px) {
div .wpforms-container .wpforms-submit-container {
position: absolute;
right: 0;
bottom: -10px;
margin: 0;
padding: 0;
}
}
#wrapper div div.wpforms-container-full input:focus,
#wrapper div div.wpforms-container-full textarea:focus {
border-color: #13255A;
box-shadow: 0 0 0 1px #13255A, 0px 1px 2px rgba(0,0,0,0.15);
}
#wrapper div div.wpforms-container-full ::placeholder {
color: #969696;
opacity: 1;
}
body:not(.home) #wrapperInner .wpforms-confirmation-container-full p {
margin: 0;
}
#wrapper div .wpforms-field-container > div.wpforms-field {
padding: 12px 0;
}
#wrapper div .wpforms-field-container > div.wpforms-field .wpforms-field {
padding: 24px 0 0 0;
}
#wrapper div .wpforms-field-container > div.wpforms-field:first-child {
padding-top: 0;
margin-top: -10px;
}
#wrapper div .wpforms-field-container > div.wpforms-field > div > div:first-child .wpforms-field {
padding-top: 0;
} body.error404 #chapterPicture > .title_and_bc:first-child {
position: relative;
top: 0;
border: none;
padding: 60px;
}
body.error404 #chapterPicture .widget_breadcrumb {
display: none;
}
body.error404 #chapterPicture {
height: auto !important;
}
body.error404 article {
text-align: center;
}
body:not(.home).error404 #chapterPicture .title_and_bc h1 {
margin: 0;
} .slick-slider {
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
margin: 0;
padding: 0;
overflow: hidden;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
body:not(.home) #wrapperInner p {
margin: 0 0 15px 0;
}
body:not(.home) #wrapperInner figure + *,
body:not(.home) #wrapperInner .wp-block-image + p {
margin-top: 20px;
}
footer .wp-block-image,
footer .wp-block-columns {
margin-bottom: 0;
}
body:not(.home) div .wp-block-cover .wp-block-cover__inner-container {
width: 90%;
max-width: 1140px;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 3em;
}
.no-margin {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.wp-block-column {
box-sizing: border-box;
}
@media (min-width: 980px) {
.is_hidden_on_desktop {
display: none !important;
}
}
body:not(.home) .wp-block-separator {
margin: 10px 0px;
max-width: 100px;
border-width: 1px;
}
body:not(.home) .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background hr {
width: 100px;
margin-top: 5px;
}
body:not(.home) .wp-block-columns .wp-block-column.is-vertically-aligned-center.has-background,
body:not(.home) .wp-block-columns .wp-block-column.is-vertically-aligned-center.bordure {
align-self: initial;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
} body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display {
display: block;
columns: 2;
gap: 2em;
margin: 0px;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display > figure {
width: initial !important;
break-inside: avoid;
margin: 0 0 2em 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display > figure img {
width: auto !important;
max-height: none !important;
height: auto !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-3 {
columns: 3;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-4 {
columns: 4;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-5 {
columns: 5;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-6 {
columns: 6;
}
.wp-block-columns {
margin-bottom: 2.25em;
} @media (min-width: 1280px) {
header #nested ul.firstLevel > li.hidden_on_desktop {
display: none;
}
header #nested ul.firstLevel > li:not(.menu_contact) > a > span:after {
content: '';
width: 0%;
height: 1px;
right: 0;
position: absolute;
bottom: 16px;
background: #E4200E;
transition: 0.4s;
}
header #nested ul.firstLevel > li:not(.menu_contact):hover > a > span:after {
width: 100%;
left: 0;
right: auto;
}
}
@media (max-width: 1279px) {
header div #nested {
width: 40px;
height: 40px;
top: 0;
right: 5%;
margin-right: -7px;
}
header div #nested .contentSmart {
width: 100%;
height: 100%;
cursor: pointer;
z-index: 25;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
header #nested .firstLevel {
text-align: left;
background: #13255A;
width: 100%;
position: fixed;
right: -100%;
transition: 0.7s;
opacity: 0.3;
top: 0;
height: auto;
bottom: 0;
padding: 50px 0;
overflow-y: auto;
overflow-x: hidden;
}
body.menu_open header #nested .firstLevel:after, 
body.menu_open header #nested .firstLevel:before {
content: '';
height: 55px;
background: linear-gradient(0deg, #13255A, transparent);
position: fixed;
left: 0;
right: 0;
bottom: 0px;
opacity: 0;
pointer-events: none;
transition: 0.3s;
}
body.menu_open.animation_delai header #nested .firstLevel:after, 
body.menu_open.animation_delai header #nested .firstLevel:before {
opacity: 1;
}
body.menu_open header #nested .firstLevel:before {
bottom: auto;
top: 0;
z-index: 20;
background: linear-gradient(180deg, #13255A, transparent);
}
body.menu_open header #nested .firstLevel {
right: 0;
opacity: 1;
}
header div #nested .contentSmart span {
width: 25px;
height: 2px;
background: #13255A;
display: block;
border-radius: 3px;
position: relative;
top: 0;
transition: 0.5s;
}
header div #nested .contentSmart > span:nth-child(2) {
margin: 6px 0px;
}
body.menu_open header div #nested .contentSmart > span:nth-child(1) {
transform: rotate(45deg);
top: 8px;
}
body.menu_open header div #nested .contentSmart > span:nth-child(2) {
opacity: 0;
}
body.menu_open header div #nested .contentSmart > span:nth-child(3) {
transform: rotate(-45deg);
top: -8px;
}
body.menu_open header div #nested .contentSmart > span {
background: #FFFFFF;
}
header #nested ul.firstLevel li a {
font-size: 18px;
height: auto;
line-height: 1;
}
header #nested .firstLevel li a span,
header #nested .firstLevel > li:not(.menu_contact) a span {
line-height: 1.3em;
height: auto;
}
header #nested ul.firstLevel > li.menu-item-has-children {
margin-right: 0;
}
header #nested .firstLevel li {
height: auto;
}
header #nested ul.firstLevel > li {
margin: 0 0 25px 0;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-left: 35px;
}
header #nested ul.firstLevel > li:last-child {
margin-bottom: 0;
}
header #nested ul.firstLevel > li.menu-item-has-children > a {
position: relative;
}
header #nested ul.firstLevel > li.menu-item-has-children > a:after {
content: '';
display: inline-block;
height: 0;
width: 0;
border-top: 5px solid #FFFFFF;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
pointer-events: none;
position: absolute;
right: -8px;
top: 13px;
}
header #nested .firstLevel li a {
color: #FFFFFF;
}
header #nested .firstLevel li ul,
header #nested .firstLevel > li:hover > ul {
position: relative;
height: auto;
opacity: 1;
background: none;
box-shadow: none;
margin: 10px 0 0px 3px;
padding: 0;
left: 0;
width: auto;
}
header #nested ul.firstLevel > li > ul > li, 
header #nested ul.firstLevel > li > ul > li > ul > li {
padding: 0;
margin: 0;
}
header #nested .firstLevel li ul li {
border: none;
}
body.menu_open {
overflow: hidden;
}
header #nested .firstLevel li ul {
display: none;
}
header #nested ul.firstLevel > li.menu-item-has-children.sous_menu_open > ul {
display: block;
}
header #nested ul.firstLevel > li.menu-item-has-children.sous_menu_open > a:after {
transform: rotate(180deg);
}
header #nested ul.firstLevel li ul li:hover {
background: none;
}
}
@media (max-width: 930px) {
.wp-block-spacer {
max-height: 70px;
}
#container {
margin: 0px 0px 70px 0px;
}
.is_hidden_on_mobile {
display: none !important;
}
.invert-columns-order {
flex-direction: column-reverse;
}
div :where(.wp-block-columns.is-layout-flex) {
gap: 2em;
}
}
@media (max-width: 980px) {
body #baguetteBox-overlay .full-image img {
max-height: 85%;
max-width: 85%;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display > figure {
margin: 0 0 1.2em 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display {
gap: 1.2em;
}
html body {
--wp--preset--spacing--20: 2.5vw;
--wp--preset--spacing--30: 2.5vw;
--wp--preset--spacing--40: 2.5vw;
--wp--preset--spacing--50: 5vw;
--wp--preset--spacing--60: 5vw;
--wp--preset--spacing--70: 5vw;
}
}
@media (max-width: 850px) {
body:not(.home) #wrapperInner figure.wp-block-gallery > figure {
width: 48% !important;
margin: 0 4% 4% 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(even) {
margin-right: 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img {
max-height: initial !important;
height: 26vw !important;
}
} body.error404 article a,
body:not(.home) #wrapperInner a.wp-block-button__link,
#wrapper div.wpforms-container-full button[type=submit],
header #nested .firstLevel li.menu_contact a,
#slider > .titre a,
#edito .flex > div.droite > :last-child a,
#contact .texte > :last-child a,
#tem .btn a,
footer a.wp-block-button__link,
.pum-content a {
border-radius: 0;
display: inline-block;
background: url(//www.swissorientation.fr/wp-content/themes/swissorientation/images/white-arrow.svg) no-repeat top 16px right 16px, #E4200E !important;
color: #FFFFFF;
padding: 14px 48px 12px 18px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: 0.3s;
border: 1px solid #E4200E;
font-size: 15px;
height: auto;
box-shadow: none;
letter-spacing: 0.075em;
text-transform: uppercase;
}
body.error404 article a:hover,
body:not(.home) #wrapperInner a.wp-block-button__link:hover,
#wrapper div.wpforms-container-full button[type=submit]:hover,
header #nested .firstLevel li.menu_contact a:hover,
#slider > .titre a:hover,
#edito .flex > div.droite > :last-child a:hover,
#contact .texte > :last-child a:hover,
#tem .btn a:hover,
footer a.wp-block-button__link:hover,
.pum-content a:hover {
background-color: #cf2010 !important;
border-color: #cf2010;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
text-decoration: none;
}
#slider > .titre a {
border-color: #FFFFFF;
color: #FFFFFF;
background: url(//www.swissorientation.fr/wp-content/themes/swissorientation/images/red-arrow.svg) no-repeat top 16px right 16px !important;
animation: slideFromBottom 0.9s ease;
animation-delay: 0.8s;
animation-fill-mode: forwards;
position: relative;
bottom: -20px;
opacity: 0;
}
#slider > .titre a:hover {
background-color: #FFFFFF !important;
border-color: #FFFFFF;
color: #E4200E;
}
#tem .btn a {
border-color: #13255A;
background: url(//www.swissorientation.fr/wp-content/themes/swissorientation/images/red-arrow.svg) no-repeat top 16px right 16px, #13255A !important;
}
#tem .btn a:hover {
background-color: #FFFFFF !important;
color: #13255A;
border-color: #13255A;
}
.has-blanc-color { color: #FFFFFF !important; }
.has-blanc-background-color { background-color: #FFFFFF !important; }
.has-bleu-ciel-color { color: #F5F7FA !important; }
.has-bleu-ciel-background-color { background-color: #F5F7FA !important; }
.has-bleu-fonce-color { color: #13255A !important; }
.has-bleu-fonce-background-color { background-color: #13255A !important; }
.has-rouge-color { color: #E4200E !important; }
.has-rouge-background-color { background-color: #E4200E !important; }
#filieres .lien a {
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
font-weight: 500;
letter-spacing: 0.075em;
font-size: 15px;
padding-right: 30px;
transition: 0.3s;
position: relative;
background: url(//www.swissorientation.fr/wp-content/themes/swissorientation/images/red-arrow.svg) no-repeat right center;
}
#filieres .lien a:after {
content: '';
height: 1px;
position: absolute;
left: 0;
right: 0;
transition: 0.35s;
width: 0%;
bottom: -3px;
background: #FFFFFF;
margin: auto;
}
#filieres .lien a:hover:after {
width: 100%;
}
body.home h1 {
max-width: 790px;
margin-bottom: 30px;
opacity: 0;
position: relative;
bottom: -20px;
animation: slideFromBottom 0.9s ease;
animation-delay: 0.2s;
animation-fill-mode: forwards;
}
@keyframes slideFromBottom {
0% {
opacity: 0;
bottom: -20px;
}
100% {
opacity: 1;
bottom: 0;
}
}
header #nested .firstLevel li.menu_contact a {
margin: 9px 0 0 15px;
}
header.scrolled {
box-shadow: 0 0 10px rgba(0,0,0,0.2);
height: 80px;
}
header.scrolled #logo img {
height: 46px;
width: 180px;
}
#slider {
margin: 130px 60px 95px 60px;
position: relative;
display: flex;
justify-content: flex-start;
background: #13255A;
}
#slider > .slick {
height: 100%;
width: 60%;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
}
#slider > .slick:not(.slick-initialized) > div {
height: 100%;
}
#slider > .slick img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1.1);
animation: dezoom 1.4s ease;
animation-delay: 0.1s;
animation-fill-mode: forwards;
}
@keyframes dezoom {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
#slider > .titre {
color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-align: left;
padding: 60px 0 60px 60px;
}
#slider > .slick:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
top: 0;
width: 82%;
pointer-events: none;
background: linear-gradient(90deg, #13255A, transparent);
}
#slider .slick-list,
#slider .slick-track {
height: 100%;
}
#slider .slick-dots {
position: absolute;
bottom: 35px;
margin: 0;
right: 0;
display: flex;
gap: 10px;
width: calc(100vw - 137px);
justify-content: center;
z-index: 2;
}
#slider .slick-dots li {
line-height: 1;
overflow: hidden;
width: 7px;
height: 7px;
text-indent: -999px;
background: #FFFFFF;
border-radius: 10px;
cursor: pointer;
transition: 0.3s;
}
#slider .slick-dots li button {
cursor: pointer;
visibility: hidden;
}
#slider .slick-dots li.slick-active {
background: #E4200E;
width: 40px;
}
body.home div.titre {
text-align: center;
flex-direction: column;
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
body.home div.titre p {
font-family: 'Arpona';
font-size: 18px;
color: #E4200E;
text-transform: uppercase;
letter-spacing: 0.1em;
text-indent: 0.1em;
position: relative;
background: #FFFFFF;
padding: 0 30px;
line-height: 1;
margin: 0;
font-weight: 400;
}
body.home div.titre p:before {
content: '';
height: 1px;
position: absolute;
bottom: 4px;
left: -110px;
right: -110px;
background: #E4200E;
z-index: -1;
}
body.home div.titre h2 {
margin: 20px 0 0 0;
}
#exp {
width: 90%;
max-width: 1140px;
padding-bottom: 120px;
border-bottom: 1px solid #CFD3DE;
margin: 0 auto 90px;
}
#exp .flex {
display: flex;
justify-content: space-between;
margin-top: 55px;
}
#exp .flex > div {
width: 31%;
text-align: center;
border-top: 1px solid #13255A;
box-sizing: border-box;
padding: 30px 30px 35px 30px;
position: relative;
box-shadow: 0 0 35px rgba(223, 226, 234, 0.5);
}
#exp .flex .icone {
height: 65px;
display: flex;
align-items: center;
justify-content: center;
}
#exp .flex p {
font-size: 26px;
font-weight: 500;
margin: 25px 0 0 0;
letter-spacing: 0;
}
#exp .flex > div:after {
content: '';
width: 150px;
height: 10px;
background: #E4200E;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -5px;
pointer-events: none;
}
#filieres {
width: 90%;
max-width: 1140px;
margin: 0 auto 110px;
}
#filieres .flex {
display: flex;
justify-content: space-between;
margin-top: 60px;
}
#filieres > .flex:only-child {
margin-top: 0;
}
#filieres .flex > div {
width: 31%;
position: relative;
transition: 0.4s;
}
#filieres .flex > div > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.4s;
}
#filieres .lien {
position: absolute;
left: 0;
right: 0;
text-align: center;
bottom: 40px;
z-index: 3;
}
#filieres .flex > div:after,
#filieres .flex > div:before {
content: '';
z-index: 1;
position: absolute;
left: 0;
bottom: 0;
right: 0;
top: 0;
background: linear-gradient(180deg, rgba(19, 37, 90, 0.2), rgba(19, 37, 90, 0.8));
pointer-events: none;
transition: 0.4s;
}
#filieres .flex > div:before {
background: #13255A;
z-index: 2;
opacity: 0;
}
#filieres .texte {
position: relative;
padding: 80px 40px 90px 40px;
color: #FFFFFF;
z-index: 3;
text-align: center;
font-size: 20px;
}
#filieres .texte p {
letter-spacing: 0;
font-weight: 400;
}
#filieres .texte > img {
position: absolute;
left: 0;
right: 0;
margin: auto;
transition: 0.4s;
top: 35px;
opacity: 0;
}
#filieres span.titre {
font-family: 'arpona';
font-size: 32px;
display: block;
line-height: 1.15em;
max-width: 245px;
margin: 0 auto 65px;
position: relative;
}
#filieres span.titre:after {
content: '';
width: 150px;
height: 1px;
background: #E4200E;
pointer-events: none;
position: absolute;
left: 0;
right: 0;
bottom: -35px;
margin: auto;
}
@media (min-width: 1260px) {
#filieres .flex > div:hover:before {
opacity: 1;
top: -25px;
bottom: -25px;
}
#filieres .flex > div:hover > img {
top: -25px;
height: calc(100% + 40px);
}
#filieres .flex > div:hover:after {
top: -25px;
bottom: -25px;
}
#filieres .flex > div .ombre {
position: absolute;
z-index: 2;
top: -0;
bottom: -0;
left: 0;
right: 0;
pointer-events: none;
transition: 0.4s;
}
#filieres .flex > div:hover .ombre {
box-shadow: 0 0 55px rgba(19, 37, 90, 0.35);
top: -25px;
bottom: -25px;
}
#filieres .flex > div:hover .texte > img {
opacity: 1;
top: 15px;
}
#filieres .bordure {
background: #E4200E;
transition: 0.25s ease;
position: absolute;
z-index: 2;
}
#filieres .bordure1,
#filieres .bordure2 {
height: 1px;
width: 0;
bottom: 50px;
right: 255px;
}
#filieres .bordure2 {
right: auto;
left: 255px;
}
#filieres .flex > div:hover .bordure1,
#filieres .flex > div:hover .bordure2 {
width: 75px;
transition-delay: 0.25s;
}
#filieres .bordure3,
#filieres .bordure4 {
height: 0;
width: 1px;
right: 22px;
bottom: 50px;
}
#filieres .bordure3 {
right: auto;
left: 22px;
}
#filieres .flex > div:hover .bordure3,
#filieres .flex > div:hover .bordure4 {
height: 325px;
transition-delay: 0.5s;
}
#filieres .bordure5,
#filieres .bordure6 {
height: 1px;
width: 0;
right: 22px;
top: 45px;
}
#filieres .bordure5 {
right: auto;
left: 22px;
}
#filieres .flex > div:hover .bordure5,
#filieres .flex > div:hover .bordure6 {
width: 115px;
transition-delay: 0.75s;
}
}
#chiffres {
background: #F5F7FA;
text-align: center;
padding: 65px 0 0 0;
}
#chiffres div.titre p {
background: #F5F7FA;
}
#chiffres > * {
width: 90%;
max-width: 1140px;
margin: 0 auto;
}
#chiffres .flex {
display: flex;
justify-content: space-between;
margin-top: 45px;
max-width: 950px;
}
#chiffres .flex > div {
width: 30%;
max-width: 250px;
}
#chiffres > p.notabene {
font-size: 12px;
font-style: italic;
letter-spacing: 0.01em;
margin: 45px auto 0;
border-bottom: 1px solid #CFD3DE;
padding-bottom: 35px;
font-weight: 400;
}
#chiffres p.value {
font-family: 'arpona';
font-size: 40px;
line-height: 1;
margin: 0 0 15px 0;
font-weight: 400;
}
#chiffres .desc p {
font-weight: 300;
line-height: 1.2em;
margin: 0;
}
#edito {
background: #F5F7FA;
padding: 110px 0;
margin-bottom: 185px;
}
#edito .flex {
width: 90%;
max-width: 1140px;
margin: 0 auto;
display: flex;
justify-content: flex-end;
position: relative;
}
#edito .flex > div {
width: 46.5%;
flex-direction: column;
align-items: flex-start;
display: flex;
}
#edito .flex > div.gauche {
position: absolute;
top: 0;
left: 0;
bottom: 0;
}
#edito .flex > div.gauche img {
width: 100%;
height: 100%;
object-fit: cover;
}
#edito .flex > div.droite > :last-child a {
margin: 25px 0 8px 0;
}
#edito h2,
#ecoles .gauche > p:first-child {
color: #E4200E;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1.35em;
position: relative;
margin-top: 15px;
}
#edito h2:after,
#ecoles .gauche > p:first-child:after {
content: '';
position: absolute;
pointer-events: none;
height: 1px;
width: 110px;
background: #E4200E;
right: -130px;
bottom: 5px;
}
#edito .droite > p:first-of-type {
font-size: 20px;
letter-spacing: 0.015em;
font-weight: 500;
margin: 20px 0;
}
#edito ul {
margin-top: 0;
}
#contact {
position: relative;
margin-bottom: 200px;
}
#contact .texte {
background: #13255A;
color: #FFFFFF;
box-sizing: border-box;
padding: 60px;
max-width: 445px;
margin-left: calc(50% - 570px);
z-index: 2;
position: relative;
}
#contact .images {
left: calc(50% - 250px);
right: 0;
bottom: -80px;
top: -80px;
position: absolute;
display: flex;
gap: 40px;
}
#contact .images img {
width: 50%;
height: 100%;
object-fit: cover;
}
#contact .texte > :last-child a {
margin-top: 40px;
}
#contact .texte h2 {
margin: 0 0 18px 0;
}
#wrapper #contact ul li:before {
background: #FFFFFF;
}
#tem {
width: 90%;
max-width: 1140px;
margin: 0 auto 155px;
}
#tem .tem {
border: 1px solid #DFE2EA;
padding: 50px;
box-sizing: border-box;
min-height: 340px;
width: 31%;
}
#tem .slick:not(.slick-initialized) {
display: flex;
gap: 3.5%;
overflow: hidden;
}
#tem .slick:not(.slick-initialized) > div {
flex-shrink: 0;
}
#tem .slick {
margin: 60px 0 60px 0;
position: relative;
}
#tem .btn {
text-align: center;
position: relative;
}
#tem .titre img {
position: absolute;
pointer-events: none;
left: 80px;
bottom: 0;
}
#tem .btn img {
position: absolute;
pointer-events: none;
top: 0;
right: 80px;
transform: rotate(180deg);
}
#tem .tem > p:first-child {
font-size: 20px;
font-weight: 500;
color: #E4200E;
position: relative;
margin: 0 0 65px 0;
}
#tem .tem > p:first-child:after {
content: '';
width: 110px;
height: 1px;
background: #E4200E;
position: absolute;
bottom: -15px;
left: 0;
}
#tem .tem > p:not(:first-child) {
font-family: 'arpona';
font-style: italic;
font-weight: 300;
font-size: 28px;
margin: 0;
}
#tem .tem.slick-slide {
margin-right: 35px;
}
#tem .slick-list {
margin-right: -35px;
}
#tem span.slick-arrow {
width: 60px;
height: 60px;
background: #E4200E;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s;
box-sizing: border-box;
border: 1px solid #E4200E;
cursor: pointer;
position: absolute;
right: -85px;
top: 0;
bottom: 0;
margin: auto;
}
#tem span.slick-arrow.prev {
right: auto;
left: -85px;
transform: rotate(180deg);
}
@media (min-width: 1000px) {
#tem span.slick-arrow path {
transition: 0.3s;
}
#tem span.slick-arrow:hover path {
fill: #E4200E;
}
#tem span.slick-arrow:hover {
background: #FFFFFF;
}
}
#ecoles {
background: #F5F7FA;
padding: 110px 0;
}
#ecoles .container {
width: 90%;
max-width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}
#ecoles .gauche {
width: 32%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
#ecoles .droite {
width: 57%;
display: flex;
row-gap: 25px;
flex-wrap: wrap;
justify-content: space-between;
}
#ecoles .droite > div {
width: 30.7%;
height: 160px;
background: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 20px rgba(19, 37, 90, 0.08);
}
#ecoles .droite > div img {
max-height: 115px;
max-width: 155px;
width: auto;
height: auto;
}
#ecoles .gauche > p:first-child {
font-family: 'arpona';
margin: 0 0 20px 0;
font-weight: 400;
}
#ecoles .gauche > p:first-child:after {
bottom: 6px;
}
footer .wp-block-group__inner-container > p:first-child {
font-weight: 500;
text-transform: uppercase;
font-size: 20px;
margin: 0 0 35px 0;
position: relative;
}
footer .wp-block-group__inner-container > p:first-child:after {
content: '';
height: 1px;
width: 80px;
background: #13255A;
position: absolute;
right: -100px;
bottom: 5px;
}
footer .wp-block-group__inner-container {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 245px;
}
footer a.wp-block-button__link {
margin-top: 25px;
}
.footer_menu p {
margin-bottom: 5px;
}
div .pum-content {
text-align: center;
font-size: 17px;
}
.pum-content > :last-child a {
margin-top: 15px;
}
body .pum-container .pum-title {
font-family: 'Arpona';
}
.pum-container {
overflow: hidden !important;
}
.pum-content > p:first-child:only-child > img {
margin-top: 15px;
}
.bordure:not(span) {
border: 1px solid #DFE2EA;
padding: 50px;
}
.alternative-typo {
font-family: 'Arpona';
}
p.read_more ~ * {
display: none;
}
p.read_more {
cursor: pointer;
display: inline-block;
}
p.read_more:hover strong {
text-decoration: underline;
text-decoration-thickness: 2px;
text-underline-offset: 2px;
}
body.pdbtm0 #container {
margin: 0;
}
div :where(.wp-block-cover-image.is-light:not(.has-text-color)),
div :where(.wp-block-cover.is-light:not(.has-text-color)) {
color: #13255A;
}
body.page_faq .wp-block-column:not(.open) p.has-medium-font-size ~ * {
display: none;
}
body.page_faq #wrapperInner p.has-medium-font-size {
cursor: pointer;
margin: 0;
padding: 20px 100px 20px 0;
position: relative;
}
body.page_faq .wp-block-columns {
border-bottom: 1px solid #DFE2EA;
margin-bottom: 0;
cursor: pointer;
}
body.page_faq .wp-block-column.open {
padding-bottom: 25px;
}
body.page_faq div#text > div:last-child {
border-bottom: none;
}
@media (min-width: 1000px) {
body.page_faq #wrapperInner {
padding-top: 60px;
}
body.page_faq #container {
margin-bottom: 60px;
}
}
body.page_faq #wrapperInner p.has-medium-font-size:after {
content: '+';
font-size: 30px;
font-weight: 300;
color: #dcdcdc;
position: absolute;
right: 20px;
top: 19px;
pointer-events: none;
line-height: 1;
height: 30px;
width: 18px;
text-align: center;
}
body.page_faq #wrapperInner .open p.has-medium-font-size:after {
content: '-';
top: 16px;
}
li.mgnbtm10 {
margin-bottom: 10px;
}
li.mgnbtm5 {
margin-bottom: 6px;
}
div .wp-block-table thead {
border-bottom: 0;
}
div .wp-block-table td,
div .wp-block-table th {
border-color: #DFE2EA;
}
div .wp-block-table td,
div .wp-block-table th {
padding: 12px 14px;
}
p.lh15 {
line-height: 1.5em;
}
.h100 {
height: 100%;
}
@media (max-width: 1600px) {
h1 {
font-size: 46px;
}
body.home h1 {
max-width: 700px;
}
}
@media (max-width: 1500px) {
header #nested .firstLevel li a {
font-size: 16px;
}
header #nested .firstLevel li.menu_contact a {
font-size: 14px;
padding: 14px 46px 12px 15px;
}
header #logo img {
width: 215px;
height: 72px;
}
header {
height: 100px;
}
#slider,
body:not(.home) #chapterPicture {
margin-top: 100px;
}
header #nested {
right: 45px;
}
#slider,
body:not(.home) #chapterPicture {
margin-left: 45px;
margin-right: 45px;
}
header #logo {
left: 45px;
}
header.scrolled {
height: 70px;
}
}
@media (min-width: 1281px) and (max-width: 1350px) {
header #nested .firstLevel li.menu-item-home {
display: none;
}
}
.pum-content ol {
margin: 0;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 25px;
}
.pum-content ol li {
display: flex;
align-items: center;
font-size: 18px;
}
.pum-content ol li > img:first-child,
.pum-content ol li > img:first-child + img,
.pum-content ol li > img:first-child + img + img {
margin-right: 25px;
}
@media (max-width: 1279px) {
#slider,
body:not(.home) #chapterPicture {
margin-left: 5%;
margin-right: 5%;
}
header #logo img {
width: 173px;
height: 58px;
}
header #logo {
left: 5%;
}
header.scrolled #logo img {
height: 42px;
width: 162px;
}
header #nested ul.firstLevel li a {
font-size: 22px;
}
header #nested .firstLevel li.menu_contact a {
font-size: 15px;
padding: 14px 48px 12px 18px;
margin: 4px 0 0 13px;
background-position: center right 16px;
}
h1 {
font-size: 38px;
}
body.home h1 {
max-width: 460px;
margin-bottom: 35px;
}
#slider .slick-dots li.slick-active {
width: 30px;
}
h2 {
font-size: 32px;
}
#exp .flex p {
font-size: 20px;
}
#filieres span.titre {
font-size: 24px;
max-width: 180px;
}
#chiffres p.value {
font-size: 34px;
}
}
@media (max-width: 740px) {
#slider > .titre {
padding: 5%;
}
h1 {
font-size: 32px;
}
body.home h1 {
max-width: 370px;
}
}
@media (max-width: 1100px) {
footer #footerInner {
gap: 55px;
flex-direction: column;
align-items: center;
text-align: center;
}
footer .wp-block-group__inner-container {
align-items: center;
}
footer .wp-block-group__inner-container > p:first-child:after {
display: none;
}
footer .wp-block-group__inner-container > p:first-child {
margin-bottom: 10px;
}
}
@media (max-width: 920px) {
#exp .flex {
flex-direction: column;
gap: 5vw;
margin-top: 40px;
}
#exp .flex > div {
width: 100%;
padding: 30px;
}
#exp .flex .icone {
height: auto;
}
#exp .flex img {
height: auto;
max-height: 34px;
max-width: 50px;
}
#exp .flex > div:after {
width: 100px;
height: 6px;
bottom: -3px;
}
#exp {
padding-bottom: 70px;
margin-bottom: 60px;
}
}
@media (max-width: 1250px) {
#filieres .texte {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 1100px) {
#filieres .flex > div {
width: 100%;
}
#filieres .flex {
flex-direction: column;
gap: 5vw;
margin-top: 40px;
}
#filieres .texte {
padding: 40px;
}
#filieres .lien {
position: relative;
bottom: 0;
margin: -25px 0 40px 0;
}
#filieres span.titre {
max-width: 100%;
}
}
@media (max-width: 920px) {
#chiffres .flex {
flex-direction: column;
align-items: center;
gap: 40px;
}
#chiffres .flex > div {
width: 100%;
max-width: 415px;
}
}
@media (max-width: 1030px) {
#edito h2:after {
display: none;
}
}
@media (max-width: 900px) {
#edito .flex > div.gauche {
position: relative;
}
#edito .flex {
flex-direction: column;
gap: 4.5vw;
}
#edito .flex > div {
width: 100%;
}
#edito {
padding: 65px 0;
margin-bottom: 155px;
}
}
@media (max-width: 1270px) {
#contact .texte {
margin-left: 5%;
}
}
@media (max-width: 920px) {
#contact .images {
top: 0;
position: relative;
left: 0;
bottom: 0;
width: 90%;
margin: 0 auto;
gap: 0;
justify-content: space-between;
}
#contact .images img {
width: calc(50% - 2.5vw);
}
#edito {
margin-bottom: 70px;
}
#contact .texte {
margin: 0 auto 5vw;
width: 90%;
max-width: 90%;
padding: 6.5vw;
}
#contact {
margin-bottom: 75px;
}
}
@media (max-width: 1400px) {
#tem {
max-width: 1000px;
}
#tem .tem > p:not(:first-child) {
font-size: 24px;
}
#tem .tem.slick-slide {
margin-right: 25px;
}
#tem .slick-list {
margin-right: -25px;
}
#tem .tem {
padding: 40px;
min-height: 300px;
}
}
@media (max-width: 1270px) {
#tem .titre img,
#tem .btn img {
display: none;
}
#tem span.slick-arrow {
right: 50%;
bottom: auto;
top: -97px;
margin-right: -230px;
width: 40px;
height: 40px;
z-index: 20;
}
#tem span.slick-arrow.prev {
left: 50%;
margin: 0 0 0 -230px;
}
#tem {
max-width: 1140px;
}
}
@media (max-width: 1280px) {
#tem .tem > p:not(:first-child) {
font-size: 22px;
}
}
@media (max-width: 1000px) {
#tem .slick-track {
display: flex;
}
#tem .tem {
min-height: initial;
float: none;
height: auto;
}
}
@media (max-width: 510px) {
#tem .slick {
margin: 30px 0 120px 0;
}
#tem span.slick-arrow {
top: auto;
bottom: -65px;
}
#tem span.slick-arrow.next {
margin-right: -50px;
}
#tem span.slick-arrow.prev {
margin-left: -50px;
}
#tem {
margin-bottom: 65px;
}
}
@media (max-width: 1190px) {
#ecoles .droite {
width: 540px;
}
#ecoles .droite > div img {
max-height: 90px;
max-width: 115px;
}
#ecoles .gauche {
width: calc(100% - 600px);
}
}
@media (max-width: 1020px) {
#ecoles .container {
flex-direction: column;
gap: 5vw;
}
#ecoles .gauche, #ecoles .droite {
width: 100%;
}
}
@media (max-width: 560px) {
#ecoles .droite > div {
width: calc(50% - 2.5vw);
height: 150px;
}
#ecoles .droite {
row-gap: 5vw;
}
#ecoles {
padding: 65px 0;
}
}
@media (max-width: 500px) {
body:not(.home) #wrapperInner div#text > *:not(.wp-block-cover):not(.wp-block-group), 
body:not(.home) #wrapperInner div#text > figure, 
body:not(.home) #wrapperInner div#text > ul, 
body:not(.home) #wrapperInner div#text > .wp-block-group > .wp-block-group__inner-container, 
body:not(.home) #wrapperInner div#text > p, 
body:not(.home) div .wp-block-cover .wp-block-cover__inner-container,
div .pum-container.pum-responsive,
#exp, #filieres, #chiffres > *,
#edito .flex, #contact .texte,
#contact .images, #tem, #ecoles .container {
width: 87%;
}
.baguetteBox-button#previous-button,
.baguetteBox-button#next-button {
display: block !important;
transform: scale(0.7);
}
header #nested ul.firstLevel > li {
max-width: 90vw;
}
header #nested ul.firstLevel li a {
font-size: 20px;
}
header #nested ul.firstLevel > li.menu-item-has-children > a:after {
right: -8px;
top: 12px;
}
body {
font-size: 16px;
}
body:not(.home) #chapterPicture .widget_breadcrumb {
font-size: 13px;
margin-top: 25px;
}
body:not(.home):not(.error404) #chapterPicture .title_and_bc {
padding: 35px 7.5%;
}
body:not(.home) #wrapperInner {
padding-top: 45px;
}
.wp-block-spacer {
max-height: 50px;
}
body:not(.home) #wrapperInner p + .wp-block-spacer {
margin-top: -5px;
}
#container {
margin: 0px 0px 60px 0px;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure {
width: 48% !important;
margin: 0 4% 4% 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(2),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(4),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(6),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(8),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(10),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(12),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(14),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(16),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(18),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(20),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(22),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(24),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(26),
body:not(.home) #wrapperInner figure.wp-block-gallery > figure:nth-child(28) {
margin-right: 0 !important;
}
body:not(.home) #wrapperInner figure.wp-block-gallery > figure img {
height: 30vw !important;
}
td {
font-size: 14px;
}
html body {
--wp--preset--spacing--20: 5vw;
--wp--preset--spacing--30: 5vw;
--wp--preset--spacing--40: 5vw;
--wp--preset--spacing--50: 7.5vw;
--wp--preset--spacing--60: 7.5vw;
--wp--preset--spacing--70: 7.5vw;
--wp--preset--spacing--80: 45px;
--wp--preset--font-size--small: 13px;
--wp--preset--font-size--medium: 18px;
--wp--preset--font-size--large: 24px;
--wp--preset--font-size--x-large: 30px;
}
header #nested ul.firstLevel > li {
padding-left: 15px;
}
div .wp-block-cover, 
div .wp-block-cover-image {
min-height: 350px;
}
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-5,
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-4,
body:not(.home) #wrapperInner figure.wp-block-gallery.masonry-display.columns-3 {
columns: 2;
}
.wp-block-columns {
margin-bottom: 1.75em;
}
#page div .wpforms-container .wpforms-submit-container {
text-align: center;
margin-bottom: 15px;
margin-top: 25px;
}
#wrapper div .wpforms-field-container div.wpforms-field {
width: 100%;
margin-left: 0;
margin-right: 0;
padding-bottom: 8px;
}
#wrapper div .wpforms-field-container > div.wpforms-field .wpforms-field {
padding: 16px 0 0 0;
}
body .pum-container .pum-title {
font-size: 20px;
line-height: 1.25em;
}
body .pum-content img[src*="letudiant"] {
height: 14px;
display: block;
width: 100%;
}
body .pum-container button.pum-close {
padding: 8px 10px !important;
}
body .pum-container {
padding: 32px !important;
}
.pum-content ol li {
font-size: 16px;
}
.pum-content ol li {
display: block;
text-align: center !important;
}
.pum-content ol li > img:first-child,
.pum-content ol li > img:nth-child(2) {
margin: 0 0 15px 0;
display: block;
width: 100%;
height: 50px;
object-fit: contain;
object-position: center;
}
header #logo img {
width: 150px;
height: 39px;
}
header #logo {
left: 6.5%;
}
body.home div.titre p {
font-size: 14px;
}
h2 {
font-size: 24px;
}
header {
height: 80px;
}
#slider, body:not(.home) #chapterPicture {
margin-left: 6.5%;
margin-right: 6.5%;
margin-top: 80px;
}
header div #nested {
right: 6.5%;
}
h1 {
font-size: 6.6vw;
}
#slider > .titre {
padding: 10%;
}
body.error404 article a, body:not(.home) #wrapperInner a.wp-block-button__link,
div div.wpforms-container-full button[type=submit]:not(:hover):not(:active),
div div.wpforms-container-full button[type=submit]:active,
div div.wpforms-container-full button[type=submit],
header #nested .firstLevel li.menu_contact a, #slider > .titre a,
#edito .flex > div.droite > :last-child a, #contact .texte > :last-child a,
#tem .btn a, footer a.wp-block-button__link, .pum-content a {
font-size: 13px;
transition: 0.1s;
background-size: 16px !important;
padding: 12px 48px 11px 18px;
background-position: center right 18px !important;
}
body.home div.titre p:before {
display: none;
}
body.home div.titre h2 {
margin: 12px 0 0 0;
}
#slider {
margin-bottom: 65px;
}
#exp .flex {
gap: 6.5vw;
margin-top: 30px;
}
footer #signature {
padding: 25px 6.5%;
}
footer a.wp-block-button__link {
margin-top: 15px;
}
footer #footerInner {
padding: 55px 0 50px 0;
}
header.scrolled {
height: 56px;
}
header.scrolled #logo img {
height: 31px;
width: 120px;
}
#exp {
padding-bottom: 65px;
}
#filieres span.titre:after {
width: 100px;
}
#filieres .texte {
font-size: 16px;
}
#filieres .texte p {
max-width: 190px;
margin: 10px auto;
}
#filieres .flex {
gap: 6.5vw;
margin-top: 30px;
}
#filieres {
margin-bottom: 65px;
}
#chiffres p.value {
font-size: 28px;
margin-bottom: 8px;
}
#edito .droite > p:first-of-type {
font-size: 18px;
margin: 15px 0;
}
#edito .flex > div.droite > :last-child a {
margin: 10px 0 0 0;
}
#edito {
margin-bottom: 65px;
padding-bottom: 55px;
}
#contact .texte {
padding: 10vw;
margin-bottom: 6.5vw;
}
#contact .images img {
width: calc(50% - 3.25vw);
}
#contact .texte > :last-child a {
margin-top: 20px;
}
#tem .slick-track {
display: block;
}
#tem .tem {
float: left;
height: 100%;
}
#tem .tem > p:first-child:after {
width: 90px;
bottom: -10px;
}
#tem .tem > p:first-child {
margin-bottom: 50px;
}
#tem .slick {
margin-bottom: 90px;
}
#ecoles .gauche > p:first-child:after {
display: none;
}
#ecoles .gauche > p:first-child {
margin-bottom: 0;
font-size: 14px;
}
#ecoles .droite {
row-gap: 6.5vw;
}
#ecoles .container {
gap: 6.5vw;
}
#ecoles .droite > div {
width: calc(50% - 3.25vw);
height: 120px;
}
#ecoles .droite > div img {
max-height: 70px;
max-width: 100px;
}
p[style*="font-size:28"] {
font-size: 24px !important;
}
#wrapper ul li:before {
top: 8px;
}
h3 {
font-size: 18px;
}
iframe[src*="youtube"] {
height: 56vw;
}
.wp-block-group.is-nowrap > figure {
flex-shrink: 0;
}
.wp-block-group.is-nowrap > figure img[src*="2025"] {
height: auto !important;
width: 58px !important;
}
.wp-block-columns + .wp-block-spacer {
max-height: 30px;
}
iframe {
max-height: 100vw;
}
#filieres .flex > div:after {
background: linear-gradient(180deg, rgba(19, 37, 90, 0.4), rgba(19, 37, 90, 0.9));
}
.pum-content ol li:has( > img:nth-child(2)) > img:nth-child(2) {
width: 48%;
display: inline-block;
margin-right: 0;
object-position: left;
margin-left: 2%;
}
.pum-content ol li:has( > img:nth-child(2)) > img:first-child {
width: 48%;
display: inline-block;
object-position: right;
margin-right: 2%;
}
}
.wp-block-cover__inner-container > ul {
margin-left: 0;
}
#slider > .titre span {
font-family: 'arpona';
font-size: 22px;
font-weight: 300;
line-height: 1.2em;
display: block;
margin-bottom: 80px;
animation: slideFromBottom 0.9s ease;
animation-delay: 0.5s;
animation-fill-mode: forwards;
position: relative;
bottom: -20px;
opacity: 0;
}
@media (max-width: 500px) {
#slider > .titre span {
font-size: 16px;
margin-bottom: 40px;
}
body.home h1 {
margin-bottom: 20px;
}
} #contact {
display: none;
}
#edito {
margin-bottom: 110px;
}
@media (max-width: 500px) {
#edito {
margin-bottom: 65px;
}
}
body:not(.home) #wrapperInner .wpforms-field p {
margin: 0 0 -10px 0;
}
#wrapper div .wpforms-field-container > div.wpforms-field.wpforms-field-content {
padding-top: 0;
}