/*
    Document   : fabre2014
    Created on : 27 mars 2014, 16:58:52
    Author     : pierre
    Description:
        Purpose of the stylesheet follows.
*/

/* Les couleurs
rouge menu titre bloc agenda billeterie venir au musee  #E7535E
gris texte global color: #666666 ?
gris menu #9d9ea0 9c9e9f
gris survol bloc menu #f2f2f2
gris toolbar: #9d9ea0
gris hover et active lien accessibilité #4e4f4f
gris des titre : #818181
gris foncé (recherche barre) #767676
gris survol bloc accueil #484848
gris footer #414141
gris bordure bloc accueil #a1a1a1
fuschia bloc actualites rejoignez nous #CC007D
rouge titres bloc accueil agenda billeterie info pratiques   #E7535E
Rose fond de page : #f9f9f9
Gris seconde partie footer #e6e6e6
h1 page contenu => #484848
*/

/* Global */
body {
    background: none !important;
    color: #646464 !important;
    margin: 0;
    font-family: 'Cabin';
    font-size: 16px;
}

/*cas des iframe opac*/
.iframe_opac iframe {
    min-height: 600px;
    width: 96%;
    padding:15px;
    overflow-y: scroll;  
}

a {
    color: #646464;
}

a:hover {
    color: #E7535E;
}

p{
    margin-bottom: 0.5em;
    margin-top: 0.5em;

}

/*Directive globale heritee de core*/

p.text-left, td.text-left, th.text-left, *.text-left
{
    text-align: left;
}

p.text-right, td.text-right, th.text-right, *.text-right
{
    text-align: right;
}

p.text-center, td.text-center, th.text-center, *.text-center
{
    text-align: center;
}

p.text-justify, td.text-justify, th.text-justify, *.text-justify
{
    text-align: justify;
}

div.object-left, table.object-left
{
    float: left;
    clear: left;
}

div.object-right, table.object-right
{
    float: right;
    clear: right;
}

div.object-center, table.object-center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.oe-window
{
    clear: both;
}

/*Gestion des images*/
div.object-left img {
    margin-right: 10px;
}

div.object-right img {
    margin-left: 10px;
}


/*Fin de directive globale*/

h1,h2,h3,h4,caption{page-break-after:avoid}

h1 {
    color: #484848;
    /*#414141*/
    font-size: 32px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
h2 {
    font-size: 20px !important;
    text-transform: uppercase;
    margin-top: 0.4em;
    margin-bottom: 0.3em;
}
h3{
    font-size: 18px !important;
}

/* Gestion des puces */
ul {
    list-style-type: square;
    color: #E7353E;
}

ul li ul {
    list-style-type: circle;
    color: #E7353E;
}

.first-child {
    margin-left: 0 !important;
    clear: left;
}

/*Utilise notamment dans l'affichage des section de parcours*/
/*.collection-prets  .oeuvre a, .detail-salle .oeuvre a, .parcours-thematiques .oeuvre a, .faites-parcours .oeuvre a {
    background: #ffffff;
    color: #646464 !important;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    width: 100%;
    display: block;
    padding: 0 10px;
    margin-top: 0;
}*/

.lien-fiche-oeuvre {
    background: #ffffff;
}

/*, .item-prets a*/
.laSuite a, .oeuvre a, .oeuvredetail a, .oeuvredetailauteur a, .fiche-oeuvre a {
    padding: 7px 10px;
    text-transform: uppercase;
    cursor: pointer;
    background: #E7353E;
    color: #ffffff !important;
    font-weight: 500;
    display: inline-block;
    margin-top: 1%;
    /*float: left;*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}
/*, .item-prets a:hover*/ 
.laSuite a:hover,  .oeuvre a:hover, .oeuvredetail a:hover, .oeuvredetailauteur a:hover, .fiche-oeuvre a:hover {

    background: #E7353E;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#E7353E", endColorstr="#BA2B32"); /* Pour IE seulement et mode gradient à linear */
    background: -webkit-gradient(linear, left top, left bottom, from(#E7353E), to(#BA2B32));
    background: -webkit-linear-gradient(#E7353E, #BA2B32);
    background: -moz-linear-gradient(#E7353E, #BA2B32);
    background: -o-linear-gradient(#E7353E, #BA2B32);
    background: -ms-linear-gradient(#E7353E, #BA2B32);
    background: linear-gradient(#E7353E, #BA2B32);
}

/* Association image au type de fichier proposé */

/* poids fichier à mettre en plus petit*/
.ext-file {
    font-size: 0.6em;
}

.class-file .attribute-pdf a {
    background: transparent url('../images/pdf-file.png') no-repeat left bottom;
    padding: 10px 0 0 38px;
    display: inline-block;
}

.class-file .attribute-pdf a:hover {
    background: transparent url('../images/pdf-file-hover.png') no-repeat left bottom;
    color: #E7535E !important;
}

/* Addthis toolbar */

.addthis_native_toolbox {
    margin: 35px 0;
}


#page {
    overflow: hidden;
}


/* Header */

header {
    position: fixed;
    z-index: 600;
    background: none;
    width: 100% !important;
    max-height: 40px;
}

header > section {
    background: none;
    min-height: 0;
}

header,
header > section {
    /*min-height: 70px;*/
    background: #9c9e9f;
}

/* Gestion du logo agglo */
header .logo {
    width: 102px;
    height: 113px;
    float: left;
    margin-top: 0 !important;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
}

.headermenu {
    height: 40px;
    background: #9c9e9f;
}

.headermenu .col {
    /*margin: 0;*/
    background: #9c9e9f !important;
    margin: 0;
    height: 38px;
}


.logomusee {
    text-align: center;
    display: inline-block;
    padding-top: 0px; 
}

body.page header {
    background: none;
}

body.page .logomusee {
    padding-top: 5px;
    padding-bottom: 5px;
    background: #ffffff;
}

body.page .logomusee img {
    /*height: 65px;*/
    width: auto;
}

/* Passage du header en fond blanc sur scroll et désaffichage du logo */
body.page header.backwhite, body.home header.backwhite  {
    /*background: #ffffff !important;*/
}

.displaynone {
    display: none;
}

.logomuseehome {
    padding: 10px 0 50px 0;
    /*border-radius: 10px;*/
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 99%, rgba(0,0,0,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.15)), color-stop(99%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.15) 0%,rgba(0,0,0,0) 99%,rgba(0,0,0,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.bgrose {
    background: #f9f9f9;
    padding: 20px 10px;
}

/*gestion de la navigation principale */

/* On desactive la nav format smartphone */

ul.show-under-menu, ul.show-under-menu-hide {
    display: none;
} 

ul.nav {
    background: #9c9e9f;
    margin: 0;
    padding: 0 10px;
    /*padding: 1em 0.5em;*/
    display: inline-block;
    float: left;
    min-height: 0;
    /*height: 35px;*/
    height: auto;
    position: relative;
}
.nav > li {
    display: inline-block;
}

.nav > li > a {
    color: #ffffff !important;
    font-size:14px !important;
    /*line-height: 35px;*/
    font-weight: normal;
    /*padding: 0 4px !important;*/
    /*border-right: 1px solid #ffffff;*/
    text-decoration: none;
}

.nav > li > a:after {
    content: '|';
    padding: 5px 2px 5px 5px;
}


.nav > li.lastnav > a {
    border: none;
}

.nav > li > a:hover {
    color: #4e4f51 !important;
    text-decoration: none;
    background: none;
}

.nav > li > a:hover:after {
    color: #fff;
}



header .header-search {
    margin: 0;
    padding: 3px 10px 0 10px;
    margin-right: 10px;
    display: inline-block;
    float: left;
    background: #9c9e9f;
    font-size: 12px !important;
    border-right: 1px solid #ffffff;
}

.header-search label {
    padding: 2px 15px;
    width: 70px !important;
    position: relative;
    display: inline-block;
    background: #767676;
    line-height: 10px;
}

.header-search label:before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    top: 2px;
    left: 0px;
    background: transparent url('../images/search.png') no-repeat left top;
}



:-moz-placeholder {
    color: #ffffff;
}
::-webkit-input-placeholder {
    color: #ffffff;
}

.header-search  input.search-query {
    background: #767676;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 75px;
    color: #ffffff;
}

/* Gestion du bloc de langue */

.main-content-lang {
    background: #9c9e9f;
    /*height: 35px;*/
    /*min-width: 200px;*/
}
#lang-selector {
    display: inline-block;
    background: #9c9e9f;
    /*height: 15px;*/
    /*padding: 10px 0 10px 10px;*/
    /*line-height: 12px !important;*/
    /* Temporaire le temps de gestion des langues */
    /*display: none;*/
}

#lang-selector ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#lang-selector ul li {
    display: inline-block;
}

#lang-selector ul li a {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 12px !important;
}

#lang-selector ul li a:hover {
    color: #4e4f51 !important;
}


#lang-selector ul li a:after {
    /*content:"-";*/
    /*padding: 0 5px;*/
}

#lang-selector ul li a.last:after {
    content: "";
}


#lang-selector a {
    color: #ffffff;
}


/* Navigation */
/* Surcharge multilevel menu */

#dl-menu {
    /*width: 310px;*/
    width: 100%;
    background: #ffffff;
    /*margin-left: -45px;*/
    z-index: 5000;
    min-height: 40px;
    position: relative;
    /*margin-left: 45px;*/
}

