@font-face{

    font-family: "FontAwesome";
    src: url("/templates/site/themes/defaut/fonts/fontawesome-webfont.ttf");
}

* {

    box-sizing: border-box;
}

.row{

    margin-left: 0px;
    margin-right: 0px;
}

.block{

    background-color: #fff;
    margin-bottom: 15px;
    display: block;
}

.advertissement {
    /* max-width: 468px; */
    /* margin: 20px 0; */
    height: 59px;
    background-size: contain;
    /* background-position-y: 30px; */
    position: relative;
    top: 11px;
    background-repeat: no-repeat;
    background-position: bottom;
}


.main-container {

    float: left;
    clear: both;
    width: 100%;
}

.rounded{

    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}

.top-header-container{

    text-align: center;
    font-size: 11px;
}

.main-video{

    width: 100%;
}

.logo{
    background-position-y: 0px;
    background-repeat: no-repeat;
    background-size: contain !important;
    height: 84px !important;
    width: auto !important;
}

.carousel-category{

    /*display: inline-flex;*/
    clear: both;
    margin: 0 auto;
}

.carousel-category ul{

    margin-bottom: 0px;
    padding: 0px;
    margin: 0px;
}

.carousel-category ul li {

    list-style-type: none;
    display: inline-block; 
    width: auto !important;
    position: relative;
}

.carousel-category ul li.all-emission {

    position: absolute !important;
    left: 0px;
}
.carousel-category ul li.all-emission a {

    text-decoration: none;
}

.carousel-category ul li a {

    height: 38px !important;

}


.carousel-category ul li a{

    display: block;
    padding: 10px 15px 10px 15px;
    /*background-color: #fff !important;*/
    text-align: center;
}

.carousel-category ul li a:hover{

    text-decoration: none;
}

.program-date{

    font-size: 11px;
    color: #757575;
}

.program-category{

    font-size: 12px;
    color: #757575;
    display: block;
}

.program-author{

    display: block;
    font-size: 12px;
}

.program-category:hover{

    color: #757575;
    text-decoration: none;
    cursor: pointer;
}

.program-date:hover{

    color: #757575;
    text-decoration: none;
    cursor: pointer;
}

.program-author:hover{

    text-decoration: none;
    cursor: pointer;
}

.program-content{

    margin-top: 15px;
    min-height: 160px;
}

.program{

    padding: 15px 0px 15px 0px;
}

.footer{

    display: block;
    margin: auto;
    text-align: center;
}

.footer ul{

    margin-bottom: 0px;
    padding: 0px;
}

.footer ul li{

    display: inline-block;
}

.footer ul li a{

    display: inline-block;
    padding: 12px;
    font-size: 12px;
}

/* On affiche les séparateurs uniquement pour les grands écrans et quand les liens sont sur une seule ligne*/
@media screen and (min-width: 1081px)
{
    .footer ul li:after{

        content: "|";
        position: relative;
    }
}


.footer ul li:last-child:after{

    content: " ";
}

.block-second{

    margin-bottom: 15px;
}

/**
 * SEARCH FORM
 */

.search-content{

    /*padding-bottom: 15px;*/
}

input.search-text{

    height: 41px;
    border: none;
    padding: 10px;
    border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    -moz-border-radius: 4px 0px 0px 4px;
    width: 160px;
    display: inline-block;
    color: #fff;

}

input.search-text:focus{
    outline: none;
}

input.search-text::-ms-input-placeholder{
    color: #fff;    
}

input.search-button{

    height: 41px;
    width: 41px;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border: none;
    position: relative;
    display: inline-block;
    font-family: "FontAwesome";
    line-height: initial;
}

input.reset-button{

    height: 41px;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    border: none;
    position: relative;
    display: inline-block;
    margin-left: -6px;
    font-family: "FontAwesome";
    padding: 0px 12px 0px 12px;
    line-height: initial;
}

.search-form{
    display: inline-block;
    position: relative;
    width: 100%;
}

/**
 * PAGINATION
 */

#pagination_emission {
    float: left;
}

.pagination-content{
    float: right;
    margin-top: 14px;
    margin-bottom: 15px;
}

.program-count{

    float: left;
    font-size: 13px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    padding: 10px 10px 10px 10px;
    margin-right: -6px;
}

