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

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

a {
    text-decoration: none;
    color: #1f54a0;
}

a:visited {
    color: #1f54a0;
}

a:hover {
    text-decoration: underline;
    color: #1f54a0;
}

h1 {
    font-size: 1.9rem;
    font-weight: 700;
    color: #1f54a0;
}

h2 {
    font-size: 2rem;
    font-weight: 300;
    color: #333333;
}

/***********************
 * Spip
 **********************/

.spip_documents_left {
    margin-right: 15px;
    margin-bottom: 10px;
}

a.EXTERNAL, a.spip_out, a[rel="external"] {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjEwIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODI2LjQyOSAtNjk4Ljc5MSkiPjxyZWN0IHdpZHRoPSI1Ljk4MiIgaGVpZ2h0PSI1Ljk4MiIgeD0iODI2LjkyOSIgeT0iNzAyLjMwOSIgZmlsbD0iI2ZmZiIgc3Ryb2tlPSIjMWY1NGEwIi8+PGc+PHBhdGggZD0iTTgzMS4xOTQgNjk4Ljc5MWg1LjIzNHY1LjM5MWwtMS41NzEgMS41NDUtMS4zMS0xLjMxLTIuNzI1IDIuNzI1LTIuNjg5LTIuNjg5IDIuODA4LTIuODA4LTEuMzExLTEuMzExeiIgZmlsbD0iIzFmNTRhMCIvPjxwYXRoIGQ9Ik04MzUuNDI0IDY5OS43OTVsLjAyMiA0Ljg4NS0xLjgxNy0xLjgxNy0yLjg4MSAyLjg4MS0xLjIyOC0xLjIyOCAyLjg4MS0yLjg4MS0xLjg1MS0xLjg1MXoiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg0K");
background-position: right center;
background-repeat: no-repeat;
padding-right: 13px;
}




/***********************
 * Globaux
 **********************/
.fuce-Container {
    max-width: 1190px;
    margin: auto;
}

/***********************
 * Header
 **********************/

#header {
    margin-bottom: 55px;
}

#header_menu1 {
    background-color: #e7e7e7;
    height: 51px;
}

#header_menu2 {
    background-color: #fff;
    height: 80px;    
}

#header_menu3 {
    background-color: #cbcbcb;
    height: 75px;
}

#header_menu1 > .fuce-Container, #header_menu3 > .fuce-Container {
    display: flex;
    box-sizing: border-box;
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    background-color: #cbcbcb;
}

#header_menu3 > .fuce-Container {
    padding-left: 297px;
}

#header_menu2 > .fuce-Container {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 80px;
}

#header_menu1 .fuce-header-MenuItem a {
    height: 51px;
}

#header_menu3 .fuce-header-MenuItem a {
    height: 75px;
}

.fuce-header-MenuItem {
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    text-align: center;
    background-color: #cbcbcb;
}

.fuce-header-MenuItem {
    width: 295px;
}

.fuce-header-MenuItem a {
    color: #333333;
    font-weight: 300;
    display: flex;
    flex-direction: column;
}

.fuce-header-MenuItem a span {
    display: block;
    margin: auto;
}

.fuce-header-MenuItem a:hover {
    color: #000;
    text-decoration: none;
}

#header_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 298px;
    height: 155px;
    background-color: #fff;
}

#header_logo a {
    display: block;
    width: 298px;
    height: 155px;
    background-repeat: no-repeat;
    background-image: url("images/logo-fuce-top.png");
    background-position: center center;
}

#header_langs {
    font-size: 0.8rem;
    font-weight: 300;
    color: #888;
    padding-right: 3px;
}

#header_langs a {
    color: #888;
}

#header_langs span {
    font-weight: 400;
    color: #000;
}

#header_search {
    margin-right: 10px;
}

#header_search input {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
}

#header_search.fuce-header-ActiveSearch input {
    visibility: visible;
}

#header_search button {
    border: none;
    background-image: url("images/loupe.png");
    background-repeat: no-repeat;
    background-color: #fff;
    height: 20px;
    width: 20px;
    padding: 0;
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.fuce-header-MenuPicto a {
    background-repeat: no-repeat;
    background-position: right 10px center;
    text-align: left;
    padding-right: 66px;
    padding-left: 20px;
}

.fuce-header-MenuItem.fuce-header-MenuPicto a span {
    display: block;
    margin-left: 0;
}

.fuce-header-MenuPicto_8 a {
    background-image: url("images/logo-assemblees-menu.png");
}

.fuce-header-MenuPicto_9 a {
    background-image: url("images/logo-realisations-menu.png");
}

.fuce-header-MenuPicto_10 a {
    background-image: url("images/logo-bourses-menu.png");
}


/***********************
 * Accueil Entrées
 **********************/

#accueil_entrees {
    background-color: #d3d3d3;
    height: 222px;
}


#accueil_entrees > .fuce-Container {
    display: flex;
    box-sizing: border-box;
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    background-color: #bbbbbb;
}

