/* Minification failed. Returning unminified contents.
(10,1): run-time error CSS1019: Unexpected token, found '@charset'
(10,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(10,17): run-time error CSS1019: Unexpected token, found ';'
(1128,1): run-time error CSS1019: Unexpected token, found '{'
(1129,16): run-time error CSS1030: Expected identifier, found ' '
(1129,23): run-time error CSS1031: Expected selector, found ';'
(1129,23): run-time error CSS1025: Expected comma or open brace, found ';'
(1130,15): run-time error CSS1030: Expected identifier, found ' '
(1130,16): run-time error CSS1031: Expected selector, found '20px'
(1130,16): run-time error CSS1025: Expected comma or open brace, found '20px'
(1131,12): run-time error CSS1030: Expected identifier, found ' '
(1131,13): run-time error CSS1031: Expected selector, found '1px'
(1131,13): run-time error CSS1025: Expected comma or open brace, found '1px'
(1132,11): run-time error CSS1030: Expected identifier, found ' '
(1132,16): run-time error CSS1031: Expected selector, found ';'
(1132,16): run-time error CSS1025: Expected comma or open brace, found ';'
(1133,13): run-time error CSS1030: Expected identifier, found ' '
(1133,14): run-time error CSS1031: Expected selector, found '10px'
(1133,14): run-time error CSS1025: Expected comma or open brace, found '10px'
(1134,11): run-time error CSS1030: Expected identifier, found ' '
(1134,19): run-time error CSS1031: Expected selector, found ';'
(1134,19): run-time error CSS1025: Expected comma or open brace, found ';'
(1135,13): run-time error CSS1030: Expected identifier, found ' '
(1135,19): run-time error CSS1031: Expected selector, found ';'
(1135,19): run-time error CSS1025: Expected comma or open brace, found ';'
(1136,12): run-time error CSS1030: Expected identifier, found ' '
(1136,17): run-time error CSS1031: Expected selector, found ';'
(1136,17): run-time error CSS1025: Expected comma or open brace, found ';'
(1137,11): run-time error CSS1030: Expected identifier, found ' '
(1137,12): run-time error CSS1031: Expected selector, found '300px'
(1137,12): run-time error CSS1025: Expected comma or open brace, found '300px'
(1138,14): run-time error CSS1030: Expected identifier, found ' '
(1138,23): run-time error CSS1031: Expected selector, found ';'
(1138,23): run-time error CSS1025: Expected comma or open brace, found ';'
(1139,9): run-time error CSS1030: Expected identifier, found ' '
(1139,10): run-time error CSS1031: Expected selector, found '110px'
(1139,10): run-time error CSS1025: Expected comma or open brace, found '110px'
(1140,1): run-time error CSS1019: Unexpected token, found '}'
(2257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(2365,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(2400,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(2913,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(3002,10): run-time error CSS1035: Expected colon, found ';'
(3510,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(3672,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!'
(4223,1): run-time error CSS1019: Unexpected token, found '}'
(4304,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(4305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4315,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(4316,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4326,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(4327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(4543,5): run-time error CSS1035: Expected colon, found '}'
(5105,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5106,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5120,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5121,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5150,1): run-time error CSS1019: Unexpected token, found '@-ms-keyframes'
(5151,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5165,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5181,1): run-time error CSS1019: Unexpected token, found '@charset'
(5181,10): run-time error CSS1019: Unexpected token, found '"UTF-8"'
(5181,17): run-time error CSS1019: Unexpected token, found ';'
(5806,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(5807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5816,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(5817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(5826,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(5827,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6015,12): run-time error CSS1038: Expected hex color, found '#fffff'
(6016): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(6026,11): run-time error CSS1038: Expected hex color, found '#fffff'
(6026,17): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*
YUI 3.10.0 (build a03ce0e)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

@charset "UTF-8";

/*@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);*/

@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular.ttf?36750495');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans Bold';
    src: url('../font/OpenSans-Bold.ttf?36750495');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans SemiBold';
    src: url('../font/OpenSans-Semibold.ttf?36750495');
    font-weight: normal;
    font-style: normal;
}


select {
    height: 30px !important;
}
/*
RESET ADDTIONNAL    
*/
input[type="submit"], input[type="text"]#fileimg, button {
    border: none;
    cursor: pointer;
}

/*
RESET ADDTIONNAL    .bandeau_tags .file-upload
*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak],
.ng-cloak, .x-ng-cloak,
.ng-hide {
    display: none !important;
}

#EmbeddedWhiteBoard {
    background-color: #ffffff !important;
}
body {
    font-family: "Open Sans";
    color: #5F5F5F;
    height: 100%;
    font-size: 0.8vw;
}

a {
    color: #221f1f;
    text-decoration: none;
}

.gras {
    font-weight: bold;
}

object {
    /*background-color: #ffffff !important;*/
}

#page {
    background: white;
    border: 1px solid #e8e8e8;
    -moz-box-shadow: 0px -4px 10px 0px #eff3f4;
    -webkit-box-shadow: 0px -4px 10px 0px #eff3f4;
    -o-box-shadow: 0px -4px 10px 0px #eff3f4;
    box-shadow: 0px -4px 10px 0px #eff3f4;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#eff3f4, Direction=90, Strength=10);
    padding-top: 20px;
}


/*#container {
    position: relative;
    width: 988px;
    margin-left: auto;
    margin-right: auto;
}*/

.container-partie-centrale {
    position: relative;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-left: 60px;
    margin-right: 60px;
}

@media only screen and (max-width : 1000px) {
    .container-partie-centrale {
        margin-top: 20px;
    }
}
    .container-partie-centrale-event-page {
        flex-direction: row;
        position: relative;
        display: flex;
        justify-content: center;
    }

    .bandeau {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 50px;
    }

@media only screen and (max-width : 1000px) {
    .bandeau {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 10px;
    }

    nav {
        margin-right: 5px;
        padding-top: 3px;
        z-index: 50;
    }
}

    #header {
        background-color: #102029;
        display: flex;
        align-items: center;
        height: 60px;
        justify-content: center;
        font-family: "Open Sans Bold"
    }

    #header-content {
        background-color: #102029;
        display: flex;
        align-items: center;
        height: 60px;
        justify-content: space-between;
        width: 1200px;
        flex: 1;
        margin-left: 60px;
        margin-right: 60px;
    }

    #logo {
        margin-right: 30px;
        padding-top: 7px;
    }

@media only screen and (max-width : 1920px) {
    #recherche {
        width: 30% !important;
    }
}

