@import url(_common_ficheblock.css);

/*********************************
 * Défaut
 */

body {
    font-family: 'PT Sans', sans-serif;
    font-weight: 400;
    margin: 0;
    padding: 0;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Overpass', sans-serif;
}

h1 {
    font-size: 2rem;
    font-weight: 400;
}

h2 {
    font-size: 1.667rem;
    /*font-size: 1.375rem;
    font-weight: 500;*/
}

a {
    text-decoration: none;
    color: #0ea9d9;
}

a:visited {
    color: #0ea9d9;
}

a:hover {
    text-decoration: underline;
    color: #0ea9d9;
}


/*********************************
 * #header
 */

#header {
    font-family: 'Overpass', sans-serif;
    position: relative;
}

.fiuc-header-Bande {
    min-height: 82px;
    padding-left: 220px;
    margin-right: 350px; 
    position: relative;
    box-sizing: border-box;
}

.fiuc-header-Bande a {
    color: #575757;
}

.fiuc-header-Active {
    background-image: linear-gradient(to right, #ffffff 50%, #0ea9d9 50%);
    
}

.fiuc-header-Active .fiuc-header-Bande {
    background-image: linear-gradient(102deg,#ffffff 250px, #0ea9d9 251px);
    min-height: 94px;
}

.fiuc-header-Active .fiuc-header-Bande a {
    color: #fff;
}

@media (min-width: 1169px) {
    .fiuc-header-Bande {
    margin-left: calc((100% - 1168px) / 2);
    }
}

.fiuc-header-Logo {
    position: absolute;
    top: 0;
    left: 8px;
    background-image: url("images/header-logo.png");
    background-repeat: no-repeat;
    width: 200px;
    height: 80px;
    display: block;
}

.fiuc-header-Active .fiuc-header-Logo {
    top: 6px;
}

#header li {
    list-style: none;
}

.fiuc-header-Nav {
    display: flex;
    flex-wrap: wrap;
    padding-top: 25px;
    margin: 0;
    justify-content: space-around;
    max-width: 700px;
}

.fiuc-header-Submenu {
    margin: 0;
    padding-top : 10px;
    padding-bottom: 10px;
    padding-left: 0;
    
}

.fiuc-header-MenuItem {
    padding-right: 10px;
    margin-bottom: 10px;
}

.fiuc-header-Submenu > li {
    margin-bottom: 15px;
    margin-top: -5px;
    margin-left: 0;
    padding-left: 0;
    font-size: 0.9rem;
}



#header_langs {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
}

.fiuc-header-LangBloc, .fiuc-header-SearchBloc {
    width: 82px;
    height: 82px;
}

.fiuc-header-SearchBloc.fiuc-header-ActiveSearch {
    width: 310px;
    text-align: right;
    padding-left: 16px;
}

.fiuc-header-SearchBloc button {
    display: inline-block;
    width: 82px;
    height: 82px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 32px;
    background-image: url("images/picto-loupe.png");
    background-repeat: no-repeat;
    background-position: 32px 32px;
    background-color: #ebeced;
    border: none;
}

.fiuc-header-SearchBloc input {
    display: none;
    box-sizing: border-box;
    width: calc(100% - 82px);
    vertical-align: top;
    margin-top: 24px;
}

.fiuc-header-SearchBloc.fiuc-header-ActiveSearch input {
    display: inline-block;
}

.fiuc-header-SearchBloc button:hover {
    background-color: #c7b298;
    color: #fff;
}

.fiuc-header-LangBloc span, .fiuc-header-LangBloc a {
    display: block;
    width: 82px;
    height: 82px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 32px;
}

@media (max-width: 800px) {
    
    .fiuc-header-LangBloc {
        width: 36px;
        height: 36px;
    }
    
    .fiuc-header-LangBloc span, .fiuc-header-LangBloc a {
        width: 36px;
        height: 36px;
        padding-top: 6px;
    }
    
    .fiuc-header-Search {
        background-position: 9px 9px;
    }
    
    .fiuc-header-Logo {
        left: 0;
    }
    
    .fiuc-header-Nav {
        max-width: 100%;
    }
}


.fiuc-header-LangBloc span, .fiuc-header-LangBloc a:hover {
    background-color: #c7b298;
    color: #fff;
}

.fiuc-header-LangBloc a {
    display: block;
    text-align: center;
    color: #575759;
}

.fiuc-header-Impair {
    background-color: #ebeced;
}

.fiuc-header-Pair {
    background-color: #f5f6f6;
}



.fiuc-header-SubmenuTitle {
    display: inline-block;
    padding-right: 28px;
}

.fiuc-header-Active .fiuc-header-SubmenuTitle.fiuc-Deployed {
    background-image: url("images/flech-bleu-bas.png");
    background-repeat: no-repeat;
    background-position: right center;
}

