/* ----------------------------- */
/* ==reset */
/* ----------------------------- */

@font-face {
    font-family: SansationBold;
    src: url(../font/Sansation-Bold.ttf);
}

/* base font-size corresponds to 10px and is adapted to rem unit */
html {
    font-size: 62.5%;
}
body {
    background-color: #f7f7f4 !important;
    color: #000;
    font-weight: 300;
    font-family: 'Open Sans', helvetica, arial, sans-serif !important;
    font-size: 1.4em; /* equiv 14px */
    line-height: 1.5; /* adapt to your design */
}

/* font-sizing for content */
/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */
p,
ul,
ol,
dl,
blockquote,
pre,
td,
th,
label,
textarea,
caption,
details,
figure,
hgroup {
    font-size: 1em; /* equiv 14px */
    line-height: 1.5;
    margin: 1.5em 0 0;
}
h1, h2, h3 {
    text-transform: uppercase;
}
h1 {
    font-family: SansationBold !important;
    font-size: 1.8571em !important; /* equiv 26px */
    font-weight: normal !important;
    line-height: 1.6154em;
    margin: 0;
}
h2 {
    font-family: SansationBold !important;
    font-size: 1.7143em !important; /* equiv 24px */
    font-weight: normal !important;
    line-height: 1.75em !important;
    margin: 0;
    color: #7a0b44 !important;
}
h3 {
    font-family: SansationBold !important;
    font-size: 1.5714em !important; /* equiv 22px */
    font-weight: normal !important;
    line-height: 1.909em !important;
    margin: 0;
}
h4 {
    font-size: 1.1429em !important; /* equiv 16px */
    font-weight: normal !important;
    line-height: 1.05em !important;
    margin:  0 0 20px 0 !important;
    color: #7a0b44 !important;
    font-weight: bold !important;
}
h5 {
    font-size: 1.2857em; /* equiv 18px */
    font-weight: normal;
    line-height: 1.1667em;
    margin:  1.1667em 0 0 0;
}
h6 {
    font-size: 1.1429em; /* equiv 16px */
    font-weight: normal;
    line-height: 1.3125em;
    margin:  1.3125em 0 0 0;
}

/* alternate font-sizing */
.smaller {
    font-size: .7143em; /* equiv 10px */
    line-height: 2.1em;
}
.small {
    font-size: .8571em; /* equiv 12px */
    line-height: 1.75em;
}
.big {
    font-size: 1.1429em; /* equiv 16px */
    line-height: 1.3125em;
}
.bigger {
    font-size: 1.2857em; /* equiv 18px */
    line-height: 1.1667em;
}
.biggest {
    font-size: 1.4286em; /* equiv 20px */
    line-height: 1.05em;
}

/* soft reset */
html,
body,
textarea,
figure,
label {
    margin: 0;
    padding: 0;
}
ul,
ol {
    padding-left: 2em;
}
code,
pre,
samp {
    white-space: pre-wrap;
    font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
    margin-top: 0;
    margin-bottom: 0;
}

/* HTML5 tags */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

/* max values */
img, table, td, blockquote, code, pre, textarea, input, video {
    max-width: 100%;
}

/* you shall not pass */
div, textarea, table, td, th, code, pre, samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
}

/* pictures */
img {
    vertical-align: middle;
}
a img { border: 0; }
.img_left {
    float:left;
}
div.img_left {
    text-align: center;
    width: 300px !important;
}
img.img_left {
    margin-left: 45px;
}
.img_left a {
    margin: auto;
}

/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links {
    position: absolute;
}
.skip-links a {
    position: absolute;
    left: -9999px;
    padding: 0.5em;
    background: #000;
    color:#fff;
    text-decoration: none;
}
.skip-links a:focus {
    position: static;
}

/* ----------------------------- */
/* Style de base
/* ----------------------------- */
.container{
    margin: 0 auto !important;
    padding: 50px 0;
}
.row{
    margin:0 !important;
}
.inside-page {
    margin-top: -100px;
}
.content {
    background-color: #ffffff;
    padding: 15px 0;
}
.content-deleg {
    padding: 0 !important
}
    .content h2 {
        margin: 0;
        padding: 15px 30px 0px 30px;
    }
    .content img {

    }
    .content p {
        text-align: justify;
        margin: 0;
        padding: 10px 30px;
    }
        .content p.important-text {
            color: #7a0b44 !important;
        }
    .content ul {
        list-style: none;
        padding: 25px 30px;
    }
        .content ul li {
            text-align: justify;
            padding-left: 25px;
        }
            .content ul li:before {
                content: '>';
                color: #b90065;
                font-weight: bold;
                margin-left: -25px;
                margin-right: 17px;
            }

            .content ul li.no-content-before:before {
                content: '';
            }
    .content .navigation {
        padding: 0 30px;
    }
div.dem10 {
    height: 0 !important;
}

.actualites .carousel-inner .item .txtArticle img {
    width: 80%;
    height: auto;
}

/* ----------------------------- */
/* Style des boutons
/* ----------------------------- */
.bt, .button, .lire_plus {
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #7a0b44;
    padding: 7px 15px;
    text-transform: uppercase;
    color: #9c9e9f;
    background-color: white;
}
    .bt:hover, .button:hover, .lire_plus:hover{
        color: #fff;
        background-color : #7a0b44 !important;
        text-decoration: none;
        border: 1px solid #fff;
    }
.lire_plus {
    margin: 10px 30px;
}
.bt-adhesion{
    background-image: url(../img/header/adhesion.png);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    padding-left: 37px;
}
    .bt-adhesion:hover{
        background-image: url(../img/header/adhesion_hover.png);
        background-color: #7a0b44 !important;
    }
.bt-contact{
    background-image: url(../img/delegation/contact.png);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    padding-left: 37px;
}
    .bt-contact:hover{
        background-image: url(../img/delegation/contact-hover.png);
        background-color: #7a0b44 !important;
    }