/* Reset */
#dl-menu *,
#dl-menu *:after,
#dl-menu *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dl-menuwrapper button {
    font-family: 'Cabin';
    font-size: 20px;
    font-weight: bold;
    padding-top: 5px;
    width: 100%;
    color: #E7535E !important;
    text-transform: uppercase;
    background: #ffffff;
    border: none;
    outline: none;
    text-align: center;
    cursor: pointer;

}
.dl-menuwrapper button.dl-trigger:after,
.dl-menuwrapper button.dl-active:after
{
    font-size: 30px;
    position: absolute;
    top: 0px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: ">";
    right: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.dl-menuwrapper button.dl-active:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.dl-menuwrapper {
    -webkit-box-shadow: 8px 1px 20px 0 rgba(0,0,0,0.3);
    box-shadow: 8px 1px 20px 0 rgba(0,0,0,0.3);
}
.dl-menuwrapper ul {
    margin: 0;
}

ul.dl-menu, ul.dl-menuopen {
    padding-left: 70px;
    width: 100%;

}


.dl-menuwrapper a{
    padding:5px 10px;
    text-decoration:none;
    color:#fff;
}

.dl-menuwrapper li {
    background: #f2f2f2;
    border: none;
}

.dl-trigger {
    content: " "; display: table;
}

.dl-menuwrapper li:hover {
    background: #E7535E;
}

.dl-menuwrapper li a {
    color: #E7535E !important;
    font-size: 15px;
    text-transform: uppercase;
}

.dl-menuwrapper li:hover a,
.dl-menuwrapper  li:hover ul li:hover  a,
.dl-menuwrapper  li:hover ul li:hover ul li:hover  a
{
    color: #ffffff !important;
}

.dl-menuwrapper li:hover ul li a,
.dl-menuwrapper li:hover ul li:hover ul li a
{
    color: #E7535E !important;
}

.dl-menuwrapper a:hover{
    border: none;
    background:none;
    color:#fff;
}

/* Surcharge component.css */
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    font-family: 'cabin';
    font-size: 20px;
}

/* Gestion du troisième niveau d'arborescence du menu */


/*
.dl-menu.dl-subview li.dl-subviewopen > .dl-subsubmenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-subsubmenu > li {
  display: block;
}*/


/* Fil d'ariane = Breadcrumb */

.breadcrumb {
    padding: 0;
    margin: 0 0 0 10px;
    color: #646464;
}

.breadcrumb a  {
    color: #646464;
    text-decoration: none;
}

.breadcrumb li {
    display: inline;
    font-size: 12px;
}

.breadcrumb .divider {
    padding: 0 5px;
    /*color: #999;*/
}
.breadcrumb li.active, .breadcrumb li a:hover  {
    /*color: #333;*/
    text-decoration: underline;
}
/*******************************************************************************
*/
/* TOOLBAR */

ul#quick-toolbar {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#quick-toolbar li {
    /*  border-bottom: 1px solid #c3c3c3;
      border-top: 1px solid #c3c3c3;*/
    border-top: 2px solid #c3c3c3;
    background: #9c9e9f;
    text-align: center;
}

