/* -------------------- FILTRES -------------------- */

div.bloc_prog_filtres {
    margin: 0 0 20px 0;
    padding: 10px 0 5px 0;
}



div.bloc_prog_filtres ul {
    list-style: none;
    text-align: left;
    margin: 0;
}

div.bloc_prog_filtres ul li {
    margin: 0 5px 5px 0;
    display: inline-block;
}

div.bloc_prog_filtres ul li a {
    display: block;
    margin: 0 5px 5px 0;
    padding : 0 0 8px 0;
}
div.bloc_prog_filtres ul li a span {
    display: block;
    padding: 10px 10px 10px 10px;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    font-size: 1.1em;
    color: #FFFFFF;
    background-color: #cc071e;

    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

div.bloc_prog_filtres ul li a:hover span, div.bloc_prog_filtres ul li a.selected span {
    color: #FFFFFF;
    background-color: #1a171b;
}
div.bloc_prog_filtres ul li a.selected {
    background: url('../img/structure/prog_filtres_fleche.png') no-repeat bottom center;
}




/* --------------------------- PROGRAMME COMPLET --------------------------- */

div.zone_grille {
    width: 100%;
    text-align: center;
}

div.bloc_show, div.bloc_jour {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
    width: 238px;
    height: 238px;

    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

div.bloc_jour {
    font-size: 2em;
    font-family: 'oswaldregular', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #1a171b;
    background: url('../img/structure/prog_jour_fond_235.png') no-repeat 0 0;
    text-align: center;
    line-height: 238px;
}
div.bloc_jour a {
    color: #1a171b;
}


div.bloc_show {
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; /* version standardisée */
    -webkit-background-size: cover; /* pour anciens Chrome et Safari */
    background-color: #e5e5e5;
}

div.bloc_show.petit {}
div.bloc_show.moyen {}
div.bloc_show.grand {}




/* show_zone_infospec */
div.bloc_show div.wrap_zone_fullspec, div.bloc_jshow div.wrap_zone_fullspec {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
}

div.bloc_show div.wrap_zone_fullspec div.show_zone_fullspec, div.bloc_jshow div.wrap_zone_fullspec div.show_zone_fullspec {
    position: relative;
    top: 15px;
    left: -29px;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 1.1em;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #cc071e;
    text-align: center;
    padding: 2px 0;
    width: 130px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}




/* show_zone_infospec */
div.bloc_show div.show_zone_infospec {
    position: absolute;
    bottom: 0;
    right: 0;
}

div.bloc_show div.show_zone_infospec div {
    display: block;
    float: right;
    clear: both;
}

div.bloc_show div.show_zone_infospec div a {
    display: block;
    padding: 3px 4px;
    color: #FFFFFF;
    background-color: #1a171b;
}
div.bloc_show div.show_zone_infospec div a:hover {
    background-color: #cc071e;
}

div.bloc_show div.show_zone_infospec div.show_horaire {
    padding: 3px 4px;
    font-size: 1.1em;
    color: #FFFFFF;
    background-color: #1a171b;
}

div.bloc_show div.show_zone_infospec div.show_lieu {
    font-size: 1.1em;
}

div.bloc_show div.show_zone_infospec div.show_nom {
    padding: 3px 4px;
    font-size: 1.1em;
    color: #FFFFFF;
    background-color: #1a171b;
}

div.bloc_show div.show_zone_infospec div.show_ticket {}



/* show_zone_perfs */
div.bloc_show div.show_zone_perfs {
    position: absolute;
    top: 0;
    left: 0;
}

div.bloc_show div.show_zone_perfs ul.show_perfs {
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

div.bloc_show div.show_zone_perfs ul.show_perfs li {
    display: block;
    float: left;
    clear: both;
}
div.bloc_show div.show_zone_perfs ul.show_perfs li a {
    display: block;
    padding: 4px 4px;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    color: #FFFFFF;
    background-color: #1a171b;

    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}

div.bloc_show div.show_zone_perfs ul.show_perfs li a.petit { padding: 2px 4px; font-size: 1.15em; }
div.bloc_show div.show_zone_perfs ul.show_perfs li a.moyen { padding: 4px 4px; font-size: 1.4em; }
div.bloc_show div.show_zone_perfs ul.show_perfs li a.grand { padding: 6px 4px; font-size: 1.6em; }



/* show_zone_sponsor */
div.bloc_show div.show_zone_sponsor {
    position: absolute;
    bottom: 0;
    right: 0;
}
div.bloc_show div.show_zone_sponsor img {
    display: block;
    max-width: 50px;
    max-height: 50px;
}




/* --------------------------- PROGRAMME ARTISTES --------------------------- */

div.bloc_lettre {
    display: inline-block;
    margin: 30px 0 10px 0;
    padding: 5px 10px;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 2.4em;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #cc071e;
}

div.bloc_lettre.first {
    margin: 0 0 10px 0;
}




div.bloc_artiste {
    display: block;
    margin: 0 0 10px 0;
    padding: 15px;
    background-color: #e5e5e5;
}

div.bloc_artiste div.zone_gauche {
    float: left;
    width: 790px;
}

div.bloc_artiste div.zone_gauche div.artiste_photo {
    float: left;
    margin: 0 15px 0 0;
}
div.bloc_artiste div.zone_gauche div.artiste_photo img {
    display: inline-block;
    width: 60px;
    height: 60px;

    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

div.bloc_artiste div.zone_gauche div.artiste_nom {
    float: left;
    margin: 15px 0 0 0;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 2em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
    line-height: 1.2;
}



div.bloc_artiste div.zone_droite {
    float: right;
    width: 400px;
}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec {
    margin: 0 0 15px 0;
}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec.first {}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec.last {
    margin: 0;
}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec div.show_jour {
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 1.3em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
}
div.bloc_artiste div.zone_droite div.artiste_bloc_spec div.show_jour a {
    color: #1a171b;
}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec div.show_lieu {
    margin: 3px 0 0 0;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 1.2em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec div.show_nom {
    margin: 3px 0 0 0;
    font-size: 1.1em;
}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec div.show_ticket {}

div.bloc_artiste div.zone_droite div.artiste_bloc_spec div.show_complet {
    margin: 3px 0 0 0;
    padding: 3px;
    display: inline-block;
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #cc071e;
}







/* --------------------------- PROGRAMME LIEUX --------------------------- */

div.zone_lieu {
    float: left;
    margin: 0 0 30px 0;
    width: 610px;
}

div.bloc_lieu {
    display: block;
    margin: 0 0 5px 0;
    padding: 15px;
    background-color: #e5e5e5;
}

div.bloc_lieu div.zone_gauche {
    float: left;
}

div.bloc_lieu div.zone_gauche div.lieu_photo {
    float: left;
    margin: 0 15px 0 0;
}
div.bloc_lieu div.zone_gauche div.lieu_photo img {
    display: block;
    width: 50px;
    height: 50px;
}

div.bloc_lieu div.zone_gauche div.lieu_nom {
    float: left;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
}



div.bloc_lieu div.zone_droite {
    float: right;
}

div.bloc_lieu div.zone_droite div.lieux_specs {
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.4;
    text-align: right;
}

div.lieux_map {
    float: right;
    display: block;
    margin: 0 0 30px 0;
    width: 610px;
    height: 620px;    
}







/* --------------------------- PROGRAMME JSHOW --------------------------- */

div.bloc_jshow {
    position: relative;
    display: block;
    margin: 0 0 10px 0;
    padding: 20px 20px 10px 20px;
    background-color: #e5e5e5;
}

div.bloc_jshow.petit {}
div.bloc_jshow.moyen {}
div.bloc_jshow.grand {}

div.bloc_jshow div.zone_gauche {
    float: left;
    width: 260px;
    background: url('../img/structure/bloc_jshow_eclair.png') no-repeat 0 0;
}

div.bloc_jshow div.zone_gauche div.show_jour {
    display: block;
    margin: 0 0 0 50px;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 2.4em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
}
div.bloc_jshow div.zone_gauche div.show_jour a {
    color: #1a171b;
}

div.bloc_jshow div.zone_gauche div.show_lieu {
    display: block;
    margin: 2px 0 0 50px;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 1.8em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
}

div.bloc_jshow div.zone_gauche div.show_horaire {
    display: block;
    margin: 2px 0 0 50px;
    font-family: 'built_titlingsemibold', Arial, Helvetica, serif;
    font-size: 1.5em;
    font-weight: normal;
    text-transform: uppercase;
    color: #1a171b;
}
div.bloc_jshow div.zone_gauche div.show_horaire a {
    color: #1a171b;
}

div.bloc_jshow div.zone_gauche div.show_photo {
    margin: 5px 0 2px 50px;
}
div.bloc_jshow div.zone_gauche div.show_photo img {
    display: inline-block;
    width: 50px;
    height: 50px;
}

div.bloc_jshow div.zone_gauche div.show_nom {
    margin: 5px 0 2px 50px;
    font-size: 1.2em;
}

div.bloc_jshow div.zone_gauche div.show_ticket {
    display: block;
    margin: 15px 0 10px 0;
}



div.bloc_jshow div.zone_droite {
    float: right;
    width: 560px;
    text-align: center;
}
div.bloc_jshow div.zone_droite.large {
    width: 940px;
}

div.bloc_jshow div.zone_droite div.titre_perfs {
    margin: 0 0 10px 0;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    font-size: 1.3em;
    font-weight: normal;
}

div.bloc_jshow div.zone_droite ul.show_perfs {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none; 
}

div.bloc_jshow div.zone_droite ul.show_perfs li {
    display: inline-block;
    vertical-align: top;  
    margin: 0 5px 10px 0;
    font-size: 1.1em;
    text-align: center;
    line-height: 1.2;
}
div.bloc_jshow div.zone_droite ul.show_perfs li a {
    display: block;
}

div.bloc_jshow div.zone_droite ul.show_perfs li a img {
    display: block;
    margin : 0 0 2px 0;
    border: 3px solid transparent;

    -webkit-transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -o-transition: all ease 0.4s;
    -ms-transition: all ease 0.4s;
    transition: all ease 0.4s;
}

div.bloc_jshow div.zone_droite ul.show_perfs li a.petit {
    width: 60px;
}
div.bloc_jshow div.zone_droite ul.show_perfs li a.petit img {
    width: 60px;
    height: 60px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

div.bloc_jshow div.zone_droite ul.show_perfs li a.moyen {
    width: 90px;
}
div.bloc_jshow div.zone_droite ul.show_perfs li a.moyen img {
    width: 90px;
    height: 90px;
    -webkit-border-radius: 45px;
    -moz-border-radius: 45px;
    border-radius: 45px;
}

div.bloc_jshow div.zone_droite ul.show_perfs li a.grand {
    width: 120px;
}
div.bloc_jshow div.zone_droite ul.show_perfs li a.grand img {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
}


div.bloc_jshow div.zone_droite ul.show_perfs li a:hover img {
    border: 3px solid #999999;
}

div.bloc_jshow div.zone_droite ul.show_perfs li a.selected {
    color: #1a171b;
    cursor: default;
}
div.bloc_jshow div.zone_droite ul.show_perfs li a.selected img {
    border: 3px solid #cc071e;
}





div.bloc_jshow div.show_sponsor {
    float: left;
    margin: 10px 40px 10px 0;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    font-size: 1.2em;
    font-weight: normal;
    font-style: italic;
    color: #1a171b;
}
div.bloc_jshow div.show_sponsor a {
    color: #1a171b;
}
div.bloc_jshow div.show_sponsor img {
    display: inline-block;
    margin: 0 10px 0 0;
    height: 30px;
}



/* --------------------------- FICHE ARTISTE --------------------------- */

div.fiche_artiste_col_gauche {
    float: left;
    width: 860px;
    margin: 0 0 30px 0; 
}

div.fiche_artiste_col_droite {
    float: right;
    width: 340px;
    margin: 0 0 30px 0; 
}




div.fiche_artiste_bloc_entete {
    position: relative;
    margin: 0 0 30px 0; 
}

h2.fiche_artiste {
    margin: 0 0 10px 0;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    font-size: 1.6em;
}

h3.fiche_artiste {
    margin: 0 0 10px 0;
    font-family: 'oswaldlight', Arial, Helvetica, serif;
    font-size: 1.3em;
    font-style: italic;
}



div.fiche_artiste_bloc_spectacles {
    margin: 0 0 30px 0;
}




div.fiche_artiste_bloc_photo {
    margin: 10px 0 30px 0;   
}

div.fiche_artiste_bloc_photo p.photo {
    text-align: center;
}

div.fiche_artiste_bloc_photo p.photo img {
    display: block;
    width: 340px;
    height: 340px;

    -webkit-border-radius: 170px;
    -moz-border-radius: 170px;
    border-radius: 170px;
}

div.fiche_artiste_bloc_photo p.presskit {
    margin: 30px 0 0 0;
    text-align: center;
}





div.fiche_artiste_bloc_liens {
    margin: 0 0 20px 0;
    text-align: center;
}

div.fiche_artiste_bloc_liens div.titre_bloc {
    margin: 0 0 15px 0;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    font-size: 1.3em;
    font-weight: normal;
    color: #1a171b;
}




div.fiche_artiste_bloc_video {
    margin: 0 auto 30px auto;
    width: 1000px;
    text-align: center;
}



div.fiche_artiste_bloc_audio {
    margin: 30px auto 30px auto;
    text-align: center;
}







/* --------------------------- FICHE LIEU --------------------------- */

div.fiche_lieu_col_gauche {
    float: left;
    width: 860px;
    margin: 0 0 30px 0; 
}

div.fiche_lieu_bloc_map {
    float: right;
    display: block;
    margin: 10px 0 30px 0; 
    width: 340px;
    height: 340px;
}



div.fiche_lieu_bloc_entete {
    position: relative;
    margin: 0 0 30px 0; 
}

div.fiche_lieu_bloc_spectacles {
    margin: 0 0 30px 0;
}


div.fiche_lieu_bloc_photo {
    float: left;
    margin: 0 20px 30px 0;   
}
div.fiche_lieu_bloc_photo img {
    display: block;
    width: 140px;
    height: 140px;
}

div.fiche_lieu_bloc_liens {
    margin: 0 0 30px 0;
}
div.fiche_lieu_bloc_liens div.titre_bloc {
    float: left;
    margin: 0 10px 0 0;
    font-family: 'oswaldregular', Arial, Helvetica, serif;
    font-size: 1.3em;
    font-weight: normal;
    color: #1a171b;
    line-height: 30px;
}













/* --------------------------- FICHE COMMUN --------------------------- */

/* icone */
div ul.liens_ext_fa {
    list-style: none;
    margin: 0;
}

div ul.liens_ext_fa li {
    display: inline-block;
    margin: 0 5px 0 5px;
}

div ul.liens_ext_fa li a {
    display: block;
    font-size: 1.4em;
    color: #cc071e;
    line-height: 30px;
    height: 30px;
}
div ul.liens_ext_fa li a:hover {
    color: #1a171b;
}

div ul.liens_ext_fa li a i.fa {
    display: inline-block;
    width: 30px;
    height: 30px;
}

div ul.liens_ext_fa li a img {
    display: inline-block;
    margin: 0 5px 0 5px;
    width: 80px;
    height: 30px;
}