@font-face { font-family: 'robotoCondensed'; src: url('fonts/RobotoCondensed-Regular-webfont.eot'); src: url('fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Regular-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotoCondensed'; src: url('fonts/RobotoCondensed-Light-webfont.eot'); src: url('fonts/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Light-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Light-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'robotoCondensed'; src: url('fonts/RobotoCondensed-Bold-webfont.eot'); src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'robotoCondensed'; src: url('fonts/RobotoCondensed-Italic-webfont.eot'); src: url('fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Italic-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Italic-webfont.svg#roboto_condensedregular_italic') format('svg'); font-weight: normal; font-style: italic; }
@font-face { font-family: 'robotoCondensed'; src: url('fonts/RobotoCondensed-LightItalic-webfont.eot'); src: url('fonts/RobotoCondensed-LightItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-LightItalic-webfont.woff') format('woff'), url('fonts/RobotoCondensed-LightItalic-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic') format('svg'); font-weight: 300; font-style: italic; }
@font-face { font-family: 'robotoCondensed'; src: url('fonts/RobotoCondensed-BoldItalic-webfont.eot'); src: url('fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff'), url('fonts/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg'); font-weight: 700; font-style: italic; }
.bigFont { font-size: 1.167em !important; }
.normalFont { font-size: 1em !important; }
.normal { font-size: 0.889em !important; }
.smallFont { font-size: 0.778em !important; }
.sansPadding { padding: 0 !important; }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cartouche { -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); background: #fff; padding: 2px 12px 16px 12px; }
.darkerShadow { -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.75); -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.75); -o-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.75); }
html { font-size: 18px; line-height: 1.3em; }
body { font-size: 1em; }
html, body { margin: 0; padding: 0; font-family: 'robotoCondensed'; color: #12120d; }
a { color: #12120d; text-decoration: none; display: block; }
a.linkStyle-1 { color: #333333; text-decoration: underline; font-size: 0.889em; }
a img { border: none; }
h1 span, h2 span, h3 span, h4 span { display: block; }
h4,h5 {margin-bottom:0;}
div.hideOnStart { display: none; }
img { max-width: 100%; }
.container { width: 87.5%; margin: 0 auto; }
.container-fluid { width: 100%; margin: 0 auto; }
.clearfix:after { content: ' '; display: table; clear: both; height: 0; }
.col-6 { width: 50%; display: inline-block; float: left; }
.groupeBoutons { margin: 32px 0; }
.transparent { background: none; border: none; padding: 0; font-family: 'robotoCondensed'; font-size: 1em; }
.transparent::-moz-focus-inner { text-indent: -3px; }
.btn { font-weight: bold; letter-spacing: 0.01em; font-size: 1em; display: block; padding: 18px 14px; text-align: center; border: 1px solid #bababa; margin: 12px 0; width: 100%; }
.doubleChevron { height: 13px; }
.btnFooter { font-weight: bold; letter-spacing: 0.01em; font-size: 1.25em; }
.btn img { vertical-align: middle; margin-left: 6px; width: 13px; }
.btn img.loader { width: 12%; margin: -5px 0; }
.btn.arrowOnClick img { margin-left: 0; width: 22px; }
.btnRouge { background: #d03c3b; color: #fff; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.btnShadow { -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.2); }
.defineHeight { height: 3.834em; overflow: hidden; text-overflow: ellipsis; }
.defineHeightRubrique { height: 6em; overflow: hidden; text-overflow: ellipsis; }
.btRetour, .titreListe { padding: 12px 48px; color: #fff; font-size: 0.94em; text-transform: uppercase; background: url(../images/btBack.png) no-repeat 27px center #bfa618; display: block; }
.alert-box { width: 100%; z-index: 9999; box-sizing: border-box; }
.alert-box p, .alert-box a { width: 100%; display: inline-block; text-align: center; line-height: 1em; color: white; }
.alert-box p { margin: 30px 0 10px 0; padding: 0 16px; max-height: 4em; overflow: hidden; }
.alert-box p strong { letter-spacing: 0.01em; }
.alert-box a { text-decoration: underline; }
.alert-box a:hover { text-decoration: none; }
.alert-box > .croixTop { position: absolute; right: 20px; top: 10px; width: 19px; }
.alert-box > .croixCnil { display: inline-block; float: right; margin-top: 2px; margin-right: 10px; margin-bottom: -8px; width: 19px; }
#alert-box-top { background-color: rgb(237, 27, 36); font-size: 0.889em; }
#alert-box-cnil { background-color: rgb(49, 49, 49); position: fixed; bottom: 0; font-size: 0.778em; -webkit-transform: translate3d(0, 0, 0); }
#alert-box-cnil p { line-height: 0.944em; padding-top: 0px; padding-bottom: 20px; margin-bottom: -8px; margin-top: 15px; }
.header { padding: 10px 0 4px; }
.header .logo { float: left; width: 50%; margin: 0; padding: 0; }
.header .logo img { width: 25px; }
.header .logo.logoHome img { width: 75px; }
.header .menu { float: left; width: 50%; text-align: right; padding-top: 8px; }
.header .fermer { float: left; width: 50%; text-align: right; }
.header .menu button img { width: 32px; }
.header .menu .layer { position: absolute; left: -100%; text-align: left; top: 0; width: 100%; background: #fff; padding: 14px 0; z-index: 5; }
.header .menu .layer .btnRouge { margin: 32px 0 11px; }
.header .menu .layer ul { margin: 0; list-style: none; padding: 1px 13px 0 5px; line-height: 1.333em; }
.header .menu #menuLangues ul { line-height: 1.111em; }
.header .menu .layer ul li { padding: 0; margin: 0; }
.header .menu .layer ul li a, .header .menu .layer ul li .transparent { padding: 11px 0; display: block; width: 100%; text-align: left; background: url(../images/chevronSimple.png) no-repeat right center; text-transform: uppercase; font-size: 1.056em; background-size: 5px auto; padding-right: 44px; font-weight: 500; }
.header .menu .layer ul li.double a { background-image: url(../images/chevronDouble.png); background-size: auto 8px; }
.header .menu .layer ul li.langue { margin: 11px 0; border-top: 1px solid #cacaca; border-bottom: 1px solid #cacaca; }
.header .menu .layer ul li.langue a, .header .menu .layer ul li.langue button:focus{outline:none;}
.header .menu .layer ul li.langue a, .header .menu .layer ul li.langue .transparent { padding: 22px 0; background-image: url(../images/menuDown.png); background-size: auto 5px; }
.header .menu .layer ul li.langue a, .header .menu .layer ul li.langue .transparent.expanded { padding: 22px 0; background-image: url(../images/menuUp.png); background-size: auto 5px; }
#menuLangues { margin: -5px -25px 6px 0; }
#menuLangues ul { padding: 0 0 10px; }
#menuLangues ul li a { padding: 5px 0; background: none; font-size: 0.833em; }
#menuLangues ul li.active a { color: #d03c3b; font-weight: bold; }
#menuLangues .colonne { float: left; width: 50%; padding: 0 8px; }
#menuLangues .colonne-3 { width: 33%; }
.headerAccueil { position: absolute; padding: 15px 0 0; width: 100%; z-index: 5; }
.headerAccueil .menu { padding-top: 0; }
.owl-carousel, .detail { margin-bottom: 25px; }
.owl-carousel .container, .detail .container { padding-bottom: 8px; }
.owl-theme .owl-controls { margin-top: -8px; }
.accordion .owl-theme .owl-controls { margin-top: 7px; }
.owl-carousel .visuel img, .detail .visuel img { width: 100%; }
.fullWidth { width: 100% !important; /* Forcer le paramètre width */ }
.owl-carousel .cartouche { margin-top: -62px; position: relative; }
.detail .cartouche { margin-top: 2px; position: relative; }
.detail .cartouche-row { clear: both; width: 100%; margin-top: 2px; display: inline-block; }
.detail .col-6 { padding-right: 1px; }
.detail .col-6:last-child { padding-right: 0; padding-left: 1px; }
.detail .col-6 .cartouche-col-6 { width: 100%; text-align: center; color: #000; padding: 19px 0; background-color: #FFF; -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); -o-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.33); }
.detail .cartouche-col-6.activeCartouche, .detail .cartouche-col-6.activeCartouche a { background-color: #333333; color: #FFF; }
.detail .cartouche-col-6 a.rubrique { margin: 0; padding: 0; font-size: 0.778em; font-weight: normal; text-transform: uppercase; }
.detail .cartouche:first-of-type { margin-top: -62px; font-size: 1em; }
.owl-carousel .type, .detail .type { color: #878787; text-transform: uppercase; font-size: 1em; font-weight: bold; letter-spacing: 0.01em; }
.owl-carousel .type-s, .detail .type-s { color: #878787; text-transform: uppercase; font-size: 0.8em; font-weight: normal; padding: 2px 0 7px 0; }
.owl-carousel .chevronBack, .detail .chevronBack { padding: 2px 0 2px 15px; color: #878787; text-transform: uppercase; background: url(../images/btBack_grey.png) no-repeat left center; background-size: auto 16px; font-size: 1em; line-height: 1em; font-weight: bold; letter-spacing: 0.01em; display: block; }
.detail .cartoucheSeparated { margin-top: -83px !important; padding: 12px 9px; }
.detail .cartoucheSingleLine { margin-top: -49px !important; padding: 17px 15px; }
.detail .titleOeuvres { margin: 0; color: #878787; text-transform: uppercase; font-size: 1.05882em; font-weight: bold; letter-spacing: normal; }
.detail .cartouche-1 { margin-top: -48px !important; padding: 11px 15px; }
.detail .cartouche-alone { margin-top: 0 !important; }
.detail .cartouche-1 h1 { font-size: 1em; text-transform: uppercase; font-weight: bold; letter-spacing: 0.01em; color: #999999; margin: 0; }
.detail .cartouche-2 { margin-top: -36px !important; padding: 12px 15px; }
.detail .cartouche-alone-2 { margin-top: 10px !important; margin-bottom: 5px; padding: 0; }
.detail .cartouche-RDV { margin-top: -36px !important; padding: 0; }
.detail .cartouche-2 h1 { font-size: 1em; text-transform: uppercase; font-weight: bold; letter-spacing: 0.01em; color: #999999; margin: 0; }
.detail .cartouche-alone-2 h1, .detail .cartouche-alone-2 .rdvTitre { font-size: 1em; text-transform: uppercase; font-weight: bold; letter-spacing: 0.01em; color: #999999; margin: 0; }
.owl-carousel h2, .owl-carousel h3, .detail h2, .detail h1 { margin: 7px 0 5px 0; font-weight: bold; font-size: 1.47em; letter-spacing: 0.01em; }
.detail h1, .detail .rdvTitre { line-height: 1.333em; margin-top: 0; }
.owl-carousel .cartouche .desc, .detail .cartouche .desc { font-weight: 300; font-size: 1.176em; margin-bottom: 10px; }
.owl-carousel .cartouche .desc span, .detail .cartouche .desc span { display: block; }
.owl-carousel .cartouche .nomOeuvre, .detail .cartouche .nomOeuvre { font-weight: 300; font-size: 1.176em; margin: 0; margin-bottom: 5px; }
.owl-carousel .date, .detail .date { color: #d03c3b; font-weight: bold; letter-spacing: 0.01em; font-size: 0.882em; }
.owl-theme .owl-controls .owl-page span { margin: 0 2px; background: #878787; width: 5px; height: 5px; opacity: 1; }
.owl-theme .owl-controls .owl-page.active span { background: #d03c3b; }
.homeCarousel .cartouche { margin-top: -77px; padding: 17px 20px 17px 20px; }
.homeCarousel .cartouche .desc { margin-bottom: 5px; letter-spacing: 0.02em; }
.homeCarousel .type { font-size: 1em; margin: 0; }
.homeCarousel h2 { margin: 15px 0 5px 0; }
.homeCarousel .owl-controls { margin-top: -8px; margin-bottom: 37px; }
.video { padding-top: 19px; padding-bottom: 7px }
.video img, .video video, .video embed { width: 100%; }
.cartoucheOeuvre h1 { line-height: inherit; }
.cartoucheOeuvre h2 { line-height: 1.2em; margin-top: 2px; }
.detailOeuvre { margin-bottom: 38px; }
.detailOeuvre .visuel { padding: 30px; text-align: center; position: relative; }
.detailOeuvre .visuel .zoom { position: absolute; top: 40px; right: 22px; }
@media (max-width:767px) {
	.detailOeuvre .visuel .oeuvre { height: 230px; }
}
@media (max-width:1023px) {
	.detailOeuvre .visuel .oeuvre { height: 500px; }
}
@media (min-width:1024px) {
	.detailOeuvre .visuel .oeuvre { height: 400px; }
}
.detailOeuvre .desc { background: #f2f2f2; padding: 20px 0 50px; }
.detailOeuvre .desc .container { width: 72.5%; }
.detailOeuvre .desc .artiste { font-size: 0.94em; }
.detailOeuvre .desc h1 { font-size: 1.47em; font-weight: bold; letter-spacing: 0.01em; margin: 8px 0; }
.detailOeuvre .desc .date { font-size: 0.94em; margin-bottom: 20px; }
.detailOeuvre .desc .body { font-size: 0.94em; margin-bottom: 26px; }
.detailOeuvre .desc .body p { margin: 16px 0; }
.detailOeuvre .desc .infoCompl { font-weight: bold; letter-spacing: 0.01em; font-size: 0.823em; }
.accordion h2 { border-top: 1px solid #e8e5e3; margin: 0; padding: 23px 0; font-size: 1em; font-weight: normal; outline-style: none;}
.accordion h2:first-child { margin-top: 56px; }
.container-expo { margin-bottom: -3px; }
.accordion .contentInner { padding-bottom: 10px; }
.accordion .owl-carousel .item { border: 1px solid #cacaca; }
.accordion .owl-carousel .item-1 { padding: 20px 32px; }
.accordion .owl-carousel .item-2 { padding: 40px 50px; }
.accordion .owl-carousel .visuel { overflow: hidden; text-align: center; margin-bottom: 1px; width: 100%; }
.accordion .owl-carousel .visuel img { width: 100%; }
.accordion .owl-carousel .carouselContent { margin: 0; padding: 0; width: 100%; }
.accordion .owl-carousel h3 { font-weight: 400; font-size: 1.176em; line-height: 1.176em; margin: 0 0 7px 0; }
.descExpo { margin-top: -12px; margin-bottom: 19px; overflow: hidden; }
.descExpo:after { display: block; font-size: 0; content: " "; clear: both; height: 0; }
.descExpo { margin: 0; line-height: 1.278em; font-size: 0.889em; }
.descExpo div { margin: 32px 0; }
.descExpo div:first-child { margin: 0 0 32px; }
.descExpo p { margin: 0; }
.descExpo a.btnRouge {background:none; color:#000; display:inline; margin:0; padding:0; font-size:1em !important;}
.descExpo h3 {clear:both;}
.listeOeuvre { margin-top: -25px; margin-bottom: -15px; padding: 0 2px; }
.listeOeuvre .listeOeuvreItem { width: 50%; display: inline-block; vertical-align: top; padding: 0 2px; float: left; }
.listeOeuvre .listeOeuvreItem .visuel { line-height: 0; }
.listeOeuvre .listeOeuvreItem .visuel img { width: 100%; }
.listeOeuvre .listeOeuvreItem .desc .container { width: 83.64%; margin: 0 0 0 13.20%; padding-top: 8px; padding-bottom: 8px; }
.listeOeuvre .listeOeuvreItem .desc .artiste { font-size: 0.823em; }
.listeOeuvre .listeOeuvreItem .desc h2 { font-weight: bold; letter-spacing: 0.01em; font-size: 0.882em; margin: 0; }
.listeOeuvre .clearfix { display: inline-block; width: 100%; margin-top: -1px; }
.detailInfos h1{ line-height: 1.333em}
.singleOeuvre, .detailInfos { width: 100%; padding: 15px; }
.singleOeuvre { background-color: #5f5f5f; color: #FFF; }
.singleOeuvre .specOeuvre { margin-top: 18px; }
.singleOeuvre img.fullscale { margin-top: 20px; margin-bottom: 10px; width: 100%; }
.singleOeuvre a.detailCroix, .detailInfos a.detailCroix { width: 100%; }
.singleOeuvre a.detailCroix img.croix, .detailInfos a.detailCroix img.croix { width: 25px; float: right; }
.singleOeuvre p, .descOeuvre p { font-size: 0.778em; line-height: 1.278em; margin: 0; }
.singleOeuvre h1 { font-weight: bold; letter-spacing: 0.01em; line-height: 1.111em; font-size: 0.778em; margin: 0; }
.descEvent { margin-top: -8px; margin-bottom: 30px; }
.descEvent .tarifs { margin-top: 26px; }
.descEvent { font-size: 0.889em; }
.descEvent  p { margin: 0; }
.descEvent ul { list-style: none; padding: 0; font-weight: bold; letter-spacing: 0.01em; }
.descEvent ul .lienexterne { font-size: 1.3em; }
.descEvent p.expoDuree, .descEvent .tarifs p { font-weight: bold; letter-spacing: 0.01em; color: #666666; }
.descEvent .tarifs p { color: #000; padding: 0; }
.descEvent .tarifs h2 { color: #000; padding: 0; margin: 0; font-weight: bold; letter-spacing: 0.01em; font-size: 1em; }
.singleOeuvre p.strong, .descOeuvre p.strong { font-weight: bold; letter-spacing: 0.01em; line-height: 1.111em; margin: 0; font-size: 0.875em; }
.descOeuvre p.br { margin-top: 40px; }
.singleOeuvre .infoOeuvre { line-height: 1.222em; display: block; }
.singleOeuvre .infoOeuvre, .descOeuvre p.infoOeuvre { font-weight: 300; letter-spacing: 0.02em; }
.descOeuvre { font-size: 0.889em; line-height: 1.278em; padding-bottom: 30px; margin-top: -13px; }
.listExpoContainer { width: 100%; padding: 0 5px; margin-top: -28px; margin-bottom: 30px; }
.listExpoContainer .item { position: relative; width: 100%; margin: 0; margin-top: 4px; min-height: 105px; }
.listExpoContainer .item img { width: 100%; }
.listExpoContainer .item .cartouche { position: absolute; margin: 0 auto; padding: 10px; bottom: 0; left: 0; right: 0; width: 92%; }
.listExpoContainer .item .cartouche h2 { font-weight: bold; letter-spacing: 0.01em; font-size: 1.3em; margin: 0; width: 100%; }
.listExpoContainer .item .cartouche h3 { font-weight: 300; letter-spacing: 0.02em; font-size: 1em; margin-top: 2px; margin-bottom: 5px; }
.listExpoContainer .item .cartouche p { color: #e01a00; font-weight: bold; letter-spacing: 0.02em; font-size: 0.9em; margin: 0; }
.rdvHeaderRow { clear: both; display: table; width: 100%; margin-left: 1px; }
.rdvHeaderRow h1, .rdvHeaderRow .rdvTitre { display: table-cell; vertical-align: middle; padding: 12px 0 12px 15px; }
.rdvHeaderRow div.calendar { display: table-cell; vertical-align: middle; width: 60px; padding-right: 15px; outline: 0; background-color: #fff; box-shadow: inset 7px 0px 7px -7px rgba(0, 0, 0, 0.33); }
.rdvHeaderRow div.calendar-B { background-color: #333333; }
.rdvHeaderRow div.calendar img { display: table-cell; vertical-align: middle; margin: -3px 0; width: 28px; float: right; }
.listeEvt { margin-bottom: 0; border-bottom: 1px solid #e8e5e3; margin-top: -34px; }
.listeEvt .listeEvtItem { border-top: 1px solid #d1d1d1; display: table; width: 100%; padding: 16px 0 15px 0; }
.listeEvt .listeEvtItem a { display: inline-block; vertical-align: middle; width: 100%; }
.listeEvt .listeEvtItem:first-child { border-top: none; }
.listeEvt .listeEvtItem .visuel { line-height: 0; display: table-cell; width: 70px; vertical-align: middle; }
.listeEvt .listeEvtItem .visuel img { width: 70px; }
.listeEvt .listeEvtItem .desc { display: table-cell; vertical-align: middle; padding-left: 16px; }
.listeEvt .listeEvtItem .desc .container { width: 100%; padding-top: 0; padding-bottom: 0; }
.listeEvt .listeEvtItem .desc .artiste { font-weight: bold; letter-spacing: 0.01em; font-size: 0.8235em; margin: 11px 0 -6px 0; }
.listeEvt .listeEvtItem .desc .titre { display: table-cell; vertical-align: middle; font-weight: bold; letter-spacing: 0.01em; font-size: 0.889em; line-height: 1.056em; }
.listeEvt .listeEvtItem .desc .date { display: table-cell; vertical-align: top; font-weight: bold; letter-spacing: 0.01em; font-size: 0.778em; line-height: 1.3em; color: #d03c3b; }
.listeEvt .listeEvtItem .desc .type { display: table-cell; vertical-align: bottom; color: #878787; text-transform: uppercase; font-size: 0.778em; line-height: 1.3em;}
.listeEvtItem .container-table { display: table; height: 75px; }
.listeEvtItem .container-row { display: table-row; }
.groupeBoutonsListe { margin-bottom: 28px; }
.groupeBoutonsListe .btn { margin-bottom: 10px; }
.info { border-top: 1px solid #e8e5e3; padding-top: 6px; }
.border-top { border-top: 1px solid #e8e5e3; }
.horaires { padding: 0 0 0 35px; margin: 25px 0 26px; background: url(../images/horaire_grey.png) no-repeat left 4px; background-size: 20px auto; color: #666666; }
.horaires p.aujourdhui { font-weight: bold; letter-spacing: 0.01em; font-size: 1.176em; margin: 0; }
.horaires p { margin: 0 0 12px; line-height: 1.5em }
.localisation { padding: 0 0 0 35px; margin: 0 0 26px; background: url(../images/localisation_grey.png) no-repeat left 1px; background-size: 18px auto; color: #666666; }
.localisation p.lieu-dit { font-weight: bold; letter-spacing: 0.01em; font-size: 1.176em; margin: 0; }
.localisation p { margin: 0 0 12px; line-height: 1.5em }
.localisation a, .horaires a { color: #666666; }
.evtHeader { background: #cc3333; color: #fff; position: relative; margin-top: -33px; }
.evtHeader-2 { margin-top: -39px; }
.evtHeader th { color: #cc3333; position: relative; }
.evtHeader .container { width: 59.375%; margin: 0 0 0 10.937%; padding: 12px 0 14px; }
.evtHeader h1 { font-weight: normal; margin: 0; font-size: 0.941em; }
.evtHeader input { color: #fff; font-size: 0.823em; font-weight: bold; letter-spacing: 0.01em; }
.evtHeader .ui-datepicker-trigger { position: absolute; top: 0; right: 0; }
.evtHeader #ui-datepicker-div { position: static !important; background: #333333; width: auto; margin-bottom: 29px; }
.ui-datepicker-month { text-transform: capitalize; }
.evtHeader .ui-datepicker table { font-size: 1em; }
.evtHeader .ui-datepicker .ui-datepicker-title { font-weight: bold; letter-spacing: 0.01em; font-size: 0.823em; }
.evtHeader .ui-datepicker th { font-weight: normal; font-size: 0.823em; }
.evtHeader .ui-datepicker td, .evtHeader .ui-datepicker td { text-align: center; font-size: 0.823em; padding: 0; }
.evtHeader .ui-datepicker td span, .evtHeader .ui-datepicker td a { color: #fff; text-align: center; padding: 8px 0.2em; }
.evtHeader .ui-datepicker-current-day { background: #cc3333; border: 1px solid #cc3333; }
.evtHeader .ui-datepicker-today { border: 1px solid #cc3333; }
.evtHeader .ui-datepicker td.ui-datepicker-unselectable span { color: rgba(255, 255, 255, 0.4); }
.evtHeader .ui-datepicker .ui-datepicker-prev { background: url(../images/calendarPrev.png) no-repeat center center; background-size: auto 15px; top: 2px; left: 2px; }
.evtHeader .ui-datepicker .ui-datepicker-prev.ui-state-disabled, .evtHeader .ui-datepicker .ui-datepicker-next.ui-state-disabled { opacity: 0.5; }
.evtHeader .ui-datepicker .ui-datepicker-next { background: url(../images/calendarNext.png) no-repeat center center; background-size: auto 15px; top: 2px; right: 2px; }
.info-pratique { margin-top: -10px; clear: both; }
.info-pratique h2 { font-size: 1.389em; font-weight: bold; letter-spacing: 0.01em; margin: 0; padding: 24px 0; border-top: 1px solid #e8e5e3; border-bottom: 1px solid #e8e5e3; }
.info-pratique h3 { font-size: 1em; line-height: 1.278em; font-weight: normal; letter-spacing: normal; margin: 0; padding: 14px 0; border-top: 1px solid #e8e5e3; border-bottom: 1px solid #e8e5e3; }
.info-pratique h4, .info-pratique #horaires h3, .info-pratique #acces h3 { font-size: 0.889em; line-height: 1.278em; font-weight: bold; letter-spacing: 0.01em; margin: 0; padding: 0; border: none; }
.info-pratique .borderBottomOnly { border-top: 0px; }
.info-pratique .borderTopOnly, .info-pratique .borderBottomOnly.last, .info-pratique h3.last { border-bottom: 0px; }
.info-pratique.borderBottom { border-bottom: 1px solid #e8e5e3; }
.info-pratique h3.addMargin { margin: 49px 0 37px 0; }
.info-pratique .info-container { margin: 32px 0; }
.info-pratique .info-container-condensed { margin: -10px 0 52px 0; }
.info-pratique .info-container-extraCondensed { margin: -10px 0 31px 0; }
.info-pratique .horaires-ouverture { padding: 0; }
.info-pratique .horaires-ouverture .rightFloat { padding-left: 55%; padding-left: calc(50% + 39px); }
.info-pratique .horaires-ouverture .jour { width: 50%; margin-right: 39px; float: left; }
.info-pratique .horaires-ouverture .heure { font-weight: lighter; letter-spacing: 0.02em; font-style: normal; }
.info-pratique .tarifs .btn { margin: 8px 0 40px 0 !important; }
.info-pratique .smallFont { font-size: 0.889em !important; }
.info-pratique p { margin: 0; padding: 0; }
.info-pratique .info-container p { font-size: 0.889em; line-height: 1.278em; }
.info-pratique p span { display: block; }

.info-pratique p strong, .info-pratique p.strong { font-weight: bold; letter-spacing: 0.01em; }
.info-pratique .map-container { margin: 20px 0 31px 0; }
.info-pratique .map-container1 { margin: 0; width: 100%; max-width: 640px; }
.info-pratique .map-container2 { position: relative; margin: 0; width: 100%; height: 0; padding-bottom: 75%; margin-bottom: 12px; }
.info-pratique .map-container2 iframe.map { position: absolute; width: 100%; height: 100%; border: 0; }
.info-pratique .map-container .btn { margin-top: 9px; }
.info-pratique .accesInfo { margin: 20px 0; }
.info-pratique ul.linkList { margin: 0; padding: 0 0 0 10px; list-style: none; }
.detail.enFamille { margin-bottom: -6px; }
.container.enFamille { font-size: 0.889em; padding: 30px 0; line-height: 1em; border-bottom: 1px #cccccc solid; }
.container.enFamille.sansBorder { border-bottom: 0px; }
.container.enFamille button.btn { display: table-row; margin: 16px 0 0 0; width: 100%; }
.container.enFamille .table { display: table-row; }
.container.enFamille .row { display: table-row; }
.container.enFamille .table .row img { width: 21.9%; display: block; float: left; margin: 0 18px 18px 0; }
.container.enFamille .infoRubrique { font-size: 0.778em; color: #666666; margin: 11px 0 -13px 0; }
.container.enFamille .descRubrique { font-size: 0.889em; line-height: 1.278em !important; }
.container.enFamille .descRubrique  p { padding: 0 0 1em 0; overflow: hidden; text-overflow: ellipsis; }
.container.enFamille .sousTitre { font-size: 0.889em; font-weight: bold; letter-spacing: 0.01em; padding: 0; margin: 0 0 -13px 0; }
.collapseIconDown { background: url(../images/accordionDown.png) no-repeat right center; background-size: auto 10px; padding-right: 20px !important; }
.collapseIconUp { background: url(../images/accordionUp.png) no-repeat right center; background-size: auto 10px; }
.vigipirate { color: #000; font-size: 0.889em; line-height: 1.278em; border-top: 2px solid #ff3333; border-bottom: 2px solid #ff3333; margin: 20px 0; }
.vigipirate .container { padding: 15px 20px; margin: 0; width: 100%; }
.vigipirate .container h2 { font-size: 1.556em; margin: 22px 0; color: #ff3333; }
.vigipirate img.logo { width: 30%; float: left; margin: 0 10px 10px 0; }
.footer { background: #e8e8e8; padding: 23px 0; margin-top: 32px; }
.footer img { width: 35px; }
.footer .resSoc { width: 96%; margin: 0 auto 25px; }
.footer .resSoc span.item { float: left; width: 20%; text-align: center; }
.footer .resSoc span.item img { width: 35px; }
.footer.items-6 .resSoc span.item { width: 16.667%; }
.footer.items-7 .resSoc span.item { width: 14.285%; }
.footer.items-6 .resSoc span.item img, .footer.items-7 .resSoc span.item img { width: 30px; }
.footer ul { margin: 0 -1px 0 0; padding: 0; list-style: none; font-size: 0.833em; }
.footer ul li { margin: 14px 0 0; padding: 0; }
.footer ul li.chevrSimple, .footer ul li.chevrDouble { padding-left: 15px; background: url(../images/chevronSimple.png) no-repeat left center; background-size: auto 8px; }
.footer ul li.chevrDouble { background: url(../images/chevronDouble.png) no-repeat left center; background-size: auto 8px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.marginFix { margin-top: 5px !important; }
.italiquenoir {font-style: italic;}
.grasnoir {font-weight: bold;}
.info-pratique p span.chineseFont {font-family: SimHei;display:inline;}