/*********************************
 * #burger
 */

#burger {
    display: none;
}

#burger button {
    display: inline-block;
    padding: 9px 10px;
    border: 1px solid  #fff;
    border-radius: 4px;
    background-color: transparent;
}

#burger span {
    display: block;
    margin-top: 4px;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
    background-color: #58585a;
}

@media (max-width: 800px) {
    
    #burger {
        display: block;
        position: absolute;
        right: 4px;
        top: 40px;
    }
    
    #burger button:hover {
        border: 1px solid #58585a;
    }
    
    #menu {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .fiuc-header-Active, .fiuc-header-Active .fiuc-header-Bande {
        background-image: none;
    }
    
    .fiuc-header-Bande {
        padding-left: 0;
        margin-right: 0;
        padding-top: 90px;
    }
    
    .fiuc-header-Nav {
        display: block;
        background-color: #0ea9d9;
        padding-top: 10px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    
    .fiuc-header-Active .fiuc-header-Logo {
        top: 0;
    }
    
    .fiuc-header-Bande a {
        color: #fff;
    }
}


/*********************************
 * #body
 */

h3.spip {
    color: #997e5d;
    font-size: 1.7rem;
    font-weight: 400;
}

.fiuc-body-Titre {
    background-color: #ebeced;
    padding-top: 45px;
    padding-bottom: 45px;
}

.fiuc-body-Titre h1 {
    text-align: center;
    margin: 0;
}

.fiuc-body-Soustitre {
    text-align: center;
    font-size: 1.3rem;
    font-family: 'Overpass', sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}

.fiuc-body-2Colonnes {
    display: flex;
    margin-bottom: 30px;
}

.fiuc-body-2Colonnes > div {
    width: 50%;
}

@media (max-width: 800px) {
    
    .fiuc-body-2Colonnes {
        display: block;
    }

    .fiuc-body-2Colonnes > div {
        width: 100%;
    }
}


.fiuc-body-Resume {
    background-color: #cfb99e;
    padding-top: 20px;
    padding-bottom: 20px;
}

.fiuc-body-Resume:after {
  content: "";
  display: table;
  clear: both;
}

.fiuc-body-InfoListe > div:nth-child(even) {
    background-color: #efeeed;
}