ul#quick-toolbar li a {
    height: 40px;
    width: 40px;
}

ul#quick-toolbar li:hover {
    background: #ffffff;
    /*border: none;*/
}

ul#quick-toolbar li.last {
    border: none;
}

#quick-toolbar {
    font-size: 30px !important;
    /*color: red !important;*/
}

#quick-toolbar a{
    display:block;
}

#quick-toolbar li.tool-recherche{

    border: none;
    background: #9c9e9f url('../images/tool-recherche.png') no-repeat;
}


#quick-toolbar li.tool-recherche:hover {
    background: #ffffff url('../images/tool-recherche-hover.png') no-repeat;
}

#quick-toolbar li.tool-agenda{
    background: #9c9e9f url('../images/tool-agenda.png') no-repeat;
}

#quick-toolbar li.tool-agenda:hover{
    background: #ffffff url('../images/tool-agenda-hover.png') no-repeat;
}


#quick-toolbar li.tool-expositions{
    background: #9c9e9f url('../images/tool-expositions.png') no-repeat;
}

#quick-toolbar li.tool-expositions:hover {
    background: #ffffff url('../images/tool-expositions-hover.png') no-repeat;
}

#quick-toolbar li.tool-recherche-oeuvres{
    background: #9c9e9f url('../images/tool-recherche-oeuvres.png') no-repeat;
}
#quick-toolbar li.tool-recherche-oeuvres:hover{
    background: #ffffff url('../images/tool-recherche-oeuvres-hover.png') no-repeat;

}

#quick-toolbar li.tool-infos-pratiques{
    background: #9c9e9f url('../images/tool-infos-pratiques.png') no-repeat;
}

#quick-toolbar li.tool-infos-pratiques:hover {
    border-bottom: 1px solid #c3c3c3;
    /*border-bottom: 2px solid red;*/
    background: #ffffff url('../images/tool-infos-pratiques-hover.png') no-repeat;
}


/* Gestion du bandeau survol sur quickbar */

#tiptip_arrow {
    display: none;
}

#tiptip_content {
    width: 232px;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    text-transform: uppercase;
    color: #484848;
    font-weight: normal;
    padding-left: 5px;
    background: #ffffff;
    border: 1px solid #c3c3c3;
    /*z-index: 50;*/
}

#tiptip_holder {
    display: none;
    position: absolute;
    top: 0;
    right: 40px;
    background: none;
    border-right: none;
    max-width: 255px;
    text-align: left;
    z-index: 3;
}

/* Gestion popup lightbox */
#lightbox span.lb-number {
    /*display: none !important;*/
}


body.home .main-content {
    margin: 0;
    padding: 205px 30px 30px 30px;
}

body.page .main-content {
    margin: 0;
    padding: 120px 0 30px 0;
}

body.page .blocContenu, body.home .blocContenu  {
    padding: 0 5.5%;
}



footer a, footer a:hover {
    text-decoration: none;
}

.footertop {
    background: #414141;
    padding: 0 0 20px 0;
    margin-top: 50px;
}

.footertop ul {
    list-style: none;
    border-left: 1px solid #ffffff;
    margin-top: 0;
}

.footertop a, .footertop a:hover, .footertop a:active {
    color: #ffffff !important;
    font-size: 11px;
}
.footertop a:hover {
    background: #9C9E9F;
}

ul.footerullevel1 {
    width: 89%;
    padding: 0 5.5%;
    display: inline-block;
    border-left: none;
}

.footertop li.footerlevel1 {
    float: left;
    display: inline-block;
    padding: 0 1% 0 0;
    width: 11.62%;
    /*margin-right: 55px;*/
    /*text-transform: lowercase;*/
}

.footertop li.last {
    padding-right: 0;
}

.footertop h2 {
    margin-top: 0;
}
.footertop h2 a,.footertop h2 a:hover  {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
}

.footertop ul.dl-submenu {
    padding-left: 10px;
}
/*Seconde partie footer*/

.footerbottom {
    background: #E6E6E6;
    font-size: 13px;
    color: #646464;
}
.footerbottom ul {
    color: #646464;
}


.footerbottom a {
    color: #646464 !important;
}

.footerbottom .span_12_of_12 {
    margin-top: 0;
}

.reseaux {
    background: #e6e6e6;
    padding: 0 20px;
}

.reseaux ul {
    list-style: none;
    padding: 0 20px;
}

.reseaux ul li {
    display: inline-block;
    float: left;
    padding: 0;
    line-height: 64px;
}
.reseaux ul li.footcom {
    line-height: 17px;
    padding-left: 15px;
    padding-right: 80px;
    padding-top: 16px;
}

.reseaux ul li:before {
    content:"";
}

.reseaux ul li a:after {
    content: "|";
    /*border-right: 1px solid #949494;*/
    /*width: 1px;*/
    padding: 0 10px;
    font-size: 16px;
    color: #949494;
}

.reseaux ul li.footlogoagglo {
    padding-right: 0;
}

.reseaux ul li.footlogoagglo a:after {
    content: "";
    padding: 0;
}

.reseaux ul li.footrss a:after {
    content: "";
}

.reseaux ul li.footrss {
    display: none;
}

.reseaux ul li.footlogoagglo a img {
    margin-right: 0;
}

.reseaux ul li a {

}

.reseaux ul li a img {
    margin-bottom: -10px;
    margin-right: 10px;
}

img.icofoot {
    /*line-height: 32px;*/
}

/* Divers styles communs */
.borderone {
    border: 1px solid #a1a1a1;
}


/*******************************************************************************/

/* Gestion addthis bar */
.addthis_native_toolbox {
    clear: both;
    width: 100%;
}
/* gestion slider page accueil et expostion */


body.home .slider {
    margin-top: 35px;
}


body.home .flexslider ul, body.page .flexslider ul
{
    border: none;
    /*border-radius: none;*/
}

body.home .flexslider, body.page .flexslider {
    border: none;
    padding: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}
/*.flexslider { margin: 0 0 60px;
             background: #fff;
             border: 4px solid #fff;
             position: relative;
             -webkit-border-radius: 4px;
             -moz-border-radius: 4px;
             -o-border-radius: 4px;
             border-radius: 4px;
             -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
             -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
             -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
             box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }*/


