@charset "UTF-8";
/* Elloha */
.co-widget { background-color: #eee !important; border-radius: 5px; }
#ConstellationWidget { padding: 15px 15px 20px 20px !important; margin-bottom: 20px !important; }
.co-widget-title { padding-left: 0 !important; }

/* CSS CBBD */

/* Bootstrap */
.navbar { margin-bottom: 0; }
.lead { font-size: 16px; line-height: 24px; }

h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }

h3 { color: #3782bc; clear: both; }
h4 { color: #333; clear: both; }
h5 { color: #999; }
h6 { color: #ccc; }

a, a:hover { color: #3782bc; cursor: pointer; }
iframe { width: 100%; }

label { white-space: nowrap; }
label em { display: block; font-size: 10px; color:#666; }
textarea { height: 80px; }

img[style="float: left;"] { margin: 0 18px 9px 0; }
img[style="float: right;"] { margin: 0 0 9px 18px; }

/* Popup Museum at Home */
.popup-background { z-index: 9998; background-color: rgba(0,0,0,.8); position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: flex; align-items: center; justify-content: center; }
.popup { z-index: 9999; width: 570px; height: 420px; background: #F7F7F7 url(/images/museum-at-home/background.png) no-repeat center top; background-size: cover; display: flex; flex-direction: column; align-items: center; padding-top: 30px; margin: 20px; }
.popup-logo { margin-bottom: 20px; }
.popup-info { text-align: center; font-size: 15px; color: #888; max-width: 440px; margin: 0 auto 20px; padding: 0 20px; }
.popup-button { display: block; font-size: 21px; font-weight: bold; color: #fff; padding: 15px 35px 15px 20px; background: #FFA200 url(/images/museum-at-home/arrow.png) no-repeat right 15px center; background-size: 9px 18px; margin-bottom: 25px; }
.popup-close { color: #888; }
.popup-button:hover,.popup-button:focus { color: #fff; text-decoration: none; background-color: rgb(255, 115, 0); }

/* TinyMCE Public + Admin */
.tinymce { margin-bottom: 18px; }
.mceContentBody table, .mceContentBody td { font: 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; }
.tinymce p, .tinymce ul, .mceContentBody p, .mceContentBody ul { font-size: 14px; line-height: 21px; }
.tinymce .notice, .mceContentBody .notice { padding: 10px; font-size: 0.9em; line-height: 14px; font-style: italic; color: #666; background: #f5f5f5; }

/* Divers */
.header { margin-bottom: 9px; }
.header * { margin: 0; }

.chapeau { }

.date { }
.lieu { }
.link { color: #3782bc; }

.imageLegend { display: none; }

.back { margin-top: 9px; }

.champVide { display: none; }
.asterisque { font-weight: bold; color: #3782bc; }
.search {background: url(/images/icn_search.png) no-repeat; height: 20px; padding-left: 20px; line-height: 16px; position: absolute; margin-top: -36px;}
.search a {color:#999;}
.search a:hover {color:#999;}

hr, .clear { visibility: hidden; height: 0; margin: 0; padding: 0; border: 0; clear: both; }

/* Général */
#shortcuts { display: none; }
#container { box-shadow: 0 0 30px #999; position: relative; }
.article { margin-top: 36px; margin-bottom: 36px; position: relative; }
.aside { margin-top: 45px; margin-bottom: 45px; position: relative; }

/* Pages */
.article .deauthenticate { margin-top: -27px; position: absolute; right: 0; background: url(/images/cancel.png) no-repeat; padding-left: 20px;}
.article .breadcrumb { margin-top: -27px; padding: 0; background: none; position: absolute; }

.article h2 { margin-bottom: 18px; color: #333; }

.rub-1 .article h3, .rub-1 .article .tinymce a, .rub-1 .article .items a, .rub-1 .article .fichiers ul li a, .rub-1 .article .breadcrumb a, .rub-1 .article .tags a, .rub-1 .article .archives a, .rub-1 .article .asterisque { color: #8f2b2d; }
.rub-2 .article h3, .rub-2 .article .tinymce a, .rub-2 .article .items a, .rub-2 .article .fichiers ul li a, .rub-2 .article .breadcrumb a, .rub-2 .article .tags a, .rub-2 .article .archives a, .rub-2 .article .asterisque { color: #d0043c; }
.rub-4 .article h3, .rub-4 .article .tinymce a, .rub-4 .article .items a, .rub-4 .article .fichiers ul li a, .rub-4 .article .breadcrumb a, .rub-4 .article .tags a, .rub-4 .article .archives a, .rub-4 .article .asterisque { color: #f56800; }
.rub-5 .article h3, .rub-5 .article .tinymce a, .rub-5 .article .items a, .rub-5 .article .fichiers ul li a, .rub-5 .article .breadcrumb a, .rub-5 .article .tags a, .rub-5 .article .archives a, .rub-5 .article .asterisque { color: #F59500; }
.rub-6 .article h3, .rub-6 .article .tinymce a, .rub-6 .article .items a, .rub-6 .article .fichiers ul li a, .rub-6 .article .breadcrumb a, .rub-6 .article .tags a, .rub-6 .article .archives a, .rub-6 .article .asterisque { color: #E2CD22; }
.rub-7 .article h3, .rub-7 .article .tinymce a, .rub-7 .article .items a, .rub-7 .article .fichiers ul li a, .rub-7 .article .breadcrumb a, .rub-7 .article .tags a, .rub-7 .article .archives a, .rub-7 .article .asterisque { color: #8ECB25; }
.rub-37 .article h3, .rub-37 .article .tinymce a, .rub-37 .article .items a, .rub-37 .article .fichiers ul li a, .rub-37 .article .breadcrumb a, .rub-37 .article .tags a, .rub-37 .article .archives a, .rub-37 .article .asterisque { color: #769f30; }
.rub-38 .article h3, .rub-38 .article .tinymce a, .rub-38 .article .items a, .rub-38 .article .fichiers ul li a, .rub-38 .article .breadcrumb a, .rub-38 .article .tags a, .rub-38 .article .archives a, .rub-38 .article .asterisque { color: #3782bc; }
.rub-120 .article h3, .rub-120 .article .tinymce a, .rub-120 .article .items a, .rub-120 .article .fichiers ul li a, .rub-120 .article .breadcrumb a, .rub-120 .article .tags a, .rub-120 .article .archives a, .rub-120 .article .asterisque { color: #444466; }
.rub-24 .article h3, .rub-24 .article .tinymce a, .rub-24 .article .items a, .rub-24 .article .fichiers ul li a, .rub-24 .article .breadcrumb a, .rub-24 .article .tags a, .rub-24 .article .archives a, .rub-24 .article .asterisque { color: #202033; }
.rub-34 .article h3, .rub-34 .article .tinymce a, .rub-34 .article .items a, .rub-34 .article .fichiers ul li a, .rub-34 .article .breadcrumb a, .rub-34 .article .tags a, .rub-34 .article .archives a, .rub-34 .article .asterisque { color: #c3b597; }

.rub-1 .numerotation a:hover, .rub-1 .numerotation a.actif { background: #8f2b2d; }
.rub-2 .numerotation a:hover, .rub-2 .numerotation a.actif { background: #d0043c; }
.rub-4 .numerotation a:hover, .rub-4 .numerotation a.actif { background: #f56800; }
.rub-5 .numerotation a:hover, .rub-5 .numerotation a.actif { background: #F59500; }
.rub-6 .numerotation a:hover, .rub-6 .numerotation a.actif { background: #E2CD22; }
.rub-7 .numerotation a:hover, .rub-7 .numerotation a.actif { background: #8ECB25; }
.rub-37 .numerotation a:hover, .rub-37 .numerotation a.actif { background: #769f30; }
.rub-38 .numerotation a:hover, .rub-38 .numerotation a.actif { background: #3782bc; }
.rub-120 .numerotation a:hover, .rub-120 .numerotation a.actif { background: #444466; }
.rub-24 .numerotation a:hover, .rub-24 .numerotation a.actif { background: #202033; }
.rub-34 .numerotation a:hover, .rub-34 .numerotation a.actif { background: #c3b597; }

/* Bouton vers Formulaire de réservation */
ul.boutonForm { list-style: none; margin: 9px 0 9px; }
ul.boutonForm li { margin-bottom: 9px; }
ul.boutonForm li a { display: block; line-height: 28px; font-weight: bold; padding: 0 12px; box-shadow: 0 3px 6px #ccc; }

.article .tinymce ul.boutonForm li a, .mceContentBody ul.boutonForm li a { background: #3782bc; color: #fff; }
.rub-1 .article .tinymce ul.boutonForm li a { background: #8f2b2d; color: #fff; }
.rub-2 .article .tinymce ul.boutonForm li a { background: #d0043c; color: #fff; }
.rub-4 .article .tinymce ul.boutonForm li a { background: #f56800; color: #fff; }
.rub-5 .article .tinymce ul.boutonForm li a { background: #F59500; color: #fff; }
.rub-6 .article .tinymce ul.boutonForm li a { background: #E2CD22; color: #fff; }
.rub-7 .article .tinymce ul.boutonForm li a { background: #8ECB25; color: #fff; }
.rub-37 .article .tinymce ul.boutonForm li a { background: #769f30; color: #fff; }
.rub-38 .article .tinymce ul.boutonForm li a { background: #3782bc; color: #fff; }
.rub-120 .article .tinymce ul.boutonForm li a { background: #444466; color: #fff; }
.rub-24 .article .tinymce ul.boutonForm li a { background: #202033; color: #fff; }
.rub-34 .article .tinymce ul.boutonForm li a { background: #c3b597; color: #fff; }

/* Accueil */
.rub-1 .article h2 { display: none; }
.rub-1 .article .tinymce { margin-top: 9px; margin-bottom: 20px; padding: 12px 12px 3px; box-shadow: 0 3px 9px #ccc; }
.rub-1 .article .tinymce h3 { margin-top: 0; color:#3782BC; }
.rub-1 .article .encartCallToAction a { margin-bottom: 20px; }

/* Presse  */
.rub-51 {}
.rub-51 ul.presse li {}

ul.presse { list-style: none; margin: 0; }
ul.presse li { margin-bottom: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fff; border-radius: 5px; padding: 4px; border:1px solid #EEE; }
ul.presse li:hover {border:1px solid #c6c6c6; }
ul.presse li a { display: block; text-decoration: none; background-repeat: no-repeat; }

.rub-51 #content .fichiers {margin-bottom: 20px;}
.rub-51 #content .galerie {background: #F7F7F7; border-radius: 5px; border:1px solid #EEE; padding: 6px 12px;}
.rub-51 #content .galerie h3 {font-size:1.2em;}

.rub-51 .aside ul {list-style: none; margin: 10px;}
.rub-51 .aside p {padding-left:10px;}

/* Table */
table { font-size: 13px; width: 100%; }
td { border-bottom: 1px solid #CCC; padding: 3px 5px; }

.table tr th strong { font-size: 14px; color: #3782bc; }
.rub-1 .table tr th strong { color: #8f2b2d; }
.rub-2 .table tr th strong { color: #d0043c; }
.rub-4 .table tr th strong { color: #f56800; }
.rub-5 .table tr th strong { color: #F59500; }
.rub-6 .table tr th strong { color: #E2CD22; }
.rub-7 .table tr th strong { color: #8ECB25; }
.rub-37 .table tr th strong { color: #769f30; }
.rub-38 .table tr th strong { color: #3782bc; }
.rub-120 .table tr th strong { color: #444466; }
.rub-24 .table tr th strong { color: #202033; }
.rub-34 .table tr th strong { color: #c3b597; }

/* Items */
.items { margin-left: 0; list-style: none; }
.itemsRow { list-style: none; }
.items a, .itemsRow a { text-decoration: none; }
.items .image, .itemsRow .image { height: 105px; margin-bottom: 27px; overflow: hidden; }
.items .texte, .itemsRow .texte { margin-bottom: 9px; }
.items .texte p, .itemsRow .texte p { color: #333; }
.items .texte p.link, .itemsRow .texte p.link { color: #3782bc; }

.itemsRow.phila_bd .image { height: 189px; margin-bottom: 20px; }
.itemsRow.phila_bd .texte, .itemsRow.phila_bd .texte h3, .itemsRow.phila_bd .texte p { display: none; }

/*Tags*/
.tagsCloud { margin-left: 0; list-style: none; }
.tagsCloud li { display: inline; }

/* Addthis */
.addthis_toolbox { height: 36px; }

/* Galeries */
.galerie { clear: both; position: relative; }
.galerie ul { list-style: none; }

.classique ul, .videos ul { margin-bottom: 0; }
.classique ul li, .videos ul li { height: 105px; margin-bottom: 20px; overflow: hidden; }

.videos ul li { position: relative; }
.videos ul li a span { display: block; width: 100%; height: 100%; margin: 0 auto 0; text-indent: -9999px; background: url(/images/icn-play.png) no-repeat center center; opacity: .5; position: absolute; top: 0; }
.videos ul li a:hover span { opacity: 1; }

.diaporama ul, .numerotee ul, .slide ul { height: 230px; overflow: hidden; }
.diaporama ul li, .numerotee ul li, .slide ul li { overflow: hidden; }
.diaporama ul li a, .numerotee ul li a, .slide ul li a { display: block; }

.slide ul, .slide ul li { margin-left: 0; }

.numerotation { height: 18px; }
.numerotation a { display: block; float: left; width: 18px; height: 18px; margin-right: 1px; line-height: 18px; color: #fff; background: #333; text-align: center; text-decoration: none; cursor: pointer; }
.numerotation a:hover, .numerotation a.actif { background: #3782bc; }

.phila_bd.fiche .diaporama ul { height: 230px; }

/* Fichiers */
.fichiers { background: #F7F7F7; border-radius: 5px; border:1px solid #EEE; padding: 6px 12px; margin-bottom: 20px; clear: both; }
.fichiers ul { list-style: none; margin: 0; }
.fichiers ul li { margin-bottom: 9px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #fff; border-radius: 5px; padding: 4px; border:1px solid #eee; }
.fichiers ul li:hover {border:1px solid #ccc; }
.fichiers ul li a { display: block; min-height: 45px; height: auto !important; height: 45px; padding-left: 50px; text-decoration: none; background-repeat: no-repeat; }
.fichiers h3 {font-size: 1.2em;}

.fichiers .txt { background-image: url(/images/icn_txt.png); }
.fichiers .rtf { background-image: url(/images/icn_rtf.png); }
.fichiers .pdf { background-image: url(/images/icn_pdf.png); }
.fichiers .zip { background-image: url(/images/icn_zip.png); }
.fichiers .doc, .fichiers .docx, .fichiers .odt { background-image: url(/images/icn_odt.png); }
.fichiers .xls, .fichiers .xlsx, .fichiers .ods { background-image: url(/images/icn_xls.png); }
.fichiers .ppt, .fichiers .pptx, .fichiers .odp { background-image: url(/images/icn_ppt.png); }

/* Audio */
.audio ul { list-style: none; }
.audio ul li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Map */
#map { height: 500px; }
#map img { max-width: none; }
.items.adresses .active { background-color: #ddd; }
.moreInMap { display: block; }
.fiche .moreInMap { display: none; }

/* Accueil Encarts Call To Action */
.encartCallToAction a { display: block; margin-bottom: 9px; text-decoration: none; box-shadow: 0 3px 9px #ccc; }
.encartCallToAction a h4 { height: 54px; padding: 0 9px; font-size: 16px; color:#fff }
.encartCallToAction a img { width: 100%; border-bottom: 1px solid #fff; }

.encartCallToAction a.expos { background: #F56800; }
.encartCallToAction a.philaBD { background: #E2CD22; }
.encartCallToAction a.locationSalles { background: #202033; }
.encartCallToAction a.animations { background: #3782BC; }
.encartCallToAction a.salleDeLecture { background: #F59500; }
.encartCallToAction a.visitesGuidees { background: #769F30; }
.encartCallToAction a.marcSleen { background: #D0043C; }

.encartCallToAction a.expos:hover h4, .encartCallToAction a.philaBD:hover h4, .encartCallToAction a.locationSalles:hover h4, .encartCallToAction a.animations:hover h4, .encartCallToAction a.salleDeLecture:hover h4, .encartCallToAction a.visitesGuidees:hover h4, .encartCallToAction a.marcSleen:hover h4 { color: #fff; }

.encartCallToAction.new-encart a h4 { line-height: 36px; margin:0; height: inherit; padding: 0 9px; font-size: 20px; color:#fff }

.encartCallToAction.streetView {margin-top: 30px;}
/*
.encartCallToAction a.expos:hover { background: #F56800; }
.encartCallToAction a.philaBD:hover { background: #E2CD22; }
.encartCallToAction a.locationSalles:hover { background: #202033; }
.encartCallToAction a.animations:hover { background: #3782BC; }
.encartCallToAction a.salleDeLecture:hover { background: #F59500; }
.encartCallToAction a.visitesGuidees:hover { background: #769F30; }
.encartCallToAction a.marcSleen:hover { background: #D0043C; }
*/

/* Colonne */
/*.aside .items .image { height: 144px; }*/
.aside .items .image { height: auto; }

.aside .encart { margin: 0 0 9px; padding: 9px 20px; box-shadow: 0 3px 9px #ccc; }
.aside .encart .header { margin-bottom: 0; }
.aside .encart .image { margin-bottom: 0; }
.aside .encart .texte { margin-top: 9px; }
.aside .encart h2 { padding-bottom: 3px; border-bottom: 1px solid #fff; font-size: 16px; text-transform: uppercase; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
.aside .encart h3, .aside .encart h4, .aside .encart h5 { padding: 3px 9px; }
.aside .encart h5 { font-size: 10px; font-style: italic; color: #333; color: rgba(51, 51, 51, 0.75); }
.aside .encart h3 { font-size: 14px; }
.aside .encart h4 { font-size: 12px; }
.aside .encart a { color: #2E2E2E; text-decoration: none; }

.aside .encart.flash_infos h2 { border-color: #C3B597; color: #C3B597; }
.aside .encart.flash_infos h5 { color: #988d74; background: #e0d0ae; }
.aside .encart.flash_infos h3 { color: #fff; background: #C3B597; }
.aside .encart.flash_infos h4 { color: #fff; background: #988d74; }

.aside .encart.expos_la_gallery h2, .aside .encart.expos_les_grandes_expositions h2 { border-color: #f56800; color: #f56800; }
.aside .encart.expos_la_gallery h5, .aside .encart.expos_les_grandes_expositions h5 { color: #d44d01; background: #f5be95; }
.aside .encart.expos_la_gallery h3, .aside .encart.expos_les_grandes_expositions h3 { color: #fff; background: #f56800; }
.aside .encart.expos_la_gallery h4, .aside .encart.expos_les_grandes_expositions h4 { color: #fff; background: #d44d01; }

/* Colonne 25 ans CBBD */
.aside .encart.annif h2 { border-color: #3782bc; color: #3782bc; }
.aside .encart.annif .link { margin-top:8px; padding-left: 20px; background-image: url(../images/icn_arrow.png); background-repeat: no-repeat; }

/* Colonne 100 Masters */
.aside .encart.masters h2 { border-color: #3782bc; color: #3782bc; }
.aside .encart.masters .link { margin-top:8px; padding-left: 20px; background-image: url(../images/icn_arrow.png); background-repeat: no-repeat; }

/* Header */
#header { }
#header .galerie { height: 210px; overflow: hidden; }
#header .galerie ul { height: 210px; }

#header #tickets-button { background: rgba(247, 247, 247, .75); display: flex; align-items: center; justify-content: center; gap: 6px; padding: 6px 12px;font-size: 15px; text-transform: uppercase; font-weight: 400;letter-spacing: 0.5px; color: #3782bc; position: absolute; top: 34px; right: 2px; z-index: 1003; width: 102px }
#header #tickets-button img { transform: rotate(-25deg);}
#header #tickets-button:hover { background: #fff; text-decoration: none;  }
#header ul#languages { display: flex; gap: 2px; font-size: 13px; text-transform: uppercase; position: absolute; top: 2px; right: 0; z-index: 1001; }
#header ul#languages li a { margin: 0; display: flex; height:30px; width: 30px; padding: 0; justify-content: center; align-items: center; text-align: center; border-radius: 0; background: rgba(247, 247, 247, .75); }
#header ul#languages li a:hover { color: #3782bc; background: rgb(243, 243, 243); }
#header ul#languages li.active a { color: #fff; background: #3782bc; }

#header h1 { margin-top: 0; margin-bottom: 25px; border-bottom: 1px solid #3782bc; position: absolute; top: 0; right: 0; z-index: 1000; }
#header h1 a { display: block; width: 320px; height: 210px; text-indent: -9999px; background-repeat: no-repeat; }
.fr #header h1 a { background-image: url(/images/Logo-CBBD-fr.png); }
.nl #header h1 a { background-image: url(/images/Logo-CBBD-nl.png); }
.en #header h1 a { background-image: url(/images/Logo-CBBD-en.png); }
.de #header h1 a { background-image: url(/images/Logo-CBBD-de.png); }

/* Nav */

#nav #mainList_25 { display: none; }
#nav .nav-pills > li > a { border-radius: 0; }
#nav .nav-pills > .active > a, #nav .nav-pills > .active > a:hover { background: none; }
#nav .nav > li > a:hover { background: none; }

#nav { height: 72px; margin-top: 9px; margin-bottom: 9px; border-bottom: 1px solid #eee; background: #f7f7f7; }
#nav ul { width: 100%; height: 36px; background-color: #00001b; position: relative; }
#nav ul li { border-right: 1px solid #fff; line-height: 40px; }
#nav ul li.active, #nav ul li:hover { background-image: url(/images/bt-menu-hover.gif); background-position: center top; background-repeat: no-repeat; }
#nav ul li a { padding: 9px 7px; font-size: 12px; font-weight: bold; color: #fff; }
#nav ul li ul { display: none; position: absolute; left: 0; top: 37px; }
#nav ul li ul li { border: none; }
#nav ul li.active ul, #nav ul li:hover ul { display: block; }
#nav ul li.active ul { z-index: 1000; }
#nav ul li:hover ul { z-index: 1001; }
#nav ul li.active ul li:hover, #nav ul li.active ul li.active, #nav ul li:hover ul li:hover, #nav ul li:hover ul li.active { background-image: url(/images/bt-sous-menu-hover.gif); background-position: center bottom; background-repeat: no-repeat; }

#nav ul li.item-1, #nav ul li.item-1 ul { background-color: #8f2b2d; }
#nav ul li.item-2, #nav ul li.item-2 ul { background-color: #d0043c; }
#nav ul li.item-4, #nav ul li.item-4 ul { background-color: #f56800; }
#nav ul li.item-5, #nav ul li.item-5 ul { background-color: #F59500; }
#nav ul li.item-6, #nav ul li.item-6 ul { background-color: #E2CD22; }
#nav ul li.item-7, #nav ul li.item-7 ul { background-color: #8ECB25; }
#nav ul li.item-37, #nav ul li.item-37 ul { background-color: #769f30; }
#nav ul li.item-38, #nav ul li.item-38 ul { background-color: #3782bc; }
#nav ul li.item-190, #nav ul li.item-190 ul { background-color: #444466; }
#nav ul li.item-24, #nav ul li.item-24 ul { background-color: #202033; }

#nav ul li.item-1.active {  }
#nav ul li.item-2.active, #nav ul li.item-2:hover { border-bottom: 1px solid #d0043c; }
#nav ul li.item-4.active, #nav ul li.item-4:hover { border-bottom: 1px solid #f56800; }
#nav ul li.item-5.active, #nav ul li.item-5:hover { border-bottom: 1px solid #F59500; }
#nav ul li.item-6.active, #nav ul li.item-6:hover { border-bottom: 1px solid #E2CD22; }
#nav ul li.item-7.active, #nav ul li.item-7:hover { border-bottom: 1px solid #8ECB25; }
#nav ul li.item-37.active, #nav ul li.item-37:hover { border-bottom: 1px solid #769f30; }
#nav ul li.item-38.active, #nav ul li.item-38:hover { border-bottom: 1px solid #3782bc; }
#nav ul li.item-120.active {  }
#nav ul li.item-24.active {  }

/* Footer */
#footer { padding: 18px 0 18px; border-top: 1px solid #eee; background: #f7f7f7; }
#footer ul {margin-left: 0; list-style: none;}

.map a { display: block; margin-left: 18px; border: 1px solid #ccc; }

#footer ul.reseaux li {height: 60px; float: left; margin-right: 18px;}
#footer ul.reseaux li a {display:block; float: left; height: 45px; width: 46px; background-image: url(/images/reseaux-cbbd.png); background-position: 0 0; text-indent: -9999px;}
#footer ul.reseaux li.facebook a {background-position: 0 0; }
#footer ul.reseaux li.facebook a:hover {background-position: 46px 0; }
#footer ul.reseaux li.youtube a {background-position:0px 135px;}
#footer ul.reseaux li.youtube a:hover {background-position:46px 135px;  }
#footer ul.reseaux li.flickr a {background-position:0px 47px; }
#footer ul.reseaux li.flickr a:hover {background-position:46px 47px; }
#footer ul.reseaux li.picasa a {background-position:0 91px; }
#footer ul.reseaux li.picasa a:hover {background-position:46px 91px; }

#footer .encartNewsletter {display: block; width: 153px; height: 47px; margin-bottom: 12px; text-indent: -9999px;}
.fr #footer .encartNewsletter {background: url(/images/bg-encartNewsletter.png) no-repeat;}
.nl #footer .encartNewsletter {background: url(/images/bg-encartNewsletter-nl.png) no-repeat;}
.en #footer .encartNewsletter, .de #footer .encartNewsletter {display: none;}

.fr #footer .encartNewsletter:hover {background: url(/images/bg-encartNewsletter-hover.png);}
.nl #footer .encartNewsletter:hover {background: url(/images/bg-encartNewsletter-nl-hover.png);}


.footerMenu li a:hover { color: #265981; }

/* Footer mini */
.miniFooter {margin-bottom: 0; padding: 9px 0; border-top: 1px solid #265981; color: #fff; color: rgba(255, 255, 255, .5); background: #3782bc; }
.miniFooter p { margin-bottom: 0; }

.paddingFooterLeft { margin-left: 20px; }
.paddingFooterRight { margin-right: 20px; }
.typi { text-align: right; }
.typi a { color: #fff; }

/* Media */
@media (min-width: 1200px) {
	.items .image { height: 127px; }
	.itemsRow.phila_bd .image { height: 230px; margin-bottom: 30px; }

	/*.aside .items .image { height: 181px; }*/
	.aside .items .image { height: auto; }

	.classique ul li, .videos ul li { height: 127px; margin-bottom: 30px; }
	.diaporama ul, .numerotee ul, .slide ul { height: 285px; }

	#nav ul li a { padding-left: 15px; padding-right: 15px; font-size: 13px; }

	.rub-1 .article .tinymce, .rub-1 .article .encartCallToAction a { margin-bottom: 30px; }
}
@media (min-width: 980px) {
	body.admin { margin-top: 40px; }
}

@media (max-width: 979px) {
	.items .image { height: 78px; }
	/*.aside .items .image { height: 103px; }*/
	.aside .items .image { height: auto; }
	.itemsRow.phila_bd .image { height: 140px; }

	.classique ul li, .videos ul li { height: 78px; }
	.diaporama ul, .numerotee ul, .slide ul { height: 176px; }

	#nav ul li a { font-size: 10px; padding-left: 3px; padding-right: 3px; }
}
@media (max-width: 767px) {
	body { padding-left: 0; padding-right: 0; }
	.navbar { margin-left: 0; margin-right: 0; }
	#content, #footer { padding-left: 20px; padding-right: 20px; }
	#content { margin-top: 0; margin-bottom: 0; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column;}
    #content > .article { order: -1; }
	.article, .aside { margin-top: 20px; margin-bottom: 20px; }

	.pull-left, .pull-right { float: none; }
	.nav-pills li { display: block; margin: 0; float: none; }

	#header .galerie ul, .no-flash-image { display: none; }

    #header #tickets-button { top: 0 !important; }
    #header #tickets-button:hover { background: rgb(243, 243, 243); }
	#header ul#languages { width: 160px; top: 0; left: 0; right: auto; }

    #header h1 { border-bottom: none; }
	.fr #header h1 a, .nl #header h1 a, .en #header h1 a, .de #header h1 a { width: 175px; background-position: left 40px; -webkit-background-size: 240px 157.5px; background-size: 240px 157.5px; margin: 0 auto; }

	.article .deauthenticate, .article .breadcrumb, .aside .search { margin-top: 0; position: static; }

	.items .image { height: auto; }
	.aside .items .image { height: auto; }
	.itemsRow.phila_bd .image { height: auto; }

	.classique ul li, .videos ul li { height: auto; }
	.diaporama ul, .numerotee ul, .slide ul { height: auto; }

	.imgMap {margin: 0 0 9px; border: none;}

	#nav { height: auto; }
	#nav ul { display: block; height: auto; margin-bottom: 0; }
	#nav ul li { border-top: 1px solid rgba(255, 255, 255, .7); border-right: none; }
	#nav ul li:hover { border-bottom: 0; }
	#nav ul li a { font-size: 13px; margin: 0; padding-left: 20px; padding-right: 20px; }
	#nav ul li ul { position: static; }
	#nav ul li:hover ul { display: none; }
	#nav ul li.active ul { display: block; }
	#nav ul li.active ul li { padding-left: 30px; }

	#nav ul li.item-2.active, #nav ul li.item-4.active, #nav ul li.item-5.active, #nav ul li.item-6.active, #nav ul li.item-7.active, #nav ul li.item-37.active, #nav ul li.item-38.active { border-bottom: 0; }
	#nav ul li.item-2:hover, #nav ul li.item-4:hover, #nav ul li.item-5:hover, #nav ul li.item-6:hover, #nav ul li.item-7:hover, #nav ul li.item-37:hover, #nav ul li.item-38:hover { border-bottom: 0; }
	#nav ul li.active ul li:hover, #nav ul li.active ul li.active, #nav ul li:hover ul li:hover, #nav ul li:hover ul li.active { background: #fff; background: rgba(255, 255, 255, .25); }

	#footer ul { clear: both; }
	#footer ul.reseaux li { width: 35px; }

	.paddingFooterRight { margin-left: 20px; margin-right: 0; }
	.typi { text-align: left; }
}