.fiuc-body-Info {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fiuc-body-Label {
    color: #868789;
}

.fiuc-body-Fiches {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 1.1rem;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d9dadb;
}

.fiuc-body-Fiches .fiuc-body-Label, .fiuc-body-Fiches a {
    display: block;
    margin-bottom: 10px;
}

.fiuc-body-Fiches .fiuc-body-Label {
    margin-top: 25px;
}

.fiuc-body-TitreSession {
    margin-top: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9dadb;
    text-transform: uppercase;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fiuc-body-Intertitre {
    margin-top: 30px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d9dadb;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9dadb;
    text-transform: uppercase;
    text-align: center;
}

.fiuc-body-ZoneTelechargement {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d9dadb;
    /*border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9dadb;*/
    margin-top: 40px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.fiuc-body-ZoneTelechargement h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5rem;
    color: #c7b298;
    margin-top: 0;
}

.fiuc-body-ZoneMotscles {
    margin-top: 40px;
    margin-bottom: 30px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #efeeed;
    text-align: center;
    font-size: 1.1rem;
}

.fiuc-body-ZoneMotscles h3 {
    color: #868789;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.0rem;
    margin-top: 0;
}

.fiuc-body-ListePdf {
    margin: 0;
    padding: 0;
}

.fiuc-body-ListePdf li {
    text-align: center;
    list-style: none;
    padding-left: 0;
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.fiuc-body-Logo {
    text-align: center;
}

.fiuc-body-Photo {
    width: 125px;
    height: 125px;
    border-radius: 62px;
    overflow: hidden;
    margin: auto;
    margin-bottom: 20px;
}

.fiuc-body-Photo img {
    display: block;
}


.fiuc-body-InfoOrga {
    color: #fff;
}

.fiuc-body-InfoOrga a {
    color: #fff;
}

.fiuc-body-InfoOrga {
    display: flex;
    justify-content: space-between;
}

.fiuc-body-Appellation {
    font-size: 1.5rem;
    font-family: 'Overpass', sans-serif;
}

.fiuc-body-UneLargeur {
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 1169px) {
    .fiuc-body-UneLargeur {
        padding-left: calc((100% - 1168px) / 2);
        padding-right: calc((100% - 1168px) / 2);
    }
}

/*********************************
 * Colonnes
 */

.fiuc-colonne-Alternance1 > div:nth-child(odd), .fiuc-colonne-Alternance2 > div:nth-child(even) {
    background-color: #cfb99e;
}

.fiuc-colonne-Alternance1 > div:nth-child(odd) a, .fiuc-colonne-Alternance2 > div:nth-child(even) a {
    color: #fff;
}

.fiuc-colonne-Alternance1 > div:nth-child(odd) a.fiuc-lien-Interne, .fiuc-colonne-Alternance2 > div:nth-child(even) a.fiuc-lien-Interne {
    background-image: url("images/flech-blanc.png");
}

.fiuc-colonne-Actu {
     text-align: center;
     font-size: 1.2rem;
     padding-top: 20px;
}

.fiuc-colonne-Texte {
    margin: auto;
    max-width: 700px;
    padding-left: 20px;
    padding-right: 20px;
}




/*********************************
 * listes
 */


.fiuc-liste-Titre {
    font-size: 1.4rem;
    padding-top: 20px;
    padding-bottom: 20px;
    background-repeat: no-repeat;
    cursor: pointer;
    background-image: url("images/flech-bleu-bas.png");
    font-family: 'Overpass', sans-serif;
}

.fiuc-liste-Intertitre {
    padding-right: 72px;
    padding-left: 72px;
    padding-top: 20px;
    padding-top: 20px;
    font-family: 'Overpass', sans-serif;
    font-size: 1.1rem;
    color: #868789;
    font-weight: 400;
}

.fiuc-liste-Titre.fiuc-Deployed {
    background-image: url("images/flech-bleu-haut.png");
}

.fiuc-colonne-Gauche .fiuc-liste-Titre {
    text-align: right;
    padding-right: 72px;
    background-position: right 24px center;
}

.fiuc-colonne-Droite .fiuc-liste-Titre {
    text-align: left;
    padding-left: 72px;
    background-position: 24px center;
}

.fiuc-liste-Texte {
    padding-right: 72px;
    padding-left: 72px;
    padding-bottom: 30px;
}

@media (max-width: 800px) {
    
    .fiuc-colonne-Gauche .fiuc-liste-Titre  {
        text-align: left;
        padding-left: 72px;
        background-position: 24px center;
    }
}



/*********************************
 * Liens
 */

.fiuc-lien-Liste {
    padding: 0;
    padding-bottom: 20px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d9dadb;
}

.fiuc-lien-Liste li {
    list-style: none;
    margin: 0;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #d9dadb;
}

.fiuc-lien-Interne {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("images/flech-bleu.png");
    display: inline-block;
    padding-left: 20px;
}

.fiuc-lien-Externe {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("images/picto-lien-externe-bleu.png");
    display: inline-block;
    padding-left: 30px;
}

.fiuc-body-InfoOrga .fiuc-lien-Externe {
    background-image: url("images/picto-lien-externe-blanc.png");
}

.fiuc-lien-Pdf {
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url("images/icon-pdf.png");
    display: inline-block;
    padding-left: 20px;
    min-height: 21px;
}

/*********************************
 * #bandeau
 */

#bandeau {
    display: flex;
    justify-content: space-between;
}

.fiuc-bandeau-Bloc {
    background-color: #0ea9d9;
    width: calc(25% - 5px);
}

.fiuc-bandeau-IndexVariant .fiuc-bandeau-Bloc {
    background-color: #cfb99e;
}

.fiuc-bandeau-Bloc.fiuc-bandeau-Current {
    background-color: #cfb99e;
}

.fiuc-bandeau-Bloc a {
    display: block;
    text-align: center;
    color: #fff;
    padding-top: 195px;
    background-repeat: no-repeat;
    background-position: center 50px;
    font-size: 1.1rem;
    padding-bottom: 50px;
    text-transform: uppercase;
}

.fiuc-bandeau-Bloc a:hover {
    background-color: #309bd1;
}

.fiuc-bandeau-Bloc_formation a {
    background-image: url("images/picto-formation.png");
}

.fiuc-bandeau-Bloc_prospective a {
    background-image: url("images/picto-prospective.png");
}

.fiuc-bandeau-Bloc_projet a {
    background-image: url("images/picto-projet.png");
}

.fiuc-bandeau-Bloc_recherche a {
    background-image: url("images/picto-recherche.png");
}

@media (max-width: 576px) {
    #bandeau {
    display: block;
    flex-direction: column;
    }
    
    .fiuc-bandeau-Bloc {
        width: 100%;
        margin-bottom: 5px;
    }
    
    .fiuc-bandeau-Bloc a {
        background-position: center 20px;
        background-size: auto 80px;
        padding-top: 120px;
        padding-bottom: 30px;
     }
}

/*********************************
 * #footer
 */

#footer {
    background-color: #c7b298;
    color: #fff;
    padding-top: 40px;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.fiuc-footer-Adresse {
    background-image: url("images/footer-logo.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 70px;
}

.fiuc-footer-Adresse p {
    margin: 0;
}

.fiuc-footer-Reseau, .fiuc-footer-Mentions {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}

.fiuc-footer-Mentions a {
    color: #fff;
}

@media (max-width: 900px) {
    #footer {
        display: block;
    }
    
    .fiuc-footer-Reseaux {
        text-align: center;
        margin-top: 20px;
    }
}

@media (max-width: 576px) {
    
    #footer {
        display: block;
        padding-left: 0;
        padding-right: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }
    
    .fiuc-footer-Adresse {
        padding-left: 0;
        text-align: center;
        background-position: center top;
        padding-top: 70px;
    }
    
    .fiuc-footer-Reseaux {
        margin-top: 0;
    }
    
    .fiuc-footer-Adresse p {
        margin-bottom: 10px;
    }
    
    .fiuc-footer-Mentions {
        display: block;
        text-align: center;
        padding-left: 0;
        margin-bottom: 10px;
    }
    
    .fiuc-footer-Reseau {
        padding-top: 3px;
        padding-left: 10px;
        padding-right: 10px;
    }
}