/* à rectifier en fonction du responsive */
body.home .slider img, body.page .slider img {
    max-width: 100%;
    height: auto;
    max-height: 100%;
    display: block;
    margin: 0 auto;
}
/*
section ul li:before,
footer ul li:before,
section ol li:before,
footer ol li:before {
  content: "»";
*/

body.home section ul li:before,
body.home footer ul li:before,
body.home section ol li:before,
body.home footer ol li:before,
body.page section ul li:before,
body.page footer ul li:before,
body.page section ol li:before,
body.page footer ol li:before
{
    content: "" !important;
}

.flex-control-nav {
    z-index: 10;
}

body.home .flex-control-nav li:before,
body.home .flex-direction-nav li:before
body.page .flex-control-nav li:before,
body.page .flex-direction-nav li:before
{
    content: "" !important;
}

/* Ajout pour accueil */
body.home .carousel-caption a,
body.page .carousel-caption a
{
    color: #ffffff;
}

body.home ul.slides li,
body.page ul.slides li{
    text-align: center;
    display: block;
    float: left;
    position: relative;
}

/*body.home .carousel-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  display: block !important;
  margin: 0px;
  background: #000;
  opacity: 0.7;
}*/

body.home .carousel-caption,
body.page .carousel-caption  {
    cursor: pointer;
    z-index: 501;
    /*font-size: 16px;*/
    font-size: 1em;
    font-style: italic;
    line-height: 1em;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
    text-align: center !important;
    color: #fff;
    overflow: hidden;
    word-wrap: break-word;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto;
    width: 34%;
    padding: 3% 5%;
    height: auto;
    bottom: 22% !important;
    left: 28%;
    border-radius: 5px;
    display: none;
}
/* Caption et navigation sont placés plus haut par rapport à la page d'accueil */
body.page .carousel-caption {
    bottom: 18% !important;
}

span.date-slider p {
    font-style: normal;
    color: #D6D6D6;
    cursor: pointer;
}

body.home ul.slides li a,
body.page ul.slides li a {
    text-decoration: none;
}

body.home ul.slides li:hover .carousel-caption,
body.page ul.slides li:hover .carousel-caption {
    display: block;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
}

body.home ul.slides li:hover .carousel-caption a,
body.page ul.slides li:hover .carousel-caption a {
    color: #ffffff !important;
}

body.home .carousel-caption h2,
body.page .carousel-caption h2 {
    color: #ffffff;
    text-transform: uppercase;
    margin-top: 0;
    padding: 0;
    /*  line-height: 26px;
      font-size: 26px !important;*/
    line-height: 1.2em;
    font-size: 1.2em !important;
    font-style: normal;
    font-weight: 500 !important;
}


body.home .flex-control-nav {
    bottom: 16% !important;
}

body.page .flex-control-nav {
    bottom: 10% !important;
}


.flex-control-paging li a {
    /*    width: 8px !important;
        height: 8px !important; */
    width: 0.5em !important;
    height: 0.5em !important;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

body.home .flex-control-paging li a, body.page .flex-control-paging li a {
    background: #ffffff !important;
    border: 3px solid #ffffff;
}

body.home .flex-control-paging li a.flex-active, body.page .flex-control-paging li a.flex-active {
    background: #E7535E !important;
    border: 3px solid #ffffff;
}

body.home .flex-direction-nav, body.page .flex-direction-nav {
    z-index: 3;
    margin: 0;
    padding: 0;
}

body.home .flex-direction-nav a, body.page .flex-direction-nav a  {

    height: 1.2em !important;
    width: 1.2em !important;
    font-size: 1.2em !important;
    line-height: 1.2em !important;
    color: #fff !important;
    opacity: 1;
    text-shadow: none;
    font-weight: normal;
    display: block;
    position: absolute;
    margin: -20px -4px 0;
    top: 84%;
    cursor: pointer;
}

body.page .flex-direction-nav a  {
    /*bottom: 26% !important;*/
    top: 88% !important;
}


body.home .flexslider .flex-prev, body.home .flexslider:hover .flex-prev,
body.page .flexslider .flex-prev, body.page .flexslider:hover .flex-prev 
{ left: 10%; opacity: 1;}
body.home .flexslider .flex-next, body.home .flexslider:hover .flex-next,
body.page .flexslider .flex-next, body.page .flexslider:hover .flex-next
{ right: 10%; opacity: 1;}

body.home .flex-direction-nav a:before, body.home .flex-direction-nav a:after,
body.page .flex-direction-nav a:before, body.page .flex-direction-nav a:after {
    line-height: 25px !important;
    font-size: 25px !important;
}
/* Gestion différents blocs accueil */
.accueilfocus {
    margin: 0 0 10px 0;
}

.accueilfocus a {
    text-decoration: none !important;
}

.itemfocus {
    /*width: 256px;*/
    text-align: left;
    margin: 0 auto;
    overflow: hidden;
}

.itemfocus img  {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;


}



.itemfocus p {
    margin: 0;
}

.focus-title {
    min-height: 55px;
    position: relative;
    display: block;
    margin-bottom: 7px;
}

.itemfocus h2 a {
    text-decoration: none;

}

.itemfocus h2 {
    font-size: 15px !important;
    position: absolute;
    color: #7E7E7E;
    bottom: 0;
    margin: 0;

}

span.focus-short-title {
    font-weight: bold;
    font-size: 15px;
    margin: 0;
    display: block;
    padding: 7px 7px 0 7px;
}

span.focus-intro {
    font-size: 13px;
    margin: 0;
    font-style: italic;
    display: block;
    padding: 0 7px 7px 7px;
}

.itemfocus:hover .focus-short-title, .itemfocus:hover .focus-intro  {
    background: #414141;
    color: #ffffff;
}
.itemfocus:hover img {
    background: #414141 !important;
    opacity: 0.7;
}

/********************************/
/* titrage */
.accueilactu h2, .accueilrejoindre h2  {
    color: #CC007D;
    margin-bottom: 15px;
}

.accueilagenda h2, .accueilbilleterie h2, .accueilvenir h2 {
    color: #E7535E;
}

.accueilbilleterie p.laSuite a {
    float: right;
}

.accueilactu h3 {
    font-weight: bold;
}

.accueilactu, .accueilrejoindre, .accueilagenda, .accueilbilleterie, .accueilvenir {
    padding: 15px 10px;
    margin: 10px 0;
    border: 1px solid #a1a1a1;
    min-height: 260px;
}

.accueilactu, .accueilrejoindre {
    min-height: 465px;
}

.accueilactu .attribute-pdf a, .accueilactu .attribute-pdf .ext-file {
    color: #CC007D; 
}

.accueilrejoindre ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.accueilrejoindre ul li {
    padding: 10px 0;
    border-bottom: 1px solid #a1a1a1;
    /*border-top: 1px solid #a1a1a1;*/
}
.accueilrejoindre li:hover {
    background: #f9f9f9;
}

.accueilrejoindre h3 {
    padding: 0;
}



.accueilrejoindre h3 a {
    text-decoration: none;
}

.accueilrejoindre li h3 a:after, .toutesactus a:after, .toutagenda a:after {
    content: ">";
    padding: 0 10px;
    font-size: 20px;
}
.toutesactus a, .toutagenda a  {
    text-decoration: none !important;
}


.sepactu {
    padding: 5px 20%;
}

.toutesactus, .toutagenda {
    padding-right: 20px;
    font-weight: bold;
    text-align: right;
}

/********************************/

/********************************/
.nodeagenda {
    /*border: 2px solid red;*/
    border: none !important;
    text-align: left;
}

.nodeagenda table td, .nodeagenda table th {
    text-align: left !important;
}

.nodeagenda #ezagenda_calender_left {
    border: 1px solid #a1a1a1;
    /*width: 60%;*/
    margin-bottom: 1em;

}