.bt-history{
    background-image: url(../img/front/histoire.png);
    background-repeat: no-repeat;
    background-position: 6px 6px;
    margin: auto;
    padding-left: 37px;
}
    .bt-history:hover{
        background-image: url(../img/front/histoire-hover.png);
    }
.bt-suite{
    background-image: url(../img/suite.png);
    background-repeat: no-repeat;
    background-position: 10px 6px;
    padding-left: 45px;
}
    .bt-suite:hover{
        background-image: url(../img/suite_hover.png);
    }
.facebook, .twitter, .linkedin{
    width: 35px;
    height: 35px;
    margin: 0 5px;
    background-color: #9d9d9c;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
    .facebook:hover, .twitter:hover, .linkedin:hover{
        background-color: #c6c6c6;
    }

/* ----------------------------- */
/* Entête du site
/* ----------------------------- */
#header_mobile {
    display: none;
}
#header {
    position: relative;
    height: 154px;
    background-color: #fff;
}
    #header .page{
        margin: 0;
        padding: 0;
        border: 0;

    }
        #header .page #logo{
            padding: 0 0 0 5%;
        }
        #header .page #login_block{
            display: none;
        }
        #header .page #top_links{
            width: 50%;
            height: 104px;
            float: right;
            padding: 15px 5% 0 0;
        }
            #header .page #top_links a{
                float: right;
            }
            #header .page #top_links a.last{
                margin: 0 0 0 25px;
            }
            #header .page #top_links .search{
                position: absolute;
                bottom: 65px;
                right: 5%;
            }
                #header .page #top_links .search form{
                    position: relative;
                    width: 255px;
                    border-bottom: 1px solid #000;
                }
                    #header .page #top_links .search form input[type="text"]{
                        border : 0;
                        text-transform: uppercase;
                    }
                    #header .page #top_links .search form input[type="submit"]{
                        position: absolute;
                        width: 15px;
                        height: 15px;
                        right: 0;
                        border : 0;
                        background-image: url(../img/header/loupe.png);
                        background-repeat: no-repeat;
                    }

        /* Navigation */
        #header .navbar-default {
            background: none;
            background-image: url(../img/header/nav-vague.png);
            border: 0;
            box-shadow: 0 0 0;
            z-index: 999;
            border-radius: 0;
            padding: 0 4%;
        }

            #header .nav{
                position: relative;
                width: 100%;
                float: left;
                margin: 0;
                padding-left: 0;
                list-style:none;
            }
                #header .nav > li:first-child {
                    display: none;
                }
                #header .nav > li {
                    position: static;
                    float: left;
                    display: block;
                }

                    #header .nav > li a{
                        font-family: 'Montserrat', helvetica, arial, sans-serif !important;
                        display: block;
                        height: 50px;
                        overflow: hidden;
                        padding: 15px 20px;
                        font-size: 1em;
                        color: #fff;
                        text-transform: uppercase;
                    }
                    #header .nav > li a:hover, #header .nav > li a:active, #header .nav > li a:focus {
                        background-color: rgba(187, 21, 104, 0.6);
                        text-decoration: none;
                    }
                        #header .nav > li:hover .menu_level_1 {
                            display: block;
                        }
                        #header .menu_level_1 {
                            display: none;
                            position: absolute;
                            width: 100%;
                            min-height: 250px;
                            background-color: rgba(0, 0, 0, 0.9);
                            background-image: url(../img/header/logo-fce-menu.png);
                            background-repeat: no-repeat;
                            background-position: 98% 90%;
                            left: 0;
                            padding: 0 0 0 25%;
                            top: 50px;
                            list-style: none;
                        }
                        #header .menu_level_1 #title1, #header .menu_level_1 #title2, #header .menu_level_1 #title3, #header .menu_level_1 #title4, #header .menu_level_1 #title5 {
                            position: absolute;
                            top: 0;
                            left: 0;
                            color: #bb1568;
                            font-family: SansationBold !important;
                            font-weight: 700;
                            font-size:2em;
                            text-transform: uppercase;
                            padding: 20px 0 0 2%;
                        }
                        #header .menu_level_1 li {
                            float: left;
                            width: 23%;
                            margin: 0 2% 0 0;
                            padding: 8px 0;
                        }
                        #header .menu_level_1 li a {
                            overflow: visible;
                        }
                        #header .menu_level_1 li a:hover, #header .menu_level_1 li a:active, #header .menu_level_1 li a:focus {
                            background-color: transparent;
                            text-decoration: none;
                            color: #c6c6c6;
                        }


/* ----------------------------- */
/* Fil d'Ariane
/* ----------------------------- */
.inside-page-breadcrumb {
    position: relative;
    width: 100%;
    height: 200px;
    margin: 0;
    padding: 0;
}
    .inside-page-breadcrumb img {
        width: 100%;
        height: 200px;
        padding: 0;
        margin: 0;
    }
        .inside-page-breadcrumb > div.row {
            margin-top: -131px !important;
        }
            .inside-page-breadcrumb > div.row > div.container {
                padding-top: 0 !important;
                padding-bottom: 0 !important;
            }
            .inside-page-breadcrumb h1 {
                color: #ffffff;
                padding-left: 15px;
                padding-bottom: 15px;
            }
            .inside-page-breadcrumb ul {
                list-style: none;
            }
                .inside-page-breadcrumb ul li {
                    color: #ffffff;
                    display: inline-block;
                }
                .inside-page-breadcrumb ul a {
                    color: #ffffff;
                }