@media only screen and (max-width : 1440px) {
    #recherche {
        width: 20% !important;
    }
}

    @media only screen and (max-width : 1224px) {
        #logo {
            order: 2
        }

        #recherche {
            order: 3;
            width: 30% !important;
        }

        .anonymous {
            order: 1;
            display: none !important;
        }

        #header-content {
            margin-left: 10px;
            margin-right: 10px;
        }

        .loggedin {
            display: none !important;
        }
    }

    .lifeis {
        font-size: 12px;
        /*font-weight: bold;*/
        padding: 5px 0 0 7px;
    }

    .tm {
        font-size: 4px;
        font-weight: bold;
        margin: 7px 0 0 2px;
    }

    /******LOGO HEADER *********/

    .logo-header {
        height: 30px;
    }

    /******zone de recherche *****/
    #recherche {
        width: 50%;
        background-color: #27353E;
        border-radius: 3px;
        height: 35px;
    }

        #recherche button {
            border: none;
            background: transparent;
            border: none;
            background: transparent;
            /* top: 19px; */
            position: relative;
            align-self: flex-end;
        }

        #recherche div {
            /*background-color: #F8F9FB;*/
            display: flex;
        }

    #s {
        color: #ffffff;
        font-size: 13px;
        /*font-weight: bold;*/
        border: none;
        background-color: transparent;
        width: 266px;
        padding-bottom: 0px;
    }



    .user {
    }

        .user a {
            text-decoration: none;
        }

    /******* creez votre live *****/
    #creez {
        /*color: #221f1f;*/
        margin: auto;
    }

        #creez.down, #meslives.down, #moncompte.down {
            /*margin-top: 29px;*/
            margin-left: 35px;
        }

        #creez a {
            text-decoration: none;
            background-color: #EC1D25;
            color: white;
            padding: 7px 18px 7px 18px;
            border-radius: 2px;
            text-transform: uppercase;
            font-weight: bold;
            height: 10px;
            margin-left: 50px;
            /*font-family: "Open Sans Bold";*/
        }

    /****** mes lives ******/
    #meslives {
        /*margin: 28px 0 0 25px;*/
    }

        #meslives a {
            text-decoration: none;
        }

    /********** mon compte ******/
    #moncompte {
        /*margin: 28px 0px 0 25px;*/
    }

        #moncompte a {
            color: #EC1D27 !important;
            text-decoration: none;
        }

    #moncompte2 {
        float: right;
        margin: 28px 72px 0 0;
    }

        #moncompte2 a {
            text-decoration: none;
        }

    .loggedin {
        display: flex;
        align-items: center;
    }

    /***partage header***/
    #connectheader {
        text-transform: uppercase;
        font-weight: bold;
        margin: auto;
    }

    .nodisplay {
        display: none;
    }


    #connectheader .connexion {
        color: white
    }

    #connectheader a {
        margin-left: 50px;
    }

    #connectheader .connexion span {
    }

    #connectheader .connexion.eyedo {
    }


    #tweetheader {
        background: url("../images/connectheader.jpg") no-repeat -48px 0 transparent;
        width: 19px;
        height: 19px;
    }

    #faceheader {
        background: url("../images/connectheader.jpg") no-repeat -24px 0 transparent;
        width: 19px;
        height: 19px;
    }

    #inheader {
        background: url("../images/connectheader.jpg") no-repeat 0 0 transparent;
        width: 19px;
        height: 19px;
    }

    /*****************************  Zone1            ***************************/
    #zone1 {
        min-height: 300px;
        height: 70vh;
    }

    @media screen and (max-width : 1224px) {
        #zone1 {
            height: inherit !important;
        }
    }


    .alignleft {
        float: left;
    }

    #useless-div-for-angular {
        display: flex;
        flex-direction: column;
    }

    #actu {
        position: absolute;
        z-index: 1;
        color: #ffffff;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex: 1;
        margin-left: 60px;
        margin-right: 60px;
        margin-top: 2%;
    }

    #actu-center {
        width: 1200px;
        z-index: 1;
        color: #ffffff;
        margin: auto;
        display: flex;
        flex-direction: column;
        margin-top: 30px;
    }

    #actu-content {
        width: 350px;
        z-index: 1;
    }

    .acteur_actu {
        font-size: 14px;
    }

    .surtitre {
        font-size: 11px;
    }

    .horodatage-detail {
        margin-right: 5px;
        font-family: "Open Sans Bold";
        font-size: 12px;
    }

    .chapitre-titre-detail {
        display: inline;
    }

    .title_actu_home {
        font-size: 25px;
        line-height: 1em;
        font-weight: bold;
    }

    .title_actu-block {
        margin: 5px 0 0 0;
        font-family: "Open Sans Bold";
    }

    .title_actu {
        font-size: 25px;
        line-height: 1em;
        font-weight: bold;
        color: #221f1f;
    }

    .live-modif-link a:before {
        margin-right: 5px;
        vertical-align: baseline;
    }

    .txt_actu {
        font-size: 14px;
        line-height: 1.1em;
        margin-bottom: 20px;
        width: 350px;
        height: 188px;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    @media screen and (max-width : 1000px) {
        .txt_actu {
            width: 70%;
            font-size: 12px;
        }

        .title_slider_home {
            font-size: 17px;
            width: 70%;
            line-height: 19px !important;
        }
    }

    .img-carousel {
        width: 100%;
    }

    .margin-caroussel {
        margin-left: 20px;
        margin-right: 20px;
    }

    .plus_actu {
        color: #222021;
        font-size: 17px;
        font-weight: bold;
        position: absolute;
        text-align: left;
        left: 0;
        top: 275px;
    }

        .plus_actu .greaterthan {
            margin-right: 5px;
        }

    .greaterthan a span.arrow {
        width: 17px;
        font-size: 18px;
        /*padding-right: 5px;*/
        font-weight: normal;
    }

    .down a span.arrow:before {
        width: 17px;
    }

    .livesince {
        font-family: "Open Sans SemiBold";
        text-transform: none;
        font-size: 12px;
        padding-top: 5px;
    }

    #slideactu {
        width: 100%;
        height: 100%;
    }

        #slideactu .slide {
            position: relative;
            height: 100%;
        }

    .slide .overlay-bg {
        background: black;
        width: 100%;
        height: 62px;
        position: absolute;
        bottom: 0px;
        z-index: 2;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .slide .overlay {
        position: absolute;
        bottom: 0px;
        height: 62px;
        width: 100%;
        z-index: 3;
    }

        .slide .overlay .duree {
            display: block;
            float: right;
            color: white;
            margin: 3px 5px 0 0;
            font-size: 12px;
        }

        .slide .overlay .date {
            font-size: 10px;
            font-weight: bold;
            margin: 7px 0 0 65px;
        }

        .slide .overlay .titre {
            color: white;
            font-size: 13px;
            margin-left: 65px;
        }

    .slide .play {
        bottom: 10px;
        height: 38px;
        left: 10px;
        padding-left: 12px;
        position: absolute;
        width: 28px;
        z-index: 100;
        cursor: pointer;
    }

        .slide .play:hover {
            opacity: 0.8;
        }

    .clear {
        clear: both;
    }

    .upper {
        text-transform: uppercase;
    }

    /*****************************  Menu ***************************/
    .menu {
        margin: 0 30px 22px 30px;
        width: 928px;
        border-bottom: 1px solid #ECEEED;
        height: 26px;
    }

        .menu li {
            display: inline;
            border-right: 1px solid #ECEEED;
            padding-right: 21px;
            padding-left: 16px;
            font-size: 13px;
            font-weight: 700;
        }

            .menu li:first-child {
                padding-left: 0;
            }

            .menu li:last-child {
                border-right: none;
            }

            .menu li a {
                color: #616161;
                text-decoration: none;
            }


    /*****************************  Zone2            ***************************/
    #zone2 {
        border-bottom: 30px;
        margin-bottom: 20px;
        position: relative;
    }

    #slide1 {
        height: 212px;
    }

        #slide1 ul {
            float: left;
        }

        #slide1 .gauche {
            float: left;
            width: 22px;
            height: 212px;
            margin-left: 3px;
            line-height: 163px;
            vertical-align: center;
        }

        #slide1 .droite {
            float: left;
            width: 23px;
            height: 212px;
            line-height: 163px;
            vertical-align: center;
            text-align: center;
        }

        #slide1 li {
            float: left;
            position: relative;
            width: 225px;
            margin: 0 5px 0 5px;
        }

    .overlib {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        display: none;
        z-index: 6;
    }

        .overlib .play {
            display: flex;
            z-index: 6;
        }

    .containter-video-slider-item {
        width: 100%;
        height: 100%
    }

    .masque-slider {
        background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.63) 2%, rgba(0,0,0,0.37) 23%, rgba(0,0,0,0.01) 52%, rgba(0,0,0,0) 53%); /* FF3.6-15 */
        background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.63) 2%,rgba(0,0,0,0.37) 23%,rgba(0,0,0,0.01) 52%,rgba(0,0,0,0) 53%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.63) 2%,rgba(0,0,0,0.37) 23%,rgba(0,0,0,0.01) 52%,rgba(0,0,0,0) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
        width: 100%;
        height: 100%;
        z-index: 1;
        position: absolute;
    }

    @media only screen and (max-width : 1000px) {
        .masque-slider {
            background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.63) 2%, rgba(0,0,0,0.37) 23%, rgba(0,0,0,0.01) 52%, rgba(0,0,0,0) 53%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.63) 2%,rgba(0,0,0,0.37) 23%,rgba(0,0,0,0.01) 52%,rgba(0,0,0,0) 53%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.63) 2%,rgba(0,0,0,0.37) 100%,rgba(0,0,0,0.01) 52%,rgba(0,0,0,0) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
            width: 100%;
            height: 100%;
            z-index: 1;
            position: absolute;
        }
    }



    .bg-overlib {
        width: 100%;
        height: 100%;
        background-color: black;
        filter: alpha(opacity=70);
        opacity: 0.70;
        z-index: 5;
        display: flex;
        justify-content: center;
    }

    .overlib .overlib-element {
        display: block;
        position: absolute;
        top: 25px;
        left: 0;
        width: 100%;
        margin-top: 60px;
        vertical-align: center;
        text-align: center;
        font-weight: bold;
        z-index: 6;
        padding: 0 7px 0 7px;
    }

    .overlib .chapitre {
        color: white;
        font-weight: bold;
    }

    #slide1 li:hover div.overlib {
        display: block;
    }

    .bandeau .titre {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.4em;
        margin-top: 15px;
    }

    @media screen and (max-width : 1824px) {
        .bandeau .titre {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.4em;
            margin-top: 15px;
        }
    }

    @media screen and (max-width : 1224px) {
        .bandeau .titre {
            font-size: 14px;
            font-weight: 500;
            line-height: 1.4em;
            margin-top: 15px;
        }
    }

    @media screen and (max-width : 800px) {
        .bandeau .titre {
            font-size: 12px;
            font-weight: 500;
            line-height: 1.4em;
            margin-top: 15px;
        }
    }

    .bandeau .info {
        /*position: absolute;
    right: 7px;
    top: 124px;
    width: 45px;
    height: 34px;
    z-index: 3;*/
    }

    #slide1 li a {
        color: #5F5F5F;
    }

    .bandeau .info .info1 {
        display: block;
        height: 20px;
        width: 100%;
        font-size: 10px;
        color: #131e22;
        text-align: center;
        font-weight: bold;
        line-height: 20px;
        vertical-align: center;
        text-transform: uppercase;
        padding: 0 2px 0 2px;
    }

    .bandeau .info .info2 {
        display: block;
        height: 16px;
        width: 100%;
        font-size: 10px;
        font-weight: bold;
        color: white;
        text-align: center;
        line-height: 16px;
        background-color: #102029;
        padding: 0 2px 0 2px;
    }

    .info-duree-live {
        font-weight: 600;
        top: auto;
        color: white;
        font-size: 2vw;
        margin: auto;
        padding-left: 20px;
    }

    .bandeau .auteur {
        margin-top: 5px;
        font-size: 13px;
        color: red
    }

    #zone2 .voirtout {
        display: block;
        width: 928px;
        color: #a1a1a1;
        text-decoration: none;
        font-size: 12px;
        border-top: 1px solid #ECEEED;
        margin: 20px 0 0 30px;
        text-align: right;
    }


    /*****************************  Zone3            ***************************/
    #zone3 {
        border-bottom: 30px;
        margin-bottom: 50px;
        position: relative;
    }

    #slide2 {
        height: 143px;
    }

        #slide2 ul {
            float: left;
            border-bottom: 1px solid #ECEEED;
            padding-bottom: 20px;
        }

        #slide2 li a {
            color: #5F5F5F;
        }

        #slide2 li {
            float: left;
            position: relative;
            width: 124px;
            margin: 0 5px 0 5px;
        }

        #slide2 .gauche {
            float: left;
            width: 22px;
            height: 143px;
            margin-left: 3px;
            line-height: 119px;
            vertical-align: center;
        }

        #slide2 .droite {
            float: left;
            width: 23px;
            height: 143px;
            line-height: 119px;
            vertical-align: center;
            text-align: center;
        }

        #slide2 li .titre {
            font-size: 12px;
            /*font-weight:bold;	*/
        }

    .imageTag {
        width: 100%;
    }

    .bandeau-time-tags .imageTag {
        width: auto !important;
    }
    /*****************************  Zone4            ***************************/
    #zone4 {
        margin-bottom: 88px;
        position: relative;
    }

    #slide3 {
        height: 143px;
    }

        #slide3 ul {
            float: left;
            border-bottom: 1px solid #ECEEED;
            padding-bottom: 20px;
        }

        #slide3 li a {
            color: #5F5F5F;
        }

        #slide3 li {
            float: left;
            position: relative;
            width: 146px;
            margin: 0 5px 0 5px;
        }

        #slide3 .gauche {
            float: left;
            width: 22px;
            height: 143px;
            margin-left: 3px;
            line-height: 119px;
            vertical-align: center;
        }

        #slide3 .droite {
            float: left;
            width: 23px;
            height: 143px;
            line-height: 119px;
            vertical-align: center;
            text-align: center;
        }

        #slide3 li .titre {
            font-size: 11px;
            padding-left: 10px;
            /*font-weight:bold;	*/
        }

    /****************************** footer *********************************/

    #footer {
        background-color: #102029;
        color: #687983;
        position: relative;
        height: 259px;
        display: flex;
        flex: 1;
        flex-direction: row;
    }

        #footer .tabfooter:last-child {
            border: none;
        }

        #footer .tabfooter a {
            color: #687983;
            text-decoration: none;
        }

    @media screen and (max-width : 800px) {
        .tabfooter {
            display: none !important;
        }
    }

    #logofooter {
        padding-top: 4px;
        width: 117px;
        height: 26px;
    }

    @media screen and (max-width : 1000px) {
        #logofooter img {
            width: 101px;
            height: 24px;
        }
    }



    #partage {
        margin-top: 90px;
    }

    #face {
        background: url("../images/partage.png") no-repeat 0 0 transparent;
    }

    #tweet {
        background: url("../images/partage.png") no-repeat -20px 0 transparent;
    }

    #in {
        background: url("../images/partage.png") no-repeat -40px 0 transparent;
    }


    .block {
        display: block;
        width: 15px;
        height: 15px;
        float: left;
        margin-right: 5px;
    }

        .block:hover {
            filter: alpha(opacity=75);
            opacity: 0.75;
        }

    #footer .tabfooter {
        line-height: 2em;
        font-size: 12px;
        width: 500px;
        align-self: flex-start;
    }

    #footer-content {
        width: 100%;
        margin-top: auto;
        margin-bottom: auto;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin-left: 60px;
        margin-right: 60px;
    }

    @media screen and (max-width : 1000px) {
        #footer-content {
            margin-left: 40px;
            margin-right: 40px;
        }
    }

    .tabfooter ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        height: 140px;
        color: #ffffff;
    }

    #apropos {
        font-size: 12px;
        font-weight: bold;
    }

        #apropos ul {
            margin-bottom: 20px;
        }

            #apropos ul li:before {
                content: '- ';
                color: #687983;
            }

        #apropos a {
            color: #687983;
            text-decoration: none;
        }

    /*.copy {
    color: #384953;
}*/


    /********************* PAGE EVENEMENT ********************/
    #eventcontent {
        order: 0;
        width: 100vw;
        /*height: 84vh;*/
        max-width: 2400px;
        align-self: flex-end;
        height: calc((9/16)*100vw);
        max-height: calc(100vh - 185px);
        box-sizing: border-box;
    }

    /*@media screen and (max-width : 1000px) {
    #eventcontent {
        width: 100vw;
    }

}*/


    .prix-barre {
        text-decoration: line-through;
    }

    h2.sectiontitle {
        color: #221f1f;
        font-size: 18px;
        margin-top: 25px;
        margin-bottom: 25px;
        font-family: "Open Sans Bold";
    }


    .y {
        height: 40px;
        left: 790px;
        position: absolute;
        top: 1225px;
        width: 41px;
    }
    /********************* OVERLAY LIVE ********************/
{
    text-align: center;
    font-size: 20px;
    border: 1px solid #ECEEED;
    width: auto;
    padding: 10px 10px;
    color: #ECEEED;
    display: block;
    margin: auto;
    width: 300px;
    position: relative;
    top: 110px;
}

/*--general--*/
.couleur06 {
    color: #8dc4e6;
}

.overlay_a {
    position: absolute;
    top: 0;
    width: auto;
    height: 360px;
    right: 0;
    left: 0;
    text-align: center;
}


    /*--bandeau--*/
    .overlay_a .overlay-bandeau {
        position: relative;
        background-color: rgba(0,0,0,0.6);
    }

    .overlay_a .overlay-all {
        width: 637px;
        height: 360px;
        position: relative;
        background-color: rgba(0,0,0,0.6);
    }

    .overlay_a .overlay-top {
        top: 0;
    }

    .overlay_a .overlay-bottom {
        top: 229px;
    }
    /*--liveInfo--*/
    .overlay_a .liveinfo {
        height: 60px;
        padding: 3px 11px;
        text-align: left;
    }

        .overlay_a .liveinfo .createur {
            color: #fff;
        }

        .overlay_a .liveinfo .titre {
            color: #fff;
            font-size: 13px;
            display: block;
        }

        .overlay_a .liveinfo .statutUpload {
            color: #fff;
            text-align: center;
            display: block;
        }

        .overlay_a .liveinfo .dateheure, .createur {
            display: inline-block;
            font-size: 11px;
        }

    /*--freelogin--*/
    .overlay_a .freelogin {
        width: 272px;
        height: 48px;
        position: relative;
        border-radius: 8px;
        background-color: #4A9DD1;
        top: 11px;
        left: 354px;
        text-align: left;
    }

        .overlay_a .freelogin .container {
            width: 250px;
            position: relative;
            left: 18px;
            top: 1px;
        }

    .overlay_a .freelogin-left, .freelogin-right {
        display: inline-block;
        vertical-align: top;
    }

    .overlay_a .freelogin-left {
        width: 142px;
    }

    .overlay_a .freelogin-right {
        width: 103px;
    }

.freelogin-title, .freelogin-subscription, .freelogin-connection {
    color: #fff;
}

.freelogin-subscription {
    font-size: 12px;
}

.freelogin-subscription {
    font-size: 12px;
}

.freelogin-connection {
    border: 1px solid #000;
    width: 100px;
    height: 30px;
    text-align: center;
    display: block;
    margin: 5px auto;
    padding-top: 3px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.33);
}

    .freelogin-connection:hover {
        box-shadow: inset 0 0 1px 0 rgba(0, 0, 0, 0.33);
    }

#includeLive {
    width: 100%;
    height: 100%;
}
/********************* END OVERLAY LIVE ********************/
#eventzone1 {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.content-event-zone-1 {
    width: 100%;
    height: 100%;
}
#eventzone1 .description {
}

#eventzone2 .surtitre {
    color: #221f1f;
    font-size: 11px;
    margin-top: 7px;
    margin-top: 15px;
    letter-spacing: -0.2px;
}

.margin-bot-bouton-bundle-promote {
    margin-bottom: 15px;
}

#eventzone1 .title_actu {
    color: #222021;
    padding-top: 3px;
    font-size: 27px;
    line-height: 34px;
    margin-bottom: 10px;
}

.bouton-achat-bundle-promotion {
    padding: 5px 10px;
    font-size: 11px;
    background-color: #EC1D27;
    color: white;
    max-width: 120px;
    text-align: center;
    float: right;
}

.bouton-detail-bundle-promotion {
    padding: 5px 10px;
    font-size: 11px;
    background-color: #EC1D27;
    color: white;
    max-width: 120px;
    text-align: center;
    float: left;
}

.bouton-achat-bundle-promotion:hover {
    background-color: #38aadc;
}

.bouton-detail-bundle-promotion:hover {
    background-color: #38aadc;
}

/********************* PAGE BUNDLE ********************/

.disable-link-abonnement {
    background-color: rgba(122,122,122,0.6) !important;
    cursor: initial !important;
}

.price-instead-of {
    color: #EC1D27;
    font-size: 13px;
}

.prix-barre {
    text-decoration: line-through;
}

#bundle-detail {
    width: 986px;
    position: relative;
}

    #bundle-detail #eventzone1 {
        width: 955px;
        float: none;
        margin: auto;
    }

    #bundle-detail .pricingTab {
        width: 850px;
        margin: 20px auto 20px auto;
    }

    #bundle-detail .pricing-label {
        width: 385px;
    }

    #bundle-detail .price {
        width: 180px;
    }

    #bundle-detail #description {
        margin: 0;
        width: 450px;
        height: 260px;
    }

        #bundle-detail #description p {
            margin: 0;
        }

    #bundle-detail .overlib {
        height: 166px;
    }

    #bundle-detail .bandeau-slide-content {
        margin: auto;
        float: none;
    }

        #bundle-detail .bandeau-slide-content li {
            margin-bottom: 15px;
        }

.bandeau-slide-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#bundle-detail .sectiontitle {
    overflow: hidden;
    margin-top: 30px;
}

.bloc-image-bundle {
    float: right;
}

.pricing-label {
    font-weight: 400;
    font-size: 14px;
}