/*********************************
 * index
 */
.fiuc-index-Actualites {
    max-width: 1168px;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
}

.fiuc-index-Actualites > div {
    width: 370px;
    margin-top: 45px;
    margin-bottom: 45px;   
}

.fiuc-index-Actu {
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    font-size: 1.7rem;
    font-weight: 400;
}

.fiuc-index-Actu a {
    color: #997e5d;
    
}

.fiuc-index-Date {
    color: #0ea9d9;
    margin-bottom: 20px;
}

.fiuc-index-Image {
    display: block;
    position: relative;
    margin-bottom: 10px;
}

.fiuc-index-Image img {
    display:block;
    margin: auto;
}

.fiuc-index-Fleche {
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url("images/flech-bleu-droite.png");
    background-repeat: no-repeat;
    height: 21px;
    width: 21px;
    left: 171px;
    bottom: -10px;
}


/*********************************
 * Carrousel
 */

div.fiuc-owl-Item {
    position: relative;
}

.fiuc-owl-Caption {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    background-color: rgba(255, 255, 255, 0.66);
    height: 100%;
}

.fiuc-owl-Caption > div {
    max-width: 300px;
    position: absolute;
    top: 30px;
    right: 30px;
    text-align: right;
}

.fiuc-owl-Titre {
    font-size: 1.4rem;
    font-family: 'Overpass', sans-serif;
}

@media (max-width: 576px) {
    .fiuc-owl-Texte {
        display: none;
    }
    .fiuc-owl-Item, .owl-carousel .owl-item div.fiuc-owl-Item img {
        height: 200px;
    }
}



.owl-carousel .owl-item div.fiuc-owl-Item img {
    object-fit: cover;
    object-position: center;
}

/*********************************
 * legend
 */
.fiuc-legend-Main {
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.fiuc-legend-Family {
    display: inline-block;
    text-align: left;
    padding-right: 20px;
}

.fiuc-legend-Family .icon-Main {
    display: inline-block;
}


/*********************************
 * secretariat
 */
.fiuc-secretariat-Personnes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.fiuc-secretariat-Personne {
    width: 250px;
    text-align: center;
    margin-bottom: 20px;
    position: relative;
}

.fiuc-secretariat-Personne .fiuc-body-Photo {
    margin-bottom: 10px;
}

.fiuc-secretariat-Fleche {
    display: block;
    position: absolute;
    z-index: 1;
    background-image: url("images/flech-bleu-droite.png");
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
    left: 115px;
    top: 115px;
}


/*********************************
 * Surcharge
 */
p.TXT, p.LI {
    font-size: 1.0rem;
    text-align: left;
}



/**
 * Fenêtres Popup
 **********************************************************/

.popup-Logo {
    text-align: center;
    min-width: 170px;
}


.popup-Title {
 font-weight: bold;
 text-align: center;
 word-wrap: normal;
  hyphens: none;
}

.popup-Subtitle {
 font-style: italic;
 text-align: left;
}

.popup-Field {
    text-align: left;
}

.popup-FicheLink {
    text-align: center;
    margin-top: 15px;
    font-size: 0.9em;
}

.popup-Label {
    font-weight: bold;
    font-size: 0.9em;
}


/** 
 * Icone
********************************************************** **/

.icon-Container {
    background-color: #2470B5;
    border-radius: 16px;
    box-shadow: 6px 13px 8px -4px #000;
    height: 32px;
    line-height: 32px;
    opacity: 0.9;
    text-align: center;
    width: 32px;
}

.icon-Arrow {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 16px solid #2270B5;
    height: 0px;
    left: 6px;
    position: relative;
    top: -4px;
    width: 0px;
}

.icon-Container .icon-Picto {
    vertical-align: middle;
    max-width: 24px !important;
}

.icon-Cluster {
    color: #fff;
}