/* ----------------------------- */
/* Slider du site
/* ----------------------------- */
#anim {
    position: relative;
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}
    #anim #myCarousel{
        padding: 0;
        margin: 0;
        height: 400px;
    }
        #anim #myCarousel .adhesion{
            position: absolute;
            background-image: url(../img/header/violet80.png);
            width: 400px;
            z-index: 800;
            top: 80px;
            right: 5%;
            padding: 25px 50px;
            margin: 0;
            color: #fff;
        }
            #anim #myCarousel .adhesion h2{
                color: #fff !important;
            }
            #anim #myCarousel .adhesion p{
            }
            #anim #myCarousel .adhesion a{
                float: right;
                background-color: #fff;
            }
                #anim #myCarousel .adhesion a:hover{
                    background-color: #7a0b44;
                }
        #anim #myCarousel .carousel-inner{
            height: 400px;
        }
            #anim #myCarousel .carousel-inner .item{
                position: relative;
                height: 400px;
            }
                #anim #myCarousel .carousel-inner .item img{
                    position: absolute;
                    width:auto;
                    height: 420px;
                    max-width: none;
                    bottom: 0;
                    left: 0;
                }


.map{
    background-image: url(../img/carte/BG2.png);
    background-size: 100% auto;
    margin-top: -75px;
}

/* ----------------------------- */
/* bloc edito du site
/* ----------------------------- */
.edito {
    background-color: #fff;
    position: relative;
    margin-top: -120px;
    padding: 0 !important;
    overflow: hidden;
    /*height: 500px;*/
}
    .edito .titre{
        background-color: #7a0b44;
        width: 70%;
        padding: 20px;
        float: right;
        height: 150px;
    }
        .edito .titre h2{
            font-size: 1.7143em !important;
            color: #fff !important;
        }
        .edito .titre h3{
            font-size: 1.1429em !important;
            color: #fff !important;
            margin: 0 !important;
        }
        .edito .titre h4{
            font-size: .8571em !important;
            color: #fff !important;
        }
    .edito p:nth-child(2) {
        background-color: #e7e7e7;
        width: 30%;
        float: left;
        padding: 0;
        height: 150px;
        /*height: 620px;*/
        display: block;
        overflow: hidden;
    }
        .edito p:nth-child(2) img {
            height: 150px;
            width: auto;
        }
    .edito p:nth-child(3) {
        width: 100%;
        /*width: 70%;*/
        float: left;
        padding: 30px;
        margin: 0;
        text-align: justify;
    }

.delegationList {

}
    .delegationList .delegation{
        position: relative;
    }
    .delegationList h3 {
        font-size: 20px !important;
        font-weight: 100;
        color: #7a0b44;
        margin: 30px 0 10px 0;
        line-height: 22px !important;
        text-transform: none;
    }
        /*.delegationList h3::after {
            content: " ";
            display: block;
            background: #9c9e9f;
            height: 2px;
            width: 40px;

            position: absolute;
            top: 45px;
        }*/
    }
    .delegationList .delegation a {
        font-weight: 100;
        color: #4b4b4d;
    }
        .delegationList .delegation a:hover {
            text-decoration: none;
            color: #4b4b4d;
        }

/* ----------------------------- */
/* bloc actualite du site
/* ----------------------------- */
.actualite{
    background-image: url(../img/actus/actu-bg.png);
    background-size: 100% auto;
    position: relative;
}
    .actualite h2{
        color: #fff !important;
    }
    .actualite .nav {
        margin-bottom: 20px;
        border:0;
    }
        .actualite .nav li {
            border-right: 1px solid #000;
            padding: 0 15px;
        }
            .actualite .nav li:first-child {
                padding: 0 15px 0 0;
            }
            .actualite .nav li:last-child {
                border-right: 0;
            }
        .actualite .nav li.active {
            background-color: transparent !important;
            color: #7a0b44 !important;
        }
            .actualite .nav li.active a{
                background-color: transparent !important;
                color: #7a0b44 !important;
                border: 0;
            }
            .actualite .nav li a {
                background-color: transparent !important;
                color: #626262;
                font-weight: 700;
                font-size: 1.1429em;
                text-transform: uppercase;
                padding: 7px 0;
                margin: 0;
                border: 0 !important;
            }
            .actualite .nav li a:hover, .actualite .nav li.active a:hover {
                background-color: transparent !important;
                color: #7a0b44 !important;
            }
    .actualite .item {
        background-image: url(../img/blanc70.png);
        margin-bottom: 50px;
        height: 430px;
        overflow: hidden;
        margin: 0;
    }
        .actualite .item .imgArticle {
            float: left;
            width: 30%;
            height: 100%;
            background-image: url(../img/blanc70.png);
        }
	        .actualite .item .imgArticle img{
	            width: 100%;
	            height: auto;
	        }
        .actualite .item .txtArticle {
            float: right;
            width: 70%;
            height: 100%;
            padding: 50px 10%;
        }
            .actualite .item .txtArticle .bt {
                position: absolute;
                bottom: 50px;
                right: 50%;
                transform: translateX(50%);
            }
.actualite .carousel-indicators {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    margin: 0;
    padding: 5px 0 0 0;
    z-index: 1;
}
    .actualite .carousel-indicators li{
        border: 1px solid #d0d0d0;
    }
    .actualite .carousel-indicators li.active{
        border: 1px solid #d0d0d0;
        background-color: #d0d0d0;
    }
.actualite .controlArticle {
    position: absolute;
    width: 100%;
    height: 30px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 999;
}
    .actualite .controlArticle .carousel-control{
        width: 30px;
        height: 30px;
    }
        .actualite .controlArticle .carousel-control .glyphicon-chevron-left {
            position: absolute;
            top: 0;
            left: 0;
            opacity: 1;
            content: none;
            font-family: initial;
            font-size: 0px;
            text-indent: -5000;
            background-image: url(../img/arrow-left.png);
            margin: 0;
        }
        .actualite .controlArticle .carousel-control .glyphicon-chevron-right {
            position: absolute;
            top: 0;
            right: 0;
            opacity: 1;
            content: none;
            font-family: initial;
            font-size: 0px;
            text-indent: -5000;
            background-image: url(../img/arrow-right.png);
            margin: 0;
            padding: 0;
        }