.price {
    font-size: 20px;
}

.bloc-pricing {
    width: 552px;
    margin-bottom: 40px;
}

.button-price {
    padding: 8px 6px;
    font-size: 13px;
    background-color: #EC1D27;
    color: white;
    max-width: 120px;
    text-align: center;
}

    .button-price:hover {
        background-color: #38aadc;
        cursor: pointer;
    }

/** eventslide **/
#eventslidecontent {
    position: relative;
    margin-bottom: 30px;
    height: 100%;
    width: 100%;
}

    #eventslidecontent .slide {
        position: relative;
        height: 100%;
        width: 100%
    }

.prixBundle {
}


#eventslidecontent .slide img {
    height: 100%;
    width: 100%;
}

.eventslidecat {
    color: #A5A5A5;
    font-size: 13px;
}

.eventdate {
    font-weight: bold;
}

.eventslidetitle {
    margin-bottom: 15px;
}

    .eventslidetitle h1 {
        font-size: 37px;
        color: #221f1f;        font-weight: 700;
    }

.eventslide {
    background: url("../images/slider-atelier.jpg") no-repeat;
    width: 640px;
    height: 354px;
}

.eventcompt {
    /*width: 350px;*/
    margin-top: 9px;
}

.eventauthor {
    margin-top: 8px;
    font-size: 13px;
    font-family:"Open Sans SemiBold";

}

.recherche button {
    border: none;
    background: transparent;
}

#includeSocialButton {
}


/** description **/
#description {
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 15px;
    font-family:"Open Sans SemiBold"
}

    #description .sectiontitle {
        padding-bottom: 0px;
        margin-bottom: -15px;
    }

    #description p {
        margin-bottom: 20px;
    }


/** intervenant **/

    #intervenants .inter_title {
        min-height: 36px;
        font-size: 12px;
        font-family:"Open Sans Bold";
    }

    #intervenants .inter_txt {
        font-size: 12px;
        height: auto;
    }


/** agenda **/
#agenda {
    width: 100%;
    margin-bottom: 50px;
}

    #agenda .date {
        margin-bottom: 20px;
        font-size: 14px;
        font-weight: bold;
    }

    #agenda .horaire {
        font-size: 12px;
        font-weight: bold;
    }

.tabagenda {
}

    .tabagenda td {
        padding-right: 15px;
        font-size: 14px;
    }

/** module facebook **/
#modulefacebook {
    background: url("../images/modulefacebook.jpg") no-repeat;
    width: 640px;
    height: 130px;
    margin-bottom: 105px;
}

.container-zone1et2et3 {
    display: flex;
    flex-direction: column;
}


@media screen and (max-width : 1000px) {
    .container-zone1et2et3 {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

@media screen and (max-width : 1000px) {
    .eventzone2et3 {
        flex-direction: column !important;
    }
}


/*********************** event zone2 *************/

.eventzone2et3 {
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 2400px;
    /*margin-left: 100px;*/
    justify-content:space-between;
}

.expert-title-vignette {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px;
    font-family:"Open Sans SemiBold"
}

@media screen and (max-width : 1250px) {
    .expert-title-vignette {
        margin-left: 0px;
    }
}



#eventzone2 {
    font-size: 13px;
    width:60%;
}

#eventzone3 {
    background-color: #EEEFF1;
    flex-direction: column;
    width: 25vw;
    max-width: 418px;
}

@media screen and (max-width : 1000px) {
    #eventzone3 {
        align-self: flex-start;
        width:100%;
        max-width: none;
        display:flex;
        align-items:center;
    }

    #eventzone2 {
        font-size: 13px;
        width: 95%;
    }
}


.live-vignette{
    color:#000;
    font-size:16px;
}
.eventzone2bloc .eventalbumcontent .vignette::after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.eventzone2bloc .eventalbumcontent:hover .vignette::after {
    background-color: rgba(0,0,0,0.05);
}


@media screen and (max-width : 1000px) {

    .eventzone2bloc .eventzone2title {
        width: inherit !important;
        margin-left: 0px !important;
        align-self:center;
    }

    .live-vignette {
        color: #000;
        font-size: 16px;
        align-self:center;
    }

}

.eventzone2bloc .eventzone2title {
    padding-bottom: 4px;
    font-family: "Open Sans Bold";
    width: 272px;
    margin-bottom: 15px;
    font-size: 14px;
    color: #747474;
    margin-left:20px;
}

.eventzone2bloc .eventalbum {
    margin-right: 7px;
    padding-left: 20px;
    padding-right: 20px;
}

.bundlezone2bloc .bundletalbum {
    float: left;
    width: 132px;
    margin-right: 7px;
    height: 200px;
}

.eventzone2bloc .eventalbumcontent {
    margin-bottom: 15px;
    cursor: pointer;
    display: flex;
    flex-direction: row;
}

@media screen and (max-width : 1250px) {

    .eventzone2bloc .eventalbumcontent {
        margin-bottom: 10px;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        width: calc(545px/3);
    }
}

.eventzone2bloc .bundlealbum {
    float: left;
    width: 132px;
    margin-right: 7px;
    height: 183px;
    display: flex;
    flex-direction: column;
}


.eventzone2bloc .titreBundleVignette {
    height: 30px;
}

.eventzone2bloc {
    display:flex;
    flex-direction:column;
    margin-top:30px;
}
.yourPrice-bundlePromote {
    color: #0579B4;
    font-weight: bold;
}

.price-bundlePromote {
    color: #0579B4;
    font-weight: bold;
}

.eventzone2bloc .vignettecontent {
    position: relative;
    margin-bottom: 3px;
    width: calc(545px/3);
    height: calc(284px/3);
}

.eventzone2bloc .vignette img {
    width: calc(545px/3);
    height: calc(284px/3);
}

.eventzone2bloc .vignettetime {
    background-color: #101F29;
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: bold;
    /*height: 15px;*/
    /*width: 44px;*/
    text-align: center;
    line-height: 15px;
    font-size: 9px;
    /*padding:0 2px 0 2px;*/
}

.eventzone2bloc .vignette {
    width: 100%;
    height: 95px;
    overflow: hidden;
}

.eventzone2bloc .vignetteexpert {
    line-height: 14px;
    font-size: 13px;
    font-weight:600;
}

.eventzone2bloc .vignettetitle {
    font-weight: bold;
    font-size: 11px;
}

@media screen and (max-width : 2400px) {
    #eventzone2 {
        margin-left: 4vw;
    }
}

/*********************** PAGE Mes evenements **************/
.myeventcontent {
    width: 870px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 27px;
}

.myeventselect {
    margin-bottom: 125px;
}

    .myeventselect .select {
        text-align: center;
    }

        .myeventselect .select ul {
            padding-top: 5px;
        }

            .myeventselect .select ul li {
                display: inline-block;
                color: #D2D2D2;
                width: 33%;
                font-size: 19px;
                padding-bottom: 10px;
            }

                .myeventselect .select ul li:first-child {
                    padding-bottom: 1px;
                }

                .myeventselect .select ul li:nth-child(2) {
                    border-left: 1px solid #D1D1D1;
                    border-right: 1px solid #D1D1D1;
                    padding-bottom: 1px;
                }

            .myeventselect .select ul .inactive span, .select ul .inactive a {
                color: #D2D2D2;
            }

            .myeventselect .select ul .active {
                color: #221f1f;
                font-family:"Open Sans Bold";
            }

/********/
.myinfoselect .select {
    text-align: center;
}

    .myinfoselect .select ul {
        padding-top: 5px;
        /*padding-bottom: 10px;*/
    }

        .myinfoselect .select ul li {
            display: inline-block;
            color: #D2D2D2;
            width: 33%;
            font-size: 19px;
            padding-bottom: 10px;
            font-weight: 700;
        }

            .myinfoselect .select ul li:first-child {
                padding-bottom: 1px;
            }

            .myinfoselect .select ul li:nth-child(2) {
                border-left: 1px solid #D1D1D1;
                /*border-right: 1px solid #D1D1D1;*/
                padding-bottom: 1px;
            }

            .myinfoselect .select ul li:last-child {
                border-right: none;
            }

        .myinfoselect .select ul .inactive span, .select ul .inactive a {
            color: #888888;
        }

        .myinfoselect .select ul .active {
            color: #221f1f;
        }

/********/

/** recherche live **/

#s2 {
    color: #A0A2A1;
    border: none;
    font-size: 13px;
    background-color: transparent;
    width: 200px;
}

.searchlive {
    margin: 7px auto 20px auto;
    width: 245px;
    border-bottom: 1px solid #e1e4e5;
}

.labelcontent {
    margin-bottom: 30px;
    margin-left: 50px;
}

.labels {
    width: 225px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    height: 200px;
}

.pictobutton {
    padding: 0px 2px;
}

.lab {
    position: relative;
    cursor: pointer;
    display: block;
}

    .lab:hover {
        opacity: 0.8;
    }

.labimg {
    width: 225px;
    height: 165px;
}

    .labimg img {
        width: 225px;
        height: 165px;
    }

.labelinfo {
    position: absolute;
    right: 0;
    bottom: 0px;
    min-height: 37px;
    min-width: 47px;
    margin-top: 5px;
}

.labelreplay {
    color: #121F32;
    background-color: #0579B4;
    padding: 3px;
    font-size: 10px;
    font-weight: bold;
    min-height: 12px;
}

    .labelreplay:hover {
        color: #fff;
        cursor: pointer;
    }

.labeltime {
    background-color: #0E202E;
    padding: 2px -1px 5px 0;
    font-size: 9px;
    font-weight: bold;
    text-align: center;
    height: 12px;
}

.labtxt {
    width: 165px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    color: #5F5F5F;
}

.labaction {
    float: right;
    color: #DADADA;
    font-size: 22px;
    margin-top: 5px;
}

    .labaction a {
        color: #DBDBDB;
    }

/** plus d'evenement **/
.morevent {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 22px;
    padding-bottom: 22px;
    border-top: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    margin-bottom: 20px;
}

    .morevent, .morevent a {
        color: #A7A7A7;
        font-size: 20px;
    }



/*********************** PAGE ma page blanche ****************/

.myeventcontent {
}

/** historique **/
.historique {
    width: 785px;
    font-weight: bold;
    margin: 0 !important;
}



.divhistoriqueform {
    margin-bottom: 20px;
    margin-top: 20px;
    position: relative;
    width: 115px;
    float: left;
}

#historiqueform button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    bottom: -13px;
    padding: 0;
    position: absolute;
    right: 21px;
}

#historiqueform input {
    border: none;
    background: none;
    border-bottom: 1px solid grey;
    width: 65px;
}

.cadreombre {
    border: 1px solid rgba(209, 209, 209, 0.1);
    box-shadow: 1px 1px 1px;
    margin-bottom: 20px;
    box-shadow: 0 0 14px 4px #F2F2F2;
    position: relative;
    margin-top: 50px;
}


.tablanche {
    text-align: center;
    margin-top: 20px;
    padding-right: 15px;
}

    .tablanche table tr td, .tablanche table tr th {
        width: 130px;
        text-align: center;
        padding: 7px 15px 5px 15px;
        border-right: 1px dashed #D1D1D1;
        word-break: break-word;
        word-wrap: break-word;
    }

        .tablanche table tr td:last-child {
            border-right: none;
        }

    .tablanche table tr th, .tabmembre table tr th {
        font-weight: bold;
        text-align: center;
        vertical-align: top;
        font-weight: 700;
        height: 40px;
        color: #221f1f;
        border-right: 1px dashed #D1D1D1;
    }

    .tablanche table td.totaltit {
        text-align: right;
        height: 40px;
        color: #221f1f;
        border-top: 1px solid #D1D1D1;
        padding-right: 60px;
        width: 558px;
    }

    .tablanche table td.totalmin {
        color: #221f1f;
        border-top: 1px solid #D1D1D1;
        height: 40px;
        width: 102px;
    }


    .tablanche table .nobordure td {
        border-right: none;
    }

    .tablanche .coldate {
        width: 90px;
    }

    .tablanche .colnom {
        width: 80px;
    }

    .tablanche .colpren, .tabmembre .colpren {
        width: 80px;
    }

    .tablanche .coltitre, .tabmembre .colemail {
        max-width: 250px;
    }

    .tablanche .colduree, .tabmembre .deleteMembre {
        width: 80px;
    }

    .tablanche .colnbutil, .tabmembre .deleteMembre {
        width: 80px;
        border: none;
    }

    .tablanche .table_historique tbody {
        overflow-y: scroll;
        height: 220px;
        display: block;
    }

.orderc {
    font-size: 40px;
}

    .orderc:hover {
        cursor: pointer;
    }


/** membres **/
.membres {
    width: 785px;
    height: 400px;
    font-weight: bold;
    padding-left: 15px;
    font-size: 16px;
}

#membreform {
    margin-top: 20px;
}

.inputmembre {
    border: none;
    border-bottom: 1px solid #D1D1D1;
    margin-right: 80px;
    width: 120px;
}

.divmembreform {
    margin-top: 20px;
}

.tabagenda tbody {
    overflow-y: hidden;
}

.tabmembre {
    margin-top: 50px;
}

    .tabmembre table, .tablanche table {
        width: 770px;
        min-height: 280px;
        display: block;
    }

    .tabmembre th {
        text-align: center;
        font-weight: bold;
    }

    .tabmembre td, .tabmembre th {
        overflow: hidden;
        display: inline-block;
        white-space: nowrap;
        text-align: center;
        padding: 13px 7px 7px 7px;
        border-right: 1px dashed #D1D1D1;
        word-break: break-word;
        word-wrap: break-word;
        width: 160px;
    }

    .tabmembre .table_membres tbody {
        overflow-y: scroll;
        height: 220px;
        display: block;
    }

    .tabmembre table tr th .colsup {
        width: 15%;
        border-right: none;
    }

    .tabmembre table tr td:last-child, .tabmembre table tr th:last-child {
        border-right: none;
    }

.tdmembretitre {
    font-size: 13px;
}

.ajouter {
    font-weight: bold;
    padding: 10px 18px;
    background-color: #007CB4;
    color: #fff;
    font-size: 15px;
    border: none;
}

    .ajouter:hover {
        cursor: pointer;
    }
/** accessbackoffice **/
.accessbackoffice {
    margin: 15px;
}

    .accessbackoffice > * {
        display: inline;
    }

