/* -----------------------------------------------------
Styles spécifiques au site
----------------------------------------------------- */
.toolbox pre {
	display:block;
	white-space:pre;
	font-size:90%;
	border:1px solid #999999;
	background:#CCCCCC;
}
.toolbox td pre {
	border:0;
	background:transparent;
	font-size:100%;
	margin:0;
}
div.toolbox .formContent {
	border:1px solid #aaa;
}
div.toolbox div.formContent .label {
	float:left;
	padding-right:0.5em;
	text-align:right;
	width:12em;
}
div.toolbox div.formContent span.formw {
	display:block;
	margin:0 0 5px;
	text-align:left;
	vertical-align:top;
}
div.toolbox .formButtons {
	margin:0;
	padding:1em 0 0;
}

.dateInlineSelect #selectMonth {
	width:5em;
}
.dateInlineSelect #selectDay {
	width:4em;
}
.dateInlineSelect #selectYear {
	width:5em;
}

.listNews h2 a:link, #Ccontent .middleCol h2 a:visited {
text-decoration:underline;
}
.listNews h2 a:active, #Ccontent .middleCol h2 a:hover, #Ccontent .middleCol h2 a:visited:hover {
text-decoration:underline;
}
.listNews h2 .date, #contentBody h2 .date {
color:#3C3C5A;
font-size:70%;
font-weight:normal;
line-height:190%;
text-transform:none;
}
 #contentBody h2 .strapLine{
color:#3C3C5A;
font-weight:normal;
line-height:190%;
text-transform:none;
font-size:70%
}
 #contentBody h2 .subTitle{
color:#3C3C5A;
font-weight:normal;
line-height:190%;
text-transform:none;
font-size:70%
}
.listNews h2 .subTitle {
font-size:80%;
}
.listNews .text {
font-size:120%;
margin:0.8em 0 0;
}
.listNews .more {
font-size:0.7em;
margin:2em;
}
.listNews .thumbnail {
float:left;
margin-right:1em;
margin-top:0.1em;
text-align:center;
width:180px;
}
.listNews img {
max-width:100%;
height:auto;
}
.listNews hr {
border-color:#CFCFCF;
color:#CFCFCF;
height:1px;
margin:10px 0;
padding:0;
}



/* ============================================= */
/* Gallerie Horizontale                          */
/* ============================================= */



#galleryH{
	width: 100%;
	font-size:1em;
	float:left;
	margin-bottom:20px;
	padding-top:10px;
}
#galleryH ul, #galleryH li,
#middleCol #galleryH ul, 
#middleCol #galleryH li {
	position:relative;
	margin:0;
	padding: 0;
	list-style:none;
	display:block;
}

#galleryH li {
	width:33%
}
#galleryH a:hover, #galleryH a:focus, #galleryH a:active {
	outline:none !important;
}
/* ============================================= */
/* affichage des albums                          */
/* ============================================= */
#galleryH li {
	text-align:center;
	float:left;
}
#galleryH li div {
	padding:1px 30px 30px;
	position:relative;
}
#galleryH li a {
	position:relative;
	display:block;
	width:260px;
	margin:5px auto;
}
/* simule la hauteur du dossier */
/* l'image thumbnail ne se trouve pas Ã  l'intÃÂ©rieur Ã  cause du bug IE6+7 sur les liens en span */
#galleryH a span.placeholder {
	display:block;
	z-index:10;
	position:relative;
	width:100%;
	margin:auto;
	height:170px;
}

#galleryH a {
	text-decoration:none;
	cursor:pointer;
	background:url(../../pictures/layout/gallery/bg-folderH.png) bottom center no-repeat;
	background-position:bottom center;
}
#galleryH a:hover span.title {
	text-decoration:underline;
	color:#f60;
}
#galleryH a span.title {
	display:block;
	position:relative;
	padding-top:0;
	margin: 0 0 1em;
	padding: 0;
	background:none;
	font-size:0.9em;
	line-height:normal;
	vertical-align:bottom;
}
#galleryH a span.title span {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
#galleryH a span.thumbnail {
	position:absolute;
	z-index:0;
	bottom:0;
	left:34px;
	width:190px; /* largeur de l'image 180px + bortures 10px */ 
	margin-bottom:17px;
	overflow:hidden;
padding:5px;
}
#galleryH a span.thumbnail img {
border-left: 5px solid #FFFFFF;
border-right: 5px solid #FFFFFF;
border-top: 5px solid #FFFFFF;
border-bottom: 9px solid #FFFFFF;
-moz-box-shadow: 0 0 10px #888;
-webkit-box-shadow: 0 0 10px#888;
box-shadow: 0 0 10px #888;
}
#galleryH .legendGallery {
	display:block;
	position:relative;
	height:5.5em;
	margin:0 13px;
	padding:0;
	color:#333;
	text-align:left;
	font-size:0.8em;
	line-height:normal;
}
#galleryH .legendGallery span {
	display:block;
	position:absolute;
	top:0;
	width:100%;
}