.accueilagenda tr.days-week {
    background: #d8d8d8;
}
.accueilagenda  table {
    margin: 0 auto;
    padding: 0;
    border-spacing: 0;
    width: 100%;
}

.accueilagenda  table td, .accueilagenda  table th  {
    padding: 1%;
    text-align: center;
}

.accueilagenda  table th.currentmonth {
    padding: 0 !important;
}

.currentmonth a {
    padding: 0.5%;
}

a.agenda-previous, a.agenda-next {
    padding: 1.5%;
} 

/*d8d8d8*/

.accueilagenda  a {

    text-decoration: underline;
    /*line-height: 1.2em;*/
}

.accueilagenda  td.ezagenda_selected, .accueilagenda  td.ezagenda_current {
    background: #d0d0d0;
    text-decoration: none;
    font-weight: bold;
    color: #565656;
}

/*Semaine et jours de la semaine selectionnés = background: #e5e5e5;*/


.agendamonth {
    font-weight: bold;
}

/********************************/
.accueilbilleterie {

}
/********************************/
.accueilvenir {

}

/* ***************************************************************************** */


/* ***************************************************************************** */
/* Gestion des contenus de type Ressource */
/* Pas d'affichage des images */
.fv_ressource .attribute-image {
    /*display: none;*/
}

/* Gestion page exposition */
.page-expositions .slider {
    margin-left: -60px;
    margin-right: -60px;
}

/* Barre entete recherche et tri */

.headerexpo {
    margin-bottom: 20px;
}

.headerexpo .span_12_of_12 {
    margin: 0;
    padding: 0;
}
.headerexpo .header-search  label:before {
    content: "";
    width: 15px;
    height: 15px;
    left: 5px;
    background: transparent url('../images/search-black.png') no-repeat left top;
}

.headerexpo .header-search {
    float: left;
    margin-right: 20px;
}

.headerexpo .header-search label {
    background: #ffffff;
    width: 170px !important;
    color: #646464;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #646464;
}

.headerexpo .header-search  input.search-query {
    background: #ffffff;
    text-transform: none;
    padding-left: 10px;
    margin: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    width: 170px;
    color: #646464 !important;
}

.switchexposition .span_4_of_12 {
    margin-top: 30px !important;
}

.switchexposition .span_4_of_12 a {
    text-decoration: none;
}

.exposlist {
    /*width: 471px;*/
    /*display: inline-block;*/
}

.exposcol {
    margin: 0;
}

.page-expositions .span_3_of_12 a {
    text-decoration: none;
}

.item-expos {
    text-align: center;
    width: 100%;
}

.item-expos-img {
    background: #dddcda;
}

.item-expos-img img {
    width: 100%;
    height: auto;
    /*    min-height: 350px;
        max-height: 350px;*/
}

.item-expos h3 {
    text-align: center !important;
}

a.a-item-expos {
    text-decoration: none;
}

.exposlist {
    font-size: 0%;
}

.colleclist img {
    /*max-width: 100%;*/
    width: 100%;
    height: auto;
    /*height: auto;*/
}

.exposlist img {
    /*max-width: 100%;*/
    width: 100%;
    height: auto;   
}

.exposlist:hover, .item-expos:hover, .colleclist:hover {
    background: #414141;
}



.exposlist:hover img, .item-expos:hover img, .colleclist:hover img {
    background: #414141 !important;
    opacity: 0.7;
}

.exposlist, .colleclist  {
    border: 1px solid #9c9c9c;
}


.exposlist h3, .item-expos h3, .colleclist h2 {
    padding: 7px;
    margin: 0;
    display: block;
    text-align: left;
    font-weight: bold;
}

a.link-collect-item {
    text-decoration: none;
}

a.link-collect-item:hover h2 {
    color: #ffffff !important;
}

.exposlist:hover h3, .item-expos:hover h3, .colleclist:hover p, .colleclist:hover h2, .colleclist:hover a {
    background: #414141;
    color: #ffffff !important;

}

.colleclist h2, .colleclist p {
    padding: 7px;
    margin: 0;
}


.item-expos:hover .date-expos {
    color: #ffffff;
}


.exposlist h3 a, .item-expos h3 a {
    color: #484848;
    text-decoration: none;
    text-align: left;
    padding: 0;
    margin: 0;
    margin-top: 50px;
}

.date-expos {
    /*  text-align: left;*/
    padding: 0 7px 7px 7px;
    /*display: block;*/
}

.page-expositions .pagenavigator, .pagination {
    text-align: center;
    margin: 2% auto;
    max-width: 55%;
}

.page-expositions .pagenavigator .pages  {
    margin: 0 70px;
}