/* Calendrier */
.content-calendar {
    padding: 0;
    margin: 0;
    background-image: url(../img/blanc70.png);
}
    .content-calendar #fce_calendar, .content-calendar #delegation_calendar {

    }
        .content-calendar #fce_calendar .ui-datepicker, .content-calendar #delegation_calendar .ui-datepicker {
            width: 100%;
            background: none;
            border: none;
            padding: 0;
        }
            .content-calendar #fce_calendar .ui-datepicker .ui-datepicker-title, .content-calendar #delegation_calendar .ui-datepicker .ui-datepicker-title {
                font-size: 26px;
                font-weight: normal;
            }
            .content-calendar #fce_calendar .ui-datepicker thead, .content-calendar #delegation_calendar .ui-datepicker thead {
            }
                .content-calendar #fce_calendar .ui-datepicker thead tr, .content-calendar #delegation_calendar .ui-datepicker thead tr{
                    width: 100%;
                }
                    .content-calendar #fce_calendar .ui-datepicker thead tr th, .content-calendar #delegation_calendar .ui-datepicker thead tr th{
                        width: 1%;
                    }
            .content-calendar #fce_calendar .ui-datepicker tbody, .content-calendar #delegation_calendar .ui-datepicker tbody {
                padding: 20px;
            }
                .content-calendar #fce_calendar .ui-datepicker tbody tr, .content-calendar #delegation_calendar .ui-datepicker tbody tr {
                    width: 100%;
                }
                .content-calendar #fce_calendar .ui-datepicker tbody tr td, .content-calendar #delegation_calendar .ui-datepicker tbody tr td {
                    height: 35px;
                }
                    .content-calendar #fce_calendar .ui-datepicker tbody tr td .ui-state-default, .content-calendar #delegation_calendar .ui-datepicker tbody tr td .ui-state-default {
                        display: block;
                        font-size: 16px;
                        text-align: center;
                        border: 0;
                        /*margin: 10px;*/
                        margin: auto;
                        background: transparent;
                    }
        .content-calendar #fce_calendar .ui-state-disabled, .content-calendar #delegation_calendar .ui-state-disabled {
            border:none;
            color: black;
            background: none;
            background-color: transparent;
            font-weight: normal;
            opacity: 1 !important;
        }
        .content-calendar #fce_calendar .date-delegation .ui-state-default, .content-calendar #delegation_calendar .date-delegation .ui-state-default {
            color: white;
            background: #4CAF50 !important;
            border-radius:50%;
        }
        .content-calendar #fce_calendar .date-region .ui-state-default, .content-calendar #delegation_calendar .date-region .ui-state-default {
            color: white;
            background: #023689 !important;
            border-radius:50%;
        }
        .content-calendar #fce_calendar .date-national .ui-state-default, .content-calendar #delegation_calendar .date-national .ui-state-default {
            color: white;
            background: #BC0474 !important;
            border-radius:50%;
        }
        .content-calendar #fce_calendar .date-international .ui-state-default, .content-calendar #delegation_calendar .date-international .ui-state-default {
            color: white;
            background: #FFD600 !important;
            border-radius:50%;
        }




    .content-calendar .legend-calendar {
        height: 90px;
        padding: 15px;
        background-color: white;
    }
        .content-calendar .legend-calendar p {
            margin: 0 20px 10px 0;
        }
    .content-calendar .pitch-fce-calendar {
        background-color: #7B0B45;
        color: white;
    }
        .content-calendar .pitch-fce-calendar p {
            padding: 15px;
            margin:0;
        }

.pastille-france {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 10px;
    height:10px;
    background: #BC0474;
    border-radius:50%;
}

.pastille-international {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 10px;
    height:10px;
    background: #FFD600;
    border-radius:50%;
}

.pastille-region {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 10px;
    height:10px;
    background: #023689;
    border-radius:50%;
}

.pastille-delegation {
    float: left;
    margin: 5px 10px 0px 0px;
    width: 10px;
    height:10px;
    background: #4CAF50;
    border-radius:50%;
}

/* ----------------------------- */
/* bloc adhesion
/* ----------------------------- */

#menu-adhesion, #menu-contact-delegation {
    background-color: #7B0B45 !important;
    color: white;
    margin-bottom: 50px;
}
#menu-adhesion .pitch-fce-adhesion h1, #menu-contact-delegation .pitch-fce-adhesion h1{
    padding-top: 30px;
    padding-left: 50px;
    padding-right: 50px;
}
#menu-adhesion .pitch-fce-adhesion p, #menu-contact-delegation .pitch-fce-adhesion p {
    padding: 15px 50px 30px 50px;
    margin: 0;
}
#menu-adhesion .pitch-fce-adhesion p a.bt.bt-adhesion, #menu-contact-delegation .pitch-fce-adhesion p a.bt.bt-adhesion {
    background-color: #ffffff;
    margin: auto;
}

/* ----------------------------- */
/* bloc presse media du site
/* ----------------------------- */
#pressemedia {
}
    #pressemedia .presseArticle{
        overflow: hidden;
        border-bottom: 1px solid #c6c7c8;
        padding: 50px 0;
    }
        #pressemedia .presseArticle .date-articlePresse{
            padding: 0;
            color: #9c9e9f;
            float: left;
            padding-right: 10px;
        }
            #pressemedia .presseArticle .date-articlePresse .jour{
                font-family: SansationBold !important;
                font-size:20px;
                font-weight:bold;
                margin:0;
                padding-bottom: 0;
            }
            #pressemedia .presseArticle .date-articlePresse .annee{
                font-family: SansationBold !important;
                font-size:30px;
                font-weight:bold;
                margin:0;
                padding-top: 0;
            }
        #pressemedia .presseArticle .presse{
            border-left:2px solid #000;
            overflow: hidden;
            padding: 0 10%;
        }
            #pressemedia .presseArticle .presse h4{
                color: #9c4646;
                font-weight: 700;
            }
            #pressemedia .presseArticle .presse .bt{
                float:right;
            }

