/* MEDIATHEQUES - BLOC ACCUEIL */
#block-views-bibliotheque-block-1 {

    .lien-biblio {
        margin-top: 0.3em;
    }

    .views-row {
        margin-bottom: 1.5em;
    }

    .views-field-field-horaires-ouverture {

        text-transform: uppercase;
        .font-rem(10);
        font-weight: 600;
        margin-top: 0.5em;
        letter-spacing: 0.1em;
        font-family:'Rubik', sans-serif;

        .oh-current-open {
            color: #72bf44;
        }
        .oh-current-closed {
            color: gray;
        }
        .oh-current-open:before,
        .oh-current-closed:before {
            content: "";
            background: url(../images/icon-hour.png) no-repeat;
            height: 20px;
            width: 20px;
            display: block;
            float: left;
            margin-right: 5px;
        }

    }
}




/* MEDIATHEQUES - PAGE VIEWS */

.page-bibliotheques {
    
    #precontenu {background: none;}

    #block-multiblock-5 .view-content {
        margin-top: 9px;
    }
    .view-content {
        margin-top: 3em;
    }
    .views-row {
        border-top: solid 1px #e7e7e7;
        margin-right: 1em;
        padding-top: 1em;
        padding-bottom: 1em;
        height: 137px;
    }
    .thumbnail {
        padding: 0;
        padding-bottom: 1em;
        /*box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);*/
        background: #fafafa;

        @media @smartphones {
            border: solid 1px #e7e7e7;
        }

    }
    .views-field-field-vignette {
        height: 179px;
    }
    .view-content h3 {
        margin: 0;
        margin-top: 0.5em;
    }
    .view-content img {
        margin-bottom: 1em;
    }

    .view-content h3 a:hover {
        color: #444;
    }
    .view-content h3,
    .views-field-address,
    .views-field-field-telephone,
    .views-field-name,
    .views-field-field-nom-commun {
        margin-left: 15px;
    }




.location.vcard {
    .fn {
        text-transform: uppercase;
        font-weight: 600;
        color: @defautcolor;
    }
}
    .oh-current-open,
    .oh-current-closed {
        color: #fff;
        padding: 2px 5px;
        position: absolute;
        margin-left: 15px;
        top: 0;
        left: 0;
    }
    .oh-current-open:before,
    .oh-current-closed:before {
        content: "";
        background: url(../images/icon-hour.png);
        width: 20px;
        height: 20px;
        display: inline-block;
        float: left;
        margin-right: 5px;

    }
    .oh-current-closed {
        background-color: #666;

    }
    .oh-current-open {
        background-color:@defautcolor;
    }
}




/* MEDIATHEQUES - NODE */
.page-taxonomy-localisation {

    #topcontenu {
        display: none;
    }


    #postcontenu {
        margin-top: 2em;
    }

    .node-galerie-image {
        header {
            display: none;
        }

    }
    .view-geolocalisation-bibliotheque {
       padding-top: 20px;

        @media @smartphones {
            padding-bottom: 20px;
        }
    }

    h1.page-header:before {
        /*content: "Médiathèque ";*/
    }
    .logo-biblio {

        img {
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
            max-height: 80px;
            width: auto;
        }
    }
    .coordonnees-biblio {

        h3 {
            border-top: solid 4px @defautcolor;
            padding-top: 1em;
            text-transform: uppercase;
        }

        .logo-biblio {
            margin-top: 0.5em;
        }
    }
    .images-biblio {
        min-height: 420px;
    }
    .label-vcard {
        border-top: solid 1px rgba(255, 255, 255, 0.6);
        padding-top: 0.5em;
    }
    .coordonnees-biblio .location.vcard {
        margin-bottom: 1.3em;
    }


    .coordonnees-biblio .fn {
        display: none;
    }

    .country-name {display: none}

    .coordonnees-biblio {
        font-size: 1.2em;
        line-height: 22px;
    }
    .coordonnees-biblio a {

    }
    .coordonnees-biblio a:hover {
        color: #333;
    }
    .website a, .lien-catalogue a {
        display: block;
        padding: 0.5em;
        font-size: 0.8em;
        border: solid 1px rgba(255, 255, 255, 0.6);
        text-align: center;
    }
    .website a:hover, .lien-catalogue a:hover {
        background: rgba(255, 255, 255, 0.2);
    }
    .descriptif {
        font-size: 1.2em;
        line-height: 1.2em;
        color: #666;
    }
    .descriptif h3 {
        font-size: 1.5em;
        margin-top: 0;
    }
    .periode-fermeture h3 {
        color: @defautcolor;
        text-transform: uppercase;
        font-weight: 600;
        margin-top: 0;
    }
    .node-galerie-image {
        margin-bottom: 0 !important;
    }
    .nom-commun-biblio {
        text-transform: uppercase;
        font-size: 1.2em;
        margin-bottom: 1em;
    }
    .horaire-ouverture {
        color: #444;
        line-height: 25px;

        .oh-display-times {
            background-color: @defautcolor;
            color: #fff;
            display: inline-block;
            padding-right: 10px;
            padding-left: 10px;
        }
        .oh-display-label {
            background-color: #333;
            color: #fff;
            padding-left: 10px;
        }
        .oh-display {
            margin-bottom: 10px;
            display: inline-block;

        @media @smartphones {
            font-size: 13px !important;
        }

        }
        .oh-display-closed {
            background-color: #b72b0b;
            font-size: 1em;
        }

    }
    .date-display-start:before {
        content: "Du ";
    }
    .date-display-end:before {
        content: "au ";
    }
    .dates-fermeture {
        background-color: fade(@defautcolor,20%);
        padding: 0.5em;
        color: #444;
    }
    #equipement .picto img,
    #accessibilite .picto img,
    #fond .picto img {
        margin-left: 1em;
        margin-bottom: 1em;
    }


    .pieces-jointes {

        margin-top: 3em;

        h3 {
            font-size: 1.3em;
            font-weight: 600;
            margin-bottom: 1em;
            color: @defautcolor;
        }

        a {
            color: @defautcolor;
            font-size: 0.9em;
        }
        a:hover {
            color: #000;
        }
        ul {
            margin: 0;
            padding: 0;
        }
        li {
            border-bottom: solid 1px #e7e7e7;
            padding-bottom: 0.5em;
            margin-bottom: 0.5em;
            list-style-type: none;
        }
        text-transform: uppercase;
    }
    #block-multiblock-4 {


        div.feed-icon {
        position: absolute;
        top: 10px;
        right: 0;
        }
    }

}
/* MEDIATHEQUES - NODE */
/* ouverture */
.bloc-media-ouverture {
  padding:5px 15px 5px 35px;
  display: inline-block;
  margin-bottom:15px;
  color:#FFF;
  background: url(../images/picto-horaires.png) 10px 7px no-repeat;
}
.bloc-media-ouverture-ferme {
  background-color:@defautcolor;
}
.bloc-media-ouverture-bientot {
  background-color:orange;
}
.bloc-media-ouverture-ouvert {
   background-color:#72be42;
 }