.page-expositions .pagenavigator .pages a, .page-expositions .pagenavigator .pages .current, .pagination .page, .pagination span {
    padding: 5px 8px;
}

.page-expositions .pagenavigator .pages a:hover, .page-expositions .pagenavigator .pages .current, .pagination span  {
    background: #414141;
    color: #ffffff !important;
}

.pagination span.prev, .pagination span.next {
    background: none;
}

.pagination span.next a:after {
    content: '>';
    margin-left: 30px;
}


.page-expositions .pagenavigator a, .pagination a, .pagination span.prev a, .fullexpo .previous a, .fullexpo .next a {
    text-decoration: none;
    font-weight: bold;
}

.page-expositions .pagenavigator .previous, .fullexpo .previous{
    float: left;
    font-size: 20px;
    line-height: 20px;
}

.page-expositions .pagenavigator .previous .text, .fullexpo .previous .text {
    margin-left: 30px;
    font-size: 16px;
}

.page-expositions .pagenavigator .next, .fullexpo .next{
    float: right;
    font-size: 20px;
    line-height: 20px;
}

.page-expositions .pagenavigator .next .text, .fullexpo .next .text {
    margin-right: 30px;
    font-size: 16px;
}

/* Page exposition détail */

/* Navigation */

.fullexpo .pagenavigator {

    display: inline-block;
    width: 100%;
    margin-top: 1em;
}

.infosSupplement {
    margin-top: 2em;
}

.infosSupplement, .expos-partenaire, .expos-infos-pratiques {
    border: 1px solid #9C9E9F;
    padding: 15px 10px;
    background: #ffffff;
    margin-bottom: 1em;
}

.infosSupplement ul {
    list-style-type: none;
    color: #E7353E;
    margin: 0;
    padding: 0 0 0 10px;
}

.infosSupplement li {
    line-height: 35px;
}

.infosSupplement h4 {
    color: #E7535E;
    font-size: 20px;
    margin-top: 0;
}

.infosSupplement a {
    text-decoration: none;
    font-weight: bold;
    color: #414141;
    background: transparent url('../images/voir.png') no-repeat left top;
    padding-left: 38px;
}

.infosSupplement a:hover {
    color: #E7353E !important;
    background: transparent url('../images/voir-hover.png') no-repeat left top;
}


.imagepartenaire img {
    margin: 5px;
    border: 2px solid #ffffff !important;
}
.imagepartenaire img:hover {
    border: 2px solid #E7353E !important;
}

.imagepartenaire {
    display: inline-block;

}

.imagepartenaire img {
    height: 60px;
    width: auto;
    max-width: 100%;
}


.illustration img {
    max-width: 100%;
    height: auto;
}

/* *********************************************************************************************** */
/*Gestion page parcours  sections et salles*/

.parcours-section {
    /*border: 1px solid #9c9c9c;*/
}

.parcours-section h2, .parcours-section .text, .item-salle h2, .item-salle .text   {
    padding: 7px;
}

.parcours-section .illustration img, .item-salle .illustration img {
    margin: 0 auto;
    display: block;

}

.item-salle .illustration p, .parcours-section  .illustration p {
    /*  height: 250px;
      line-height: 250px; */
    text-align: center;
    background: #dddcda;
}

.parcours-section .illustration p img, .item-salle .illustration p img {
    vertical-align: middle;
    /*  display: inline-block;
      max-height: 250px;
      width: auto;*/
    /*    max-width: 100%;
        height: auto;*/
}


.parcours-section .laSuite, .item-salle .laSuite {
    /*float: left;*/
    display: inline-block;
    /*margin-right: 20px;*/
}

.oeuvre .titreOeuvre {
    min-height: 55px;
}


.parcours-salle-detail table {
    display: block;
}

.fiche-oeuvre .blocContenu, .oeuvredetail .blocContenu, .item-prets .blocContenu,
.parcours-salle-detail .blocContenu, .faites-parcours .blocContenu {
    padding: 0 !important;
}


.fiche-oeuvre table td, .oeuvredetail table td, .item-prets table td {
    display: block;
    padding: 0 !important;
    background: #f9f9f9;
}


.fiche-oeuvre img, .oeuvredetail img, .item-prets .blocContenu img {
    width: 49.2%;
    margin: 1% 1% 1% 0;
    float: left;
}

.fiche-oeuvre p, .oeuvredetail p, .item-prets .blocContenu p {
    width: 48.2%;
    margin: 1% 0 0 1.6%;
    display: block;
    float: left;
    background: #f9f9f9;
    border-bottom: 1px solid #646464;
    padding: 0 7px 7px 7px;
    margin-left: 0.2%;
    font-size: 16px;
    line-height: 16px;
}

.fiche-oeuvre h3, .oeuvredetail h3, .item-prets .blocContenu h3 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.fiche-oeuvre h2, .oeuvredetail h2, .item-prets .blocContenu h2 {
    font-style: italic;
    text-transform: none;
    margin: 0;
    padding: 0;
}

.fiche-oeuvre a, .oeuvredetail a, .item-prets .blocContenu a {
    display: inline-block;
    margin-top: 1%;
}

/* Lien vers recherche d'oeuvre FLORA' */
body#espace-D {
    background: none !important;
    color: #646464 !important;
    margin: 0 !important;
    font-family: 'Cabin' !important;
    font-size: 16px !important;
    border: 2px solid blue;
}

/*Recherche experte*/ 
.rechercheExperte button[type="submit"] {
    padding: 7px 10px;
    color: #ffffff;
    text-transform: uppercase;
    cursor: pointer;
    background: #E7353E;   
    display: inline-block;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}

.rechercheExperte button[type="reset"] {
    padding: 7px 10px;
    text-transform: uppercase;
    cursor: pointer;
    background: #646464;
    color: #ffffff;
    display: inline-block;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
}


/*Lien vers fiche similaire à laSuite voir plus haut*/

/* Gestion oeuvre vedette */

/*En mode line view*/
.lv-oeuvre-vedette {
    padding: 0 !important;
}

.right-oeuvre-vedette .div-oeuvre-vedette {
    background: #f9f9f9;
    border-bottom: 1px solid #646464;
    padding: 7px;
}

