@charset "UTF-8";
        @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
}  body {
margin: 0;
} main {
display: block;
} h1 {
font-size: 2em;
margin: 0.67em 0; }  hr {
box-sizing: content-box;
height: 0;
overflow: visible;
} pre {
font-family: monospace, monospace;
font-size: 1em;
}  a {
background-color: transparent;
} abbr[title] {
border-bottom: none;
text-decoration: underline;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
} button,
input {
overflow: visible;
} button,
select {
text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
}  fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box;
padding: 0;
} [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield;
outline-offset: -2px;
} [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
}  *,
*::before,
*::after {
box-sizing: inherit;
}
html {
box-sizing: border-box;
}  body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
}
p {
margin-bottom: 1.5em;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", courier, monospace;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code,
kbd,
tt,
var {
font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} body {
background: #fff;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
} embed,
iframe,
object {
max-width: 100%;
}
img {
height: auto;
max-width: 100%;
}
figure {
margin: 1em 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
} a {
color: #4169e1;
}
a:visited {
color: #800080;
}
a:hover,
a:focus,
a:active {
color: #191970;
} button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
line-height: 1;
padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
border-color: #ccc #bbb #aaa;
}
button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
border-color: #aaa #bbb #bbb;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}   .main-navigation {
display: block;
width: 100%;
}
.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}
.main-navigation ul ul {
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
display: block;
left: auto;
}
.main-navigation ul ul a {
width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
left: auto;
}
.main-navigation li {
position: relative;
}
.main-navigation a {
display: block;
text-decoration: none;
} .menu-toggle,
.main-navigation.toggled ul {
display: block;
}
@media screen and (min-width: 37.5em) {
.menu-toggle {
display: none;
}
.main-navigation ul {
display: flex;
}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
text-align: end;
flex: 1 0 50%;
} .sticky {
display: block;
}
.post,
.page {
margin: 0 0 1.5em;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
} .widget {
margin: 0 0 1.5em;
}
.widget select {
max-width: 100%;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .gallery {
margin-bottom: 1.5em;
display: grid;
grid-gap: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
width: 100%;
}
.gallery-columns-2 {
grid-template-columns: repeat(2, 1fr);
}
.gallery-columns-3 {
grid-template-columns: repeat(3, 1fr);
}
.gallery-columns-4 {
grid-template-columns: repeat(4, 1fr);
}
.gallery-columns-5 {
grid-template-columns: repeat(5, 1fr);
}
.gallery-columns-6 {
grid-template-columns: repeat(6, 1fr);
}
.gallery-columns-7 {
grid-template-columns: repeat(7, 1fr);
}
.gallery-columns-8 {
grid-template-columns: repeat(8, 1fr);
}
.gallery-columns-9 {
grid-template-columns: repeat(9, 1fr);
}
.gallery-caption {
display: block;
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
display: none;
} .infinity-end.neverending .site-footer {
display: block;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} #primary[tabindex="-1"]:focus {
outline: 0;
} .alignleft { float: left; margin-right: 1.5em;
margin-bottom: 1.5em;
}
.alignright { float: right; margin-left: 1.5em;
margin-bottom: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 1.5em;
}
@font-face {
font-family: "minecraftmedium";
src: url(//www.bgefc.org/wp-content/themes/WPthemebyMax/minecraft-webfont.woff2) format("woff2"), url(//www.bgefc.org/wp-content/themes/WPthemebyMax/minecraft-webfont.woff) format("woff");
src: url(//www.bgefc.org/wp-content/themes/WPthemebyMax/assets/fonts/minecraft/Minecraft.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "retro_gamingregular";
src: url(//www.bgefc.org/wp-content/themes/WPthemebyMax/retro_gaming-webfont.woff2) format("woff2"), url(//www.bgefc.org/wp-content/themes/WPthemebyMax/retro_gaming-webfont.woff) format("woff");
src: url(//www.bgefc.org/wp-content/themes/WPthemebyMax/assets/fonts/retrogaming/RetroGaming.ttf) format("truetype");
font-weight: normal;
font-style: normal;
}
:root {
--colorPrimary: #F28C00;
--colorSecondary: #80BA27;
--colorTertiary: #E63329;
--colorQuaternary: #009FE3;
--colorQuintenary: #FFD300;
}
.has-bleu-bge-color {
color: #004A99;
}
.has-bleu-bge-background-color {
background-color: #004A99;
}
.has-orange-color {
color: var(--colorPrimary);
}
.has-orange-background-color {
background-color: var(--colorPrimary);
}
.has-vert-color {
color: var(--colorSecondary);
}
.has-vert-background-color {
background-color: var(--colorSecondary);
}
.has-rouge-color {
color: var(--colorTertiary);
}
.has-rouge-background-color {
background-color: var(--colorTertiary);
}
.has-bleu-clair-color {
color: var(--colorQuaternary);
}
.has-bleu-clair-background-color {
background-color: var(--colorQuaternary);
}
.has-jaune-color {
color: var(--colorQuintenary);
}
.has-jaune-background-color {
background-color: var(--colorQuintenary);
}
.has-rose-color {
color: #E5007D;
}
.has-rose-background-color {
background-color: #E5007D;
}
.has-turquoise-color {
color: #45BCCF;
}
.has-turquoise-background-color {
background-color: #45BCCF;
}
#loader {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgb(255, 255, 255);
z-index: 1000000000000000;
}
#loader .loaderLogo1 {
width: 200px;
}
#loader .loaderLogo2 {
width: 100px;
position: absolute;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
}
#loader .loaderLogo2 img {
animation: rotate 1s linear infinite;
transform-origin: center;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
* {
font-family: "Poppins", sans-serif;
}
*::selection {
background-color: var(--colorQuintenary) !important;
}
html {
max-width: 100vw !important;
overflow-x: hidden !important;
}
body {
background-color: white !important;
background-repeat: no-repeat;
overflow-x: hidden !important;
margin: 0 !important;
padding: 0;
max-width: 100vw;
}
a {
color: black;
font-family: "Poppins", sans-serif;
}
a:hover {
text-decoration: none !important;
}
.row {
margin-left: 0 !important;
margin-right: 0 !important;
}
h1 {
color: #000000;
font-family: "Poppins", sans-serif;
font-weight: 700 !important;
}
@media screen and (max-width: 768px) {
h1 {
font-size: 25px !important;
}
}
@media screen and (max-width: 576px) {
h1 {
font-size: 20px !important;
}
}
h2 {
color: #004A99;
font-family: "Poppins", sans-serif;
margin-top: 100px !important;
margin-bottom: 30px !important;
font-size: 30px !important;
font-weight: 600 !important;
}
@media screen and (max-width: 1440px) {
h2 {
font-size: 25px !important;
}
}
@media screen and (max-width: 1024px) {
h2 {
font-size: 20px !important;
}
}
@media screen and (max-width: 768px) {
h2 {
font-size: 20px !important;
text-align: left !important;
width: 100%;
margin-top: 50px !important;
}
}
@media screen and (max-width: 576px) {
h2 {
font-size: 20px !important;
text-align: center !important;
width: 100%;
margin-top: 50px !important;
}
}
@media screen and (max-width: 1440px) {
h3 {
font-size: 25px !important;
}
}
@media screen and (max-width: 1024px) {
h3 {
font-size: 20px !important;
}
}
@media screen and (max-width: 768px) {
h3 {
font-size: 16px !important;
}
}
h4 {
color: #004A99;
font-family: "Poppins", sans-serif;
margin-top: 20px !important;
font-size: 20px !important;
font-weight: 600;
}
h6 {
color: white;
font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 1024px) {
h6 {
text-align: center;
}
}
p {
color: #000000;
font-family: "Poppins", sans-serif;
margin-bottom: 0 !important;
}
@media screen and (max-width: 1440px) {
p {
font-size: 15px;
}
}
li a {
color: #000000;
}
li a:visited {
color: #000000;
}
li a:hover {
color: #004A99;
}
.textRight {
text-align: right !important;
}
span {
font-family: "Poppins", sans-serif;
}
button {
background-color: #004A99 !important;
border: 1px solid #004A99;
border-radius: 100px !important;
background: white;
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px !important;
text-transform: uppercase;
font-weight: 600;
font-size: 12px !important;
}
button a {
color: white !important;
}
button a:visited {
color: white;
}
@media screen and (max-width: 768px) {
button {
margin-left: auto !important;
margin-right: auto !important;
}
}
button:focus {
outline: none !important;
}
button:hover {
border: 1px solid #004A99;
background-color: white !important;
scale: 1.1;
transition: border 0.5s ease, background-color 0.5s ease, transform 0.5s ease;
}
button:hover .btnArrow {
color: #004A99 !important;
}
button:hover a {
color: #004A99 !important;
}
button a {
text-transform: uppercase;
color: #004A99;
font-weight: 600;
font-size: 12px;
}
button a:focus {
outline: none !important;
}
button .btnArrow {
margin-left: 10px;
font-size: 15px;
color: white !important;
}
.white-text {
color: white !important;
}
.retourBtn {
position: fixed;
margin-top: -10px;
left: 0;
display: block;
width: 120px;
height: 100px;
}
@media screen and (max-width: 768px) {
.retourBtn {
display: none;
}
}
.retourBtn .button {
position: absolute;
right: 0;
top: 0;
color: #000000;
font-weight: 600;
}
.retourBtn svg {
position: absolute;
left: 0;
bottom: 0;
}
@media screen and (max-width: 768px) {
.mobileNone {
display: none;
}
}
@media screen and (min-width: 768px) {
.desktopNone {
display: none !important;
}
}
.visionOption {
cursor: zoom-in;
}
.overlayBlack {
position: fixed;
display: block;
height: 100vh;
width: 100vw;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4392156863);
display: none;
z-index: 1000;
}
.mtoph1 {
margin-top: 150px;
margin-bottom: 50px;
}
.leaflet-map {
z-index: 1;
}
.imgRadius {
border-radius: 20px;
max-height: 100%;
max-width: 100%;
position: absolute;
}
.mCenter {
margin-top: 50px !important;
display: block;
margin-right: auto;
margin-left: auto;
}
.cardMarginBottom {
margin-bottom: 25px;
}
.cardMarginBottom i {
position: absolute;
right: 20px;
bottom: 20px;
}
.arrowActus {
font-size: 20px;
}
.containCenter {
width: 100%;
display: flex;
justify-content: center;
margin-top: 50px;
}
.has-background {
border-radius: 20px !important;
}
.titre-orange {
color: var(--colorPrimary);
}
.titre-vert {
color: var(--colorSecondary);
}
.titre-rouge {
color: var(--colorTertiary);
}
.titre-bleu {
color: var(--colorQuaternary);
}
.titre-jaune {
color: var(--colorQuintenary);
}
.error-404 {
margin-top: 150px;
}
.error-404 h2 {
text-align: center !important;
}
.error-404 .flexCenter {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.vp-video-wrapper {
border-radius: 20px !important;
}
@media screen and (max-width: 768px) {
.tabletPaddingNone {
padding: 0 !important;
}
} .logoSite {
width: 130px;
position: fixed;
top: 5px;
left: 5%;
z-index: 10002;
border-radius: 20px;
background: white;
}
@media screen and (max-width: 1024px) {
.logoSite {
width: 100px;
}
}
@media screen and (max-width: 768px) {
.logoSite {
width: 100px;
border-radius: 0px;
}
}
@media screen and (max-width: 768px) {
.burgerContain {
z-index: 10;
position: fixed !important;
overflow-y: auto;
overflow-x: hidden !important;
}
}
@media screen and (min-width: 768px) {
.burgerContain {
display: none !important;
}
}
@media screen and (max-width: 768px) {
.burgerContain .menu {
display: block !important;
}
}
@media screen and (max-width: 768px) {
.burgerContain .menu li {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.burgerContain .menu li .sub-menu {
margin-top: 5px;
padding-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.burgerContain .menu a {
display: block !important;
padding-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.burgerContain {
position: absolute;
top: -100vh;
background-color: white;
width: 100vw;
height: 100vh;
}
}
.burgerContain .maBgeLink {
display: none;
}
@media screen and (max-width: 768px) {
.burgerContain .maBgeLink {
display: block;
position: absolute !important;
left: 50%;
transform: translate(-50%);
margin-top: 20px;
}
}
.burgerContain .monCompteLink {
display: none;
}
@media screen and (max-width: 768px) {
.burgerContain .monCompteLink {
display: block;
position: absolute !important;
left: 50%;
transform: translate(-50%);
width: 170px;
margin-top: 60px;
margin-bottom: 50px;
}
}
@media screen and (max-width: 768px) {
.burgerContain .space {
width: 50px;
height: 50px;
display: block;
position: absolute !important;
left: 50%;
transform: translate(-50%);
width: 170px;
margin-top: 60px;
margin-bottom: 50px;
}
}
#nav {
display: flex !important;
align-items: center !important;
background-color: white !important;
height: 110px;
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
border-bottom: 2px solid rgba(0, 74, 153, 0.1);
}
@media screen and (max-width: 1024px) {
#nav {
height: 80px;
}
}
#nav .burgerMenu {
display: none;
}
@media screen and (max-width: 768px) {
#nav .burgerMenu {
display: block;
position: absolute;
top: 30px;
right: 35px;
transform: rotate(0);
transform-origin: center center !important;
}
}
#nav .burgerSpan {
z-index: 9999999999999 !important;
}
nav ul li:not(.current-menu-item):hover > a {
color: #004A99;
font-weight: 600;
}
.menu .sub-menu {
display: none;
position: absolute;
z-index: 100;
margin: 0;
padding: 0;
background: white;
border-left: 2px solid rgba(0, 74, 153, 0.1);
border-right: 2px solid rgba(0, 74, 153, 0.1);
border-bottom: 2px solid rgba(0, 74, 153, 0.1);
width: auto;
padding: 15px 30px 30px 30px;
margin: 17px -20px 0 -20px;
border-radius: 0px 0px 20px 20px;
}
@media screen and (max-width: 1024px) {
.menu .sub-menu {
padding: 0px 15px 15px 15px;
margin: 2px -20px 0 -20px;
}
}
@media screen and (max-width: 768px) {
.menu .sub-menu {
display: block;
position: relative;
background-color: transparent;
border: 0;
}
}
.menu .sub-menu li {
margin-top: 10px;
}
@media screen and (max-width: 768px) {
.menu .sub-menu li {
margin-top: 0px;
margin-bottom: 5px;
margin-left: 10px;
}
}
.menu .sub-menu li a {
font-weight: 400;
}
@media screen and (max-width: 768px) {
.menu .sub-menu li a {
font-size: 12px;
padding-bottom: 10px;
}
}
.menu ul {
display: flex;
width: 50vw;
justify-content: space-between;
margin-left: 25vw;
margin-bottom: 0 !important;
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.menu {
display: none !important;
align-items: initial !important;
margin-left: -25vw;
margin-top: 100px;
width: 100vw;
}
}
.menu li {
list-style: none;
}
@media screen and (max-width: 768px) {
.menu li {
width: 85vw;
margin-bottom: 20px;
}
}
.menu li a {
color: black;
font-weight: 500;
padding: 0px 0px 20px 0px;
font-size: 16px;
font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 1024px) {
.menu li a {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.menu li a {
font-size: 20px;
}
}
.menu li a:hover {
color: #004A99;
position: relative;
}
@media screen and (min-width: 768px) {
.menu li:hover > .sub-menu {
display: block;
}
}
.sub-menu li:not(.current-menu-item):hover > a {
color: #004A99;
font-weight: 600;
}
.menu li.current-menu-item a {
color: black !important;
}
.menu li.current-menu-item a {
padding: 0 !important;
} .menu li.current-menu-ancestor > a { position: relative;
color: #004A99; }
.menu li.current-menu-ancestor > a::after {
content: "";
position: absolute;
width: 20px;
height: 3px;
background-color: var(--colorTertiary); border-radius: 0.5rem;
left: 0;
bottom: 0;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.menu li.current-menu-ancestor > a::after {
bottom: 15px !important;
}
}
@media screen and (max-width: 768px) {
.menu li.current-menu-ancestor > a::after {
bottom: 0px !important;
}
} .menu > li:not(.current-menu-item) > a::before {
content: "";
position: absolute;
top: 65%;
left: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--colorQuintenary);
transform: translate(-50%, -50%) translateX(-100%);
transition: transform 0.3s ease;
opacity: 0;
z-index: 1;
}
.menu > li:not(.current-menu-item) > a:hover::before {
transform: translate(-50%, -50%) translateX(0);
opacity: 1;
} .menu > li > .sub-menu li:not(.current-menu-item) > a::before {
content: "";
position: absolute;
top: 65%;
left: 5px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: var(--colorQuintenary);
transform: translate(-50%, -50%) translateX(-100%);
transition: transform 0.3s ease;
opacity: 0;
z-index: 1;
}
.menu > li > .sub-menu li:not(.current-menu-item) > a:hover::before {
transform: translate(-50%, -50%) translateX(0);
opacity: 1;
}
@media screen and (max-width: 768px) {
.menu > li > .sub-menu .current-menu-item a {
margin-bottom: 10px;
}
}
.menu li.current-menu-item::before {
content: "";
position: absolute !important;
width: 3rem; height: 3rem; background-color: rgba(255, 211, 0, 0.1);
border-radius: 50%;
opacity: 1; margin-top: -10px;
margin-left: -10px;
}
@media screen and (max-width: 768px) {
.menu li.current-menu-item::before {
width: 2rem;
height: 2rem;
margin-top: -5px;
margin-left: -5px;
}
}
.menu li.current-menu-item a::after {
content: "";
position: absolute !important; width: 20px; height: 3px; border-radius: 0.5rem;
background-color: var(--colorTertiary); z-index: 5;
left: 0px;
bottom: 0px;
content: "";
}
.menu li.current-menu-item {
position: relative;
}
.btnNav {
position: fixed;
top: 0;
height: 55px;
background-color: white;
z-index: 10001;
width: 100%;
}
@media screen and (max-width: 768px) {
.btnNav {
display: none !important;
}
}
.btnNav .containNav {
display: flex;
width: 50vw;
justify-content: flex-end;
margin-left: 25vw;
}
.monCompteLink {
position: fixed;
z-index: 101;
border: 1px solid var(--colorTertiary);
border-radius: 50px;
padding: 5px 10px 5px 10px;
font-size: 16px;
font-family: "Poppins", sans-serif;
margin-top: 10px;
margin-right: 13vw;
color: var(--colorTertiary) !important;
}
@media screen and (max-width: 1440px) {
.monCompteLink {
margin-right: 18vw;
}
}
@media screen and (max-width: 1024px) {
.monCompteLink {
font-size: 12px;
margin-right: 18vw;
}
}
.monCompteLink:hover {
color: white !important;
background-color: var(--colorTertiary);
}
.monCompteLink .btnArrow {
margin-left: 20px;
}
.maBgeLink {
position: fixed;
z-index: 101;
border: 1px solid #004A99;
border-radius: 50px;
padding: 5px 10px 5px 10px;
font-size: 16px;
font-family: "Poppins", sans-serif;
margin-top: 10px;
margin-right: 0;
color: #004A99 !important;
}
@media screen and (max-width: 1024px) {
.maBgeLink {
font-size: 12px;
}
}
.maBgeLink:hover {
color: white !important;
background-color: #004A99;
}
.maBgeLink .btnArrow {
margin-left: 20px;
}
.eyeOpacity {
margin-right: -50px;
position: absolute;
margin-top: 20px;
font-size: 25px;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.eyeOpacity {
font-size: 15px;
}
}
.fa-eye-slash {
display: none;
}
.mobileEye {
display: none;
}
@media screen and (max-width: 768px) {
.mobileEye {
display: block;
position: absolute;
left: 73%;
top: 32px;
z-index: 999999999;
}
.mobileEye .eyeOpacity {
margin: 0 !important;
font-size: 20px;
}
}
.mobileSearch .search-form {
display: none;
}
@media screen and (max-width: 768px) {
.mobileSearch .search-form {
display: block;
position: absolute;
top: 25px;
left: 60%;
margin: 0 !important;
z-index: 9999999991;
}
}
.mobileSearch .search-form label i {
padding-top: 3%;
padding-right: 5%;
}
.mobileSearch .search-form input {
background-color: white !important;
}
.search-form {
display: flex;
align-items: center;
justify-content: center;
position: relative;
margin-top: 10px;
margin-right: -100px;
cursor: pointer;
}
.search-form .fa-search {
right: 10px;
z-index: 111111;
position: absolute;
margin-top: 10px;
font-size: 20px;
cursor: pointer;
transition: right 0.3s ease;
}
@media screen and (max-width: 1024px) {
.search-form .fa-search {
font-size: 15px;
}
}
.search-form input {
width: 40px;
height: 40px;
border-radius: 50px;
border: 0px solid #004A99;
font-size: 16px;
font-family: "Poppins", sans-serif;
padding: 2px 5px 2px 35px;
}
@media screen and (max-width: 1024px) {
.search-form input {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
.search-form input {
padding: 2px 5px 2px 15px;
}
}
.search-form input:focus {
width: 150px;
margin-right: -110px;
}
@media screen and (max-width: 768px) {
.search-form input:focus {
width: 150px;
margin-right: -150px;
}
}
.search-form .search-submit {
margin-top: 0 !important;
}
.contactRotate {
position: fixed;
top: 60px;
right: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 100000000000;
}
.contactRotate:hover {
cursor: pointer;
}
.contactRotate .contactPicto {
width: 90%;
z-index: 1;
transform-origin: 50px 50px 0px;
}
@media screen and (max-width: 1440px) {
.contactRotate .contactPicto {
width: 70%;
}
}
@media screen and (max-width: 1024px) {
.contactRotate .contactPicto {
width: 60%;
margin-top: -20px;
}
}
@media screen and (max-width: 768px) {
.contactRotate .contactPicto {
display: none;
}
}
.contactRotate .pictoMessage {
position: absolute;
width: 100%;
}
@media screen and (max-width: 1440px) {
.contactRotate .pictoMessage {
width: 80%;
}
}
@media screen and (max-width: 1024px) {
.contactRotate .pictoMessage {
width: 70%;
margin-top: -20px;
}
}
@media screen and (max-width: 768px) {
.contactRotate .pictoMessage {
display: none;
}
}
#breadcrumbs {
top: 115px;
position: absolute;
left: 5%;
font-size: 12px;
}
@media screen and (max-width: 1024px) {
#breadcrumbs {
top: 85px;
}
}
@media screen and (max-width: 768px) {
#breadcrumbs {
display: none;
}
}
.fa-bars {
scale: 1.1;
margin-top: 5px;
}
.fa-xmark {
position: absolute;
margin-top: 5px;
margin-left: -12px;
scale: 1.3;
opacity: 0;
}
.heroHome_1 {
position: relative;
width: 100vw;
height: 100vh;
border: transparent 1px solid;
}
.heroHome_1 .backgroundHome1 {
width: 140vw;
height: 450px;
background: var(--colorQuaternary);
transform: rotate(-25deg);
position: absolute;
top: 80vh;
left: -20vw;
}
@media screen and (max-width: 1024px) {
.heroHome_1 .backgroundHome1 {
height: 400px;
top: 85vh;
left: -20vw;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .backgroundHome1 {
width: 200vw;
height: 300px;
top: 96vh;
left: -70vw;
z-index: -2;
}
}
.heroHome_1 .BGEillustration {
position: absolute;
bottom: -50px;
right: -100px;
}
.heroHome_1 .BGEillustration svg {
width: 80%;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .BGEillustration {
position: absolute;
bottom: -120px;
right: -200px;
}
.heroHome_1 .BGEillustration svg {
width: 70%;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .BGEillustration {
position: absolute;
bottom: -100px;
right: -300px;
}
.heroHome_1 .BGEillustration svg {
width: 50%;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .BGEillustration {
position: absolute;
bottom: -130px;
right: -300px;
}
.heroHome_1 .BGEillustration svg {
width: 50%;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .BGEillustration {
position: absolute !important;
top: 0vw !important;
left: 0;
margin-top: 0 !important;
height: 100vh;
display: flex !important;
align-items: flex-end;
justify-content: center;
margin-top: 60% !important;
width: 100vw !important;
z-index: -1;
}
.heroHome_1 .BGEillustration svg {
width: 300px;
height: 300px;
margin-left: 10%;
right: 0;
}
}
.heroHome_1 .missionContain {
max-width: 300px;
margin: 160px 0px 0px 150px;
position: relative;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .missionContain {
margin: 135px 0px 0px 100px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .missionContain {
margin: 140px 0px 0px 120px;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .missionContain {
margin: 100px 0px 0px 0px;
width: 80vw;
left: 50%;
transform: translate(-50%);
text-align: center;
width: 100%;
}
}
.heroHome_1 .missionContain .abeille1Mission {
position: absolute;
left: -60px;
top: -20px;
width: 55px;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .missionContain .abeille1Mission {
width: 45px;
left: -60px;
top: -10px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .missionContain .abeille1Mission {
width: 45px;
left: -60px;
top: -10px;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .missionContain .abeille1Mission {
width: 45px;
left: -20px;
top: -10px;
}
}
.heroHome_1 .missionContain .abeille2Mission {
position: absolute;
width: 45px;
left: -70px;
top: 40px;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .missionContain .abeille2Mission {
width: 40px;
left: -60px;
top: 40px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .missionContain .abeille2Mission {
width: 40px;
left: -60px;
top: 40px;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .missionContain .abeille2Mission {
width: 40px;
left: 0px;
top: 65px;
}
}
.heroHome_1 .missionContain .abeille3Mission {
position: absolute;
left: 20px;
bottom: -35px;
width: 40px;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .missionContain .abeille3Mission {
width: 35px;
left: 0px;
bottom: -35px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .missionContain .abeille3Mission {
width: 35px;
left: 0px;
bottom: -35px;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .missionContain .abeille3Mission {
width: 35px;
left: auto;
right: 0px !important;
bottom: -20px;
}
}
.heroHome_1 .missionContain .missionTitle {
color: #004A99;
font-weight: 600;
text-transform: uppercase;
font-size: 1.2rem;
}
@media screen and (max-width: 1024px) {
.heroHome_1 .missionContain .missionTitle {
font-size: 20px;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .missionContain .missionTitle {
text-align: center;
width: 100%;
font-size: 16px;
}
}
.heroHome_1 .parcoursContain {
top: 50%;
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
.heroHome_1 .parcoursContain .tabletSplide {
margin-top: -50px;
display: flex;
justify-content: center;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .tabletSplide {
margin-top: initial;
display: initial;
justify-content: initial;
}
}
@media screen and (max-width: 768px) {
.heroHome_1 .parcoursContain .splide__arrows--ttb {
display: none;
}
}
.heroHome_1 .parcoursContain .arrowUp {
display: flex;
justify-content: end;
}
.heroHome_1 .parcoursContain .arrowUp button {
background: transparent;
border: none;
font-size: 25px !important;
margin: 0 !important;
padding: 0 0 25px 0 !important;
color: black;
}
.heroHome_1 .parcoursContain .arrowUp button:hover {
scale: 1.2;
opacity: 1;
}
.heroHome_1 .parcoursContain .arrowUp button:focus {
border: none !important;
outline: none !important;
}
.heroHome_1 .parcoursContain .parcours {
line-height: 2;
}
.heroHome_1 .parcoursContain .parcours span {
font-size: 30px;
font-weight: 600;
display: block;
text-align: right;
}
.heroHome_1 .parcoursContain .parcours span a:hover {
transition: font-size 0.1s;
}
.heroHome_1 .parcoursContain .parcours a {
display: flex;
align-items: center;
justify-content: center;
padding: 5px 10px 5px 10px !important;
line-height: 1;
text-align: center;
}
.heroHome_1 .parcoursContain .parcours a .pictoParcours {
width: 35px;
margin-right: 10px;
margin-left: 10px;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .parcoursContain .parcours a .pictoParcours {
width: 30px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .parcoursContain .parcours a .pictoParcours {
width: 25px;
}
}
.heroHome_1 .parcoursContain .parcours .parcours_1 a {
color: white;
border: var(--colorPrimary) 1px solid;
background-color: var(--colorPrimary);
border-radius: 10px;
padding: 10px;
height: 80%;
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .parcours .parcours_1 a {
max-width: 95%;
}
}
.heroHome_1 .parcoursContain .parcours .parcours_2 a {
color: white;
border: var(--colorSecondary) 1px solid;
background-color: var(--colorSecondary);
border-radius: 10px;
padding: 10px;
height: 80%;
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .parcours .parcours_2 a {
max-width: 95%;
}
}
.heroHome_1 .parcoursContain .parcours .parcours_3 a {
color: white;
border: var(--colorTertiary) 1px solid;
background-color: var(--colorTertiary);
border-radius: 10px;
padding: 10px;
height: 80%;
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .parcours .parcours_3 a {
max-width: 95%;
}
}
.heroHome_1 .parcoursContain .parcours .parcours_4 a {
color: white;
border: var(--colorQuaternary) 1px solid;
background-color: var(--colorQuaternary);
border-radius: 10px;
padding: 10px;
height: 80%;
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .parcours .parcours_4 a {
max-width: 95%;
}
}
.heroHome_1 .parcoursContain .parcours .parcours_5 a {
color: white;
border: var(--colorQuintenary) 1px solid;
background-color: var(--colorQuintenary);
border-radius: 10px;
padding: 10px;
height: 80%;
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .parcours .parcours_5 a {
max-width: 95%;
}
}
.heroHome_1 .parcoursContain .arrowDown {
display: flex;
justify-content: end;
}
.heroHome_1 .parcoursContain .arrowDown button {
background: transparent;
border: none;
font-size: 25px !important;
margin: 0 !important;
padding: 25px 0 0 0 !important;
color: black;
}
.heroHome_1 .parcoursContain .arrowDown button:hover {
scale: 1.2;
opacity: 1;
}
.heroHome_1 .parcoursContain .arrowDown button:focus {
border: none !important;
outline: none !important;
}
.heroHome_1 .parcoursContain .textFlex1 {
display: flex;
align-items: center;
}
.heroHome_1 .parcoursContain .monEntreprise {
font-size: 25px;
line-height: 1.2;
font-weight: 600;
max-width: 250px !important;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .parcoursContain .monEntreprise {
font-size: 20px;
max-width: 180px !important;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .parcoursContain .monEntreprise {
font-size: 16px;
margin-top: 50px;
max-width: 140px !important;
}
}
@media screen and (max-width: 768px) {
.heroHome_1 .parcoursContain .monEntreprise {
display: none;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .parcoursContain .monEntreprise {
display: block;
width: 100vw !important;
max-width: 100vw !important;
text-align: center;
margin-top: 70px;
}
}
.heroHome_1 .image_1 {
width: 650px;
position: absolute;
bottom: -200px;
z-index: -1;
}
@media screen and (max-width: 1440px) {
.heroHome_1 .image_1 {
width: 600px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_1 .image_1 {
width: 450px;
bottom: -120px;
}
}
@media screen and (max-width: 576px) {
.heroHome_1 .image_1 {
width: 300px;
bottom: -25px;
z-index: -3;
}
}
@media screen and (max-width: 1024px) {
#splide0-track {
height: 150px !important;
margin-top: 50px;
}
}
@media screen and (max-width: 576px) {
#splide0-track {
height: 200px !important;
margin-top: 0px;
}
}
#splide0 {
height: 250px;
z-index: 1 !important;
}
@media screen and (max-width: 1024px) {
#splide0 {
height: 150px;
}
}
#splide0 .splide__slide {
opacity: 0.2;
display: flex;
justify-content: flex-end;
align-items: center;
}
@media screen and (max-width: 768px) {
#splide0 .splide__slide {
justify-content: center;
}
}
#splide0 .splide__slide a {
cursor: grab !important;
font-size: 20px;
pointer-events: none;
height: 70%;
}
@media screen and (max-width: 1440px) {
#splide0 .splide__slide a {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
#splide0 .splide__slide a {
font-size: 14px;
}
}
@media screen and (max-width: 576px) {
#splide0 .splide__slide a {
height: 50%;
}
}
#splide0 .splide__slide.is-active {
opacity: 1;
display: flex;
align-items: center;
}
#splide0 .splide__slide.is-active a {
cursor: pointer !important;
pointer-events: auto;
font-size: 25px;
height: 85%;
}
@media screen and (max-width: 1440px) {
#splide0 .splide__slide.is-active a {
font-size: 18px;
}
}
@media screen and (max-width: 1024px) {
#splide0 .splide__slide.is-active a {
font-size: 20px;
}
}
@media screen and (max-width: 576px) {
#splide0 .splide__slide.is-active a {
height: 100%;
}
}
#splide0 .splide__slide.is-prev {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media screen and (max-width: 768px) {
#splide0 .splide__slide.is-prev {
justify-content: center;
}
}
#splide0 .splide__slide.is-next {
display: flex;
justify-content: flex-end;
align-items: center;
}
@media screen and (max-width: 768px) {
#splide0 .splide__slide.is-next {
justify-content: center;
}
}
#splide0 .splide__arrow {
background-color: transparent !important;
opacity: 1 !important;
}
#splide0 .splide__arrow svg {
display: none;
}
#splide0 .splide__arrow--prev::before {
content: "";
background-image: url(https://www.bgefc.org/wp-content/themes/WPthemebyMax/assets/img/ArrowUp.svg);
background-size: 25px 25px; width: 25px; height: 25px; background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
#splide0 .splide__arrow--prev::before {
background-size: 20px 20px; width: 20px; height: 20px;
}
}
@media screen and (max-width: 576px) {
#splide0 .splide__arrow--prev::before {
display: none !important;
}
}
#splide0 .splide__arrow--next::before {
content: "";
background-image: url(https://www.bgefc.org/wp-content/themes/WPthemebyMax/assets/img/ArrowDown.svg);
background-size: 25px 25px; width: 25px; height: 25px; background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
#splide0 .splide__arrow--next::before {
background-size: 20px 20px; width: 20px; height: 20px;
}
}
@media screen and (max-width: 576px) {
#splide0 .splide__arrow--next::before {
display: none !important;
}
}
#splide0 .splide__arrows--ttb .splide__arrow--prev {
top: -40px !important;
margin: 0 !important;
left: 98% !important;
width: 30px;
height: 30px;
}
@media screen and (max-width: 576px) {
#splide0 .splide__arrows--ttb .splide__arrow--prev {
left: 50% !important;
transform: translate(-50%) !important;
}
}
#splide0 .splide__arrows--ttb .splide__arrow--prev:hover {
scale: 1;
border: none !important;
margin-top: -5px !important;
}
#splide0 .splide__arrows--ttb .splide__arrow--next {
bottom: -40px !important;
left: 98% !important;
width: 30px;
height: 30px;
}
@media screen and (max-width: 576px) {
#splide0 .splide__arrows--ttb .splide__arrow--next {
left: 50% !important;
transform: translate(-50%) !important;
}
}
#splide0 .splide__arrows--ttb .splide__arrow--next:hover {
scale: 1;
border: none !important;
margin-bottom: -5px !important;
}
.containSection_1 {
margin-left: -100px;
margin-top: 20px;
}
@media screen and (max-width: 1024px) {
.containSection_1 {
margin-top: 50px;
}
}
@media screen and (max-width: 768px) {
.containSection_1 {
margin-top: 100px;
margin-left: 0px;
}
}
@media screen and (max-width: 576px) {
.containSection_1 {
margin-left: 0;
margin-top: 350px;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
}
@media screen and (max-width: 576px) {
.containSection_1 p {
text-align: center !important;
}
}
.titleHero-2 {
margin-top: 0px !important;
color: black;
}
.heroHome_3 {
margin-top: 150px;
}
@media screen and (max-width: 576px) {
.heroHome_3 {
margin-top: 50px;
}
}
.heroHome_3 .btnArrow {
margin-left: 10px;
font-size: 16px;
}
.heroHome_3 .actuTitleContain {
display: flex;
align-items: center;
}
.heroHome_3 .actuTitleContain h3 {
text-align: left;
font-size: 40px;
font-weight: 600;
margin-left: 10%;
}
@media screen and (max-width: 1440px) {
.heroHome_3 .actuTitleContain h3 {
font-size: 35px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_3 .actuTitleContain h3 {
font-size: 20px;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .actuTitleContain h3 {
margin-left: 10%;
}
}
.heroHome_3 .actuTitleContain a {
text-transform: uppercase;
width: 100%;
text-align: right;
color: #000000;
font-weight: 600;
font-size: 12px;
margin-right: 20px;
}
.heroHome_3 .agendaTitleContain {
display: flex;
align-items: center;
}
.heroHome_3 .agendaTitleContain h3 {
text-align: left;
color: #004A99;
font-size: 40px;
font-weight: 600;
}
@media screen and (max-width: 1440px) {
.heroHome_3 .agendaTitleContain h3 {
font-size: 30px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_3 .agendaTitleContain h3 {
font-size: 20px;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .agendaTitleContain h3 {
margin-left: 10%;
}
}
.heroHome_3 .agendaTitleContain a {
text-transform: uppercase;
width: 100%;
text-align: right;
color: #004A99;
font-weight: 600;
font-size: 12px;
margin-right: 20px;
}
@media screen and (max-width: 576px) {
.heroHome_3 .dateContainEvent {
display: flex !important;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .dateContainEvent .duDateEvent {
width: 50% !important;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .dateContainEvent .auDateEvent {
width: 50% !important;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .lieuContainEvent {
display: flex !important;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .lieuContainEvent .lieuEvent {
width: 50% !important;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .lieuContainEvent .containCategory {
width: 50% !important;
}
}
.heroHome_3 .event-card {
background-color: #004A99;
width: 100%;
height: 500px;
border-radius: 20px;
padding: 25px 25px 25px 25px;
margin-right: 20px;
}
@media screen and (max-width: 576px) {
.heroHome_3 .event-card {
height: 300px;
}
}
.heroHome_3 .event-card h4 {
color: white;
margin-top: 0 !important;
margin-bottom: 30px;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 576px) {
.heroHome_3 .event-card h4 {
margin-top: 0 !important;
}
}
.heroHome_3 .event-card p {
color: white;
margin-bottom: 20px !important;
}
.heroHome_3 .event-card p span {
font-weight: 600;
}
.heroHome_3 .event-card .containCategory {
max-height: 65px;
overflow: hidden;
}
.heroHome_3 .event-card .containCategory .categoryText {
background-color: white;
color: black;
display: inline-block;
border-radius: 20px;
padding: 0px 10px 0 10px;
width: fit-content;
margin-top: 20px;
margin-right: 10px;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .event-card .containCategory .categoryText {
font-size: 12px;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .event-card .containCategory .categoryText {
max-height: 20px;
overflow: hidden;
}
}
.heroHome_3 .event-card .contentAgenda > *:first-child {
text-align: left !important;
color: #fff !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.heroHome_3 .event-card .contentAgenda > *:nth-child(n+2) {
display: none;
}
.heroHome_3 .event-card .arrowAgenda {
text-align: right;
color: white;
display: flex;
justify-content: end;
font-size: 20px;
position: absolute;
right: 20px;
bottom: 20px;
margin-top: 10px !important;
}
.heroHome_3 .containActus {
min-height: 50px;
border: 1px solid #000;
background-color: white;
padding: 20px;
border-radius: 20px;
margin-left: -50px;
padding-left: 50px;
height: 100%;
}
.heroHome_3 .containActus .card {
height: 100%;
border: none !important;
border-radius: 20px;
background-color: #f8f8f8;
position: relative;
overflow: hidden;
}
.heroHome_3 .containActus .card .blocImg {
height: 200px;
border-radius: 20px;
overflow: hidden;
}
.heroHome_3 .containActus .card .blocImg img {
height: 200px;
object-fit: cover;
width: 100%;
transition: transform 0.2s ease-in-out;
}
.heroHome_3 .containActus .card:hover img {
transform: scale(1.1);
}
.heroHome_3 .containActus .post-category {
padding: 30px 25px 0px 25px;
}
.heroHome_3 .containActus .post-category span {
background-color: var(--colorQuintenary);
border-radius: 10px;
padding: 5px 10px 5px 10px;
color: #004A99;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containActus .post-category span {
font-size: 12px !important;
}
}
.heroHome_3 .containActus .post-thumbnail img {
width: 100%;
object-fit: cover;
height: 200px;
border-radius: 20px;
}
.heroHome_3 .containActus .titleCardActu {
color: #004A99;
padding: 0px 25px 0px 25px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.heroHome_3 .containActus .post-excerpt > *:first-child {
text-align: left !important;
padding: 0px 25px 0px 25px;
color: #004A99 !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.heroHome_3 .containActus .post-excerpt > *:nth-child(n+2) {
display: none;
}
.heroHome_3 .containActus .post-date {
color: #004A99;
padding: 20px 25px 0px 25px;
font-style: italic;
font-size: 12px;
margin-bottom: 20px;
display: flex;
align-items: center;
margin-top: 20px;
}
.heroHome_3 .containActus .post-date i {
width: 100%;
text-align: right;
position: absolute !important;
bottom: 25px;
right: 25px;
}
.heroHome_3 .containActus .splide__slide {
margin-left: 20px;
}
.heroHome_3 .containActus .splide__arrow.splide__arrow--prev {
display: none;
}
.heroHome_3 .containActus .splide__arrow.splide__arrow--next {
display: none;
}
.heroHome_3 .containAgendaMleft {
margin-left: -70px;
height: 100%;
}
@media screen and (max-width: 1440px) {
.heroHome_3 .containAgendaMleft {
margin-left: -40px;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .containAgendaMleft {
margin-left: 0px;
}
}
.heroHome_3 .containSplideAgenda {
margin-left: -80px;
}
@media screen and (max-width: 1440px) {
.heroHome_3 .containSplideAgenda {
margin-left: -50px;
}
}
@media screen and (max-width: 768px) {
.heroHome_3 .containSplideAgenda {
margin-left: 0px;
margin-top: 50px;
}
}
.heroHome_3 .containSplideAgenda .splide .splide__arrow svg {
display: none;
}
@media screen and (max-width: 576px) {
.heroHome_3 .containSplideAgenda .splide .splide__arrow {
display: none !important;
}
}
.heroHome_3 .containSplideAgenda .splide__arrow--prev::before {
content: "";
background-image: url(https://www.bgefc.org/wp-content/themes/WPthemebyMax/assets/img/ArrowLeft.svg);
background-size: 50px 50px; width: 50px; height: 50px; background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containSplideAgenda .splide__arrow--prev::before {
background-size: 30px 30px; width: 30px;
height: 30px;
}
}
@media screen and (max-width: 576px) {
.heroHome_3 .containSplideAgenda .splide__arrow--prev::before {
display: none !important;
}
}
.heroHome_3 .containSplideAgenda .splide__arrow--next::before {
content: "";
background-image: url(https://www.bgefc.org/wp-content/themes/WPthemebyMax/assets/img/ArrowRight.svg);
background-size: 50px 50px; width: 50px; height: 50px; background-position: center;
background-repeat: no-repeat;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containSplideAgenda .splide__arrow--next::before {
background-size: 30px 30px; width: 30px;
height: 30px;
}
}
@media screen and (max-width: 768px) {
.heroHome_3 .containSplideAgenda .splide__arrow--next::before {
display: none !important;
}
}
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--prev {
margin-top: 0 !important;
margin-left: -60px;
left: 0;
width: 50px;
height: 50px;
background-color: transparent !important;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--prev {
margin-left: -40px;
width: 30px;
height: 30px;
}
}
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--prev:hover {
scale: 1;
border: none !important;
margin-left: -65px;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--prev:hover {
margin-left: -45px;
}
}
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--next {
right: 0;
margin-top: 0 !important;
margin-right: -60px;
width: 50px;
height: 50px;
background-color: transparent !important;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--next {
margin-right: -40px;
width: 30px;
height: 30px;
}
}
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--next:hover {
scale: 1;
border: none !important;
margin-right: -65px;
}
@media screen and (max-width: 1024px) {
.heroHome_3 .containSplideAgenda .splide__arrow.splide__arrow--next:hover {
margin-right: -45px;
}
}
.heroHome_4 {
margin-top: 150px;
}
.heroHome_4 .pictoCard {
padding: 0px 30px 0px 30px;
}
.heroHome_4 img {
display: block;
margin-left: auto;
margin-right: auto;
}
.heroHome_4 h5 {
text-align: center;
color: black;
text-transform: uppercase;
font-weight: 600;
font-family: "Poppins", sans-serif;
font-size: 18px;
margin-top: 20px;
margin-bottom: 20px;
}
.heroHome_4 .textPicto_1 {
color: var(--colorPrimary);
}
.heroHome_4 .textPicto_2 {
color: var(--colorSecondary);
}
.heroHome_4 .textPicto_3 {
color: var(--colorTertiary);
}
.heroHome_4 .textPicto_4 {
color: var(--colorQuaternary);
}
.heroHome_4 p {
text-align: center;
}
.heroHome_5 {
margin-top: 250px;
width: 100vw;
height: 350px;
background: var(--colorQuintenary);
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media screen and (max-width: 1024px) {
.heroHome_5 {
height: 300px;
}
}
@media screen and (max-width: 768px) {
.heroHome_5 {
margin-top: 50px;
}
}
.heroHome_5 .col-5 {
display: flex;
align-items: center;
height: 350px;
}
@media screen and (max-width: 1024px) {
.heroHome_5 .sloganContain {
margin-left: 50px;
}
}
@media screen and (max-width: 576px) {
.heroHome_5 .sloganContain {
margin-left: 0px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
}
.heroHome_5 .sloganSection_5 {
font-size: 30px;
font-weight: 600;
margin-top: 100px;
}
@media screen and (max-width: 1440px) {
.heroHome_5 .sloganSection_5 {
font-size: 25px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_5 .sloganSection_5 {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.heroHome_5 .sloganSection_5 {
text-align: center !important;
margin-top: 370px;
}
}
.heroHome_5 .imgPhoto {
height: 500px;
object-fit: cover;
margin-top: -150px;
}
@media screen and (max-width: 1024px) {
.heroHome_5 .imgPhoto {
height: 350px;
margin-top: -50px;
}
}
@media screen and (max-width: 768px) {
.heroHome_5 .imgPhoto {
height: 250px;
margin-top: -660px;
margin-left: -30px;
}
}
.heroHome_5 .pictoHistoireExtra {
position: absolute;
rotate: 15deg;
bottom: -60px;
width: 120px;
left: 10%;
}
@media screen and (max-width: 1440px) {
.heroHome_5 .pictoHistoireExtra {
left: 5%;
width: 90px;
bottom: -45px;
}
}
@media screen and (max-width: 768px) {
.heroHome_5 .pictoHistoireExtra {
left: 60%;
}
}
.heroHome_5 .infoEntrepreneur {
position: absolute;
top: -120px;
width: 300px;
left: -50px;
}
@media screen and (max-width: 1024px) {
.heroHome_5 .infoEntrepreneur {
top: -110px;
max-width: 180px;
}
}
@media screen and (max-width: 768px) {
.heroHome_5 .infoEntrepreneur {
margin-top: -380px;
width: 40%;
margin-left: 60%;
}
}
.heroHome_6 {
margin-top: 150px;
}
@media screen and (max-width: 768px) {
.heroHome_6 {
margin-top: 250px;
}
}
.heroHome_6 .cardStats {
background-color: var(--colorTertiary);
text-align: center;
padding: 10px 20px 10px 20px;
border-radius: 40px;
height: 300px;
display: flex;
flex-direction: column;
justify-content: center;
border: 20px solid white;
}
@media screen and (max-width: 768px) {
.heroHome_6 .cardStats {
height: 200px;
}
}
.heroHome_6 .cardStats p {
text-align: center;
color: white;
text-transform: uppercase;
}
.heroHome_6 .cardStats span {
font-weight: 600;
font-size: 40px;
color: white;
}
.flexPartenaires {
display: flex;
justify-content: flex-end;
align-items: center;
}
.flexPartenaires a {
color: #000 !important;
}
.flexPartenaires img {
border-radius: 20px;
}
.heroHome_7 {
margin-top: 150px;
}
@media screen and (max-width: 576px) {
.heroHome_7 {
margin-top: 50px;
}
.heroHome_7 svg {
max-width: 100vw;
}
}
.heroHome_7 .btnArrow {
margin-left: 10px;
font-size: 16px;
}
.heroHome_7 a {
text-transform: uppercase;
width: 100%;
text-align: right;
color: #000000;
font-weight: 600;
font-size: 12px;
}
.heroHome_7 h3 {
font-size: 40px;
font-weight: 600;
margin: 30px 0 50px 0;
}
@media screen and (max-width: 1440px) {
.heroHome_7 h3 {
font-size: 35px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_7 h3 {
font-size: 20px;
}
}
@media screen and (max-width: 1024px) {
.heroHome_7 .logosPartenaires {
padding-left: 10px;
padding-right: 10px;
}
}
.heroHome_7 .splide__slide {
display: flex;
align-items: center;
justify-content: center;
max-height: 150px;
background-size: contain;
overflow: hidden;
padding: 25px;
}
@media screen and (max-width: 768px) {
.heroHome_7 .splide__slide {
padding: 0 !important;
}
}
.heroHome_7 .splide__slide img {
max-height: 150px;
height: auto;
background-size: contain;
width: auto;
}
.heroHome_7 .splide__arrow.splide__arrow--prev {
display: none;
}
.heroHome_7 .splide__arrow.splide__arrow--next {
display: none;
}
.heroHome_7 .col-3 {
display: flex;
align-items: center;
justify-content: end;
}
.heroFormationsP1 {
background-color: var(--colorPrimary);
padding-top: 150px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.heroFormationsP1 {
padding-top: 100px;
}
}
.heroFormationsP2 {
background-color: var(--colorSecondary);
padding-top: 150px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.heroFormationsP2 {
padding-top: 100px;
}
}
.heroFormationsP3 {
background-color: var(--colorTertiary);
padding-top: 150px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.heroFormationsP3 {
padding-top: 100px;
}
}
.heroFormationsP4 {
background-color: var(--colorQuaternary);
padding-top: 150px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.heroFormationsP4 {
padding-top: 100px;
}
}
.heroFormationsP5 {
background-color: var(--colorQuintenary);
padding-top: 150px;
margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
.heroFormationsP5 {
padding-top: 100px;
}
}
.backgroundParcours1 {
width: 100vw;
height: 450px;
background: var(--colorPrimary);
clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
position: absolute;
margin-top: -100px;
z-index: -1;
}
.backgroundParcours1-1 {
width: 100vw;
height: 450px;
background: var(--colorPrimary);
clip-path: polygon(0 54%, 100% 0, 100% 100%, 0% 100%);
margin-top: -350px;
position: absolute;
z-index: -1;
}
.backgroundParcours2 {
width: 100vw;
height: 450px;
background: var(--colorSecondary);
clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
position: absolute;
margin-top: -100px;
z-index: -1;
}
.backgroundParcours2-2 {
width: 100vw;
height: 450px;
background: var(--colorSecondary);
clip-path: polygon(0 54%, 100% 0, 100% 100%, 0% 100%);
margin-top: -350px;
position: absolute;
z-index: -1;
}
.backgroundParcours3 {
width: 100vw;
height: 450px;
background: var(--colorTertiary);
clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
position: absolute;
margin-top: -100px;
z-index: -1;
}
.backgroundParcours3-3 {
width: 100vw;
height: 450px;
background: var(--colorTertiary);
clip-path: polygon(0 54%, 100% 0, 100% 100%, 0% 100%);
margin-top: -350px;
position: absolute;
z-index: -1;
}
.backgroundParcours4 {
width: 100vw;
height: 450px;
background: var(--colorQuaternary);
clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
position: absolute;
margin-top: -100px;
z-index: -1;
}
.backgroundParcours4-4 {
width: 100vw;
height: 450px;
background: var(--colorQuaternary);
clip-path: polygon(0 54%, 100% 0, 100% 100%, 0% 100%);
margin-top: -350px;
position: absolute;
z-index: -1;
}
.backgroundParcours5 {
width: 100vw;
height: 450px;
background: var(--colorQuintenary);
clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
position: absolute;
margin-top: -100px;
z-index: -1;
}
.backgroundParcours5-5 {
width: 100vw;
height: 450px;
background: var(--colorQuintenary);
clip-path: polygon(0 54%, 100% 0, 100% 100%, 0% 100%);
margin-top: -350px;
position: absolute;
z-index: -1;
}
@media screen and (max-width: 768px) {
.heroParcours {
padding-bottom: 25px;
}
}
.zone_1 {
margin-top: -100px;
margin-left: 10vw;
margin-right: 10vw;
background: white;
}
@media screen and (max-width: 576px) {
.zone_1 {
margin-left: 0vw;
margin-right: 0vw;
}
}
.zone_1 .container {
padding-bottom: 50px;
}
.zone_1 .container .titleRow {
padding-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
.zone_1 .container .titleRow {
padding-bottom: 10px !important;
}
}
.zone_2 {
margin-left: 10vw;
margin-right: 10vw;
background: white;
}
.zone_2 .container .titleRow {
padding-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
.zone_2 .container .titleRow {
padding-bottom: 10px !important;
}
}
.zone_3 {
margin-left: 10vw;
margin-right: 10vw;
background: white;
}
.zone_3 .container .titleRow {
padding-bottom: 50px !important;
}
@media screen and (max-width: 768px) {
.zone_3 .container .titleRow {
padding-bottom: 10px !important;
}
}
.titleParcours {
text-align: center;
color: white;
padding-top: 50px;
padding-bottom: 50px;
}
.containParcours {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 10vw;
margin-right: 10vw;
}
@media screen and (max-width: 768px) {
.containParcours {
flex-wrap: wrap;
}
}
.containParcours a {
flex-grow: 1;
padding: 20px;
color: white;
font-weight: 600;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid white;
border-radius: 30px 30px 0px 0px;
border-bottom: 0px;
margin-bottom: -3px;
}
@media screen and (max-width: 768px) {
.containParcours a {
flex-grow: auto;
width: 48%;
margin-right: 1%;
margin-left: 1%;
border: 1px solid white;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
padding: 10px;
}
}
@media screen and (max-width: 576px) {
.containParcours a {
flex-grow: auto;
width: 100%;
border: 1px solid white;
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
padding: 10px;
}
}
.containParcours a:hover {
color: white;
}
@media screen and (max-width: 768px) {
.containParcours a:hover {
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 576px) {
.containParcours a:hover {
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
}
}
.containParcours a:hover p {
color: white;
}
.containParcours a .pictoCategorie {
width: 70px;
}
@media screen and (max-width: 1024px) {
.containParcours a .pictoCategorie {
width: 50px;
}
}
@media screen and (max-width: 576px) {
.containParcours a .pictoCategorie {
width: 50px;
}
}
.containParcours a .titleCategorie {
margin-left: 15px;
}
@media screen and (max-width: 1024px) {
.containParcours a .titleCategorie {
font-size: 12px;
}
}
.containParcours .activeParcours {
background-color: white;
color: black;
cursor: default;
}
@media screen and (max-width: 768px) {
.containParcours .activeParcours {
border-radius: 10px 10px 10px 10px;
}
}
@media screen and (max-width: 576px) {
.containParcours .activeParcours {
border-radius: 10px 10px 10px 10px;
}
}
.containParcours .activeParcours:hover {
border-radius: 30px 30px 0px 0px;
color: white;
}
@media screen and (max-width: 768px) {
.containParcours .activeParcours:hover {
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 576px) {
.containParcours .activeParcours:hover {
border-radius: 10px 10px 10px 10px;
margin-bottom: 10px;
}
}
.containParcours .activeParcours:hover p {
color: black;
}
.containAbeille {
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 768px) {
.containAbeille {
display: none;
}
}
.containImg {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 768px) {
.containImg {
margin-top: 50px;
display: flex;
justify-content: center;
align-items: center;
min-height: 100px;
max-height: 300px;
}
}
@media screen and (max-width: 768px) {
.containImg img {
width: initial;
height: initial;
object-fit: contain;
position: static;
}
}
.containImg2 {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 768px) {
.containImg2 {
margin-bottom: 50px;
display: flex;
justify-content: center;
align-items: center;
margin-top: 0px;
min-height: 100px;
max-height: 300px;
}
}
.containImg2 img {
object-fit: cover;
}
@media screen and (max-width: 768px) {
.containImg2 img {
width: initial;
height: initial;
object-fit: contain;
position: static;
}
}
.containImgDetail {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.containImgDetail {
display: flex;
justify-content: center;
align-items: center;
}
}
.containImgDetail img {
border-radius: 20px !important;
}
@media screen and (min-width: 768px) {
.tabletUpNone {
display: none;
}
}
@media screen and (max-width: 768px) {
.tabletDownNone {
display: none;
}
}
.cardParcours {
position: relative;
border: 1px solid #004A99;
border-radius: 20px;
overflow: hidden;
height: 100%;
}
.cardParcours h4 {
margin-bottom: 30px;
padding: 25px 25px 25px 25px;
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.cardParcours h4 a {
color: #004A99;
}
.cardParcours .etiquettes-list {
padding: 30px 25px 0px 25px;
}
.cardParcours .etiquettes-list span {
background-color: var(--colorQuintenary);
border-radius: 10px;
padding: 5px 10px 5px 10px;
color: #004A99;
margin-right: 10px;
}
.cardParcours .blocImg {
height: 200px;
border-radius: 20px;
overflow: hidden;
}
.cardParcours .blocImg img {
height: 200px;
object-fit: cover;
width: 100%;
transition: transform 0.2s ease-in-out;
}
.cardParcours .post-date {
padding: 0px 25px 0px 25px;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.cardParcours .post-date p {
color: #004A99;
font-weight: 400;
font-style: italic;
font-size: 12px;
}
.cardParcours .post-date i {
width: 100%;
text-align: right;
color: #004A99 !important;
transition: margin-right 0.2s ease-in-out;
}
.cardParcours:hover img {
transform: scale(1.1);
}
.cardParcours:hover .post-date i {
margin-right: -5px;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing {
border: 1px solid black;
border-radius: 10px;
}
.wpem-event-listings .wpem-event-layout-wrapper {
border: 0;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper:hover .event_listing, .wpem-event-listings .wpem-event-layout-wrapper:hover .wpem-event-action-url {
border-width: 1px;
border-color: #004A99;
transition: 0s !important;
}
.wpem-event-listings .wpem-event-layout-wrapper:hover .wpem-event-infomation .wpem-event-details .wpem-event-title .wpem-heading-text {
color: #004A99;
}
.wpem-event-layout-action-wrapper {
display: none !important;
}
.pMA {
text-align: center;
color: white;
margin-top: -50px;
margin-bottom: 50px !important;
}
.collabCard {
margin-bottom: 20px !important;
}
.containTextTeam {
margin-top: 50px;
}
.collabHero_1 {
margin-top: 150px;
margin-bottom: 100px;
}
.collabHero_1 .siege h2, .collabHero_1 .bp h2, .collabHero_1 .palente h2, .collabHero_1 .temis h2, .collabHero_1 .ca h2 {
color: #004A99;
}
.collabHero_1 .siege .collabCard, .collabHero_1 .bp .collabCard, .collabHero_1 .palente .collabCard, .collabHero_1 .temis .collabCard, .collabHero_1 .ca .collabCard {
border: 1px solid #004A99;
}
.collabHero_1 .siege .collabCard .description p, .collabHero_1 .bp .collabCard .description p, .collabHero_1 .palente .collabCard .description p, .collabHero_1 .temis .collabCard .description p, .collabHero_1 .ca .collabCard .description p {
font-size: 14px;
}
@media screen and (max-width: 576px) {
.collabHero_1 .siege .collabCard .description p, .collabHero_1 .bp .collabCard .description p, .collabHero_1 .palente .collabCard .description p, .collabHero_1 .temis .collabCard .description p, .collabHero_1 .ca .collabCard .description p {
font-size: 12px;
}
}
.collabHero_1 .siege .poste, .collabHero_1 .bp .poste, .collabHero_1 .palente .poste, .collabHero_1 .temis .poste, .collabHero_1 .ca .poste {
color: #004A99;
font-size: 14px;
}
@media screen and (max-width: 576px) {
.collabHero_1 .siege .poste, .collabHero_1 .bp .poste, .collabHero_1 .palente .poste, .collabHero_1 .temis .poste, .collabHero_1 .ca .poste {
font-size: 12px;
}
}
.collabHero_1 .hd h2 {
color: var(--colorPrimary);
}
.collabHero_1 .hd .collabCard {
border: 1px solid var(--colorPrimary);
}
.collabHero_1 .hd .poste {
color: var(--colorPrimary);
}
.collabHero_1 .jura h2, .collabHero_1 .ess h2 {
color: var(--colorSecondary);
}
.collabHero_1 .jura .collabCard, .collabHero_1 .ess .collabCard {
border: 1px solid var(--colorSecondary);
}
.collabHero_1 .jura .poste, .collabHero_1 .ess .poste {
color: var(--colorSecondary);
}
.collabHero_1 .fabriques h2 {
color: var(--colorTertiary);
}
.collabHero_1 .fabriques .collabCard {
border: 1px solid var(--colorTertiary);
}
.collabHero_1 .fabriques .poste {
color: var(--colorTertiary);
}
.collabHero_1 .hs h2 {
color: var(--colorQuaternary);
}
.collabHero_1 .hs .collabCard {
border: 1px solid var(--colorQuaternary);
}
.collabHero_1 .hs .poste {
color: var(--colorQuaternary);
}
.collabHero_1 .nfc h2, .collabHero_1 .tr h2 {
color: var(--colorQuintenary);
}
.collabHero_1 .nfc .collabCard, .collabHero_1 .tr .collabCard {
border: 1px solid var(--colorQuintenary);
}
.collabHero_1 .nfc .poste, .collabHero_1 .tr .poste {
color: var(--colorQuintenary);
}
.collabHero_1 .collabCard {
border-radius: 20px;
padding: 5%;
}
.collabHero_1 .collabCard .thumbnail {
display: flex;
align-items: center;
justify-content: center;
margin-top: 5%;
object-fit: cover;
}
.collabHero_1 .collabCard .thumbnail img {
border-radius: 10px;
max-width: 50%;
object-fit: cover;
height: 150px;
}
@media screen and (max-width: 768px) {
.collabHero_1 .collabCard .thumbnail img {
max-width: 60%;
}
}
.collabHero_1 .collabCard .description {
margin-top: 10%;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 576px) {
.collabHero_1 .collabCard .description {
display: block;
}
.collabHero_1 .collabCard .description p {
text-align: center;
}
}
.collabHero_1 .collabCard .description h5 {
width: 100%;
text-align: left;
margin-bottom: 0 !important;
color: black;
font-family: "Poppins", sans-serif;
}
.collabHero_1 .collabCard .description .poste {
width: 100%;
text-align: right;
}
@media screen and (max-width: 576px) {
.collabHero_1 .collabCard .description .poste {
text-align: center;
}
}
.collabHero_1 .bgeIlluCollaborateurs {
display: flex;
justify-content: center;
align-items: center;
}
.collabHero_1 .bgeIlluCollaborateurs svg {
width: 80% !important;
}
@media screen and (max-width: 576px) {
.collabHero_1 .containSpace {
margin-top: 100px;
}
}
.backgroundSingleCollab {
width: 140vw;
height: 100vh;
background: var(--colorQuintenary);
transform: rotate(-15deg);
position: absolute;
top: 35vh;
left: -20vw;
z-index: -100;
overflow: hidden;
}
@media screen and (max-width: 1024px) {
.backgroundSingleCollab {
height: 400px;
top: 90vh;
left: -20vw;
}
}
@media screen and (max-width: 576px) {
.backgroundSingleCollab {
width: 200vw;
height: 350px;
top: 105vh;
left: -70vw;
z-index: -2;
}
}
.marginBottomMin {
margin-bottom: -100px;
}
.actuHero {
margin-top: 150px;
}
@media screen and (max-width: 768px) {
.actuHero {
margin-top: 100px;
}
}
.actuHero h1 {
margin-bottom: 50px;
}
.actuHero .card {
height: 100%;
border: none !important;
border-radius: 20px;
background-color: #f8f8f8;
position: relative;
overflow: hidden;
}
.actuHero .card .blocImg {
height: 200px;
border-radius: 20px;
overflow: hidden;
}
.actuHero .card .blocImg img {
height: 200px;
object-fit: cover;
width: 100%;
transition: transform 0.2s ease-in-out;
}
.actuHero .card:hover img {
transform: scale(1.1);
}
.actuHero .post-category {
padding: 30px 25px 0px 25px;
}
.actuHero .post-category span {
background-color: var(--colorQuintenary);
border-radius: 10px;
padding: 5px 10px 5px 10px;
color: #004A99;
}
@media screen and (max-width: 1024px) {
.actuHero .post-category span {
font-size: 12px !important;
}
}
.actuHero .post-thumbnail img {
width: 100%;
object-fit: cover;
height: 200px;
border-radius: 20px;
}
.actuHero .titleCardActu {
color: #004A99;
padding: 0px 25px 10px 25px;
}
.actuHero .post-excerpt > *:first-child {
text-align: left !important;
padding: 0px 25px 0px 25px;
color: #004A99 !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.actuHero .post-excerpt > *:nth-child(n+2) {
display: none;
}
.actuHero .post-date {
color: #004A99;
padding: 20px 25px 0px 25px;
font-style: italic;
font-size: 12px;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.actuHero .post-date i {
width: 100%;
text-align: right;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.pagination a {
margin-left: 10px;
margin-right: 10px;
color: #004A99;
}
.filter-form {
margin-bottom: 50px;
}
.filter-form select {
border-radius: 50px;
color: white;
background-color: #004A99;
padding: 10px;
border: none !important;
}
.filter-form input {
padding: 10px;
font-weight: 600;
background-color: white;
color: #004A99;
border: 1px solid #004A99;
}
.filter-form input:hover {
background-color: #004A99;
color: white;
border: none;
}
.searchPage {
margin-top: 50px;
}
.searchPage img {
max-width: 250px;
}
.agendaHero {
margin-top: 150px;
}
.agendaHero .splide__slide {
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.agendaHero {
margin-top: 100px;
}
}
.agendaHero h1 {
margin-bottom: 50px;
}
.agendaHero .event-card {
background-color: #004A99;
width: 100%;
border-radius: 20px;
overflow: hidden;
margin-bottom: 25px;
}
.agendaHero .event-card .blocImg {
height: 200px;
border-radius: 20px;
overflow: hidden;
}
.agendaHero .event-card .blocImg img {
height: 200px;
object-fit: cover;
width: 100%;
transition: transform 0.2s ease-in-out;
}
.agendaHero .event-card:hover img {
transform: scale(1.1);
}
.agendaHero .event-card:hover .cardContain h4 {
display: block;
}
.agendaHero .event-card img {
height: 200px;
width: 100%;
object-fit: cover;
border-radius: 20px;
}
.agendaHero .event-card .cardContain {
padding: 25px 25px 25px 25px;
}
.agendaHero .event-card .cardContain h4 {
margin-top: 0 !important;
color: white;
margin-bottom: 30px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
@media screen and (max-width: 576px) {
.agendaHero .event-card .cardContain h4 {
margin-top: 0 !important;
}
}
.agendaHero .event-card .cardContain p {
color: white;
margin-bottom: 20px !important;
}
.agendaHero .event-card .cardContain p span {
font-weight: 600;
}
.agendaHero .event-card .cardContain .containCategory {
margin-top: 20px;
max-height: 65px;
overflow: hidden;
}
.agendaHero .event-card .cardContain .containCategory .categoryText {
background-color: white;
color: black;
display: inline-block;
border-radius: 20px;
padding: 0px 10px 0 10px;
width: fit-content;
margin-bottom: 0 !important;
}
@media screen and (max-width: 1024px) {
.agendaHero .event-card .cardContain .containCategory .categoryText {
font-size: 12px;
}
}
@media screen and (max-width: 576px) {
.agendaHero .event-card .cardContain .containCategory .categoryText {
max-height: 20px;
overflow: hidden;
}
}
.agendaHero .event-card .cardContain .contentAgenda .wp-block-spacer {
display: none;
}
.agendaHero .event-card .cardContain .contentAgenda * {
text-align: left !important;
color: #fff !important;
margin: 0 !important;
font-size: 15px !important;
font-weight: 400 !important;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.agendaHero .event-card .cardContain .contentAgenda > *:nth-child(n+2) {
display: none;
}
.agendaHero .event-card .cardContain .arrowAgenda {
text-align: right;
color: white;
display: flex;
justify-content: end;
font-size: 20px;
right: 45px;
bottom: 45px;
margin-top: 10px !important;
}
.agendaHero .event-card .dateContainEvent {
display: flex !important;
margin-top: 10px;
}
.agendaHero .event-card .dateContainEvent .duDateEvent {
width: 50% !important;
padding-right: 5% !important;
}
.agendaHero .event-card .dateContainEvent .auDateEvent {
width: 50% !important;
}
@media screen and (max-width: 576px) {
.agendaHero .event-card .lieuContainEvent {
display: flex !important;
}
}
@media screen and (max-width: 576px) {
.agendaHero .event-card .lieuContainEvent .lieuEvent {
width: 48% !important;
margin-right: 2%;
overflow: hidden;
}
}
@media screen and (max-width: 576px) {
.agendaHero .event-card .lieuContainEvent .containCategory {
width: 50% !important;
}
}
.eventMarge {
margin-top: 150px !important;
}
@media screen and (max-width: 768px) {
.eventMarge {
margin-top: 75px !important;
}
}
.wpem-event-organizer-tabs .wpem-tabs-wrapper .wpem-tabs-wrap .wpem-tab-link {
margin-bottom: 10px !important;
}
#wpem_organizer_profile {
display: none;
}
.event_listing {
margin-top: 20px !important;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing {
border: 1px solid #004A99 !important;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing:hover {
border: 1px solid var(--colorQuaternary) !important;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing:hover .wpem-heading-text {
color: var(--colorQuaternary) !important;
}
.wpem-heading-text {
color: #004A99 !important;
}
.wpem-tab-link {
border-radius: 15px !important;
}
.no_event_listings_found {
border-radius: 50px !important;
}
.wpem-tabs-wrapper .wpem-tabs-wrap .wpem-tab-link {
font-family: "Poppins", sans-serif;
color: #004A99;
}
.wpem-event-type a {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.wpem-event-category a {
pointer-events: none;
cursor: default;
text-decoration: none;
}
.wpem-event-organizer-name, .wpem-viewed-event {
display: none !important;
}
.wpem-single-event-page .wpem-single-event-wrapper .wpem-single-event-body .wpem-single-event-left-content::after {
display: none !important;
}
.wpem-single-event-page .event-manager-info, .wpem-single-event-page .wpem-single-event-wrapper {
border: none !important;
}
.tilt {
transform-style: preserve-3d;
}
.tilt-inner1 {
transform: translateZ(50px) translateY(-50%) translateX(-50%);
position: absolute;
top: 40%;
left: 50%;
}
@media screen and (max-width: 1024px) {
.tilt-inner1 {
font-size: 30px !important;
}
}
@media screen and (max-width: 576px) {
.tilt-inner1 {
font-size: 25px;
z-index: 1 !important;
}
}
.tilt-inner2 {
transform: translateZ(50px) translateY(-50%) translateX(-50%);
position: absolute;
top: 60%;
left: 50%;
font-size: 14px;
width: 80%;
}
@media screen and (max-width: 1024px) {
.tilt-inner2 {
font-size: 12px;
}
}
@media screen and (max-width: 576px) {
.tilt-inner2 {
font-size: 10px;
z-index: 1 !important;
}
}
.contact h1 {
margin-top: 150px !important;
}
.wpforms-field-label {
font-family: "Poppins", sans-serif;
color: #004A99 !important;
}
input {
border-radius: 20px !important;
}
textarea {
border-radius: 20px !important;
}
label {
font-family: "Poppins", sans-serif;
}
.wpforms-field-sublabel {
font-family: "Poppins", sans-serif;
}
.wpforms-submit-container {
display: flex;
align-items: center;
justify-content: center;
}
#wpforms-confirmation-320 {
border-radius: 20px !important;
}
#wpforms-submit-320 {
background-color: white !important;
border: 1px solid #004A99;
color: #004A99;
padding-left: 50px !important;
padding-right: 50px !important;
font-family: "Poppins", sans-serif;
font-size: 15px !important;
}
#wpforms-submit-320:hover {
background-color: #004A99 !important;
color: white !important;
}
.wpem-event-organizer-tabs .event-organizer-tab-contents.wpem-tab-content.current, .wpem-event-venue-tabs .event-venue-tab-contents.wpem-tab-content.current {
border: none !important;
}
.wpem-tab-link {
border-radius: 50px !important;
border: 1px solid #f8f8f8 !important;
}
.wpem-tab-link.active {
border: 1px solid #009FE3 !important;
}
.contentContact {
margin-top: 50px;
}
.histoire h1 {
margin-top: 150px !important;
margin-bottom: 50px;
}
.containTextHistoire {
margin-bottom: 50px;
}
.histoireExtra {
background-color: white;
border-radius: 20px;
height: 100%;
}
.histoireExtra p {
margin-left: 25px;
margin-right: 25px;
}
.histoireExtra a {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.histoireExtra .button {
margin-left: 25px;
display: block;
}
.histoireExtra .post-date {
margin-top: 20px;
margin-bottom: 20px;
margin-left: -25px;
}
.histoireExtra .pContent {
margin-bottom: 30px !important;
display: none;
overflow: hidden;
}
.histoireExtra:hover .pContent {
display: block;
}
.histoireExtra .blocImg {
margin-top: -25px;
}
.partenaires {
margin-top: 150px;
}
.partenaires .containerLogos .containLogos {
aspect-ratio: 1;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid var(--colorQuintenary);
border-radius: 20px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.partenaires .containerLogos .containLogos .filterBlack {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #004A99;
opacity: 0.95;
overflow: hidden;
display: none;
}
.partenaires .containerLogos .containLogos p {
position: absolute;
padding: 10px;
text-align: center;
color: white;
z-index: 10;
display: none;
}
.partenaires .containerLogos .containLogos:hover {
border: 1px solid #004A99;
}
.partenaires .containerLogos .containLogos:hover img {
width: 180px;
}
.partenaires .containerLogos .containLogos:hover .filterBlack {
display: block;
}
.partenaires .containerLogos .containLogos:hover p {
display: block;
}
.partenaires .containerLogos .containLogos:hover .btnArrow {
position: absolute;
right: 15px;
bottom: 15px;
font-size: 25px;
color: white;
right: 10px;
transition: right 0.3s ease;
}
.partenaires .containerLogos .containLogos .btnArrow {
position: absolute;
right: 20px;
bottom: 15px;
font-size: 20px;
color: #004A99;
}
.partenaires .containerLogos .containLogos img {
width: 150px;
}
.partenaires .containPicto {
display: flex;
align-items: center;
justify-content: center;
}
.partenaires .containPicto .pictoPartenaires {
width: 90%;
}
@media screen and (max-width: 768px) {
.partenaires .containPicto {
margin-top: 20px;
}
}
.partenaires .containTitlePartenaire .texte {
margin-top: 100px;
}
@media screen and (max-width: 768px) {
.partenaires .containTitlePartenaire .texte {
margin-top: 20px;
}
}
.backgroundSinglePartner {
width: 100%;
height: 130%;
background: var(--colorQuintenary);
position: absolute;
top: 10vh;
clip-path: polygon(0 26%, 100% 0, 100% 40%, 0 68%);
z-index: -100;
overflow: hidden;
z-index: -2;
}
.titleImplantation {
margin-top: 150px;
margin-bottom: 50px;
}
.mapContain {
margin-bottom: 100px;
}
.mapContain .city {
margin-top: 50px;
}
.mapContain a {
margin-top: 10px;
}
.mapContain p {
text-align: center;
}
.mapContain .mapDoubs h5 {
color: #004A99;
text-align: center;
}
.mapContain .mapDoubs a {
color: black !important;
text-align: center;
display: block;
}
.mapContain .mapDoubs a:hover {
color: #004A99 !important;
}
.mapContain .mapDoubs .permanence {
color: #004A99;
font-style: italic;
}
.mapContain .mapDoubs .permGroup {
margin-top: 20px;
}
.mapContain .mapDoubs .permGroup.--Antenne {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.mapContain .mapDoubs .permGroup a {
text-align: center;
color: grey !important;
margin-top: 5px;
}
.mapContain .mapDoubs .permGroup a:hover {
color: #004A99 !important;
}
.mapContain .mapHautDoubs h5 {
color: var(--colorPrimary);
text-align: center;
}
.mapContain .mapHautDoubs a {
color: black !important;
text-align: center;
display: block;
}
.mapContain .mapHautDoubs a:hover {
color: var(--colorPrimary) !important;
}
.mapContain .mapHautDoubs .permanence {
color: var(--colorPrimary);
font-style: italic;
}
.mapContain .mapHautDoubs .permGroup {
margin-top: 20px;
}
.mapContain .mapHautDoubs .permGroup.--Antenne {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.mapContain .mapHautDoubs .permGroup a {
text-align: center;
color: grey !important;
margin-top: 5px;
}
.mapContain .mapHautDoubs .permGroup a:hover {
color: var(--colorPrimary) !important;
}
.mapContain .mapHauteSaone h5 {
color: var(--colorQuaternary);
text-align: center;
}
.mapContain .mapHauteSaone a {
color: black !important;
text-align: center;
display: block;
}
.mapContain .mapHauteSaone a:hover {
color: var(--colorQuaternary) !important;
}
.mapContain .mapHauteSaone .permanence {
color: var(--colorQuaternary);
font-style: italic;
}
.mapContain .mapHauteSaone .permGroup {
margin-top: 20px;
}
.mapContain .mapHauteSaone .permGroup.--Antenne {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.mapContain .mapHauteSaone .permGroup a {
text-align: center;
color: grey !important;
margin-top: 5px;
}
.mapContain .mapHauteSaone .permGroup a:hover {
color: var(--colorQuaternary) !important;
}
.mapContain .mapNFC h5 {
color: var(--colorQuintenary);
text-align: center;
}
.mapContain .mapNFC a {
color: black !important;
text-align: center;
display: block;
}
.mapContain .mapNFC a:hover {
color: var(--colorQuintenary) !important;
}
.mapContain .mapNFC .permanence {
color: var(--colorQuintenary);
font-style: italic;
}
.mapContain .mapNFC .permGroup {
margin-top: 20px;
}
.mapContain .mapNFC .permGroup.--Antenne {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.mapContain .mapNFC .permGroup a {
text-align: center;
color: grey !important;
margin-top: 5px;
}
.mapContain .mapNFC .permGroup a:hover {
color: var(--colorQuintenary) !important;
}
.mapContain .mapJura h5 {
color: var(--colorSecondary);
text-align: center;
}
.mapContain .mapJura a {
color: black !important;
text-align: center;
display: block;
}
.mapContain .mapJura a:hover {
color: var(--colorSecondary) !important;
}
.mapContain .mapJura .permanence {
color: var(--colorSecondary);
font-style: italic;
}
.mapContain .mapJura .permGroup {
margin-top: 20px;
}
.mapContain .mapJura .permGroup.--Antenne {
display: flex;
align-items: center;
justify-content: center;
margin-top: 0;
}
.mapContain .mapJura .permGroup a {
text-align: center;
color: grey !important;
margin-top: 5px;
}
.mapContain .mapJura .permGroup a:hover {
color: var(--colorSecondary) !important;
}
.leaflet-map {
border-radius: 20px !important;
}
.singleFormation .containProgramme {
background-color: rgba(168, 170, 171, 0.062745098);
border-radius: 20px;
padding: 40px;
margin-top: 50px;
}
@media screen and (max-width: 768px) {
.singleFormation .containProgramme {
padding: 20px;
}
}
.singleFormation .containProgramme h2 {
margin-top: 0px !important;
}
.singleFormation .dateContain {
background-color: #004A99;
border-radius: 10px;
padding: 20px;
margin-top: 50px;
}
.singleFormation .dateContain h3 {
color: white;
}
.singleFormation .dateContain p {
color: white;
}
.singleFormation .lieuContain {
background-color: var(--colorQuaternary);
border-radius: 10px;
padding: 20px;
margin-top: 20px;
}
.singleFormation .lieuContain h3 {
color: white;
}
.singleFormation .lieuContain p {
color: white;
}
.singleFormation .containPrerequis {
border: 1px solid var(--colorQuaternary);
border-radius: 10px;
padding: 20px;
margin-top: 20px;
}
.singleFormation .containPrerequis h3 {
color: var(--colorQuaternary);
}
.singleFormation .containPrerequis p {
margin-bottom: 20px !important;
}
.singleFormation .containPrerequis a {
color: #004A99;
}
@media screen and (max-width: 768px) {
.singleFormation .containPrerequis a {
font-size: 14px !important;
}
}
.singleFormation .containProgPDF {
border: 1px solid #004A99;
}
.singleFormation .containProgPDF h3 {
color: #004A99;
}
.singleFormation .containProgPDF a {
font-size: 14px;
}
.singleFormation .containFinancement {
border: 1px solid #004A99;
}
.singleFormation .containFinancement h3 {
color: #004A99;
}
.singleFormation .containFinancement a {
font-size: 14px;
}
.singleFormation .tarifsContain,
.singleFormation .publicContain,
.singleFormation .formatContain,
.singleFormation .containAdmission {
background-color: var(--colorQuintenary);
padding: 20px;
border-radius: 10px;
margin-top: 20px;
}
@media screen and (max-width: 768px) {
.singleFormation .flexPartenaires {
display: flex;
align-items: center;
justify-content: center;
margin-top: 50px;
}
.singleFormation .flexPartenaires img {
width: 80%;
border-radius: 20px;
}
}
.autresFormationContainTitle {
margin-top: 50px;
margin-bottom: 30px;
font-weight: 600;
}
.allFormationslink {
display: flex;
justify-content: center;
margin-top: 50px;
text-align: center;
width: 100%;
}
.allFormationslink button {
background-color: #fff !important;
}
.allFormationslink button a {
color: #004A99 !important;
}
.allFormationslink button a i {
color: #004A99 !important;
}
.single {
padding: 0 !important;
}
@media screen and (max-width: 768px) {
.single .singleContain h1 {
text-align: center;
}
}
.single .singleContain .containTitle {
display: block;
margin-top: 45vh !important;
}
@media screen and (max-width: 1024px) {
.single .singleContain .containTitle {
margin-top: 45vh !important;
}
}
@media screen and (max-width: 768px) {
.single .singleContain .containTitle {
margin-top: 50px !important;
}
}
.single .singleContain .imgThumbnail, .single .singleContain .imgThumbnailTp, .single .singleContain .imgThumbnailBge, .single .singleContain .imgThumbnailFormations {
margin-top: 150px;
width: 100%;
position: relative;
}
@media screen and (min-width: 1600px) {
.single .singleContain .imgThumbnail, .single .singleContain .imgThumbnailTp, .single .singleContain .imgThumbnailBge, .single .singleContain .imgThumbnailFormations {
width: 400px;
height: 400px;
}
}
@media screen and (max-width: 1024px) {
.single .singleContain .imgThumbnail, .single .singleContain .imgThumbnailTp, .single .singleContain .imgThumbnailBge, .single .singleContain .imgThumbnailFormations {
margin-top: 200px;
}
}
@media screen and (max-width: 768px) {
.single .singleContain .imgThumbnail, .single .singleContain .imgThumbnailTp, .single .singleContain .imgThumbnailBge, .single .singleContain .imgThumbnailFormations {
margin-top: 150px;
}
}
.single .singleContain .imgThumbnail img, .single .singleContain .imgThumbnailTp img, .single .singleContain .imgThumbnailBge img, .single .singleContain .imgThumbnailFormations img {
border-radius: 1000px;
background-color: white;
object-fit: cover;
width: 100%;
height: 100%;
border: 5px solid white;
aspect-ratio: 1;
height: fit-content;
position: relative;
}
@media screen and (max-width: 768px) {
.single .singleContain .imgThumbnail img, .single .singleContain .imgThumbnailTp img, .single .singleContain .imgThumbnailBge img, .single .singleContain .imgThumbnailFormations img {
width: 50%;
height: auto;
}
}
@media screen and (max-width: 576px) {
.single .singleContain .imgThumbnail img, .single .singleContain .imgThumbnailTp img, .single .singleContain .imgThumbnailBge img, .single .singleContain .imgThumbnailFormations img {
width: 80%;
height: auto;
}
}
.single .singleContain .imgThumbnail::after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 5rem;
height: 5rem;
border-radius: 50%;
background-color: white;
border: 3px solid white;
position: absolute;
top: 70%;
left: 1%;
z-index: 2;
}
.single .singleContain .imgThumbnailTp::after {
content: "";
background-image: url(https://www.bgefc.org/wp-content/uploads/2023/07/Groupe-2858.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 5rem;
height: 5rem;
border-radius: 50%;
background-color: white;
border: 3px solid white;
position: absolute;
top: 70%;
left: 1%;
z-index: 2;
}
.single .singleContain .imgThumbnailBge::after {
content: "";
background-image: url(https://www.bgefc.org/wp-content/uploads/2023/06/favicon-96x96-1.png);
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 5rem;
height: 5rem;
border-radius: 50%;
background-color: white;
border: 3px solid white;
position: absolute;
top: 70%;
left: 1%;
z-index: 2;
}
.single .singleContain .imgThumbnailFormations::after {
content: "";
background-position: center;
background-repeat: no-repeat;
background-size: contain;
display: block;
width: 5rem;
height: 5rem;
border-radius: 50%;
background-color: white;
border: 3px solid white;
position: absolute;
top: 70%;
left: 1%;
z-index: 2;
}
.single .singleContain iframe {
border-radius: 20px !important;
}
.single .singleContain .postDate {
position: absolute;
top: 180px;
}
@media screen and (max-width: 768px) {
.single .singleContain .postDate {
top: 50vh;
}
}
.single .singleContain .svgSingleContain {
margin-top: 20px;
display: flex;
align-items: flex-end;
justify-content: flex-end;
}
.single .singleContain .svgDispositifs {
position: absolute;
left: 0px;
top: 47vh;
}
@media screen and (max-width: 1024px) {
.single .singleContain .svgDispositifs {
left: -200px;
top: 35vh;
}
}
@media screen and (max-width: 768px) {
.single .singleContain .svgDispositifs {
left: 0px;
left: -300px;
top: 30vh;
}
}
@media screen and (max-width: 576px) {
.single .singleContain .svgDispositifs {
top: 25vh;
}
}
.single .singleContain .categoryPicto {
color: #004A99;
}
.single .containContentBig {
margin-top: 100px;
}
@media screen and (max-width: 1024px) {
.single .containContentBig {
margin-top: 100px;
}
}
.single .containContentBig h2 {
margin-top: 0 !important;
}
.single .containContentBig ul {
margin: 0;
}
.single .containContentBig img {
margin-top: 50px;
margin-bottom: 50px;
object-fit: cover !important;
border-radius: 20px !important;
}
.single .containContentBig iframe {
border-radius: 20px !important;
}
.single .containContent {
margin-top: 100px;
}
.single .containContent .titleDispositif {
margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
.single .containContent .titleDispositif {
text-align: center;
}
}
.single .containContent h2 {
margin-top: 0 !important;
}
.single .containContent ul {
margin: 0;
}
.single .containContent img {
margin-top: 50px;
margin-bottom: 50px;
object-fit: cover !important;
border-radius: 20px;
}
.single .containContent iframe {
border-radius: 20px !important;
}
.backgroundDispositifs {
margin-top: 110px;
overflow: hidden;
top: 0;
left: 0;
width: 100vw;
height: 30vh;
z-index: -1;
}
@media screen and (max-width: 1024px) {
.backgroundDispositifs {
margin-top: 80px;
height: 20vh;
}
}
@media screen and (max-width: 576px) {
.backgroundDispositifs {
height: 10vh;
}
}
.backgroundDispositifs img {
width: 100%;
height: auto;
display: block;
max-height: 30vh;
}
.backgroundHE {
overflow: hidden;
position: absolute;
clip-path: polygon(0 0, 100% 0, 100% 54%, 0% 100%);
top: 0;
left: 0;
width: 100vw;
height: 45vh;
z-index: -1;
}
.networks {
background-color: rgba(0, 74, 153, 0.062745098);
padding: 10px 20px;
border-radius: 100px;
width: fit-content;
display: flex;
align-items: center;
}
.networks a {
font-size: 30px;
margin-left: 15px;
}
.networks i:hover {
color: #000 !important;
}
.networks * {
color: #004A99 !important;
}
.orange {
background-color: var(--colorPrimary);
}
.blue {
background-color: var(--colorQuaternary);
}
.green {
background-color: var(--colorSecondary);
}
.red {
background-color: var(--colorTertiary);
}
.yellow {
background-color: var(--colorQuintenary);
}
.bge {
background-color: #004A99;
}
.eventSection {
padding-top: 75px;
}
.eventSection .wp-block-heading {
margin-top: 0 !important;
}
.eventSection .registration_details.wpem-register-event-form.wpem-form-wrapper p:nth-of-type(2) {
display: none;
}
.eventSection .wpem-single-event-short-info h3 {
color: #004A99 !important;
font-family: "Poppins", sans-serif !important;
font-size: 30px !important;
font-weight: 600 !important;
}
@media screen and (max-width: 1440px) {
.eventSection .wpem-single-event-short-info h3 {
font-size: 25px !important;
}
}
@media screen and (max-width: 1024px) {
.eventSection .wpem-single-event-short-info h3 {
font-size: 20px !important;
}
}
@media screen and (max-width: 768px) {
.eventSection .wpem-single-event-short-info h3 {
font-size: 20px !important;
text-align: left !important;
width: 100%;
}
}
@media screen and (max-width: 576px) {
.eventSection .wpem-single-event-short-info h3 {
font-size: 20px !important;
text-align: center !important;
width: 100%;
}
}
.eventSection .registration_button:hover {
color: #004A99 !important;
border: 1px solid #004A99;
}
.eventSection .wpem-single-event-images {
background-color: white;
padding: 10px;
}
.eventSection .wpem-single-event-images .wpem-event-single-image-wrapper {
border-radius: 20px;
border: 10px solid white;
overflow: hidden;
height: 250px;
}
.eventSection .wpem-single-event-images .wpem-event-single-image-wrapper .wpem-event-single-image {
height: 100%;
width: 100%;
}
.eventSection .wpem-single-event-images .wpem-event-single-image-wrapper .wpem-event-single-image img {
height: 100% !important;
width: 100%;
object-fit: cover;
}
.eventSection .wpem-heading-text {
font-size: 20px !important;
font-weight: 600;
color: black !important;
}
.eventSection .light {
color: #004A99 !important;
font-size: 20px !important;
font-weight: 400 !important;
}
footer {
display: block;
width: 100vw;
margin-top: 100px;
background-color: #004A99;
}
footer .footerBlue {
min-height: 300px;
background-color: #004A99;
}
footer h6 {
margin-top: 40px;
margin-bottom: 30px;
}
footer p {
color: white !important;
}
footer a {
color: white !important;
text-decoration: none !important;
text-align: center;
}
footer a:hover {
color: white;
text-decoration: none !important;
}
footer a:visited {
color: white;
}
footer .containLogo {
display: flex;
height: 70%;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
footer .containLogo {
margin-top: 20px;
margin-bottom: 20px;
}
}
footer .containLogo img {
border-radius: 10px;
width: 130px;
}
footer .containCertifications {
display: flex;
align-items: center;
justify-content: left;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
footer .containCertifications {
justify-content: center;
margin-bottom: 50px;
height: auto;
}
}
footer .containCertifications img {
width: 100%;
margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
footer .containCertifications img {
width: 50%;
}
}
@media screen and (max-width: 576px) {
footer .containCertifications img {
width: 100%;
margin-left: 10px;
margin-right: 10px;
}
}
footer .containReseaux {
height: 30%;
align-items: center;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
@media screen and (max-width: 576px) {
footer .containReseaux {
padding-left: 70px;
padding-right: 70px;
}
}
@media screen and (max-width: 768px) {
footer .dispositifsTitle {
margin-top: 70px;
}
}
footer .dispositifsFooter {
display: flex;
flex-wrap: wrap;
}
footer .dispositifsFooter a {
width: 100%;
text-align: left;
margin-bottom: 10px;
font-weight: 300;
font-size: 14px;
}
@media screen and (max-width: 768px) {
footer .dispositifsFooter a {
text-align: center;
}
}
footer .bandeauFooter1 {
width: 100%;
background-color: var(--colorQuaternary);
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
margin-top: 30px;
}
@media screen and (max-width: 576px) {
footer .bandeauFooter1 {
padding-top: 10px;
padding-bottom: 10px;
height: 80px;
}
}
@media screen and (max-width: 576px) {
footer .bandeauFooter1 .row .col-12 {
width: 90%;
justify-content: center;
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
footer .bandeauFooter1 a {
text-align: center;
color: rgb(255, 255, 255) !important;
font-size: 14px;
}
@media screen and (max-width: 576px) {
footer .bandeauFooter1 a {
font-size: 12px;
}
}
footer .bandeauFooter1 .elixir {
color: grey !important;
font-size: 300 !important;
}
footer .bandeauFooter2 {
width: 100%;
background-color: white;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 !important;
}
@media screen and (max-width: 576px) {
footer .bandeauFooter2 {
padding-top: 20px;
padding-bottom: 20px;
height: 80px;
}
}
@media screen and (max-width: 576px) {
footer .bandeauFooter2 .row .col-12 {
width: 90%;
justify-content: center;
display: flex;
flex-wrap: wrap;
align-items: center;
}
}
footer .bandeauFooter2 a {
text-align: center;
color: black !important;
font-size: 12px;
}
footer .bandeauFooter2 .elixir {
color: grey !important;
font-size: 300 !important;
}
footer .containNewsletter {
border: 1px solid white;
border-radius: 20px;
padding: 20px;
}
footer .containNewsletter p {
font-size: 14px !important;
margin-bottom: 20px !important;
}
footer .containNewsletter span {
font-size: 14px !important;
font-weight: 300;
color: white;
}
footer .containNewsletter label input {
margin-left: 5px;
margin-bottom: 10px;
}
footer .containNewsletter input {
border-radius: 50px;
font-size: 12px !important;
}
footer .btnDon {
width: 100%;
background-color: white !important;
}
footer .btnDon a {
color: #004A99 !important;
width: 100%;
}
footer .btnDon:hover {
width: 100%;
border: 1px solid white;
background-color: #004A99 !important;
}
footer .btnDon:hover a {
color: white !important;
}