.pagination{

    float: left;
    margin: 0px;
    border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -o-border-radius: 0px 6px 6px 0px;
    -moz-border-radius: 0px 6px 6px 0px;
    text-align: center;
    padding: 4px 10px 3px 10px;
}

.pagination ul{

    padding: 0px;
    margin-bottom: 0px;
}

.pagination ul li{

    list-style-type: none;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 11px 5px 11px;
    border-radius: 4px;
}

.pagination ul:before{

    content: "\f053";
    font-family: "FontAwesome";
    font-size:18px;
    margin-top: 6px;
    float: left;
}

.pagination ul:after{

    content: "\f054";
    font-family: "FontAwesome";
    float: right;
    vertical-align: middle;
    margin-top: 6px;
    font-size:18px;
}

.pagination ul:hover:after, .pagination ul:hover:before{

    cursor: pointer;
}

.pagination ul li:hover{

    cursor: pointer;
}

.btn-filter{

    display: inline-block;
    height: 41px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: none;
    min-width: 100px;
    margin-left: 15px;
    position: relative;
}

.btn-filter:focus {

    outline: none;
}

#btn_reset_filtres {
    text-decoration: underline;
    margin-left: 10px;
    cursor: pointer;
}

/**
 *  BLOC DE PRESENTATION AVEC ONGLET
 */

.block-presentation-title ul{

    margin-bottom: 0px;
    padding: 0px;
}

.newsletter-social {

    float: right;
    /* min-width: 325px; */
    text-align: left;
    padding-left: 0px;
}

.social-container {

    display: inline-block;
    position: relative;
}

.header-right {

    float: right;
    position: relative;
}

.block-presentation-title ul li{

    display: inline-block;
}

.block-presentation-title ul li a{

    border-radius: 6px 6px 0px 0px;
    -moz-border-radius:6px 6px 0px 0px;
    -o-border-radius:6px 6px 0px 0px;
    -webkit-border-radius:6px 6px 0px 0px;
    display: inline-block;
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    text-decoration: underline;
    font-weight: bold;
}

.block-presentation-title ul li a.active{
    
    text-decoration: none;
}

.block-presentation-content{

    padding: 10px;
    font-size: 12px;
    border-radius: 0px 6px 6px 6px;
    -moz-border-radius: 0px 6px 6px 6px;
    -webkit-border-radius: 0px 6px 6px 6px;
    -o-border-radius: 0px 6px 6px 6px;
}

.block-presentation{

    margin-top: 15px;
    margin-bottom: 15px;
}

/**
 *  BLOC DE PRESENTATION AVEC ONGLET
 */

.program-description{

    padding: 15px 0px 15px 0px;
}