.fuce-entrees-MenuItem {
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    text-align: center;
    background-color: #bbbbbb;
    width: 394px;
}

.fuce-entrees-MenuItem a {
    box-sizing: border-box;
    display: block;
    width: 394px;
    height: 222px;
    padding-top: 150px;
    color: #333333;
    font-size: 1.9rem;
    font-weight: 300;
}

.fuce-entrees-MenuItem a:hover {
    color: #000;
    text-decoration: none;
}

.fuce-entrees-MenuPicto a {
    background-position: center top 40px;
    background-repeat: no-repeat;
}

.fuce-entrees-MenuPicto_8 a {
    background-image: url("images/logo-assemblees-home.png");
}

.fuce-entrees-MenuPicto_9 a {
    background-image: url("images/logo-realisations-home.png");
}

.fuce-entrees-MenuPicto_10 a {
    background-image: url("images/logo-bourses-home.png");
}


/***********************
 * Accueil Actualités
 **********************/

#accueil_titreactualites > .fuce-Container {
    display: flex;
    justify-content: center;
}


#accueil_actualites {
    background-color: #e7e7e7;
    min-height: 444px;
    margin-bottom: 75px;
}

#accueil_actualites > .fuce-Container {
    display: flex;
    box-sizing: border-box;
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    background-color: #cbcbcb;
}

.fuce-accueil-TitreActualites {
    font-size: 3rem;
    font-weight: 300;
    margin-top: 50px;
    margin-bottom: 50px;
    color: #808080;
    padding-left: 90px;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url("images/logo-actu.png");
    
}

.fuce-actualites-MenuItem {
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
    text-align: center;
    background-color: #bbbbbb;
    width: 394px;
}

.fuce-actualites-MenuItem a {
    box-sizing: border-box;
    display: block;
    width: 394px;
    min-height: 444px;
    color: #333333;
}

.fuce-actualites-MenuItem a:hover {
    color: #000;
    text-decoration: none;
}

.fuce-actualites-TitreActu {
    display: block;
    font-size: 2rem;
    font-weight: 500;
    text-align: left;
    padding-right: 16px;
    padding-left: 16px;
}

.fuce-actualites-Date {
    display: block;
    font-size: 1.5rem;
    font-weight: 300;
    text-align: left;
    padding-right: 16px;
    padding-left: 16px;
    margin-top: 20px;
    padding-bottom: 20px;
}

/***********************
 * Body
 **********************/

#body > .fuce-Container {
    display: flex;
    justify-content: space-between;
}

.fuce-body-Article {
    box-sizing: border-box;
    width: 893px;
    padding-right: 10px;
    margin-bottom: 50px;
}

.fuce-body-Aside {
    box-sizing: border-box;
    width: 295px;
    background-color: #e8e8e8;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}

.fuce-body-OrganismeAside div {
    text-align: center;
    padding-top: 15px;
}


/***********************
 * Aside
 **********************/

.fuce-aside-List {
    list-style: none;
    padding: 0;
    margin: 0.
}

.fuce-aside-List li {
    padding: 0;
    margin-bottom: 10px;
}


/***********************
 * Footer
 **********************/

#footer {
    background-color: #cbcbcb;
    border-top-color: #fff;
    border-top-width: 2px;
    border-top-style: solid;
}

#footer > .fuce-Container {
    display: flex;
}

.fuce-footer-Logo {
    width: 141px;
    height: 81px;
    background-repeat: no-repeat;
    background-image: url("images/logo-fuce-pied.png");
    margin-top: 15px;
}

.fuce-footer-Address {
    color: #1f54a0;
    flex-grow: 1;
    padding-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.fuce-footer-Address p {
    margin: 0;
}

.fuce-footer-Mentions {
    box-sizing: border-box;
    width: 295px;
    text-align: right;
    padding-right: 10px;
    background-color: #bababa;
    padding-top: 15px;
}

.fuce-footer-Mentions div {
    margin-bottom: 10px;
}


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

#accueil_carrousel {
    background-color: #e7e7e7;
    
}

#accueil_carrousel > .fuce-Container {
    box-sizing: border-box;
    border-right-color: #fff;
    border-right-width: 1px;
    border-right-style: solid;
    border-left-color: #fff;
    border-left-width: 1px;
    border-left-style: solid;
}

.owl-carousel .owl-item div.fuce-owl-Item img {
    width: inherit;
}

div.fuce-owl-Item {
    position: relative;
    display: flex;
}

.fuce-owl-Caption {
    margin-left: 20px;
    margin-right: 20px;
    color: #333333;
}

.fuce-owl-Titre {
    font-size: 2rem;
    font-weight: 700;
    margin-top: 30px;
}

.fuce-owl-Date {
    font-size: 1.5rem;
    font-weight: 400;
}

.fuce-owl-Texte {
    margin-top: 20px;
}


/***********************
 * Modèle pdf
 **********************/

.fuce-pdf-Bloc {
    text-align: center;
    clear: both;
}