.linkbackoffice {
    position: relative;
    left: 294px;
}
/** mahome **/
.mahome {
    width: 100%;
    !height: 500px;
    position: relative;
}

.homecontent {
    position: relative;
    width: 100%;
}

.homeleft {
    background-color: #EDF1F2;
    width: 100px;
    height: 100%;
    position: absolute;
}

    .homeleft img, .tag2 {
        position: relative;
        top: 20px;
        left: 15px;
    }

.homeright {
    padding-top: 20px;
    padding-left: 20px;
    width: 662px;
    margin-left: 100px;
}

.homeleft, .homeright {
    display: inline-block;
    vertical-align: top;
}

.selectnumber {
    margin-bottom: 45px;
}

    .selectnumber ul {
    }

        .selectnumber ul li {
            display: inline;
        }

#select1 {
}

.homenumber option {
    height: 70px;
    padding-top: 23px;
    width: 96px;
}

#select1, #select2 {
    border: none;
    height: 70px;
}

#select2 {
}

#select4 option {
    font-size: 13px;
}

.home1 {
    height: 290px;
}

.home2 {
    min-height: 382px;
}

.live {
    margin-bottom: 55px;
}


.labellive {
    display: block;
    float: left;
    width: 110px;
    margin-top: 5px;
}

.checkboxSlider {
    float: left;
    position: relative;
    top: 6px;
    left: -20px;
}

.selectnumber select {
    height: 68px;
    width: 682px;
    border: none;
}


.selectnumber ul li:last-child .homenumber {
    margin-right: 0;
}

.homenumber option {
    color: #fff;
    background-color: #b1bcbe;
    display: inline-block;
    !display: inherit;
    margin-right: 5px;
    font-size: 22px;
    text-align: center;
    width: 96px;
    height: 70px;
    vertical-align: middle;
    float: left;
}

    .homenumber option:last-child {
        margin-right: 0px;
    }

    .homenumber option:hover {
        cursor: pointer;
        background-color: #2d9cd4;
    }

option inherited {
    width: 50px;
}

/*
.homenumber option[selected=selected] {
	background-color: #2d9cd4;
}
*/

.homenumber option::selection {
    background-color: #2d9cd4;
}

#select2 option {
    font-size: 13px;
    !padding: 25px 27px;
}
/*
#select2 option:first-child {
	font-size: 15px;
}
*/


.home3 {
    margin-top: -30px;
}

    .home3 option {
        font-size: 30px;
        height: 42px;
        padding-top: 10px;
        width: 41.5px;
    }

.live select {
    border: none;
    -webkit-appearence: none;
}


.tag {
    height: 145px;
}

.tagleft {
    float: left;
    width: 145px;
    background-color: #BFC7CA;
    color: #EDF1F2;
    height: 145px;
    margin-right: 73px;
}

.nuage {
    font-size: 50px;
    color: #fff;
    padding-top: 40px;
    padding-left: 45px;
}

.tagright {
    float: left;
    position: relative;
    padding-top: 20px;
    height: 125px;
}

    .tagright .ajouter {
        position: absolute;
        right: 0px;
        bottom: 0px;
    }

.homecontent .tagwidth {
    width: 322px;
    border-bottom: 1px solid #888888;
}


.list-container {
    margin-top: 50px;
}

.accesseurs {
    height: 65px;
}
/*.tbas {
	font-size: 40px;
	background-color: white;
	margin-left: -20px;
}*/


/******************* page creer mes evenements **********************/
.createmyeventcontent {
    position: relative;
}

.Connexion-obligatoire-checkbox {
    margin-bottom: 20px;
}

#creezevenement {
    margin-left: 60px;
    margin-top: 28px;
}

.fil_ariane {
    float: left;
    margin-left: 455px;
    font-size: 13px;
}

.chapitrer {
    margin-right: 10px;
    margin-bottom: 35px;
}

#forms {
    width: 770px;
    margin-left: auto;
    margin-right: auto;
}

.floatright {
    float: right;
}

.chapter-button {
    margin-right: 457px;
    margin-bottom: 29px;
    margin-top: 14px;
}

.titrecreation {
    float: right;
}

.addtitle {
}

.boxshadow {
    background: white;
    border: 1px solid #D1D1D1;
    box-shadow: 1px 1px 1px;
    margin-bottom: 70px;
    box-shadow: 0 0 14px 4px #F2F2F2;
    position: relative;
    margin-top: 30px;
    padding-left: 28px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 50px;
}

.boxshadow2 {
    background: white;
    border: 1px solid #ebeeef;
    -moz-box-shadow: 0px -4px 10px 0px #eff3f4;
    -webkit-box-shadow: 0px -4px 10px 0px #eff3f4;
    -o-box-shadow: 0px -4px 10px 0px #eff3f4;
    box-shadow: 0px -4px 10px 0px #eff3f4;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#eff3f4, Direction=90, Strength=10);
}

.boxshadow3 {
    background: white;
    border: 1px solid #ebeeef;
    -moz-box-shadow: 0px -4px 10px 0px #eff3f4;
    -webkit-box-shadow: 0px -4px 10px 0px #eff3f4;
    -o-box-shadow: 0px -4px 10px 0px #eff3f4;
    box-shadow: 0px -4px 10px 0px #eff3f4;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#eff3f4, Direction=90, Strength=10);
    margin-top: 15%;
}

.boxshadowtitleleft {
    position: absolute;
    left: 0;
    top: -25px;
    font-weight: bold;
    font-size: 14px;
    color: #C50000;
}

.boxshadowtitleright {
    position: absolute;
    right: 0;
    top: -25px;
    font-weight: bold;
    font-size: 14px;
    color: #221f1f;
}

.underline {
    border: none;
    border-bottom: 1px solid #888888;
    padding-bottom: 5px;
    width: 94%;
}

.underline2 {
    border: none;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 5px;
    width: 100%;
    margin-top: 2px;
}

.titrec {
    font-family: Oswald;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    width: 100%;
    height: 41px;
    overflow: hidden;
    resize: horizontal;
    max-height: 82px;
}

.legendes {
    color: #DDDDDD;
    font-size: 11px;
    margin-top: 3px;
}

.legendes2 {
    color: #888888;
    font-size: 11px;
    margin-top: 0px;
    margin-left: 2px;
}

.formeventleft {
    float: left;
    position: relative;
    width: 278px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.formeventright {
    float: right;
    position: relative;
    width: 370px;
    min-height: 270px;
    margin-top: 30px;
}


.calendrier {
    padding: 8px 8px;
    margin-right: 17px;
    float: left;
}

.datec {
    font-weight: bold;
    font-size: 17px;
    width: 145px;
    padding-top: 10px;
}

.thematique {
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

#listethematique {
    border: medium none;
    color: #888888;
    font-weight: bold;
    font-size: 17px;
    width: 200px;
}

#descriptionc {
    width: 100%;
    position: absolute;
    bottom: 18px;
    font-weight: bold;
    font-size: 17px;
    max-height: 160px;
}

.filec {
    width: 277px;
    height: 144px;
    overflow: hidden;
    /*background-color: transparent;*/
    position: relative;
    z-index: 100;
    background-color: #C9C9C9;
    background: url("../images/nuage.png") no-repeat center center #C9C9C9;
    border: none;
    cursor: pointer;
}

    .filec img:hover {
        background: transparent url("../images/nuage.png") no-repeat center center;
    }

.getfile {
    position: relative;
}

.fondg {
    width: 285px;
    height: 150px;
    position: absolute;
    z-index: 1;
    background-color: #C9C9C9;
}

.cloud {
    font-size: 50px;
    left: 110px;
    position: absolute;
    top: 45px;
    z-index: 10;
    color: #fff;
}



.box {
    position: relative;
    width: 680px;
}

.box2 {
    position: relative;
    width: 680px;
    padding-top: 10px;
}

.box3 {
    position: relative;
    width: 680px;
    margin-top: -30px;
}

.icones {
    width: 70px;
    margin-right: 70px;
    float: left;
    font-size: 0;
}


.ask {
    float: left;
    width: 540px;
    font-size: 17px;
    font-weight: bold;
    position: relative;
}

    .ask .errorfield {
        border-color: #C50000;
    }

    .ask .nomc {
        margin-top: 65px;
        margin-bottom: 85px;
    }

.contact, .contactp, .clock, .plus {
    width: 66px;
    height: 66px;
}

    .contact img, .contactp img, .clock img, .plus img {
        padding: 8px 8px;
    }

.mail, .mail2, .vid, .tchat, .tag2 {
    color: #EDF1F2;
    font-size: 59px;
    padding: 1px 10px;
    background-color: #BFC7CA;
}

.icones .contact {
    margin-top: 15px;
    margin-bottom: 150px;
}

.icones .contactp {
    margin-bottom: 30px;
}

.icones .clock, .plus {
    margin-bottom: 40px;
}

    .icones .clock:first-child {
        margin-top: 20px;
    }

.hdetail {
    margin-top: 70px;
    margin-bottom: 50px;
    font-size: 17px;
    font-weight: bold;
}

.heure {
    width: 100px;
    margin-right: 10px;
}

.detail {
    width: 380px;
}

.dropdown-fuseau {
    margin-top: 5px;
    height: 20px !important;
    width: 300px;
}

#horodatageLive {
    display: inline-block;
    width: 300px;
    height: 120px;
    margin: auto;
}
/*   .dropdown-fuseau  .dropdown-toggle {
        width: 147px !important;
        min-width: inherit !important;
        height: inherit !important;
    }
        .dropdown-fuseau  .dropdown-toggle-disabled {
        width: 147px !important;
        min-width: inherit !important;
        height: inherit !important;
    }
     */
.right {
    /*position: absolute;
    right: -5px;*/
}


.payer {
    margin-top: 20px;
    margin-bottom: 20px;
}

.payer-input {
    margin-bottom: 30px;
}

.abonnementPrice {
    width: 40px;
}

.abonnementLibelle {
    width: 120px;
}

.abonnementNom {
    width: 170px;
    margin: auto;
}

.tarif {
    width: 350px;
    margin-bottom: 60px;
}

    .tarif input {
        width: 100px;
    }

#tarif {
    text-align: right;
}

.tarif:after {
}

.payer .oui-non {
    width: 200px;
}


.fichiers {
    float: right;
}

.txtfic {
    float: left;
    font-size: 12px;
    width: 220px;
    text-align: right;
    margin-right: 10px;
}

.choixfic {
    color: #fff;
    padding: 10px;
    float: right;
    font-size: 14px;
    margin-bottom: 30px;
}

    .choixfic a {
        color: #fff;
    }


.carre {
    width: 70px;
    margin-right: 70px;
}

.visibilite {
    margin-bottom: 40px;
    width: 580px;
}

    .visibilite input {
        !width: 540px;
    }

.visible {
    width: 540px;
    float: right;
}

.left {
    float: left;
}

.bold {
    font-weight: bold;
}

.pcv {
    margin-top: 70px;
}

.divpm {
    width: 270px;
    float: left;
    margin-bottom: 70px;
}

.pm {
    width: 229px;
    /* float: left; */
    height: 100%;
}

.mdp {
    float: right;
    width: 280px;
    margin-top: 3px;
}

.mode-presentation-top {
    margin-top: 45px;
}

.mode-presentation-top2 {
    margin-top: 15px;
}

.mode-presentation {
    width: 580px;
    clear: both;
    margin-bottom: 48px;
    height: 55px;
}

.vidleft {
    width: 70px;
    float: left;
    margin-right: 30px;
}

.vidright {
    width: 460px;
    float: right;
    padding-top: 40px;
}

.vid4 {
    width: 420px;
    float: right;
}

.dureespectateur, .pricingTab, .prixAbonnement {
    font-weight: bold;
    width: 100%;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 40px;
}

.prixAbonnement {
    text-align: center;
}

.dureespectateur th, .pricingTab th {
    font-weight: bold;
    padding-right: 20px;
}

.prixAbonnement th {
    text-align: center;
    color;
}

.dureespectateur th, .dureespectateur td, .pricingTab th, .pricingTab td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dureespectateur td, .pricingTab td {
    padding-left: 9px;
    vertical-align: center;
    height: 48px;
}

.prixAbonnement td {
    border-right: 1px dashed #D1D1D1;
    height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.dureespectateur tr, .pricingTab tr {
    border-bottom: 1px dashed #D1D1D1;
}

.prixAbonnement .noBorder {
    border: 0 !important;
}

.prixAbonnement .useless {
    height: 15px;
}

.prixAbonnement a {
    text-decoration: underline;
}


.noborder {
    border: none;
}

.colortd {
    color: #221f1f;
    font-size: 19px;
}

.noire {
    color: #221f1f;
    font-weight: bold;
    font-size: 16px;
}

/** bouton select **/
.createmyeventcontent .radio-button + label {
    margin-left: -22px;
}

    .createmyeventcontent .radio-button + label:before {
        content: "i";
        display: inline-block;
        height: 28px;
        line-height: 26px;
        width: 35px;
        vertical-align: top;
        margin: 0;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        font-variant: normal;
        text-transform: none;
        background-color: #fff;
        font-size: 28px;
    }

    .createmyeventcontent .radio-button + label:hover:before /*Bouton hover*/ {
        content: "j";
        font-family: "fontello";
        font-size: 24px;
        margin: 0;
    }

.createmyeventcontent .radio-button:checked + label:before /*Bouton coché*/ {
    content: "j";
    font-family: "fontello";
    font-size: 24px;
}

.createmyeventcontent .radio-button:disabled + label:before /*Bouton désactivé*/ {
}

/**Select Mode**/
.list-mode-video {
    display: flex;
    width: 500px;
    margin: auto;
}

    .list-mode-video .mode-video {
        width: 92px;
        height: 60px;
        margin-right: 180px;
    }

.radiobutton-mode-video:not(:checked),
.radiobutton-mode-video:checked {
    position: absolute;
    left: -9999px;
}

.radiobutton-mode-video + label {
    display: block;
    width: 250px;
    height: 60px;
    border: 1px solid #D1D1D1;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    color: #000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 60px;
    text-align: center;
}

.radiobutton-mode-video:not(:checked) + label,
.radiobutton-mode-video:checked + label {
    cursor: pointer;
}

.radiobutton-mode-video:not(:checked) + label {
    background-color: #E8E8E8;
}

.radiobutton-mode-video:checked + label {
    background-color: #EC1D27 !important;
    color: #FFF !important;
}

.explicationLiveVod {
    margin-top: 40px;
}

.labelRadioButtonModeVideo::before {
    position: relative;
    left: -5px;
    top: 10px;
    margin-left: 7px;
}

.radiobutton-mode-video:checked + #labelRadioButtonModeVideo_live::before {
    content: url(../images/camera_white.png);
}