.block-column{

    width: 24%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.vertical-spacing{

    margin-right: 1.33%;
}

.block-column-title{

    font-size: 12px;
    margin-bottom: 20px;
    display: block;
}

.block-column ul{

    padding: 0px;

}

.block-column ul li{

    list-style-type: none;
}

.block-column ul li a{

    text-decoration: underline;
    font-size: 12px;
    margin-bottom: 15px;
    display: block;
    word-break: break-word;
}

.author{

    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
}

.extract-list{

    margin-top: 15px;
}

.extract-list ul{

    padding: 0px;
}

.extract-list ul li{

    list-style-type: none;
    padding: 0px 15px 0px 10px;
    font-size: 13px;
}

.extract-list ul li span.extract-duration{

    float: right;
    display: block;
}

.extract-list ul li:hover{

    cursor: pointer;
}

.bx-wrapper {
    margin-bottom: 0px;
    border: none;
    box-shadow: none;
    min-width: 883px;
    width: calc(100% - 197px);
    float: left;
   /* right: -15px;*/
}

.bxslider {

    margin-left: 32px;
}

.all-emission {
    /* float: right; */
    /*display: inline-block;*/
    float: left;
    /*left: -16px;*/
    position: relative;
    list-style-type: none;
    text-align: center;
    border-left: solid 2px #fff;
    border-right: solid 2px #fff;
    width: 153px;
}

.all-emission a {

    display: block;
    padding: 10.2px;
    height: 38px;
    vertical-align: middle;
}

.all-emission a:hover {

    text-decoration: none;
}

.bx-wrapper .bx-controls-direction .bx-prev {

    border: none !important;
    border-right: solid 2px #fff !important;
}

.bx-wrapper .bx-controls-direction .bx-next {

    border: none !important;
    border-left: solid 2px #fff !important;
}

.bx-wrapper .bx-prev {

    left: 0px;
    border: solid 1px black;
    bottom: 0px !important;
    top: 16px !important;
    background: black;
    height: 40px !important;
}

.public_bloc_ul > li > input[type="checkbox"]:hover, .public_bloc_ul > li > label:hover {

    cursor: pointer;
}

.bx-wrapper .bx-next {

    right: 0px;
    border: solid 1px black;
    bottom: 0px !important;
    top: 16px !important;
    background: black;
    height: 40px !important;
}

.bx-wrapper .bx-controls-direction a{

    text-indent: 0 !important;
    font-size: 24px;
    text-align: center;
    padding-top: 5px;
    height: 38px !important;
    background: #3a3839;
    border: 1px solid #3a3839;
    right: -1px;
}

.bx-viewport {

    height: 38px !important;
    margin-left: 32px;
    width: calc(100% - 64px) !important;
}

.block-filter{
    
    border-top: solid 1px #F1F1F1;
    padding: 10px 15px 10px 15px;
    border-radius: 0px 0px 5px 5px;
}

.block-filter ul{

    margin-bottom: 0px;
    padding: 0px;
}

.block-filter ul li{

    list-style-type: none;
}

.block-filter-buttons ul li{

    display: inline-block;
}

.block-filter-buttons ul li button{

    padding: 10px 15px 10px 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border: none;
    margin-right: 15px;
}

/**
 *  BREADCRUMB
 */

.block-breadcrumb{


}

.block-breadcrumb ul{
    
    margin-bottom: 0px;
    padding: 0px;
}

.block-breadcrumb ul li{
    
    display: inline-block;
    margin-left: -1px;
}

.block-breadcrumb li:first-child a {
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px
}

.block-breadcrumb li, .block-breadcrumb li a {
    display: inline-block;
}

.block-breadcrumb li:not(:first-child) {
    margin-left: -5px
}

.block-breadcrumb li+li:before {
    padding: 0;
    content: ""
}

.block-breadcrumb li a {
    height: 35px;
    padding: 0 10px 0 25px;
    line-height: 36px
}

.block-breadcrumb li:first-child a {
    padding: 0 10px
}

.block-breadcrumb li a {
    position: relative;
    text-decoration: none;
}

.block-breadcrumb li:first-child a {
    padding-left: 10px
}

.block-breadcrumb li a:after, .block-breadcrumb li a:before {
    position: absolute;
    top: -1px;
    width: 0;
    height: 0;
    content: '';
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent
}

.block-breadcrumb li a:before {
    right: -10px;
    z-index: 3;
    border-left-color: #fff;
    border-left-style: solid;
    border-left-width: 11px
}

.block-breadcrumb li a:after {
    right: -11px;
    z-index: 2;
}

.block-breadcrumb li a:focus-within {
    background-color: inherit;
}

/**
 *  FIN BREADCRUMB
 */


/**
 *  LISTE CATEGORIE PRESENTATION
 */

.category-presentation{

    margin-top: 15px;    
}

.category-presentation ul{

    margin-bottom: 0px;
    padding: 0px;
}

.category-presentation ul li{

    list-style-type: none;
}

.category-presentation ul li a{

    display: block;
    margin-bottom: 7px;
    padding: 3px 10px 3px 10px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
}

.category-presentation ul li a:hover{

    text-decoration: none;
}

.category-presentation ul li:first-letter {
    text-transform: uppercase;
}

/**
 *  FIN LISTE CATEGORIE PRESENTATION
 */


/**
 *  BLOC FILTRE CATEGORIE RSS
 */

.rss-category{

    padding: 7px 15px 7px 15px;
}

.rss-category ul{

    margin-bottom: 0px;
    padding: 0px;
}

.rss-category ul li{

    list-style-type: none;
    display: inline-block;
}

.rss-category ul li a{

    display: inline-block;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    margin-left: 5px;
    margin-right: 5px;

}

.rss-category ul li a:hover{

    text-decoration: none;
}

/**
 *  FIN BLOC FILTRE CATEGORIE RSS
 */

/**
 *  BLOC FILTRE ALPHABETIQUE
 */

.alpha-filter{

    padding: 7px 15px 7px 15px;
}

.alpha-filter ul{

    margin-bottom: 0px;
    padding: 0px;
}

.alpha-filter ul li{

    list-style-type: none;
    display: inline-block;
}

.alpha-filter ul li a{

    display: inline-block;
    padding: 3px 5px 3px 5px;
    font-size: 13px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    margin-left: 5px;
    margin-right: 5px;

}

.alpha-filter ul li a:hover{

    text-decoration: none;
}

/**
 *  FIN BLOC FILTRE ALPHABETIQUE
 */


/**
 *  BLOC RSS
 */

.rss-block{
    
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.rss-title{

    display: block;
    padding: 5px 10px 5px 15px;
    border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -o-border-radius: 6px 6px 0px 0px;
    font-weight: bold;
}

.rss-line .article-title{

    display: inline-block;
    font-weight: bold;
}

.rss-line{

    padding: 15px 20px 15px 15px;
    display: block;
}

.rss-pagination{

    border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -o-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
}

.rss-line img{

    width: 50px;
    display: inline-block;
    margin-right: 10px;
}

.previous-rss-control, .next-rss-control{

    font-size: 11px;
    font-style: italic;
}

.previous-rss-control:hover, .next-rss-control:hover{

    cursor: pointer;
}

.previous-rss-control{

    float: left;
}

.next-rss-control{

    float: right;
}


/**
 *  FIN BLOC RSS
 */

/**
 * BOOKSELLER
 */

.bloc_sujet .bookseller-comment-content{

    margin-bottom: 15px;
    display: inline-block;
    /*float: left;*/
    width: 100%;
}


.bookseller-comment-content{

    margin-bottom: 15px;
    display: block;
    float: left;
    width: 100%;
}



.bookseller-comment-content .img-presentation{

    float: left;
    max-width: 140px;
    margin-right: 15px;
    border-radius: 5px;
}

.bookseller-comment-content .presentation-title{

    font-size: 16px;
    display: block;
}

.bookseller-comment-content .bookseller-comment-button{

    display: block;
}

.bookseller-comment-content .bookseller-comment-button{

    margin-top: 7px;
    margin-bottom: 10px;
}

.bookseller-comment-content .bookseller-comment-button a{

    width: 80px;
    padding: 5px 10px 5px 10px;
    border-radius: 5px;
    margin-right: 10px;

}

.bookseller-comment-content .bookseller-comment-button a:hover{

    text-decoration: none;

}

/**
 * FIN BOOKSELLER
 */


/**
 * NEWSLETTER
 */

.newsletter-container {
    width: 230px;
    display: inline-block;
    text-align: right;
    /* margin-bottom: 15px; */
    top: 2px;
    position: relative;
    margin-top: 1px;
}

.newsletter-container .btn-send-newsletter{

    width: 100%;
    border: none;
    border-radius: 0px 0px 3px 3px;
    height: 20px;
    font-size: 10px; 
}

.newsletter-container span{

    text-align: center;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.newsletter-container .newsletter-email::placeholder{

    text-align: center;
    font-size: 12px;
}

.newsletter-container .newsletter-email{

    width: 100%;
    border: solid 1px #d7d7d7;
    margin-bottom: -1px;
    text-align: center;
    border-radius: 3px 3px 0px 0px;
}

/** 
 * FIN NEWSLETTER
 */

/**
 * SOCIAL NETWORK
 */

.view-more-social-network {
    box-sizing: border-box;
    text-align: center;
    padding: 6.5px;
    color: #fff;
    border-radius: 5px;
    float: left;
    top: 9px;
    position: relative;
}

.view-more-social-network img {

    width: 25px;
}

.view-more-social-network i{
    
    vertical-align: middle;
}  

.view-more-social-network:hover{

    cursor: pointer;
}

.social-icons-container{

    position: absolute;
    padding: 10px;
    background-color: #fff;
    z-index: 10000;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    display: none;
    right: 0;
    min-width: 350px;
    text-align: center;
    top: 100px;
}

.social-icons-container ul{

    padding: 0px;
    margin-bottom: 0px;
}

.social-icons-container ul li{

    list-style-type: none;
    display: inline-block;
}

.social-icons-container ul li a img{

    width: 30px;
    height: 30px;
    margin-left: 3px;
    margin-right: 3px;
}

/**
 * FIN SOCIAL NETWORK
 */


/**
 *  BLOC TEXTE DE PRESENTATION
 */

.text-presentation {

    margin-top: 15px;
    margin-bottom: 15px;
}

.text-presentation h2, .text-presentation h1 {

    margin-top: 0px;
    line-height: 0.8;
}

.text-presentation h2:not(.nom_sujet), .text-presentation h1.auteur_nomprenom {

    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.text-presentation .emission_intertitre {
    font-size: 24px;
    font-weight: bolder;
    margin: 0 0 3px;
}

 .text-presentation .emission_soustitre {
    font-size: 22px;
    margin: 0 0 10px;
}

.sTitleCMS {
    margin-top: 15px;
}

/**
 *  FIN BLOC TEXTE DE PRESENTATION
 */

/**
 *  STYLES GLOBAUX
 */

.underline{

    text-decoration: underline;
}

.clear{

    clear: both;
}

.btn-scroll-emission-content {

    position: relative;
    padding: 8px 5px 6px 5px;
    text-align: center;
    width: 4%;
    /*display: inline-block;*/
    float: left;
}

.btn-scroll-emission-content:hover {

    cursor: pointer;
}

.btn-scroll-emission-content:after {

    content: "";
    display: block;
    clear: both;
}

/**
 *  FIN STYLES GLOBAUX
 */

.onglet-menu-burger {

    display: none;
}

.onglet-menu-burger span {

   display: block;
   padding: 10px;
   background-color: grey;
}

.onglet-menu-burger span:hover {

   cursor: pointer;
}

.onglet-menu-burger span i {

   vertical-align: middle;
   color: #fff;
}

/*.div_texte img {

    width: 100%;
    height: auto;
}*/

#div_texte {

    padding: 0px !important;
}

form {

    -ms-overflow-style: none;
}


/*form::-webkit-scrollbar, .public_bloc_ul::-webkit-scrollbar {

    display: none !important;
}*/

/*----MS Edge Browser CSS Start----*/

@supports (-ms-ime-align: auto) {

    .public_checkbox .checkbox-liste {

        position: relative;
        top: 3px;
    }

    input.search-button, input.reset-button {
        line-height: inherit;
    }

    .share-icon {

        width: 15px !important;
    }

    .rrssb-buttons li a#infobutton, .rrssb-buttons li a#sharebutton {

        padding: 4px !important;
    }
}

/*----MS Edge Browser CSS End----*/
.fb-like {
    display: inline-block;
    /* left: 7px; */
    position: relative;
    top: 19px;
}

.alpha-filter ul li a.no-content{

    opacity: 0.3;
}

#formulaire_contact_classique {
    width: 50%;
    margin: 0 auto;
}

.form-container {
    padding: 15px;
    text-align: center;
    display: block;
}

.form-container .btn-send-mail {
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: solid 1px #c2c2c2;
    background: transparent;
}

.form-container input, .form-container textarea  {

    padding: 5px;
    width: 100%;
    margin-bottom: 15px;
    border: solid 1px #e4e4e4;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-top: 1px solid #c2c2c2;
}

.input-container input[type="radio"], .input-container input[type="checkbox"] {
    width: 20px;
}

.input-container.inline {
    display: inline-block;
}

.input-container .erreur {
    color: red !important;
    display: inline-block;
    margin: 0 0 15px 0;
}

.erreur_champ {
    border: 1px solid red !important;
}

.bookseller-comment-content.text-presentation {

    /*margin-top: 0px;*/
}

.btn-rch-video {

    display: inline-block;
}

.section-logo {

    margin-bottom: 15px;
}

.row.block.rounded:first-child {

    padding-top: 15px;
}

.view-more-social-network {
    border-style: solid;
    border-width: 1px;
    border-color: #000 !important;
}

#social-network-button {

    background-color: transparent !important;
}


.flex-footer
{
    display: flex;
}

@media screen and (max-width: 991px)
{
    .flex-footer
    {
        display: block;
    }

}

.obligatoire {
    border-color: #000;
}

.obligatoire::-webkit-input-placeholder {
    color: #000;
}

.un_champ_obligatoire::after {
    content: '*';
    position: absolute;
    top: 11px;
    left: 6px;
    color: #000;
}

.g-recaptcha {
    width: 50%;
    display: inline-block;
}
.bloc_mdp_oublie {
    display: block;
    font-size: large;
    font-weight: bold;
    margin: 15px 0;
    text-align: left;
    width: 49%;
}

#modal_calque_form_mdp_oublie_acces_payant {
    z-index: 1000;
}