.right-oeuvre-vedette .div-oeuvre-vedette p {

    margin: 0;
}

.right-oeuvre-vedette .ov_titre {
    font-style: italic;
}


.right-oeuvre-vedette div.last {
    border: none;
}

/* Gestion page des prets et parcours salle */
.collection-prets .oeuvre, .detail-salle .oeuvre, .parcours-thematiques .oeuvre, .faites-parcours .oeuvre {
    width: 23.8%;
    margin: 1% 0.8% 1% 0%;
    background: #dddcda;
    display: inline-block;
    text-align: center;
}

.imageoeuvre {
    height: 255px;
    line-height: 255px;
}

.collection-prets .oeuvre img, .detail-salle .oeuvre img, .parcours-thematiques .oeuvre img,
.faites-parcours .oeuvre img {
  margin: 0;
  height: auto;
  max-height: 100%;
  width: auto;
  max-width: 100%;
  vertical-align: middle;
}


.collection-prets .oeuvre .titreOeuvre, .detail-salle .oeuvre .titreOeuvre,
.parcours-thematiques .oeuvre .titreOeuvre, .faites-parcours .oeuvre .titreOeuvre {
    padding: 7px;
    margin-bottom: 0;
    /*font-size: 20px !important;*/
    font-weight: 800;
    background: #ffffff;
    min-height: 57px;
}

.collection-prets .oeuvre:hover .titreOeuvre, .detail-salle .oeuvre:hover .titreOeuvre,
.parcours-thematiques .oeuvre:hover .titreOeuvre, .faites-parcours .oeuvre:hover .titreOeuvre {
    background: #414141;
    color: #ffffff;
}

.collection-prets .oeuvre:hover img, .detail-salle .oeuvre:hover img,
.parcours-thematiques .oeuvre:hover img, .faites-parcours .oeuvre:hover img  {
    background: #414141 !important;
    opacity: 0.7;
}

.faites-parcours .oeuvre br {    
    display: none;    
}

/*Gestion page actualités*/
#actu-line-item {
    border: 1px solid #a1a1a1;
}

.page-actualites .col {
    margin: 1% 0 1% 0;
}

.page-actualites .first-child #actu-line-item {
    margin-right: 1.2%;
}

#actu-line-item h2 {
    color: #ffffff;
    background: #E7353E;
    margin: 0;
    padding: 2%;
    text-transform: none;
    font-weight: normal;
}

#actu-line-item .actu-line-content {
    padding: 0.5% 2%;
} 



/* *********************************************************************************************** */
/* RESPONSIVE DESIGN */
/* *********************************************************************************************** */
/* Surface reelle 
320x480px pour l'iPhone 3
640x960px pour l'iPhone 4
640x1136px pour l'iPhone 5
768x1024px pour l'iPad 2
1536x2048px pour l'iPad 3
*/
/* *********************************************************************************************** */
/* GESTION SMARTPHONE */


/*Petite resolution*/ 

@media screen and (min-width: 0px) and (max-width: 615px) {

    /*Gestion des collections prets*/
    .collection-prets .oeuvre, .detail-salle .oeuvre, .parcours-thematiques .oeuvre, .faites-parcours .oeuvre{
        width: 100% !important;
    }
}