/**
 * 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;
}


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

#burger {
    display: none;
}

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

#burger span {
    display: block;
    margin-top: 5px;
    width: 35px;
    height: 5px;
    border-radius: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    background-color: #1f54a0;
}


/** 
 * Adaptation
************************************************************/

@media (max-width: 800px) {
    
    #burger {
        display: block;
        position: absolute;
        right: 4px;
        top: 0;
    }
    
    #burger button:hover {

    }
    
    
    #header {
        display: flex;
        flex-direction: column;
        margin-bottom: 25px;
    }
    
    #header_menu1 {
        background-color: #e7e7e7;
        height: auto;
        margin-bottom: 2px;
    }

    #header_menu2 {
        background-color: #fff;
        height: auto;
        order: -1;
    }

    #header_menu3 {
        background-color: #cbcbcb;
        height: auto;
    }
    
    #header_menu2 > .fuce-Container {
        flex-direction: column;
        height: auto;
        align-items: stretch;
    }
    
    #header_menu1 > .fuce-Container, #header_menu3 > .fuce-Container {
        display: block;
        padding-left: 0;
    }
     
    #header_menu3 .fuce-header-MenuItem a {
        height: 55px;
    }
     
    .fuce-header-MenuItem {
        width: 100%;
        border-bottom-color: #fff;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        text-align: left;
    }
    
    .fuce-header-MenuItem a {
        padding-left: 20px;
    }
    
    .fuce-header-MenuItem a span {
        margin-left: 0;
    }
    
    #header_logo {
        position: relative;
        width: auto;
        height: 37px;
        padding-left: 5px;
    }
     
    #header_logo a {
        position: static;
        width: 103px;
        height: 37px;
        background-image: url("images/logo-fuce-top_sm.png");
    }
    
    #header_langs {
        order: -1;
        text-align: right;
        margin-bottom: 5px;
        padding-right: 5px;
    }
    
    #header_search input {
        visibility: visible;
    }
    
    #header_search {
        margin-top: 10px;
        width: auto;
        border-right-color: #fff;
        border-right-width: 1px;
        border-right-style: solid;
        border-left-color: #fff;
        border-left-width: 1px;
        border-left-style: solid;
        background-color: #cbcbcb;
        border-bottom-color: #fff;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        text-align: right;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-right: 10px;
        margin-right: 0;
    }
    
    #header_search button {
        background-color: #cbcbcb;
    }
    
    div.fuce-owl-Item {
        display: block;
        position: relative;
    }
    
    .fuce-owl-Titre {
        font-size: 1.4rem;
        margin-top: 10px;
        padding-left: 10px;
    }
    
    .owl-carousel .owl-item div.fuce-owl-Item img {
        margin: auto;
        margin-top: 20px;
    }

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

    .fuce-owl-Date, .fuce-owl-Texte {
        display: none;
    }
    
    #accueil_entrees {
        height: auto;
    }
    
    #accueil_entrees > .fuce-Container {
        display: block;
    }
    
    .fuce-entrees-MenuItem {
        width: auto;
    }
    
    .fuce-entrees-MenuItem a {
        width: auto;
        height: 180px;
        border-bottom-color: #fff;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        padding-top: 110px;
        font-size: 1.5rem;
    }
    
    .fuce-entrees-MenuPicto a {
        background-position: center top 20px;
    }
    
    #accueil_actualites {
        background-color: #fff;
    }
    
    #accueil_actualites > .fuce-Container {
        display: block;
        background-color: #fff;
    }
    
    .fuce-actualites-MenuItem {
        margin: auto;
    }
    
    .fuce-actualites-MenuItem a {
        margin-top: 20px;
        min-height: auto;
    }
    
    .fuce-actualites-TitreActu {
        font-size: 1.2rem;
    }
    
    .fuce-actualites-Date {
        font-size: 1.0rem;
    }
    
    #body > .fuce-Container {
        flex-direction: column;
    }
    
    .fuce-body-Aside {
        order: -1;
        width: auto;
    }
    
    .fuce-body-Aside.fuce-body-OrganismeAside {
        order: 1;
        margin-top: 0;
        margin-bottom: 15px;
    }
    
    .fuce-body-Aside h2 {
        margin-top: 5px;
        font-size: 1rem;
    }
    
    .fuce-body-Article {
        padding-left: 10px;
        width: auto;
    }
    
    .fuce-body-Article {
        margin-bottom: 25px;
    }
    
    .fuce-aside-List {
        font-size: 0.9rem;
        padding-left: 40px;
    }
    
    #footer > .fuce-Container {
        display: block;
    }
    
    .fuce-footer-Logo {
        margin-left: auto;
        margin-right: auto;
    }
    
    .fuce-footer-Address {
        text-align: center;
        padding-right: 15px;
    }
    
    .fuce-footer-Mentions {
        width: auto;
        text-align: center;
        padding-left: 10px;
        padding-bottom: 15px;
    }
}