@charset "utf-8";


#global {padding-top:0px;}
.global {max-width:1570px; }


/* BANDEAU */

#bandeau {padding:0; width:100%; height:305px; z-index:3000;}
#bandeau-conteneur {position: relative; z-index: 400;  width:100%; height: 100%;}
/* Elements du bandeau */
#bandeau #bandeau-haut {width: 100%;height: 20px;background: #2d2e83;}
#bandeau-contact {position:relative; z-index:40; }
#bandeau-contact .global {  position:relative; z-index:40; padding:40px 10px 0;}

#bandeau-langues-conteneur {position: absolute; left: 20px; top: 10px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center;}
#bandeau-langues-conteneur .bandeau-langue {width: 21px; height: 13px;  margin: 3px 5px 3px 0;}
#bandeau-langues-conteneur .bandeau-langue.selected {opacity: 0.5;}
#bandeau-langues-conteneur .bandeau-langue a,
#bandeau-langues-conteneur .bandeau-langue a:visited {display: block; text-decoration: none;}
#bandeau-langues-conteneur .bandeau-langue span {display: block;}
#bandeau-langues-conteneur .bandeau-langue img {width: 100%; height: 100%; object-fit: cover; display: block;}

#bandeau #logo {display:block;position:relative; z-index:10;}
#bandeau #logo a,
#bandeau #logo a:visited {}
#bandeau #logo a img {display:block; height:258px; width:auto; margin: 0 auto;}


#centre { padding: 0; }

#centre .global {}

#centre .contenu-wrapper {padding:1px 0 50px; min-height:400px; position:relative;}


/* CONTENU */
/* TEXTE */
#texte {margin: 15px 0 45px;text-align: center;}


@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular/Poppins-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Regular/Poppins-Regular.woff2') format('woff2'),
        url('../fonts/Poppins-Regular/Poppins-Regular.woff') format('woff'),
        url('../fonts/Poppins-Regular/Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Medium/Poppins-Medium.woff2') format('woff2'),
        url('../fonts/Poppins-Medium/Poppins-Medium.woff') format('woff'),
        url('../fonts/Poppins-Medium/Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-MediumItalic/Poppins-MediumItalic.eot');
    src: url('../fonts/Poppins-MediumItalic/Poppins-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-MediumItalic/Poppins-MediumItalic.woff2') format('woff2'),
        url('../fonts/Poppins-MediumItalic/Poppins-MediumItalic.woff') format('woff'),
        url('../fonts/Poppins-MediumItalic/Poppins-MediumItalic.svg#Poppins-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-SemiBold/Poppins-SemiBold.woff2') format('woff2'),
        url('../fonts/Poppins-SemiBold/Poppins-SemiBold.woff') format('woff'),
        url('../fonts/Poppins-SemiBold/Poppins-SemiBold.svg#Poppins-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Poppins-Bold/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold/Poppins-Bold.woff') format('woff'),
        url('../fonts/Poppins-Bold/Poppins-Bold.svg#Poppins-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

/* PAVES */

#accueil-paves-conteneur {margin-top:20px;}
#accueil-paves-conteneur .global{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch;}
#accueil-paves-conteneur .accueil-pave {  min-height: 415px; width: calc(50% - 20px); margin:10px 5px; position: relative; cursor:pointer;   border-radius: 0 0 20px 20px; box-shadow: 0 0 10px rgba(2, 3, 3, 0.15); container-type: inline-size; container-name: container-pave; }
#accueil-paves-conteneur .accueil-pave::before {content:""; position: absolute; bottom:0; left:0; width:100%; height: 93px;  border-radius: 0 0 20px 20px; z-index:1;background: #1F3789;
background: -webkit-linear-gradient(0deg, rgba(31, 55, 137, 1) 0%, rgba(14, 106, 179, 1) 100%);
background: -moz-linear-gradient(0deg, rgba(31, 55, 137, 1) 0%, rgba(14, 106, 179, 1) 100%);
background: linear-gradient(0deg, rgba(31, 55, 137, 1) 0%, rgba(14, 106, 179, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1F3789", endColorstr="#0E6AB3", GradientType=0);}
#accueil-paves-conteneur .accueil-pave:first-child {margin-left:0;}
#accueil-paves-conteneur .accueil-pave:last-child {margin-right:0;}

#accueil-paves-conteneur .accueil-pave-conteneur {width: 100%; height: 100%;}
#accueil-paves-conteneur .accueil-pave-centre {  padding: 5px 15px; position: relative ; z-index: 30;   box-sizing: border-box; width: 100%; height:100%; display: flex;justify-content: center;align-items: stretch;}
#accueil-paves-conteneur .accueil-pave-image {width: 30%;    height: 100%; max-height: 415px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-end;}
#accueil-paves-conteneur .accueil-pave-image img {width: 100%; height: 100%;   object-fit: contain; display: block; object-position: center bottom;}
#accueil-paves-conteneur .accueil-pave-droite {padding: 30px 20px;box-sizing: border-box; cursor:pointer;width: 70%; text-align: left; position: relative; }
#accueil-paves-conteneur .accueil-pave-haut {height: calc(100% - 93px);}
#accueil-paves-conteneur .accueil-pave-nom {color: #1f3a8b; font-size: 28px; font-weight: 700; line-height: 36px; margin-bottom: 5px; letter-spacing: 1.5px;  text-transform: uppercase; word-wrap: anywhere;}
#accueil-paves-conteneur .accueil-pave-nom a,
#accueil-paves-conteneur .accueil-pave-nom a:visited {text-decoration:none; color:#1f3a8b;}
#accueil-paves-conteneur .accueil-pave-nom em {  margin-top: 5px;  display: block; font-weight: 400; line-height: 43px;font-size: 40px;font-style: normal; }
#accueil-paves-conteneur .accueil-pave-nom::after {content:""; display: block; width: 80px; height: 10px; background: #c5e1f2; margin: 25px 0;}
#accueil-paves-conteneur .accueil-pave-texte {color:#313538; font-weight: 400; line-height: 30px;font-size: 20px;  word-wrap: anywhere;}
#accueil-paves-conteneur .accueil-pave-texte p {text-align: left;  line-height: 30px;  word-wrap: anywhere;}

#accueil-paves-conteneur .accueil-pave-bouton {position: absolute; right: 20px; bottom: 20px; color:#fff;}
#accueil-paves-conteneur .accueil-pave-bouton i {margin-left: 15px;}