/*infos pratiques*/

.floatPicL{
	float: left;
	margin-right: 10px;	
}

.floatPicR{
	float: right;
	margin-left: 10px;	
}

.spacer{
	margin-bottom: 30px;	
}

.spacerXL{
	margin-bottom: 45px;	
}

.spaced1{
	margin: 0 80px;	
}

.spaced2{
	margin: 0 45px 0 25px;
}	

.spaced3{
	margin: 5px 30px 0 15px;		
}

br.clearL{
	clear: left;	
}

/*floatimages*/
img.aright{
margin: 0 0 5px 15px;
}

img.aleft{
margin: 0 15px 5px 0;
}

.acentered{
margin:0 auto;
text-align:center;
}

/*__legends__*/



.captionized{font-size:.846em;width:180px;}
.captionized.aleft{margin: 5px 40px 5px 0;}
.captionized.aright{margin: 5px 0 5px 40px;}
.captionized.acentered {display:block; margin: 10px auto 5px; }
.captionized img{float:none;display:block;margin: 0 0 10px;}
.captionized span{line-height:125%;}

img.aleft{
margin: 0 20px 5px 0;
}
.captionized.aright.smallmargins{margin: 0px 0 5px 20px;}
.captionized.aleft.smallmargins{
margin: 0 10px 5px 0;
}


.captionized.nolegend img{
margin-bottom:0;
}
.captionized.nolegend span{
display:none;
}

.small, #contentBody p.small{
font-size:0.846em;
}
 #contentBody p.small .captionized span{
font-size:120%;
}

/*Page Musee*/

div span.aleft.pageMusee{
margin-left:45px;
}

div span.aright.pageMusee{
margin-right:45px;
}

/*Page Expositions*/

div p img.pageExpoLeft{
margin-left:150px;
}

div p img.pageExpoRight{
margin-left:100px;
}

/*Shop*/

#middleCol div p a.externalImg.newwindow{
background:none;
display: block;
}