.tweets-header{
    background-color: #7a0b44;
    padding: 10px;
}
    .tweets-header h2{
        color: #fff !important;
        margin: 0;
    }



/* ----------------------------- */
/* bloc partenaire du site
/* ----------------------------- */
#animPartenaires{
    background-color: #fff;
    overflow: hidden;
}
    #animPartenaires #myCarouselPartenaires{

    }
        #animPartenaires #myCarouselPartenaires h2 {
            text-align:center;
        }
        #animPartenaires #myCarouselPartenaires .carousel-inner{
        }
            #animPartenaires #myCarouselPartenaires .carousel-inner .item{
                text-align: center;
                padding: 10px 10%;
                overflow: hidden;
            }
                #animPartenaires #myCarouselPartenaires .carousel-inner .item .partenaires_img {
                    text-align: center;
                }
                #animPartenaires #myCarouselPartenaires .carousel-inner .item img{
                    height: auto;
                    max-width: 150px;
                    margin:0 20px;
                }
        #animPartenaires #myCarouselPartenaires .carousel-control{
            width: 5%;
        }
        #animPartenaires #myCarouselPartenaires .left{
            background-image:none !important;
        }
            #animPartenaires #myCarouselPartenaires .left .glyphicon-chevron-left::before {
                color: #7a0b44;
                text-shadow: none;
            }
        #animPartenaires #myCarouselPartenaires .right{
            background-image:none !important;
        }
            #animPartenaires #myCarouselPartenaires .right .glyphicon-chevron-right::before {
                color: #7a0b44;
                text-shadow: none;
            }

/* ----------------------------- */
/* Newsletter du site
/* ----------------------------- */
#main-newsletter{
    height: 200px;
    background-image: url(../img/footer/newsletter-BG.png);
    background-size: 100% auto;
    overflow: hidden;
}
    #main-newsletter .container {
        padding: 80px 0;
    }
    #main-newsletter .container .left{
        width:50%;
        float:left;
    }
        #main-newsletter .container .left h2{
            line-height: 28px !important;
        }
            #main-newsletter .container .left h2 span{
                font-size: 18px;
            }
    #main-newsletter .container .right{
        width:50%;
        float:right;
    }
    #main-newsletter .container .right .champ {
        margin: 0 0 0 10%;
        border-bottom: 1px solid #000;
        position: relative;
        overflow: hidden;
    }
        #main-newsletter .container .right .champ input[type="text"]{
            float: left;
            width: 90%;
            padding: 10px 0;
            border: 0;
            text-transform: uppercase;
            background-color: transparent;
        }
        #main-newsletter .container .right .champ input[type="button"]{
            position: absolute;
            display: block;
            background-color: transparent;
            right: 0;
            bottom: 10px;
            border : 0;
            color: #7a0b44;
            font-weight: bold;
        }

/* ----------------------------- */
/* Footer du site
/* ----------------------------- */
#main_footer{
    height: 283px;
    padding: 50px 0;
    background-image: url(../img/footer/footer-BG-bis.png);
    background-position: center center;
    background-repeat: repeat-x;
}
#main_footer h3{
    color: #7a0b44;
}
#main_footer a{
    color: #333;
    text-decoration: none;
}
#bottom_footer{
    background-color: #7a0b44;
    overflow: hidden;
}
    #bottom_footer .left{
        width: 45%;
        padding: 10px 0 10px 5%;
        float: left;
        color: #fff;
    }
    #bottom_footer .right{
        width: 45%;
        padding: 10px 5% 10px 0;
        float: right;
        color: #fff;
    }

#mentions-legales-link {
    color:white;
    text-decoration: none;
}

/* ----------------------------- */
/* Page : Présentation FCE France
/* ----------------------------- */
.presentation-goal {
    background-color: #fafafa;
}

    .presentation-goal img,
    .presentation-badge img {
        float: left;
        margin-right: 30px;
    }
.presentation-historical p:nth-child(3) {
    text-align: center;
}
#presentation-infos {
    margin-top: 50px;
}
    #presentation-infos > div:nth-child(1) {
        padding: 0 !important;
    }
        #presentation-infos > div:nth-child(1) img {
            min-height: 260px;
        }
    #presentation-infos > div:nth-child(2) {
        color: #ffffff;
        background-color: #7a0b44;
    }
    #presentation-infos > div:nth-child(3) {
        background-color: #ffffff;
    }
    #presentation-infos p {
        text-align: justify;
        margin: 25px 15px;
    }
ul.thumbs {
    overflow: hidden;
}

/* ----------------------------- */
/* Page : Délégations
/* ----------------------------- */
.delegationMap .map {
    margin-top: 0;
}
#tabs {
    padding: 0 !important;
    border: 0 !important;
    display: flex;
}
#tabs .deleg-menu {
    width: 30%;
    background-color: #323232;
    background-image: url(../img/delegation/left-menu-deleg.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: 100% auto;
}
    #tabs  .deleg-menu ul {
        padding: 0 !important;
        list-style-type: none;
        height: 100%;
        background-color: transparent;
    }
        #tabs  .deleg-menu ul li {
            position: relative;
            border: 0 !important;
            background: transparent !important;
            font-weight: bold;
            color: #787C7D;
            width: 100%;
            float: left;
            margin: 0 !important;
            padding: 15px 0 7px 0;
        }
        #tabs  .deleg-menu ul li:last-child {
            padding: 15px 0 30px 0;
        }
            #tabs  .deleg-menu ul li a {
                color: #fff;
                text-transform: uppercase;
                padding: 0 0 0 40px;
            }
            #tabs  .deleg-menu ul li a:hover {
                color: #c6c6c6;
            }

        #tabs  .deleg-menu ul li::before {
            position: absolute;
            top: 18px;
            left: 40px;
            display: block;
            width: 12px;
            height: 40px;
            content: url(../img/delegation/bullet-out.png);
        }
        #tabs  .deleg-menu ul li.ui-state-active::before {
            content: url(../img/delegation/bullet-hover.png);
        }
        #tabs  .deleg-menu ul li::after {
            position: absolute;
            top: 18px;
            right: 10px;
            content: url(../img/delegation/arrow-purple.png);
            display: block;
            width: 13px;
            height: 13px;
        }
        #tabs  .deleg-menu ul li:last-child::before {
            position: absolute;
            top: 18px;
            left: 40px;
            display: block;
            width: 12px;
            height: 40px;
            content: url(../img/delegation/bulletsingle-out.png);
        }
        #tabs  .deleg-menu ul li.ui-state-active:last-child::before {
            content: url(../img/delegation/bulletsingle-hover.png);
        }