.radiobutton-mode-video:checked + #labelRadioButtonModeVideo_VOD::before {
    content: url(../images/playEyedo_white.png);
}

#labelRadioButtonModeVideo_live::before {
    content: url(../images/camera_grey.png);
}

#labelRadioButtonModeVideo_VOD::before {
    content: url(../images/playEyedo_grey.png);
}


/*******************ACCORDEON*********************/

#parametre_avance {
    padding: 0 !important;
}

.accordeon {
    height: 39px;
    overflow: hidden;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    -webkit-transition: height .2s;
    transition: height .2s;
}

.accordeon-active {
    height: 120px !important;
}

.accordeon .accordeon-header {
    height: 40px;
    border-bottom: 1px solid #D1D1D1;
    padding: 10px 0 0 28px;
    box-sizing: border-box;
    cursor: pointer;
}

    .accordeon .accordeon-header > div {
        height: 100%;
    }

    .accordeon .accordeon-header .title {
        width: 90%;
        float: left;
    }

    .accordeon .accordeon-header .open {
        width: 10%;
        float: right;
    }

.accordeon .icon-open {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 10px 0;
    border-color: transparent #EC1D27 transparent transparent;
    position: relative;
    left: 45px;
    transform: rotate(0deg);
    -moz-transition: transform .2s;
    -ms-transition: transform .2s;
    -o-transition: transform .2s;
    -webkit-transition: transform .2s;
    transition: transform .2s;
    cursor: pointer;
}

.accordeon .icon-open-active {
    transform: rotate(-90deg);
}

.accordeon .accordeon-body .list-item > * {
    width: 100%;
    display: inline;
    position: relative;
}

.accordeon .accordeon-body .list-item:last-child {
    border: 0;
}

.accordeon .accordeon-body .list-item {
    box-sizing: border-box;
    padding-left: 28px;
    height: 40px;
    padding-top: 8px;
    border-bottom: 1px solid #D1D1D1;
}

    .accordeon .accordeon-body .list-item .list-item-libelle {
        top: 3px;
        cursor: pointer;
    }

/*******************CHECKBOX*********************/
.checkbox:not(:checked),
.checkbox:checked {
    position: absolute;
    left: -9999px;
}

    .checkbox:not(:checked) + label,
    .checkbox:checked + label {
        position: relative;
        padding-left: 25px;
        cursor: pointer;
    }

        .checkbox:not(:checked) + label:before,
        .checkbox:checked + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 2px;
            width: 17px;
            height: 17px;
            background: #EC1D27;
            border-radius: 3px;
            border: 1px solid rgba(0, 0, 0, 0.3);
            box-shadow: inset 0 1px 3px rgba(0,0,0,.3);
        }

        .checkbox:not(:checked) + label:after,
        .checkbox:checked + label:after {
            content: '✔';
            position: absolute;
            top: 1px;
            left: 3px;
            font-size: 14px;
            color: #FFF;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            -o-transition: all .2s;
            -webkit-transition: all .2s;
            transition: all .2s;
        }

        .checkbox:not(:checked) + label:after {
            opacity: 0;
            transform: scale(0);
        }

        .checkbox:checked + label:after {
            opacity: 1;
            transform: scale(1);
        }

/*******************PAGE INFOS PERSOS *********************/

.myinfocontent {
    width: 870px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 27px;
}


.infoscontainer {
    width: 860px;
    position: relative;
    margin-top: 50px;
}

.myinfoselect {
    border-bottom: 1px solid rgba(209, 209, 209, 0.3);
    margin-bottom: 12px;
}


.infobox {
    width: 368px;
    height: 400px;
    float: left;
    border: 1px solid rgba(209, 209, 209, 0.1);
    margin-right: 55px;
    margin-bottom: 52px;
    position: relative;
    -webkit-box-shadow: 0 0 14px 4px #F2F2F2;
    box-shadow: 0 0 14px 4px #F2F2F2;
}


.inputbox {
    padding-top: 34px;
    padding-left: 38px;
    padding-bottom: 20px;
}


    .inputbox input {
        margin-bottom: 28px;
        font-weight: bold;
        font-size: 16px;
        color: #838383;
        background-color: white;
    }

        .inputbox input::-webkit-input-placeholder {
            color: #838383;
        }

        .inputbox input::-moz-placeholder {
            color: #838383;
        }

        .inputbox input:-ms-input-placeholder {
            color: #838383;
        }


.identifiants .inputbox {
    margin-bottom: 48px;
}

.inputtop {
    width: 300px;
}

.inputleft {
    float: left;
    width: 133px;
    margin-right: 30px;
}


.bancairetop {
    margin-top: 30px;
    width: 300px;
}

.bancaire input {
    margin-bottom: 0;
}

.bancaireinput {
    margin-bottom: 70px;
}

.banctxt {
    color: #878787;
    font-size: 12px;
}

.loginmessage {
    font-size: 14px;
    padding-bottom: 10px;
    min-width: 350px;
}

.livemessage {
    margin-top: 69px;
    margin-left: 50px;
    padding-bottom: 10px;
    border-bottom: 1px solid #E9E9E9;
    min-width: 350px;
}

#fileimg {
    width: 277px;
    height: 144px;
    background-color: #C9C9C9;
    margin-bottom: 0;
}

#motdepasse {
    position: relative;
}

#mdpass {
    /*width: 300px;
	height: 20px;*
	position: absolute;*/
    z-index: 10;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: -10px;
    cursor: pointer;
}

    #mdpass:hover {
        opacity: 0.8;
    }

#modifpass {
    width: 295px;
    height: 128px;
    background-color: #fff;
    padding-top: 20px;
    padding-left: 15px;
}

.dropdown {
    list-style: none;
}

.PwdBox {
    top: 0 !important;
    left: 0 !important;
}

.dropdown-toggle-pwdbox {
    display: none;
}

/*div#mdpass:hover + div#modifpass
{
    display: block;
}
*/

.inputpass {
    width: 268px;
}

#motdepasse .inputpass input {
    font-size: 15px;
    margin-bottom: 0;
}

#solde {
    width: 320px;
    text-align: center;
    color: #221f1f;
    font-weight: bold;
}

.boxsolde {
    margin-top: 60px;
    margin-left: 25px;
    color: #221f1f;
}

.getmonth {
    width: 260px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-weight: bold;
    font-size: 14px;
    height: 15px;
}

    .getmonth .prec {
        float: left;
        !padding-right: 5px;
    }

    .getmonth .month {
        float: left;
        margin-left: 16px;
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid #f0f0f0;
        border-right: 1px solid #f0f0f0;
    }

    .getmonth .suiv {
        float: left;
        padding-left: 10px;
    }

#detailgain {
    width: 215px;
    background-color: #fff;
    padding: 10px 30px;
}

.button {
    font-weight: bold;
    padding: 10px 18px;
    font-size: 15px;
}

.button-delete {
    background-color: #EC1D27;
    color: #FFFFFF !important;
}

.disable-button-delete {
    background-color: rgba(122,122,122,0.6) !important;
    cursor: initial !important;
}

.envoyer {
    margin: auto;
    margin-bottom: 54px;
    font-size: 24px;
    padding: 14px 10px;
    display: block;
}

.paiement {
    margin-top: 55px;
    margin-left: 200px;
    margin-bottom: 20px;
}

.enregistrer {
    margin-bottom: 60px;
}


/******* bouton radio ma page blanche **********/
.perso {
    width: 650px;
}

.persocontent {
    float: left;
    height: 70px;
    overflow: hidden;
    width: 107px;
    margin-right: 1px;
    position: relative;
}

.perso-input {
    position: relative;
    margin-top: -17px;
}

.pos2 {
    font-size: 26px;
    line-height: 0.5em;
}

.pos3 {
    font-size: 14px;
    left: 26px;
    position: absolute;
    top: 41px;
    z-index: 100;
    width: 88%;
    word-wrap: break-word;
    word-break: break-word;
    text-align: center;
}

.pos33 {
    left: 4px;
}


/** INPUT test **/

.white {
    color: #fff;
}

.perso input[type="radio"] {
    visibility: hidden;
    float: left;
}

    .perso input[type="radio"] + label:before {
        content: "m";
        display: inline-block;
        width: 110px;
        height: 1em;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        font-variant: normal;
        text-transform: none;
        background-color: #B1BCBE;
        font-size: 108px;
        margin-right: 3px;
        color: #B1BCBE;
    }

    .perso input[type="radio"] + label:hover:before /*Bouton hover*/ {
        color: #2D9CD4;
        background-color: #2D9CD4;
    }
    /*Bouton coché*/
    .perso input[type="radio"]:checked + label:before {
        color: #2D9CD4;
        background-color: #2D9CD4;
    }

.perso .button-delete {
    float: right;
    cursor: pointer;
    position: relative;
    left: -9px;
    top: -8px;
}
/*Bouton coché*/
/*.perso label.select  {
        color: #2D9CD4;
        background-color: #2D9CD4;
    }*/

.perso input[type="radio"]:disabled + label:before /*Bouton désactivé*/ {
}

/******* bouton radio ma page blanche small **********/
.environnement {
    margin-bottom: 45px;
    margin-top: -35px;
}

.env-input {
    position: relative;
    !margin-top: -17px;
    width: 110px;
}

.pos4 {
    position: absolute;
    font-size: 30px;
    width: 55px;
    text-align: center;
    top: 8px;
    z-index: 100;
}


/** INPUT test **/

.envcontent {
    float: left;
    height: 50px;
    overflow: hidden;
    width: 54px;
}

.environnement input[type="radio"] + label {
    margin-left: -22px;
    position: absolute;
}

    .environnement input[type="radio"] + label:before {
        content: "s";
        display: inline-block;
        width: 1em;
        height: 1em;
        font-family: "fontello";
        font-style: normal;
        font-weight: normal;
        speak: none;
        text-decoration: inherit;
        font-variant: normal;
        text-transform: none;
        background-color: #B1BCBE;
        font-size: 55px;
        margin-right: 1px;
        color: #B1BCBE;
    }

    .environnement input[type="radio"] + label:hover:before /*Bouton hover*/ {
        color: #2D9CD4;
        background-color: #2D9CD4;
    }

.environnement input[type="radio"]:checked + label:before /*Bouton hover*/ {
    color: #2D9CD4;
    background-color: #2D9CD4;
}

    .environnement input[type="radio"]:checked + label:before /*Bouton coché/ {
    color: #2D9CD4;
    background-color: #2D9CD4;
}
/**/
    .environnement input[type="radio"]:disabled + label:before /*Bouton désactivé*/ {
    }


.light_grey {
    color: #a7a9a8;
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 5px;
}

input, textarea {
    padding: 4px;
}

#recherche input {
    padding: 9px;
    padding-bottom: 2px;
    padding-left: 15px;
    width: 100%;
}


input:focus, textarea:focus {
    outline: none;
    border: 1px solid #0075B2;
}

/********** HACK CSS **********/

/*Supprime le border red sur firefox et safari*/
input:required, input:invalid {
    box-shadow: none;
}



/*chrome & safari scrollbar color1*/
/* Scrollbars */
body ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background: transparent none;
}

/* Fond */
body ::-webkit-scrollbar-track-piece {
    background: transparent none;
}

body ::-webkit-scrollbar-thumb:vertical {
    background-color: #0075B2;
}

body ::-webkit-scrollbar-button:start:decrement,
body ::-webkit-scrollbar-button:end:increment {
    display: none;
}

@-moz-document url-prefix() {
    .correctF .colnomf;

{
    width: 160px;
}

.correctF .colpref {
    width: 160px;
}

.correctF .colemailf {
    width: 260px;
}

.correctF .deleteMembref {
    width: 95px;
}

}