/* Compliance rate */
/* --------------------------------------------------------- */
.compliance { float:right; margin:0 0 21px 42px; width:180px; }
.compliance > h3 { background:url('../../pictures/layout/body/shared/compliance.png') no-repeat 0 5px; color:#256fb8; font:normal normal normal 24px/28px Cambria,Georgia,'Times new roman',serif; letter-spacing:0 !important; line-height:1; margin-bottom:1em !important; margin-top:0 !important; padding:13px 1px 12px 60px !important; text-transform:none !important; }
.compliance-level > span { position:absolute; top:-9999px; }
.compliance-level > em { background:url('../../pictures/layout/body/shared/compliance-level.png') no-repeat; color:#fff; display:block; font-size:74px; font-style:normal; font-family:Calibri,'Lucida Grande',sans-serif; line-height:150px; padding-bottom:10px; position:relative; text-shadow:-2px 2px 5px rgba(0,0,0,.4); text-align:center; text-indent:-20px; width:160px; }
.compliance-level > em > span { font-size:40px; position:absolute; right:20px; text-shadow:none; top:-4px; }


/* GEOPORTAIL */
@media (min-width:20em){#map-cmd{position:relative;z-index:5; height:auto!important;}#map{position:relative;max-height:450px}#map:focus,#map:hover{cursor:default!important}#map .overlay-visible{position:absolute;content:'';bottom:0;top:0;left:0;right:0;display:block;background-color:rgba(255,255,255,.6);z-index:10000;text-align:center;padding-top:10rem;font-size:2rem;-ms-touch-action:none;touch-action:none}#map .ol-attribution,#map .ol-zoomslider,#map .overlay-hidden{display:none}#map canvas{min-height:400px}#map button{position:absolute;top:1rem;left:.5rem;z-index:2}#map button.ol-zoom-out{margin-top:50px}#map button:focus{background-color:#2980b9;color:#fff;cursor:pointer}#map .ol-full-screen button{padding:.5rem}#map .ol-full-screen button,#map .ol-rotate button{left:auto;right:1rem;outline:0}#map .ol-rotate{top:3em}#map .ol-rotate button{top:4.1rem}#map .lux-popup{position:relative}#map .lux-popup-close{float:none;left:auto;bottom:auto;right:1rem;top:.5rem;}#map .lux-popup-content{font-family:Georgia,'Times new roman',serif;position:relative}#map .lux-popup-content .popup-title{margin:0 0 1rem;width:90%;font-size:1.4rem;font-family:Helvetica,Arial,sans-serif}#map .lux-popup-header{text-align:right;padding:0}#map iframe{max-height:350px;width:auto}#map.slider .ol-zoom{background:#F7F5F2}#map.slider button{position:relative;width:30px;height:30px;top:0;left:0}#map.slider .ol-zoom .ol-zoom-out{margin-top:209px}#map.slider .ol-zoomslider{background-color:transparent;top:2.7em;padding:0;display:block}#addresses img+.vcard-title:before,#addresses li:before{display:none}#map.slider .ol-touch .ol-zoomslider{top:2.75em}#map.slider .ol-zoom-in.ol-has-tooltip:focus [role=tooltip],#map.slider .ol-zoom-in.ol-has-tooltip:hover [role=tooltip]{top:3px}#map.slider .ol-zoom-out.ol-has-tooltip:focus [role=tooltip],#map.slider .ol-zoom-out.ol-has-tooltip:hover [role=tooltip]{top:232px}#map:-ms-full-screen{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;margin-left:0!important}#map:-moz-full-screen{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;margin-left:0!important}#map:-webkit-full-screen{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;margin-left:0!important}#map:-ms-fullscreen{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;margin-left:0!important}#map:fullscreen{height:100%!important;width:100%!important;max-height:none!important;max-width:none!important;margin-left:0!important}#addresses{margin:1rem 0 3rem;background:#f1f1f1}#addresses .localize{width:auto;margin-left:3rem}#addresses .localize:active{top:auto}#addresses li,#addresses ul{list-style-type:none;margin:0}#addresses li{padding:1rem}#addresses li .vcard{background:#f1f1f1;padding:2rem}#addresses .vcard-title{font-weight:700;margin-bottom:2rem;min-height:4.5rem;padding-left:3.5rem;position:relative}#addresses .vcard-title:before{content:url(http://cdn.public.lu/skizz/img/maps/icon.png);vertical-align:middle;position:absolute;top:0;left:0}#addresses [itemprop=address]{margin-bottom:2rem;margin-left:3.5rem}#addresses .vcard-item{margin-left:3.5rem}#addresses img{float:left;margin:0 1rem 1rem 0;vertical-align:middle}#addresses img+.vcard-title{padding-left:0;position:static}#addresses img+.vcard-title+[itemprop=address]{display:block;clear:left}#addresses .vcard-actions{margin-top:2rem;margin-left:3.5rem}#addresses .vcard-actions a{border:1px solid transparent;border-radius:100%;display:inline-block;margin:0 .5rem 1em}#addresses .vcard-actions a:focus,#addresses .vcard-actions a:hover{border-color:#ddd}#addresses .vcard-actions .newwindow:after{display:none}#addresses .vcard-actions .icon-direction,#addresses .vcard-actions .icon-email,#addresses .vcard-actions .icon-more,#addresses .vcard-actions .icon-phone,#addresses .vcard-actions .icon-website{background:url(../img/addresses-icons.png) no-repeat;display:block;height:33px;width:33px}#addresses .vcard-actions .icon-direction:before,#addresses .vcard-actions .icon-email:before,#addresses .vcard-actions .icon-more:before,#addresses .vcard-actions .icon-phone:before,#addresses .vcard-actions .icon-website:before{display:none}#addresses .vcard-actions .icon-phone{background-position:-66px 0}#addresses .vcard-actions .icon-email{background-position:-99px 0}#addresses .vcard-actions .icon-direction{background-position:-33px 0}#addresses .vcard-actions .icon-more{background-position:-132px 0}.page-secondary .geoportail{background:0 0;border:none;margin-top:0}.page-secondary #map{background:#F1F1F1;border:1px solid #ccc;margin-left:0;width:100%}.page-secondary #addresses{display:none;margin-top:2rem;position:static;overflow:auto;width:100%}.page-secondary #addresses li .vcard{background:0 0}}@media (min-width:20em) and screen and (min-width:37.5em){#addresses{overflow:hidden;margin:0 0 3rem -2rem}#addresses li{box-sizing:border-box;float:left;width:50%;padding:1rem 0 1rem 2rem}#addresses li:nth-child(2n+1){clear:left}}@media (min-width:61.5em){#map,.geoportail{display:block;position:relative}#map{width:100%;}#addresses .vcard-actions [itemprop=telephone],#addresses .vcard-actions a[href*="http://www.google.com/"],#map .overlay-visible{display:none}#addresses{width:35%;position:absolute;top:0;left:0;bottom:0;margin:0;overflow-y:scroll;font-size:.8em}#addresses li{display:block;box-sizing:border-box;vertical-align:top;width:100%}#addresses li+li{border-top:1px solid #ddd}#addresses li .vcard{padding:1rem}}