#tabs  .deleg-content {
    width: 70%;
}
/* page bureau */
.bureau {
    width: 100%;
    display: flex;
}
    .bureau .photo {
        width: 30%;
    }
    .bureau .right_block {
        width: 65%;
        margin: 0 0 0 5%;
    }

/* popup contact délégation */
.modal-body {
    overflow: hidden;
}
    .modal-body form.auto div > div {
        width: 100%;
    }
    .modal-body form.auto #contact div {
        position: relative;
    }
        .modal-body form.auto #contact div img {
            margin: 0 0 10px 20px;
        }

/* ----------------------------- */
/* Page : Portraits
/* ----------------------------- */
#pag {
    text-align: center;
}
#pag > ul {
    list-style: none;
}
#pag > ul > li {
    cursor: pointer;
    display: inline-block;
    border: 0;
    padding: 3px;
}
#pag > ul > li#active {
    cursor: pointer;
    display: inline-block;
    border: 0;
    padding: 3px;
    color: #B90065;
    font-weight: bold;
}

.content #pag ul li:before {
    content: none;
    font-weight: none;
    margin-left: 0px;
    margin-right: 0px;
}

/* ----------------------------- */
/* Page : communication
/* ----------------------------- */
.largeblock {
    width: 65%;
    float: right;
}
.smallblock {
    width: 35%;
    float: left;
    padding: 15px 0 0 0;
}
.dem20 {
    border-bottom: 1px solid #e7e7e7;
}

/* Page article */
.addthis_toolbox {
    margin: 30px 0 0 0;
    padding: 15px 30px;
    background-color: #e7e7e7;
}
.addthis_toolbox > a {
    padding: 0 10px 0 0 !important;
    margin-bottom: 0 !important;
}

/* ----------------------------- */
/* FORMULAIRE
/* ----------------------------- */
.inside-page form.auto {
    padding-left: 300px;
}
    .inside-page form.auto > div {
        background-color: #fafafa;
        width: 95%;
        margin: 15px 0;
        padding: 30px;
        float: none;
    }

        .inside-page form.auto .alert.alert-danger {
            font-weight: 700;
            background-color: #DC8282;
            color: #fff;
        }

        .inside-page form.auto > div > div {
            width: 100%;
            margin: 0 0 10px 0;
            padding: 0;
            float: none;
        }
            .inside-page form.auto:not(#valide) > div > div:nth-child(8) label {
                width: 25%;
                display: inline-block;
            }
            .inside-page form.auto:not(#valide) > div > div:nth-child(8) img {
                width: 25%;
                margin-left: 5%;
                margin-right: 5%;
                display: inline-block;
            }
            .inside-page form.auto:not(#valide) > div > div:nth-child(8) input {
                width: 40%;
                display: inline-block;
            }
            .inside-page form.auto > div > div > div#form_activites > input {
                float: left;
            }
            .inside-page form.auto > div > div > div#form_activites > label {
                width: 93%;
            }
            .inside-page form.auto > div > div > label,
            .inside-page form.auto > div > div > input,
            .inside-page form.auto > div > div > textarea,
            .inside-page form.auto > div > div > select {
                margin: 0;
                float: none;
            }
            .inside-page form.auto div > div > label {
                width: 100%;
            }
            .inside-page form.auto > div > div > input,
            .inside-page form.auto > div > div > textarea,
            .inside-page form.auto > div > div > select {
                border-color: #7B0B45;
                border-style: solid;
                border-width: 1px;
                width: 100%;
            }
            .inside-page form.auto > div > div #form_activites {
                width: 100%;
                float: none;
            }
            .inside-page form.auto > div > div label[for=form_droits_image] {
                width: 93%;
                margin-top: 6px;
                float: right;
            }
            .inside-page form.auto > div > div #form_droits_image {
                width: auto;
            }
.inside-page form.auto > div > div #form_kbis,
.inside-page form.auto > div > div #form_kbis > div {
    padding: 0;
}
.inside-page form.auto > div > div #form_kbis > div #form_kbis_binaryContent {
    width: 100%;
    float: none;
}
.inside-page form.auto > div:nth-child(2) input {
	width: 100%;
	float: none;
}

/*Couleur texte filtre datatable*/
.dataTables_filter label input {
	color: black;
}

.calendar-ui-dialog {
    left: 50% !important;
    margin-left: -225px;
}

/* ----------------------------- */
/* RESPONSIVE DESIGN
/* ----------------------------- */
/***** Version mobile *****/
@media (max-width: 992px) {
.calendar-ui-dialog {
    left: 5% !important;
    margin-left: 0;
    width: 90% !important;
}

/* header */
    #header {
        display: none;
    }
    #header_mobile {
        position: relative;
        display: block;
    }
        #header_mobile .page {
            position: fixed;
            z-index: 999;
            width: 100%;
            height: 70px;
            background-color: #fff;
            border-bottom: 2px solid #7b1244;
        }
            #header_mobile .page #logo img {
                height: 70px;
                margin-left: 10px;
            }