.incvid3 {
    width: 86px;
    height: 70px;
    background-color: #BFC7CA;
    background-image: url("../images/icone-presentation-dispo3.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 86px 70px;
}

.incvid2 {
    width: 86px;
    height: 70px;
    background-color: #BFC7CA;
    background-image: url("../images/icone-presentation-dispo2.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 86px 70px;
}

.incvid1 {
    width: 86px;
    height: 70px;
    background-color: #BFC7CA;
    background-image: url("../images/icone-presentation-dispo1.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 73px 55px;
}

.datetimepattern {
    padding-top: 3px;
}


pre {
    white-space: pre-wrap; /* CSS 3 */
    white-space: -moz-pre-wrap; /* Mozilla depuis 1999 */
    white-space: -pre-wrap; /* Opera 4 à 6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* IE 5.5+ */
    overflow: auto; /* IE 6 */
}

/* Drag And Drop*/

[draggable] {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* Required to make elements draggable in old WebKit */
    -khtml-user-drag: element;
    -webkit-user-drag: element;
    cursor: move;
}


.lr-drop-target-after {
    border-right: 5px solid orange;
}

.lr-drop-target-before {
    border-left: 5px solid orange;
}

.lr-drop-zone {
    background-color: #B1BCBE !important;
}

.boldText {
    font-size: 17px;
    font-weight: bold;
}

/* Theme Tag Editor*/

.tag-editor {
    display: inherit !important;
}

.tag-list {
    margin-top: 10px;
}

.tag-item {
    border: 1px solid #0083b3;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
    background-color: white;
    margin-right: 3px;
}

.tag-themes-input {
}

    .tag-themes-input input {
        margin-top: 10px;
        border: none;
        border-bottom: 1px solid #888888;
        padding-bottom: 5px;
        width: 94%;
        padding: 4px;
    }

.tag-themes {
    margin-bottom: 5px;
}

.time-tags-live-video {
    width: 637px;
    margin: 0 auto;
}

    .time-tags-live-video .overlay_a
    {
        position:relative !important;
    }

    .time-tags-live-video-include {
        height: 370px;
    }

.tag-themes-positions {
    margin-bottom: 20px;
    margin-top: -35px;
}

.tag-themes-blocs-conteneur {
    margin-bottom: 45px;
}

.tag-themes-item {
    border: 1px solid #0083b3;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
    background-color: white;
}

.tag-name-capitalize {
    text-transform: capitalize;
}

.tag-themes-block-item {
}

.tag-themes-drag-zone {
    padding: 5px 10px;
    min-height: 58px;
    background-color: #EDF1F2;
    border: 1px solid #888888;
}

.tag-themes-block-item:hover .tag-themes-block-item-delete {
    display: block;
    position: absolute;
    right: 5px;
    top: 5px;
    height: 20px !important;
    width: 20px !important;
}

.tag-themes-block-item-delete {
    display: none;
}

.tag-action {
    color: #a3a3a3;
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: center;
    padding-bottom: 8px;
    padding-right: 4px;
    padding-left: 4px;
}

    .tag-action:hover {
        cursor: pointer;
    }

.tag-caption {
    display: block;
    color: #DDDDDD;
    font-size: 11px;
    margin-top: 3px;
}

.tag-name {
    margin: 0;
    display: inline-block;
}

/* Fin Theme Tag Editor*/

/* Dropdown */
.dropdown-thematique {
    width: 100%;
    height: 30px;
    margin-bottom: 22px;
}

.dropdown-item {
    min-height: 20px;
    max-width: 500px;
}

.dropdown-item-content {
    min-height: 20px;
}

.dropdown-item:hover {
    background: #FCFCFF;
}
/* Fin Dropdown */

/* Dropdown Live Editor */

.dropdown-live {
    float: right;
}

    .dropdown-live .tag-select {
        background: #eee;
    }

    .dropdown-live .dropdown.open .dropdown-toggle:after {
        content: 'g';
    }

    .dropdown-live .dropdown-toggle {
        /*padding: 2px 10px 2px 4px;*/
        border: none;
        border-bottom: 1px solid #888888;
        cursor: pointer;
        font-weight: bold;
        font-size: 17px;
        display: block;
        min-width: 190px;
        height: 25px;
        overflow: hidden;
        color: #ffffff;
    }

        .dropdown-live .dropdown-toggle:after {
            font-family: "fontello";
            content: 'o';
            position: absolute;
            right: 0;
            min-width: 15px;
            color: #ffffff;
            background-color: #FFF;
            top: 2px;
            width: 20px;
            padding-left: 5px;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

    .dropdown-live .dropdown-menu {
        right: auto;
        min-width: 210px;
        margin-left: -1px;
        max-height: 300px;
        overflow: auto;
    }


/* Fin Dropdown Live Editor */


/* Dropdown Tag Editor */

.dropdown-tag {
    float: left;
}

    .dropdown-tag .tag-select {
        background: #eee;
    }

    .dropdown-tag .dropdown-toggle {
        padding: 2px 10px 2px 10px;
        border: none;
        border-bottom: 1px solid #888888;
        cursor: pointer;
        font-weight: bold;
        font-size: 17px;
        display: block;
        min-width: 300px;
        height: 25px;
    }

        .dropdown-tag .dropdown-toggle:after {
            font-family: "fontello";
            content: 'o';
            margin-left: 5px;
            position: absolute;
            right: 0;
            min-width: 15px;
        }

    .dropdown-tag .dropdown-menu {
        right: auto;
        min-width: 320px;
        margin-left: -1px;
        max-height: 300px;
        overflow: auto;
    }


/* Fin Dropdown Tag Editor */

/* Dropdown FilterSlide Editor */

.dropdown-filter-slide {
    display: inline-block;
}

    .dropdown-filter-slide .tag-select {
        background: #eee;
    }

    .dropdown-filter-slide .dropdown.open .dropdown-toggle:after {
        content: 'g';
    }

    .dropdown-filter-slide .dropdown-toggle {
        padding: 2px 10px 2px 10px;
        border: none;
        border-bottom: 1px solid #888888;
        cursor: pointer;
        font-weight: bold;
        font-size: 17px;
        display: block;
        width: 80px;
        height: 25px;
    }

        .dropdown-filter-slide .dropdown-toggle:after {
            font-family: "fontello";
            content: 'o';
            margin-left: 5px;
            position: absolute;
            right: 0;
            min-width: 15px;
            color: #5F5F5F;
        }

    .dropdown-filter-slide .dropdown-menu {
        right: auto;
        min-width: 63px !important;
        margin-left: -1px;
        overflow: auto;
    }

/* Fin Dropdown FilterSlide Editor */

/* Dropdown Element Slide */

.dropdown-element-slide {
    display: inline-block;
    margin-left: 20px;
}

    .dropdown-element-slide .tag-select {
        background: #eee;
    }

    .dropdown-element-slide .dropdown.open .dropdown-toggle:after {
        content: 'g';
    }

    .dropdown-element-slide .dropdown-toggle {
        padding: 2px 10px 2px 10px;
        border: none;
        border-bottom: 1px solid #888888;
        cursor: pointer;
        font-weight: bold;
        font-size: 17px;
        display: block;
        min-width: 370px;
        height: 25px;
    }

        .dropdown-element-slide .dropdown-toggle:after {
            font-family: "fontello";
            content: 'o';
            margin-left: 5px;
            position: absolute;
            right: 0;
            min-width: 15px;
            color: #5F5F5F;
        }

    .dropdown-element-slide .dropdown-menu {
        right: auto;
        max-width: 390px;
        margin-left: -1px;
        max-height: 300px;
        overflow: auto;
    }

        .dropdown-element-slide .dropdown-menu .dropdown-menu-infos {
            color: #888888;
        }

}

/* Fin Dropdown Element Slide */

/* Sliders */

.bandeau {
    position: relative;
    margin-bottom: 20px;
}

.bandeau-menu {
    height: 26px;
}

.bandeau-menu-item {
    display: inline;
    padding-right: 21px;
    padding-left: 16px;
    font-size: 22px;
    font-family: "Open Sans SemiBold";
}

    .bandeau-menu-item .active {
        /*font-family: "Open Sans Bold";*/
    }

@media screen and (max-width : 1824px) {
    .bandeau-menu-item {
        font-size: 19px;
    }
}
@media screen and (max-width : 1224px) {
    .bandeau-menu-item {
        font-size: 17px;
    }

    .bandeau-menu {
        height: 100%;
    }
}

@media screen and (max-width : 800px) {
    .bandeau-menu-item {
        font-size: 12px;
    }
}

.bandeau a {
    color: #616161;
}

.bandeau .titre {
    min-height: 6px;
}

.bandeau-menu-item:first-child {
    padding-left: 0;
}

.bandeau-slide-content-item {
    position: relative;
    width: 225px;
    cursor: pointer;
    flex: 1
}

    .bandeau-slide-content-item a {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        position: relative
    }

    .bandeau-slide-content-item .info {
        align-self: flex-end;
        position: absolute;
        bottom: 0;
    }
/* fin slider*/

@-moz-keyframes AutoSlide {
    0% {
        display: block;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes AutoSlide {
    0% {
        display: block;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes AutoSlide {
    0% {
        display: block;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.bandeau-slide--visible {
    -moz-animation-name: AutoSlide;
    -o-animation-name: AutoSlide;
    -webkit-animation-name: AutoSlide;
    animation-name: AutoSlide;
    -moz-animation-duration: 0.42s;
    -o-animation-duration: 0.42s;
    -webkit-animation-duration: 0.42s;
    animation-duration: 0.42s;
    -moz-animation-iteration-count: 1;
    -o-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    display: block;
}

.bandeau-slide--non-visible {
    display: none;
}

.bandeau-slide-content-item--play .overlib, .bandeau-slide-content-item:hover .overlib {
    display: block;
}

.bandeau-footer {
    margin: 0 30px 20px 30px;
    border-bottom: 1px solid #ECEEED;
    height: 20px;
    clear: both;
}

.bandeau-footer-margin {
    margin: 0 30px 20px 30px;
    height: 20px;
    clear: both;
}

.bandeau-footer-more {
    text-align: center;
    font-size: 20px;
    color: #A7A7A7;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0 30px 20px 30px;
    border-bottom: 1px solid #ECEEED;
    border-top: 1px solid #ECEEED;
    min-height: 20px;
    clear: both;
}

/* Sliders Home Tags*/

.bandeau-tag {
}

.bandeau-7 .bandeau-slide-content-item {
}

.bandeau-7 .overlib {
}

    .bandeau-7 .overlib .wrap {
        width: 143px;
    }

.bandeau-4 .bandeau-slide-content-item {
}

.bandeau-4 .overlib {
    /*width: 225px;
    height: 165px;*/
}
    .bandeau-4 .overlib .wrap {
        width: 144px;
    }

.bandeau-tag .overlib .chapitre {
    font-size: 11px;
    width: 100%;

    height: 100%;
}

.bandeau-tag .titre {
    font-size: 15px;
    text-align: center;
    font-family:"Open Sans SemiBold";
}

@media screen and (max-width : 1824px) {
    .bandeau-tag .titre {
        font-size: 14px;
    }
}

@media screen and (max-width : 1224px) {
    .bandeau-tag .titre {
        font-size: 13px;
    }
}

.bandeau-tag .carousel-control {
    top: 33% !important;
}

/* Page Tag Detail*/

.bandeau_tags .file-upload {
    margin-right: 20px;
    position: relative;
    top: 20px;
    float: left;
}

    .bandeau_tags .file-upload .filec {
        width: 122px;
        height: 122px;
        float: left;
    }

    .bandeau_tags .file-upload .html5-upload {
        clear: both;
        float: right;
        margin-top: 4px;
    }

    .bandeau_tags .file-upload .upload-progress {
        clear: both;
        float: right;
        margin-top: 4px;
    }

.bandeau_tags .button-delete {
    position: relative;
    float: right;
    cursor: pointer;
    top: -9px;
    left: -20px;
}

.bandeau_tags .home2 {
    height: 570px;
}

.bandeau-time-tags {
    min-height: 371px;
}

    .bandeau-time-tags .overlib .chapitre, .bandeau-time-tags .overlib .par {
        font-size: 11px;
        height: auto;
        top: 0;
    }

    .bandeau-time-tags .overlib .par {
        top: 66px;
    }

    .bandeau-time-tags .titre {
        font-size: 11px;
    }

.bandeau-time-tags-titre {
    text-align: center;
    font-size: 20px;
    color: #222021;
    letter-spacing: 1px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 15px;
    min-height: 20px;
    clear: both;
}

/*.bandeau-time-tags .overlib {
    width: 225px;
    height: 165px;
}*/


.content-page-block, .content-page {
    padding-left: 30px;
}

.content-page-block {
    margin-bottom: 59px;
}

.content-page-block, .time-tags-live {
    padding-left: 15px;
    min-height: 200px;
}

    .time-tags-live .livetitre {
        font-size: 16px;
        color: #222021;
        font-weight: bold;
        padding-top: 26px;
        min-height: 20px;
        padding-right: 17px;
        word-spacing: 2px;
        margin
    }

        .time-tags-live .livetitre a:before {
            margin-right: 10px;
            vertical-align: bottom;
        }

        .time-tags-live .livetitre a {
            font-size: 18px;
        }

.time-tags-titre {
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 637px;
}


.vignette-bloc {
}

.vignette-bloc-titre {
    padding-bottom: 4px;
    font-weight: 700;
    font-weight: bold;
    width: 272px;
    margin-bottom: 8px;
    font-size: 14px;
    color: #747474;
}

.vignette-item {
    float: left;
    width: 85px;
    margin-right: 7px;
    cursor: pointer;
    margin-bottom: 10px;
}

.vignette-item-bloc:hover .vignette-item-content-image:after {
    background-color: rgba(0,0,0,0.05);
}

.vignette-item-bloc .vignette-item-content-image:after {
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

vignette-item-bloc {
    margin-bottom: 10px;
    cursor: pointer;
}

.vignette-item-content {
    position: relative;
    margin-bottom: 3px;
}

.vignette-a-venir .date {
    display: block !important;
    color: #000;
}

.vignette-a-venir .duration {
}

.vignettetime .date {
    display: none;
    padding: 0 2px 0 2px;
    text-align: center;
    line-height: 14px;
}

.vignettetime .duration {
    padding: 0 2px 0 2px;
    font-weight: bold;
    color: white;
}

.vignette-item-content-image {
    overflow: hidden;
}

.vignette-item-infos {
    line-height: 12px;
    font-size: 11px;
}

.disable-link-abonnement {
    background-color: rgba(122,122,122,0.6) !important;
    cursor: initial !important;
}

/*Personalisation Bloc Tags*/
.vignette-bloc, .bloc-live-tag {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    margin-left: 20px;
    margin-top: 30px;
    width: 200px;
    flex-wrap: wrap;
}

    .bloc-live-tag .vignette-item-content-image {
        width: 85px;
        height: 82px;
    }

    .bloc-live-tag .vignette-item {
        width: 85px;
    }

    .live-modif-link {
        font-size: 13px;
    }

    .bundle-modif-link {
        font-size: 13px;
        margin-left: 17px;
    }
    /*Other*/
    .grid-scroll {
        height: 400px;
        overflow: auto;
    }

    .fixe-taille {
        max-width: 150px;
    }

    .tableau-pyjama tr:nth-child(even) {
        background-color: rgba(191, 218, 240, 0.2);
    }

    .less-margin-bot-bundle {
        margin-bottom: 10px;
    }

    .margin-bot-like-boxshadow {
        margin-bottom: 70px;
    }

    #iframeUpload {
        border: none;
        width: 100%;
    }


    /*   _______  */

    /*
 * Made by Erik Terwan
 * 24th of November 2015
 * MIT License
 *
 *
 * If you are thinking of using this in
 * production code, beware of the browser
 * prefixes.
 */

    body {
        margin: 0;
        padding: 0;
        /* make it look decent enough */
        background: #232323;
        color: #cdcdcd;
    }

    nav {
        order: 1;
        display: none !important;
    }

nav a {
    color:#fff;
}

    @media only screen and (max-width : 1224px) {
        nav {
            order: 0;
            display: block !important;
        }
    }

    #menuToggle-buger {
        display: block;
        position: relative;
        z-index: 2;
        -webkit-user-select: none;
        user-select: none;
    }

        #menuToggle-buger input {
            display: block;
            height: 32px;
            position: absolute;
            cursor: pointer;
            opacity: 0; /* hide this */
            z-index: 101; /* and place it over the hamburger */
            -webkit-touch-callout: none;
            width: 100%;
        }

        /*
 * Just a quick hamburger
 */
        #menuToggle-buger .burger-icon {
            display: block;
            width: 33px;
            height: 4px;
            margin-bottom: 5px;
            position: relative;
            background: #EC1D25;
            border-radius: 3px;
            z-index: 100;
            transform-origin: 4px 0px;
            transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
        }

            #menuToggle-buger span:first-child {
                transform-origin: 0% 0%;
            }

            #menuToggle-buger span:nth-last-child(2) {
                transform-origin: 0% 100%;
            }

        /* 
 * Transform all the slices of hamburger
 * into a crossmark.
 */
        #menuToggle-buger input:checked ~ span {
            opacity: 1;
            transform: rotate(45deg) translate(-2px, -1px);
            background: #232323;
        }

            /*
 * But let's hide the middle one.
 */
            #menuToggle-buger input:checked ~ span:nth-last-child(3) {
                opacity: 0;
                transform: rotate(0deg) scale(0.2, 0.2);
            }

            /*
 * Ohyeah and the last one should go the other direction
 */
            #menuToggle-buger input:checked ~ span:nth-last-child(2) {
                transform: rotate(-45deg) translate(0, -1px);
            }

    /*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu-buger {
    position: absolute;
    width: 260px;
    margin: -84px 0 0 -11px;
    /* padding-left: 50px; */
    /* padding-right: 50px; */
    padding-top: 125px;
    background: #EC1D25;
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(-100%, 0);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    color: #fff;
    font-family: "Open Sans Bold";
    display: flex;
    flex-direction: column;
    z-index:20;
}


    #menu-buger > li {
        padding: 10px 0;
        font-size: 22px;
        color: #fff;
        padding-left: 22px;
    }

    #menu-buger #chooselanguage {
        margin: 0px !important;
    }


    #menu-buger #chooselanguage ul {
        margin: 0px !important;
        font-size: 22px;
    }

    #menu-buger .disconnect {
        background-color: #102029;
    }
        #menu-buger #creez {
            margin:auto;
            padding:0px;
        }
            #menu-buger #creez a {
                margin-left: 0px;
                background: #fff;
                color: #EC1D25;
                font-size: 18px;
                padding: 13px 22px 13px 22px;
            }
    /*
 * And let's slide it in from the left
 */
    #menuToggle-buger input:checked ~ ul {
        transform: none;
    }