/* descriptif */
.page-taxonomy-localisation .cadre-triangle-biblio{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 400px 0 400px;
  border-color: @defautcolor transparent transparent;
  margin: 0 auto;

    @media @smartphones {
        display: none;
    }
}
.page-taxonomy-localisation a.lienFondRouge {
  background-color: @defautcolor;
  color:#FFF;
  padding: 10px 50px;
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
  font-size:14px;
  display: inline-block;
}
/* infos */
.page-taxonomy-localisation .adresse{
  background-color: #f2f2f2;
  padding: 20px 25px 10px 25px;
  color:@defautcolor;
}
.page-taxonomy-localisation .adresse label{
  font-weight: normal;
}
.page-taxonomy-localisation .adresse .tel{
  font-weight: 500;
  font-family: 'Rubik', sans-serif;
}
/* horaires */
.page-taxonomy-localisation .horaire-ouverture .oh-display-label {
  padding: 10px 15px 5px 15px;
  text-transform: uppercase;
  width: 8em !important;
  background-color:#58595b;
  margin-right: 10px;
}
.page-taxonomy-localisation .horaire-ouverture .oh-display-times {
   padding: 10px 15px 5px 15px;
  text-transform: lowercase;
 }
.page-taxonomy-localisation .horaire-ouverture .oh-display-hours {
  background-color:#72be42;
}
.page-taxonomy-localisation .horaire-ouverture .oh-display-closed {
  background-color: @defautcolor;
  font-size: 1em;
}
.page-taxonomy-localisation .horaires-biblio h4 {
  margin-top:30px;
  margin-bottom: 15px;
  font-size: 2.5rem;
  font-family: 'Open Sans', sans-serif;
}
.page-taxonomy-localisation .dates-fermeture {
  background-color: #f2f2f2;
  padding: 10px 20px;
  font-size:14px;
  color: #444;
}
/* s incrire */
.page-taxonomy-localisation .inscrire-biblio {
  border-top: solid 4px @defautcolor;
  margin-top:45px;
  padding-top: 1em;
}
.page-taxonomy-localisation .inscrire-biblio h3 {
  text-transform: uppercase;
}
.page-taxonomy-localisation .inscrire-biblio img.imginscire {
  float:right;
  padding-right:30px;
}
.page-taxonomy-localisation .inscrire-biblio span.sstitreinscire {
  color:#6D6E71;
  font-size:2rem;
}
/* acces */
.page-taxonomy-localisation .infos-transport {
  margin-top:30px;
}


/* MEDIATHEQUES - PAGE */

.page-bibliotheques .view-bibliotheque .view-content {
  margin-top: 0;
}
.page-bibliotheques .view-bibliotheque .bloc-biblio {
    margin-bottom: 30px;
    background: #f4f4f4;
    padding-bottom: 1em;
}
.page-bibliotheques .view-bibliotheque .oh-current-open, .page-bibliotheques .view-bibliotheque .oh-current-closed {
    position:relative;
}
.page-bibliotheques .view-bibliotheque .views-field-field-vignette img {
  width:100%;
  max-height:191px;
}
.page-bibliotheques .view-bibliotheque .views-field-field-vignette {
  height: initial;
}
.page-bibliotheques .view-bibliotheque .bloc-biblio-texte {
  //border-top: solid 4px @defautcolor;
  margin-top:45px;
  padding-top: 1em;
}
.page-bibliotheques .view-bibliotheque .bloc-biblio-texte h3 {
  margin-left: 0;
}
.page-bibliotheques .oh-current-open:before, .page-bibliotheques .oh-current-closed:before {
  background: url(../images/picto-horaires.png) 2px 2px no-repeat;
}
.page-bibliotheques .view-bibliotheque .bloc-biblio .oh-current-open {
  padding:5px 15px 5px 5px;
  display: inline-block;
  margin-top:15px;
  background-color:#72be42;
.font-size(14);
}

.page-bibliotheques .view-bibliotheque .bloc-biblio .oh-current-closed {
  padding:5px 15px 5px 5px;
  display: inline-block;
  margin-top:15px;
  background-color:@defautcolor;
  .font-size(14);
}