/****************************************************************
                            [0 - 767 ]
/****************************************************************/
/*  dossier images : layout-mini*/
/*@media screen and (min-width: 0px) and (max-width: 1024px) {*/
@media screen and (min-width: 0px) and (max-width: 767px) {
    /* Gestion Header */
    /* On baisse le h1 trop important pour cette résolution */
    h1 {
        font-size: 28px;
        /*         margin-top: 0.5rem;
                 margin-bottom: 0.5rem;*/
    }

    h2 {
        font-size: 18px !important;
        /*    margin-top: 0.4em;
            margin-bottom: 0.3em;*/}
    h3{
        font-size: 16px !important;
    }


    .logomusee img {
        max-width: 40%; 
        height: auto !important;
    }

    a.logo img {
        max-width: 80%;
    }    
    .headermenu {
        background: none;
    }
    .headermenu  .span_7_of_12, .headermenu  .span_1_of_12 {
        display: none;
    }

    #dl-menu {
        width: 100%;
    }

    .main-content-lang {
        width: 20%;
        position: fixed;
        right:0;
        top: 0;
        text-align: center;
        line-height: 38px;
    }

    form.header-search {
        display: none;
    }

    .dl-menuwrapper li.dl-back {
        display: block;
    }

    ul.nav {
        display: none;
    }
    .dl-menuwrapper {
        font-size: 0%;
    }
    ul.show-under-menu {
        margin-left: 70px; 
        background: #9c9e9f !important;
        display: inline-block;
        padding: 10px 0;
    } 
    .show-under-menu > li {
        background: #9c9e9f;
        width: 50%;
        float: left;
    }
    .show-under-menu > li > a {
        color: #ffffff !important;
        font-size:13px;
        line-height:20px;    
        font-weight: normal;
        padding: 0 20px!important;
        margin: 0 !important;
        text-decoration: none;
        text-transform: none;
        float: left;
        width: 100%;
        display: inline-block;
    }
    .show-under-menu > li > a:hover {
        // color: #4e4f51 !important;
        text-decoration: underline;
        background: #9c9e9f !important;
    }
    /* TOOLBAR */
    #quick-toolbar {
        position: fixed;
        bottom : 0;
        left: 0;
        right: 0;
        text-align: center;
        width: 100%;
        background: #9c9e9f;
        display: block;
    }
    #quick-toolbar li {
        float: left;
        margin: 0;
        padding: 0;
        display: list-item;
        width: 20%;
        border-top: 2px solid #c3c3c3 !important;
    }

    #quick-toolbar li {
        background-position: center !important;
    }

    ul#quick-toolbar li a {
        width: 100%;
    }

    #tiptip_content {

        position: fixed;
        bottom: 40px;
        left: 0;
        width: 100%;
    }


    /* Gestion footer */
    /* Footer avec padding pour passage toolbar */
    footer {
        padding-bottom: 40px;
    }
    
    ul.footerullevel1 {
        width: 96%;
        padding: 0 2%;
    }
    .footertop li.span_1_of_12  {
        /*border: 1px solid red;*/
        width: 32.3%;
        margin-top: 20px;
    } 
    .reseaux {      
        padding: 0;
        display: inline-block;
        width: 100%;
    }

    .reseaux ul {
        padding: 0 !important;
    }

    .reseaux ul li a span {
        display: none;
    }

    .reseaux ul li a img {
        margin-right: 0; 
    }

    .footfacebook a:after, .footdaily a:after, .footyoutube a:after {
        display: none;
    }

    .footlogoagglo, .footcom {
        width: 50% !important;
        padding: 0 !important;
    }

    .footplansite {
        clear: both;      
        text-align: right;
        width: 50%;

    }
    .footmentions a:after {
        content: "" !important;
        padding: 0 !important;
    }

    .footfacebook {
        clear: both;
    }

    .footfacebook, .footdaily, .footyoutube, .footrss { 
        width: 25%;
        text-align: center;
    }
    /* Contenu principal */
    body.page .main-content {
        margin: 0;
        padding: 140px 0 30px 0;
    }
    /* Gestion slider */
    body.home .carousel-caption h2,
    body.page .carousel-caption h2 {
        line-height: 1.2em;
        font-size: 1.2em !important;
    }


    body.home .carousel-caption,
    body.page .carousel-caption  {

        font-size: 0.8em;
        line-height: 0.8em;
        width: 34%;
        padding: 3% 5%;
        height: auto;
        bottom: 20% !important;
    }

    body.home .flex-control-nav {
        bottom: 10% !important;
    }

    body.page .flex-control-nav {
        bottom: 3% !important;
    }

    body.home .flex-direction-nav a, body.page .flex-direction-nav a {
        top: 88%;
    }
    /* Gestion page accueil */

    body.home .blocContenu {
        padding: 0;
    }

    /*     body.page .blocContenu {
         padding: 0 10px;
         }*/


    .accueilfocus .span_3_of_12 {
        width: 100%;
    }

    .accueilfocus .focus-title h2 {
        padding-left: 7px;
    }

    body.home  .span_8_of_12,    body.home .span_4_of_12 {
        width: 98%;
        padding: 0 1%;
    }

    body.page  .span_8_of_12,    body.page .span_4_of_12  {
        width: 100%;
        padding: 0;
    }

    body.page .main-content {
        margin: 0;
    }

    .breadcrumb {
        margin: 0;
    }

    /* Navigation expos */

    .page-expositions .pagenavigator, .pagination {
        margin: 30px auto;
        max-width: 70%;
    }

    .page-expositions .pagenavigator .pages  {
        margin: 0 35px;
    }

    .page-expositions .pagenavigator .previous .text, .fullexpo .previous .text,
    .page-expositions .pagenavigator .next .text, .fullexpo .next .text {    
        display: none;
    }
    /* Gestion lien fiche oeuvre */
    /*Utilise notamment dans l'affichage des section de parcours*/
    .laSuite a, .oeuvre a, .oeuvredetail a, .fiche-oeuvre a, .item-prets .blocContenu a {
        padding: 1.5%;
        font-size: 0.7em;
    }

    /*Gestion des collections prets*/
    .collection-prets .oeuvre, .detail-salle .oeuvre, .parcours-thematiques .oeuvre, .faites-parcours .oeuvre {
        width: 49.2%;
        display: inline-block;
        margin: 1% 0 0.4% 0.4%;
    }

}

/* FIN DE GESTION SMARTPHONE */

@media (min-width: 768px) {

    /* Gestion TOOLBAR */
    #quick-toolbar {
        position:fixed;
        top:37%;
        right:0;
        z-index:520;
    }
    .dl-menuwrapper li ul.dl-submenu li > ul.dl-submenu   {
        display: none !important;
    }
    .dl-menuwrapper .dl-menu li:hover .dl-submenu,
    .dl-menuwrapper .dl-submenu li:hover .dl-submenu
    {
        display: block;
        position: absolute;
        z-index: 99;
        left: 100%;
        top: 0;
        width: 100%;
    }
    .dl-menuwrapper ul.dl-submenu li:hover ul.dl-submenu {
        display: block !important;
    }
    .dl-menuwrapper li .dl-submenu {
        /*display: block;*/
        margin-left: 1px;
    }
    .dl-menuwrapper li.dl-back {
        display: none !important;
    }
    .dl-menuwrapper li > a:not(:only-child) {
        /*background: rgba(0,0,0,0.1);*/
    }
    .dl-menuwrapper li > a:not(:only-child):after {
        content: '';
    }
}
/**************************************************************/
/************************ > 767 < 1024 ************************/
/* ***********************  TABLETTES  ************************/
/**************************************************************/

@media screen and (min-width: 768px) and (max-width: 880px) {
/*    .footertop li.span_1_of_12  {       
        padding: 0;
        width: 12.7%;
    }*/
    
      
}

@media screen and (min-width: 768px) and (max-width: 1210px) {

    header .headermenu .span_7_of_12
    {
        width: 67.7% !important;
    }
    ul.nav {
        padding: 0 5px;
    }
    ul.nav li a{
        font-size: 12px;
    }
    header .headermenu .span_2_of_12 {
        width: 100% !important;
        padding-left: 30px;
        margin-left: 60px;
    }

    /*Desactivation de la recherche pour meilleure presentation*/
    .headermenu  .span_1_of_12 {
        display: none;
    }

    body.page .main-content {
        margin: 0;
        padding: 165px 0 30px 0;
    }
    .accueilagenda .currentmonth {
        font-size: 13px;
    }
    .footfacebook {
        clear: both;
    }
    .footfacebook, .footdaily, .footyoutube, .footrss { 
        width: 25%;
        text-align: center;
    }

    /* Gestion lien fiche oeuvre la suite... */
    .laSuite a, .oeuvre a, .oeuvredetail a, .oeuvredetailauteur a, .fiche-oeuvre a, .item-prets a  {
        padding: 1.5%;
        font-size: 0.9em;
    }

    /*Gestion collection Prets*/
    .collection-prets .oeuvre, .detail-salle .oeuvre, .parcours-thematiques .oeuvre, .faites-parcours .oeuvre  {
        width: 49.2%;
        display: inline-block;
        margin: 1% 0 0.4% 0.4%;
    }
}

/****************************************************************
                            [>= 1600 ] wide
/****************************************************************/