.includelivesource{
    height:100%;
}

.email_field .email{
    width: 100%;
}
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?36750495');
  src: url('../font/fontello.eot?36750495#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?36750495') format('woff'),
       url('../font/fontello.ttf?36750495') format('truetype'),
       url('../font/fontello.svg?36750495#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36750495#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-stop:before { content: '\75'; } /* 'u' */   /* stop squarre */
.icon-right-dir:before { content: '\67'; } /* 'g' */   /* calendar  */
.icon-right-dir:before { content: '\67'; } /* 'g' */	/* fleche droite pleine PLAY */
.icon-th-list:before { content: '\77'; } /* 'w' */   /*  tchat  */
.icon-video:before { content: '\76'; } /* 'v' */    /* video */
.icon-down-dir:before { content: '\6f'; } /* 'o' */	/* fleche bas pleine  */
.icon-cloud:before { content: '\6e'; } /* 'n' */    /* nuage */
.icon-mail:before { content: '\70'; } /* 'p' */ 		/* enveloppe */
.icon-mail2:before { content: '\70'; } /* 'p' */ 		/* enveloppe */
.icon-cancel:before { content: '\63'; } /* 'c' */	/* croix */
.icon-plus-circled:before { content: '\66'; } /* 'f' */	/* + plein */
.icon-record:before { content: '\6a'; } /* 'j' */
.icon-edit-alt:before { content: '\65'; } /* 'e' */	/* editer */
.icon-user-add:before { content: '\62'; } /* 'b' */	/* contact + */
.icon-trash:before { content: '\74'; } /* 't' */	/* corbeille */
.icon-down-open:before { content: '\64'; } /* 'd' */	/* fleche bas */
.icon-left-open:before { content: '\6c'; } /* 'l' */	/* fleche gauche */
.icon-right-open:before { content: '\72'; } /* 'r' */	/* fleche droite */
.icon-circle:before { content: '\69'; } /* 'i' */
.icon-user:before { content: '\61'; } /* 'a' */	/* contact */
.icon-search:before { content: '\73'; } /* 's' */ /* loupe */
.icon-clock:before { content: '\68'; } /* 'h' */	/* horloge */
.icon-youtube:before { content: '\6d'; } /* 'm' */  

.search:before, .greaterthan:before, .cancel:before, .edit:before, .trash:before, .down:before, .orderc:before, .play:before, .gauche:before, .droite:before, .contact:before, .contactp:before, .clock:before, .plus:before, .mail:before,.mail2:before, .checked:before, .calendrier:before, .vid:before, .tchat:before, .cloud:before, .tbas:after, .nuage:before, .stop:before, .rect:before,.tag2:before, .edit-tag:before, .delete-tag:before {
	content: "r";
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
}

.search:before {
	content: "s";
	font-size: 20px;
    margin-left: -5px;
}


.cancel:before {
	content: "c";
	margin-left: 5px;
	color: #868686;
}

.edit:before {
	content: "e";
}

.edit-tag:before{
    content: "e";
}

.delete-tag:before{
    content: "t";
}

.trash:before {
	content: "t";
	margin-left: 5px;
}

.down:before {
	content: "d";
}

.orderc:before {
	content: "o";
}

.play:before {
    content: "g";
    color: #FFFFFF;
    font-size: 5vw;
    margin: auto;
}

.gauche:before {
	content: "l";
	color: #CDDAE0;
	font-size: 27px;
}

.droite:before {
	content: "r";
	color: #CDDAE0;
	font-size: 27px;
}

.contact:before {
	content: "";/*content: "a";*/
}

.contactp:before {
	content: "";/*content: "b";*/
}

.clock:before {
	content: "";/*content: "h";*/
}

.plus:before {
	content: "";/*content: "f";*/
}

.mail:before {
	content: "p";
}
.mail2:before {
	content: "";/*content: "p";*/	
}
.tag2:before {
	content: "#";
    padding-left: 9px;	
}

.checked:before {
	content: "j";
}

.calendrier:before {
	content: "";/*content: "k";*/
}

.gauche:before, .droite:hover, .play:hover, .search:hover, .edit:hover, .trash:hover, .cancel:hover, .checked:hover, .rect:hover, .stop:hover  {
	cursor: pointer;
}


.vid:before {
	content: "";/*content: "v";*/
}

.tchat:before {
	content: "";/*content: "w";*/
}

.cloud:before {
	content: "n";
}

.nuage:before {
	content: "n";
}

.tbas:after {
	content: "o";
}

.stop:before {
	content: "u";
}

.rect:before {
	content: "m";
}


/*
http://www.grafikart.fr/tutoriels/html-css/icones-fontface-373
*/
/*
   Animation example, for spinners
*/
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@charset "UTF-8";

.center {
    text-align: center;
}

.msg-block .msg-error {
    margin-left: 92px;
    width: 860px;
    color: #C50000;
}

.error {
    background: #CC1100;
    display: none;
    color: white;
    width: auto;
    height: 50px;
    position: fixed;
    top: 15%;
    left: 30%;
    right: 30%;
    z-index: 99;
    padding: 2px 30px;
    opacity: 0.9;
    -webkit-transition-property: display;
    -webkit-transition-duration: 2s;
    -moz-transition-property: display;
    -moz-transition-duration: 2s;
    transition-property: display;
    transition-duration: 2s;
}

#submit_form {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
}

.boxshadowtitleright.login {
    position: relative;
    top: 0;
}

.inner-box-shadow.center {
    width: 330px;
    margin: 10px auto;
}

.inner-box-shadow.left {
    width: 330px;
    margin: 10px;
}

.inner-box-shadow hr {
    color: #ddd;
    background-color: #ddd;
    height: 1px;
    width: 100%;
    line-height: 0;
    border: none;
}

    .inner-box-shadow hr:after {
        content: "ou";
        height: 0;
        margin-left: 24px;
        letter-spacing: 0em;
        color: #aaa;
        z-index: 99;
        background: white;
        padding: 5px;
    }

.content_center {
    width: 272px;
    margin: 25px auto 10px auto;
}

.register-content {
    width: 300px;
}

.fields label {
    display: none;
}

.fields input {
    margin-top: 5px;
    padding: 10px;
    border: 1px solid #ddd;
    width: 250px;
}

    .fields input.min {
        width: 200px;
        float: left;
    }

div.submit {
    float: right;
    margin-top: 5px;
    color: #fff;
    padding: 12px;
    margin-left: 7px;
    font-size: 14px;
    cursor: pointer;
}

    div.submit a {
        color: #fff;
        font-weight: bold;
    }

.retrieve-pwd {
    float: right;
    margin-right: 50px;
    font-size: 12px;
    margin-top: 2px;
    font-weight: 700;
}

.field-validation-error span, .validation-summary-errors ul li {
    font-weight: bold;
    font-size: 12px;
    color: #C50000;
}

/* Dropdown Choose Your Language */

.dropdown.thematique.underline {
    list-style: none;
    width: 162px;
    top: 3px;
    float: right;
    cursor: pointer;
}

    .dropdown.thematique.underline:after {
        content: 'o';
        font-family: "fontello";
        color: #555;
    }

    .dropdown.thematique.underline.open:after {
        content: '';
        font-family: "fontello";
        color: #555;
    }

.dropdown {
    position: relative;
}

li.dropdown {
    line-height: 20px;
}

.dropdown-toggle {
}

.dropdown-menu {
    position: absolute;
    top: 44px;
    left: 0px;
    right: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.arrow-up {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 14px solid white;
    position: absolute;
    z-index: 550;
    top: -9px;
}

ul.dropdown-menu,
li.dropdown-menu {
    list-style: none;
    line-height: 20px;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 700;
    line-height: 30px;
    color: #333333;
    white-space: nowrap;
}

.dropdown-menu > li:hover {
    background-color: #102029;
    color: #ffffff !important;
}
.dropdown-menu > li a:hover {
    color: #ffffff !important;
}

.dropdown-menu > li:last-child > a {
    border-bottom: none;
}

.thematique-select, .item-thematique:hover {
    background: #eee;
}

.dropdown-toggle:active, .open .dropdown-toggle {
    outline: 0;
}

.open {
}

.dropup, .dropdown {
    position: relative;
}

li.dropdown.open > .dropdown-menu {
    display: block;
}

.savepassword {
    float: right;
    margin-top: 14px;
    margin-bottom: 7px !important;
}

tr .DetailGain {
    display: none;
}

tr:hover .DetailGain {
    display: block;
}

.novisible {
    width: 0px !important;
}

/* HOME */

.imageChapitre {
    width: 100%;
    overflow: hidden;
}

/* CAROUSEL BOOTSTRAP TWITTER */

.container-partie-centrale .carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
    height: 100%;
    display: flex;
    flex-direction: row !important;
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1;
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width : 1224px) {
    .carousel {
        height: inherit !important;
    }
}


.carousel-inner {
    overflow: hidden;
    width: 100%;
    position: relative;
    /*height: 100%;*/
}

    .carousel-inner > .item {
        display: none;
        position: relative;
        -webkit-transition: 0.6s ease-in-out left;
        -moz-transition: 0.6s ease-in-out left;
        -o-transition: 0.6s ease-in-out left;
        transition: 0.6s ease-in-out left;
    }

        .carousel-inner > .item > img,
        .carousel-inner > .item > a > img {
            display: block;
            line-height: 1;
        }

    .carousel-inner > .active,
    .carousel-inner > .next,
    .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .active {
        left: 0;
    }

    .carousel-inner > .next,
    .carousel-inner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner > .next {
        left: 100%;
    }

    .carousel-inner > .prev {
        left: -100%;
    }

        .carousel-inner > .next.left,
        .carousel-inner > .prev.right {
            left: 0;
        }

    .carousel-inner > .active.left {
        left: -100%;
        width: 100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control {
    color: #ffffff;
}

    /* EDITED CAROUSEL */

    .carousel-control.left, .carousel-control.right {
        color: #EC1D27;
        font-size: 4.5vw;
        /* font-style: normal; */
        /* speak: none; */
        /* display: inline-block; */
        /* text-decoration: inherit; */
        /* font-variant: normal; */
        /* text-transform: none; */
        cursor: pointer;
        /* font-weight: 800 !important; */
        /* margin: auto; */
        height: 5vw;
        position: absolute;
        top: 24%;
    }

@media screen and (max-width : 1224px) {
    .carousel-control.left, .carousel-control.right {
        font-size: 50px;
        top: 13%;
    }

    .carousel-control.left {
        left: -2.7vw !important;
    }

    .carousel-control.right {
        right: -2.7vw !important;
    }

    .bandeau-tag .carousel-control {
        top: 24% !important;
    }

}

@media screen and (max-width : 800px) {
    .carousel-control.left, .carousel-control.right {
        font-size: 119px;
        top: 7%;
    }

    .carousel-control.left {
        left: -11.7vw !important;
    }

    .carousel-control.right {
        right: -11.3vw !important;
    }

    .bandeau-tag .carousel-control {
        top: 24% !important;
    }
}

    /* EDITED CAROUSEL */

    .carousel-control.left {
        left: -1.5vw;
    }

    .carousel-control.right {
        right: -1.3vw ;
    }

.container_grid {
    display: flex;
    flex-direction: row;
    margin-top:20px;
}

/* CREATE LIVE */

.disabled {
    background-color: #ccc !important;
    cursor: not-allowed;
}

.envoyer {
    width: 220px;
}

.enregistrer {
    margin-bottom: 0px;
}

.button.payer {
    width: 300px;
    height: 60px;
    margin: 0 auto 30px;
    margin-left: 256px;
    margin-bottom: 55px;
    font-size: 24px;
    padding: 14px 46px;
}

.ask.list {
    width: 100%;
}

.dropdown-toggle {
    font-weight: bold;
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
}

.icones.time {
    margin-top: -50px;
}

.time > div.clock {
    margin-bottom: 30px;
}

.icones.time .clock:first-child {
    margin-top: 0px;
}

.intervenant_field {
    float: left;
    width: 79%;
}

.tagManager #biographiec {
    margin-top: 10px;
}

.biographiec textarea {
    max-height: 80px;
    height: 30px;
}