/* menu */
        #header_mobile .nav_mobile {
            z-index: 997;
        }
            #header_mobile .nav_mobile > ul {
                margin: 0;
                padding: 0;
                list-style: none;
            }
                #header_mobile .dropdown {
                    position: absolute;
                    top: 0;
                    left: 0;
                    right: 0;
                }
                #header_mobile .dropdown > a {
                    position: fixed;
                    top: 0;
                    right: 0;
                    z-index: 1000;
                    width: 80px;
                    padding: 20px;
                }
                #header_mobile .dropdown > a img#menu_mobile_close {
                    display: block;
                }
                #header_mobile .dropdown > a img#menu_mobile_open {
                    display: none;
                }
                /* éléments du menu */
                #header_mobile .dropdown .menu_open {
                    position: fixed;
                    top: 70px;
                    left: 0;
                    right: 0;
                    z-index: 998;
                    display: none;
                    min-width: 160px;
                    height: 1059px;
                    margin: 0;
                    text-align: center;
                    /*background-color: rgba(0, 0, 0, 0.9);*/
					background-color: black;
                }
                    #header_mobile .dropdown .menu_open .black {
                        padding: 30px;
                    }
                        #header_mobile .dropdown .menu_open .black > ul {
                            min-width: 160px;
                            list-style: none;
                        }
                            #header_mobile .dropdown .menu_open .black > ul > li {
                                margin-bottom: 25px;
                            }
                                #header_mobile .dropdown .menu_open .black > ul > li > a {
                                    display: block;
                                    padding: 3px 20px;
                                    clear: both;
                                    font-size: 16px;
                                    text-transform: uppercase;
                                    font-weight: 400;
                                    line-height: 1.42857143;
                                    color: #ffffff;
                                    white-space: nowrap;
                                    background-color: transparent;
                                }
                                #header_mobile .dropdown .menu_open .black > ul > li > a:focus,
                                #header_mobile .dropdown .menu_open .black > ul > li > a:hover {
                                    text-decoration: none;
                                    background-color: none;
                                    color:
                                }
                                #header_mobile .dropdown .menu_open .black > ul > .active > a,
                                #header_mobile .dropdown .menu_open .black > ul > .active > a:focus,
                                #header_mobile .dropdown .menu_open .black > ul > .active > a:hover {
                                    color: #fff;
                                    text-decoration: none;
                                    outline: 0;
                                }
                                #header_mobile .dropdown .menu_open .black > ul > .disabled > a,
                                #header_mobile .dropdown .menu_open .black > ul > .disabled > a:focus,
                                #header_mobile .dropdown .menu_open .black > ul > .disabled > a:hover {
                                    color: #ffffff;
                                }
                                #header_mobile .dropdown .menu_open .black > ul > .disabled > a:focus,
                                #header_mobile .dropdown .menu_open .black > ul > .disabled > a:hover {
                                    text-decoration: none;
                                    cursor: not-allowed;
                                    background-color: transparent;
                                    background-image: none;
                                    filter:progid: DXImageTransform.Microsoft.gradient(enabled=false);
                                }
                                #header_mobile .dropdown .menu_open .black > ul > li > ul {
                                    margin: 0;
                                    padding: 0;
                                    list-style: none;
                                }
                                    #header_mobile .dropdown .menu_open .black > ul > li > ul > li.first {
                                        display: none;
                                    }

									#header_mobile .dropdown .menu_open .black > ul > li > ul > li > a {
                                        font-weight: bold;
										color: #7A0B44;
                                    }
                        /* barre de recherche */
                        #header_mobile .dropdown .menu_open .black .search {
                        }
                            #header_mobile .dropdown .menu_open .black .search form {
                                position: relative;
                                width: 100%;
                                border-bottom: 1px solid #fff;
                            }
                                #header_mobile .dropdown .menu_open .black .search form input[type="text"] {
                                    border : 0;
                                    width: 80%;
                                    text-transform: uppercase;
                                    background-color: black;
                                    color: #fff;
                                    border: 0;
                                }
                                #header_mobile .dropdown .menu_open .black .search form input[type="submit"] {
                                    position: absolute;
                                    width: 15px;
                                    height: 15px;
                                    right: 0;
                                    border: 0;
                                    background-image: url(../img/header/loupe-blanc.png);
                                    background-repeat: no-repeat;
                                    background-color: transparent;
                                }
                    /* réseaux sociaux */
                    #header_mobile .dropdown .menu_open .purple {
                        background-color: #7b1244;
                        padding: 30px;
                    }
                        #header_mobile .dropdown .menu_open .purple a.bt {
                            width: 180px;
                            margin-bottom: 15px;
                        }
                        #header_mobile .dropdown .menu_open .purple .social {
                            margin-top: 15px;
                        }
                            #header_mobile .dropdown .menu_open .purple .social > div {
                                display: inline-block;
                            }
                #header_mobile .open .menu_open {
                    display: block;
                    height: calc(100vh - 140px);
					overflow: auto;
                }
                #header_mobile .open > a {
                    outline: 0;
                }
                #header_mobile .open > a img#menu_mobile_close {
                    display: none;
                }
                #header_mobile .open > a img#menu_mobile_open {
                    display: block;
                }
/* slider */
    #anim #myCarousel .adhesion {
        top: 70px !important;
        margin: 0 !important;
        width: 100%;
        right: 0;
        text-align: center;
    }
        #anim #myCarousel .adhesion a {
            float: none
        }
    #anim #myCarousel .carousel-inner {
        display: none;
    }