.tagManager > span.label.label-inverse {
    border: 1px solid #0083b3;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 5px;
}

    .tagManager > span.label.label-inverse a {
        cursor: pointer;
        color: #cbcbcb;
    }

    .tagManager > span.label.label-inverse.invalide {
        border: 1px solid #C50000;
    }

.contactp, .plus, .btn_radio {
    cursor: pointer;
}

#forms > input {
    padding: 5px 5px 0px 5px;
}

.file-upload img {
    max-width: 277px;
    /*max-height: 144px;*/
}

.file-upload button {
    font-weight: bold;
    padding: 10px 18px;
    font-size: 15px;
}

/* Loader */

#spinner.active, #spinner-mini.active {
    display: block;
}

#spinner, #spinner-mini {
    display: none;
}

#spinner {
    position: fixed;
    height: 60px;
    width: 60px;
    top: 40%;
    left: 48%;
    z-index: 9999;
}

#spinner-mini {
    position: absolute;
    height: 10px;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
}

    #spinner .spinner_ball, #spinner-mini .spinner_ball {
        position: absolute;
        display: block;
        background-color: #A9A9A9;
        border-radius: 6px;
    }

#spinner .spinner_ball {
    left: 24px;
    width: 12px;
    height: 12px;
}

#spinner-mini .spinner_ball {
    left: 12px;
    width: 6px;
    height: 6px;
}

.ball_1 {
    animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: 6px 30px;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0.9, 0.9);
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 6px 30px;
}

.ball_2 {
    animation-timing-function: cubic-bezier(0.5, 0.5, 0.9, 0.9);
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: 6px 30px;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0.5, 0.9, 0.9);
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 6px 30px;
}

.ball_3 {
    animation-timing-function: cubic-bezier(0.5, 0.7, 0.9, 0.9);
    animation-name: rotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: 6px 30px;
    -webkit-animation-timing-function: cubic-bezier(0.5, 0.7, 0.9, 0.9);
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 6px 30px;
}

.ball_mini{
    -webkit-transform-origin: 6px 15px !important;
    background-color:#fff !important;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg) scale(1);
    }

    100% {
        -webkit-transform: rotate(1440deg) scale(1);
    }
}

@-moz-keyframes rotate {
    0% {
        transform: rotate(0deg) scale(1);
    }

    100% {
        transform: rotate(1440deg) scale(1);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(1);
    }

    100% {
        transform: rotate(1440deg) scale(1);
    }
}

/* End Loader */


.option {
    line-height: 3em;
    font-size: 14px;
    font-weight: 700;
}

/* ModalBox Angular UI Bootstrap */

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #221f1f;
}

    .modal-backdrop.fade {
        opacity: 0;
    }

        .modal-backdrop,
        .modal-backdrop.fade.in {
            opacity: 0.8;
            filter: alpha(opacity=80);
        }

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #888888;
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.36);
    -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.36);
    box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.36);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    outline: none;
}

    .modal.fade {
        -webkit-transition: opacity .3s linear, top .3s ease-out;
        -moz-transition: opacity .3s linear, top .3s ease-out;
        -o-transition: opacity .3s linear, top .3s ease-out;
        transition: opacity .3s linear, top .3s ease-out;
        top: -25%;
    }

        .modal.fade.in {
            top: 10%;
        }

.modal-header {
    padding: 9px 15px;
}

    .modal-header .close {
        margin-top: 2px;
    }

    .modal-header h3 {
        margin: 0;
        line-height: 30px;
    }

.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 400px;
    padding: 29px;
    width: 490px;
    text-align: center;
    font-weight: 700;
    color: #888888;
}

.modal-form {
    margin-bottom: 0;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: center;
    *zoom: 1;
}

    .modal-footer:before,
    .modal-footer:after {
        display: table;
        content: "";
        line-height: 0;
    }

    .modal-footer:after {
        clear: both;
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.button.valid {
    background-color: #c85d5c;
    color: white;
}

    .button.valid:hover {
        background-color: #de6e6d;
    }

.capitalize {
    text-transform: capitalize;
}

/* Controll */

/*.ng-invalid.ng-invalid-required, .ng-valid-required.ng-dirty.ng-invalid.ng-invalid-pwmatch {
    border: 1px solid #C50000;
    -moz-box-shadow: inset 0px 0px 2px #c50000;
    -webkit-box-shadow: inset 0px 0px 2px #c50000;
    box-shadow: inset 0px 0px 2px #c50000;*/
/*Inner elements should not cover inner shadows*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
/*}*/

form.ng-valid-required.ng-dirty.ng-invalid.ng-invalid-pwmatch {
    border: none;
    -moz-box-shadow: inset 0px 0px 0px #c50000;
    -webkit-box-shadow: inset 0px 0px 0px #c50000;
    box-shadow: inset 0px 0px 0px #c50000;
}

.loadingOrError {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    background: #eee;
    opacity: 0.6;
    z-index: 9999;
}

/* End Controll */

#lang a {
    color: white;
}

.anonymous .user {

}

.anonymous {
    display: flex;
}

#chooselanguage {
    cursor: pointer;
    color: #fffff
}

#chooselanguage, #logoutForm {
    margin-left: 15px;
    font-family: "Open Sans Bold";
}

.langChooser {
    font-weight: bold;
    line-height: 2em;
    color:#fffff !important
}

    .langChooser:after {
        font-family: "fontello";
        content: 'o';
        margin-left: 5px;
    }

#logoutForm {
    height: 20px;
    line-height: 2em;
}

/* Mon compte / My Account */

.toggle-mode-bank {
    margin-right: 40px;
    padding-bottom: 10px;
    height: 21px;
}

    .toggle-mode-bank ul li {
        padding-top: 6px;
        float: left;
        width: 144px;
        text-align: center;
        height: 25px;
    }

        .toggle-mode-bank ul li:first-child {
            border-right: 1px solid #D1D1D1;
        }

        .toggle-mode-bank ul li.select {
            font-weight: bold;
        }

.grid_gain {
    border: 1px solid #eee;
    width: 315px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-weight: bold;
    font-size: 14px;
    display: block;
    border-radius: 5px;
    float: left;
    overflow-y: scroll;
    height: 205px;
}

    .grid_gain tr {
        border-bottom: 1px solid #eee;
        width: 290px;
    }

        .grid_gain tr:last-child {
            border-bottom: none;
        }

        .grid_gain tr th {
            font-weight: bold;
        }

            .grid_gain tr th:first-child {
                border-right: 1px solid #eee;
            }

        .grid_gain tr td {
            font-weight: normal;
        }

        .grid_gain tr th, .grid_gain tr td {
            padding: 5px 10px;
            width: 90px;
            font-size: 12px;
            color: #858585;
        }

            .grid_gain tr th:first-child, .grid_gain tr td:first-child {
                width: 200px;
            }

.currentSolde {
    width: 70px;
    display: inline-block;
}

a[disabled] {
    color: #ccc;
    cursor: not-allowed;
}

    a[disabled]:hover {
        color: #bbb;
    }

input[type=submit][disabled] {
    background: #ccc;
    color: white;
    cursor: not-allowed;
}

    input[type=submit][disabled]:hover {
        background: #bbb;
    }

/* Calendar angular */

/*#datec:focus ~ .modal-calendar {
    display: block;
}*/

.datetime .modal-calendar {
    top: 48px;
    left: 85px;
    position: absolute;
    z-index: 110;
}

.calendar-date {
    background: #f6f6f6;
    width: 240px;
    border: 1px solid #ddd;
    height: 420px;
    padding-top: 10px;
}

.datebutton {
    font-family: "fontello";
    cursor: pointer;
}

.case, .today, .precedent, .suivant {
    cursor: pointer;
}

.case {
    float: left;
    padding: 4px;
    width: 24px;
    text-align: center;
}

    .case.weekend {
        color: #221f1f;
    }

    .case.out {
        color: #ccc;
    }

    .case.aujourdhui {
        color: #C50000;
    }

    .case.active {
        color: #EC1D27 !important;
    }

    .case.past {
        color: #DFDFDF;
        cursor: default;
    }

.precedent, .suivant, .mois {
    width: 10%;
    text-align: center;
    float: left;
    font-weight: bold;
    font-size: 14px;
}

.mois {
    width: 80%;
    word-break: break-word;
    word-wrap: break-word;
}

.today {
    width: 100%;
    display: block;
    margin: 20px auto 5px;
    text-align: center;
    font-size: 12px;
}

.jours {
    display: block;
    height: 220px;
    width: 190px;
    margin: 0 auto;
}

.time {
    display: block;
    height: 78px;
}

.arrowup, .arrowdown, .field-calendar {
    display: block;
}

.arrowup, .arrowdown {
    height: 20px;
    margin: 0 auto;
    width: 130px;
    text-align: center;
}

.field-calendar {
    height: 36px;
    width: 170px;
    margin: 0 auto;
    padding-left: 40px;
}

.down, .up {
    cursor: pointer;
}

.up {
    font-family: "fontello";
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    writing-mode: lr-tb;
}

.select-hour, .select-min, .hour, .min {
    float: left;
    width: 58px;
}

.select-hour, .hour { /*, .select-min*/
    margin-right: 14px;
}

    .select-hour input, .select-min input {
        width: 22px;
    }

.button-calendar {
    background: #ddd;
    background-color: #0075B2;
    color: white;
    border: none;
    width: 50px;
    border-radius: 1px;
    margin: 10px auto;
    height: 30px;
    display: block;
    cursor: pointer;
}

.close-calendar:hover {
    background-color: #0c6797;
}

/* End calendar angular */

.buttonSlider, .buttonSliderLarge {
    height: 40px;
    min-width: 36px;
    text-align: center;
    padding-top: 8px;
    z-index: 100;
    background-color: #B1BCBE;
    margin-right: 7px;
    color: white;
    float: left;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
}

.buttonSlider {
    height: 54px;
    min-width: 37px;
    padding-top: 8px;
    font-size: 25px;
}

.buttonSliderLarge {
    width: 91px;
    padding-top: 25px;
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    height:100%
}

    .buttonSlider a, .buttonSliderLarge a {
        color: white;
        width: 100%;
        height: 100%;
    }

.inputhistorique {
    border: none;
    background: none;
    border-bottom: 1px solid grey;
    width: 100px;
}

/**HACK MODIFICATION*/

.title_slider_home {
    line-height: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.txt_actu {
    line-height: 20px;
}

.carousel-control.left, .carousel-control.right {
    font-weight: 100 !important;
    z-index:20;
}

.description_live_detail {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1em;
    margin-bottom: 20px;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.eyedo-modal-box {
    background-image: url(../images/y.png);
    width: 30px;
    height: 26px;
    position: absolute;
    left: 10px;
    top: 10px;
    display:none;
}

.close-modal-box {
    position: absolute;
    right: 10px;
    padding: 10px;
    font-weight: 700;
    cursor: pointer;
    z-index: 9999;
}

.modal-header {
    margin-top: 32px;
    text-align: center;
}

.previous {
    display: block;
    border-top: 1px solid #ddd;
    padding-top: 50px;
}

#zone1 .carousel-control.left, #zone1 .carousel-control.right {
    display: none;
}

.carousel-indicators {
    position: relative;
    z-index: 5;
    bottom: 0;
    margin-left:60px;
}
    
    .carousel-indicators li {
        display: block;
        float: left;
        width: 20px;
        height: 10px;
        margin-right: 10px;
        text-indent: -999px;
        background-color: #eaebed;
        cursor: pointer;
    }

.bandeau .carousel-indicators, #slide2 .carousel-indicators {
    display: none !important;
}

.addparticipant {
    min-height: 265px;
}

.button.rectangle {
    font-size: 20px;
    padding: 14px 46px;
}

a.backtolive {
    text-decoration: underline;
}

/*Commentaire facebook*/

._491z {
    display: none;
}


/*************couleur01*********/
.couleur01 {
    color: #EC1D27;
}

.couleur01hover:hover {
    color: #0075B2;
}

.couleur01hover a:hover {
    color: #0075B2;
}

.couleur01claire {
    color: #e46a70;
}

.couleur03 {
    color: #e46a70;
}

    .couleur03 a:hover {
        color: #e46a70;
    }

    .couleur03 li a:hover {
        color: #e46a70;
    }

    .couleur03 li a:active {
        color: #e46a70;
    }

.couleur03bg {
    background-color: #e46a70;
}

    .couleur03bg li:hover, .couleur03bg li a:hover {
        background-color: #e46a70;
    }

    .couleur03bg li.active {
        background-color: #e46a70;
    }

.couleur03-list li:hover, .couleur03-list li a:hover {
    background-color: #e46a70;
}

.couleur03-list li.active {
    background-color: #e46a70;
}

.couleur01 li a:hover {
    color: #0075B2;
}

.couleur01 button, .button-calendar {
    background-color: #0075B2;
    color: #FFFFFF;
}
.couleur01 button:hover, .button-calendar:hover {
    background-color: #e46a70;
    color: #FFFFFF;
}

a.couleur01 {
    color: #e6121c;
}

.button.couleur01, .file-upload button:hover {
    background-color: #0075B2;
    color: #FFFFFF;
}

a:hover.couleur01  {
    color: #e46a70;
}

.button.couleur01:hover, .file-upload button:hover  {
    background-color: #e46a70;
    color: #FFFFFF;
}

.couleur01 li a:active {
    color: #0075B2;
}

li a.active.couleur01{
    color: #0075B2;
}

.couleur01active, .couleur01bg {
    background-color: #0075B2;
}

.couleur01bgclaire {
    background-color: #e46a70;
}

.couleur01bg li:hover {
    background-color: #0075B2;
}

.couleur01bg li a:hover {
    background-color: #0075B2;
}

.couleur01bg li.active {
    background-color: #0075B2;
}

.carousel-indicators .active{
    background-color: #0075B2;
}

/*************couleur02*********/
.couleur02 {
    color: red;
}

    .couleur02 a {
        color: #000;
    }

        .couleur02 a:hover {
            color: red;
        }

    .couleur02 li a:hover {
        color: red;
    }

    .couleur02 li a:active {
        color: red;
    }

.couleur02active {
    color: #0075B2;
}


/************* background *********************/

.couleur04bg {
    background-color: #FFFFFF;
}

input:focus,textarea:focus {
    border:1px solid #0075B2;
}

body ::-webkit-scrollbar-thumb:vertical
{
   background-color: #0075B2;
}