/* newsletter */
    #main-newsletter .container {
        padding: 30px;
    }
        #main-newsletter .container .left,
        #main-newsletter .container .right {
            float: none;
            width: 100%;
            padding: 0 50px;
            text-align: center;
        }
            #main-newsletter .container .right .champ {
                margin-left: 0;
            }
                #main-newsletter .container .right .champ #newsletter_email::-webkit-input-placeholder,
                #main-newsletter .container .right .champ #newsletter_email::-moz-placeholder,
                #main-newsletter .container .right .champ #newsletter_email:-moz-placeholder,
                #main-newsletter .container .right .champ #newsletter_email:-ms-input-placeholder{
                    color: #000000;
                }
/* footer */
    #main_footer {
        background-image: url(../img/footer/footer-mobile.png);
		background-repeat: no-repeat;
		background-color: white;
    }
        #main_footer .col-md-3,
        #main_footer .col-md-4 {
            display: none
        }
    #bottom_footer {
        padding: 20px 25px;
    }
        #bottom_footer .left,
        #bottom_footer .right {
            float: none;
            width: 100%;
            padding: 0;
            text-align: center;
        }
        #bottom_footer .right {
            margin-top: 10px;
        }
/* contenu de la page */
    .container {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .largeblock {
        width: 100% !important;
        float: none !important;
    }
    .smallblock {
        width: 100% !important;
        float: none !important;
    }
    .smallblock img {
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        display: block;
    }
    .img_left {
        margin: auto;
        display: block;
        float: none;
    }

/* homepage */
    #wapper .page .container > .desc_anim {
        padding-top: 50px;
    }
        #wapper .page .container > .desc_anim .map {
            margin-top: 0;
        }
    #wapper .page .actualite .container .home_c1_block {
        padding-top: 50px;
    }
    #wapper .page .actualite .container .legend-calendar,
    #wapper .page #menu-calendar .legend-calendar{
        height: 110px;
    }
    #wapper .page #pressemedia .presseArticle .date-articlePresse {
        float: none;
    }
    #wapper .page #pressemedia .presseArticle .date-articlePresse .jour {
        padding: 10px 5px 10px 30px;
        float: left;
    }
    #wapper .page #pressemedia .presseArticle .date-articlePresse .annee {
        font-size: 20px;
        padding: 10px 30px;
    }
    #wapper .page #pressemedia .presseArticle .date-articlePresse .annee:before {
        content: " / ";
    }
    #wapper .page #pressemedia .presseArticle .presse {
        border: none;
        padding: 0 30px;
    }
    #wapper .page #pressemedia .presseArticle .presse > p {
        border: none;
        padding: 10px 0;
    }
    #wapper .page #animPartenaires .carousel-control.left {
        margin-left: 10px;
    }
    #wapper .page #animPartenaires .carousel-control.right {
        margin-right: 10px;
    }
/* page interne */
    .inside-page-breadcrumb {
        padding-top: 30px;
    }
        .inside-page-breadcrumb img {
            margin-top: 30px;
        }
        .inside-page-breadcrumb h1 {
            margin-top: -20px;
            padding: 0px 20px 15px 20px;
        }
    .inside-page-breadcrumb #rail {
        padding: 0px 20px 15px 20px;
    }
    .inside-page {
        margin-top: -30px;
    }
    .inside-page .container {
        width: 100% !important;
        margin: 0 !important;
    }
    .inside-page .container > div {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .inside-page #menu-adhesion > div > p:nth-child(3) {
        text-align: center;
    }
    .aproposdefce-presentation div {
        padding: 15px 0;
    }
        .aproposdefce-presentation div p {
            15px 30px;
        }
    .aproposdefce-presentation img {
        height: auto;
    }
        .presentation-goal img,
        .presentation-badge img {
            width: 50%;
            margin: 10px 25%;
        }
    .aproposdefce-partenaires
    #presentation-infos div:nth-child(1) {
        height: 239px;
    }
    div#thumbs,
    div#thumbs2,
    div#thumbs3 {
        width: 100% !important;
    }
        div#thumbs ul,
        div#thumbs2 ul,
        div#thumbs3 ul {
            width: 310px;
            margin: auto;
            padding: 0;
        }
            div#thumbs ul li,
            div#thumbs2 ul li,
            div#thumbs3 ul li {
                margin-left: 10px;
            }
    #tabs {
        display: block;
    }
    #tabs .deleg-menu,
    #tabs .deleg-content {
        width: 100%;
    }
/* Formulaire */
    .inside-page form.auto {
        padding-left: 0;
    }
    .inside-page form.auto > div {
        width: 100%;
        margin: 0;
    }
    .inside-page form.auto div > div {
        width: 100%;
        margin: auto;
        padding: 2.5%;
    }
    .inside-page form.auto > div > div > div#form_activites > label {
        width: 88%;
    }
}


.inside-page #contactDelegationModal form.auto {
    padding-left: 10px;
}
span.image-wrapper.current .advance-link img {
    max-height: 320px !important;
    height: 100% !important;
}

#pressemedia .presseArticle img {
    width: 100%;
    height: auto;
}
#pressemedia .presseArticle .date-articlePresse {
    float: none;
    padding: 0 5%;
}
#pressemedia .presseArticle .date-articlePresse .jour {
    font-size: 12px;
}

#pressemedia .presseArticle .date-articlePresse .annee {
    font-size: 12px;
}

#pressemedia .presseArticle .presse {
    padding: 0 5%;
    border-left: none;
}

#pressemedia .presseArticle {
    padding: 20px 0 50px 0;
}

#c1 #sub_nav li.alerte:after {content: "";display: block;background-color: #ea1e1e;height: 10px;width: 10px;border-radius: 5px;position: absolute;left: 13px;top: 5px;}
#c1 #sub_nav li.alerte {position: relative}
.tooltip_co {position: absolute;background: black;opacity: 0.8;color: white;padding: 7px;border-radius: 5px;border: solid 1px black;}
.ui-datepicker-title {
    margin: 0.18em !important;
}