﻿body{
	background:#ffffff;
	padding:0;
	margin:0;
	color:#242527;
	font-size:13px;
}
body, p, div, h1, h2, h3, h4, h5, label, ul, li, td, th, input, textarea, button{
	font-family:Arial,Verdana,Tahoma;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;	
	-webkit-font-smoothing:antialiased;
}
.clear{clear:both;}
a img{border:0px;}
a:link, a:active, a:visited, a:hover{
	outline:none;
	font-size:inherit;
	color:#0079c1;
	text-decoration:underline;
	border:0px;
}
a:hover{color:#005d95;}	


.hidden{display:none;}
.inline-block{display:inline-block;}
.fr-only{
	margin:0;
	padding:0;
	font-size:0.9em;
	font-style:italic;
	color:#6e7177;
}
p{
	line-height:1.5em;
	margin-bottom:1.6em;
	padding:0;
}
.nmgn{margin:0;}
.nmgnb{margin-bottom:0 !important;}
.nmgnt{margin-top:0;}
.npddt{padding-top:0 !important;}
.npdd{padding:0;}
.npddb{padding-bottom:0;}
.nowrap{ white-space: nowrap;}
.text-right {text-align: right;}
.text-center {text-align: center;}

p.parter-assoc{
	display:inline-block;
	padding:0.1em 0.3em;
	margin:0 0 0.4em 0;
	line-height:auto;
}

.idnt1{padding:0em 1em;}

sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
sup.expo{text-transform:lowercase;}
hr{
	clear:both;
	margin:0;
	border:0px;
	height:1px;
	color:#ffffff;
	border-top:1px dashed #d1d1d1;
}
hr.full{border-top:1px solid #a4a7ad;}

h1{
	font-weight:normal;
	font-size:2.2em;
	color:#242527;
	padding:0;
	margin:1% 0 0 0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);	
}
.small h1{margin:5% 0 0 0;}
.asterix{color:#CC3300;}
.composition{
	max-width:1920px !important;
	margin:0 auto;
}
.composition.fixed{position:fixed;}
/*- - -=| 21:22 2014-05-29 |=- - - - - - - - */
ul{
	margin:0.5em auto;
	color:#242527;
}
li{
	padding:0.3em 0;
	line-height:1.4em;
	color:#242527;
}
li.nostyle{list-style:none;}

ul.regulations,
ol.regulations{
	margin:0.5em auto;
	color:#242527;
}
ul.regulations li,
ol.regulations li{
	padding:0.3em 0;
	color:#242527;
	line-height:1.5em;
}

/*- - -=| 13:42 2014-06-11 |=- - - - - - - - */
ul.publications{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.publications li{
	margin:0;
	padding:1em 0;
	list-style:none;
	min-height:64px;
}
ul.publications li.ico-360{
	padding:0.2em 0 0.6em 40px;
	background:transparent url(/medias/images/icons/360.png) no-repeat top left;	
	min-height:40px;
}
ul.publications li.ico-pdf{
	padding:0.2em 0 0.6em 40px;
	background:transparent url(/medias/images/icons/pdf.png?u=2) no-repeat top left;	
	min-height:40px;
}
ul.publications li.ico-zip{
	padding:0.2em 0 0.6em 40px;
	background:transparent url(/medias/images/icons/zip.png?u=2) no-repeat top left;	
	min-height:40px;
}
ul.publications li.ico-word{
	padding:0.2em 0 0.6em 40px;
	background:transparent url(/medias/images/icons/word.png) no-repeat top left;	
	min-height:40px;
}
ul.publications li.ico-carte-wem2015{
	padding:0.2em 0 1em 65px;
	background:transparent url(/medias/images/divers/week-ends-du-monde/ico-carte-wem-2015.png) no-repeat top left;	
	min-height:64px;
}
ul.publications li div{
	font-size:0.8em;
	line-height:1.2em;
	color:#6e7177;
}
ul.publications li em.note{
	display:inline-block;
	padding:0;
	font-size:0.9em;
	color:#dd1700;
	background:#ffffff;
	z-index:10000;
	text-decoration:none;
}
ul.publications p{
	font-size:0.9em;
	line-height:1em;
}
ul.publications li.separator{
	border-bottom:1px solid #dddddd;
	background-position:0 2em;
	padding-bottom:2em;
	padding-top:2em;
}
ul.publications li.separator:last-child{border-bottom:0px;}

/*- - -=| 15:25 2014-06-12 |=- - - - - - - - */
ul.people-list{
	margin:0;
	padding:0;
	list-style:none;	
}
ul.people-list li{
	float:left;
	width:31%;
	margin:0 2% 2% 0;
	padding:0;
	list-style:none;
	min-height:160px;
	border:1px solid #d1d1d1;	
}
.medium ul.people-list li{
	width:47%;
	margin:0 2% 2% 0;
}
.small ul.people-list li{
	width:100%;
	margin:0 0 1em 0;
	min-height:0px;
}
ul.people-list li .inner{padding:2em 1em 1em 1em;}
.small ul.people-list li .inner{padding:1em;}
.page-content ul.people-list li h4{
	padding:0;
	margin:0;
}
.page-content ul.people-list li p{
	padding:0;
	margin:0.5em 0 0 0;
	line-height:1.6em;
}

/*- - -=| 21:38 2014-05-29 |=- - - - - - - - */
.nw,
.phone-link{white-space:nowrap;}
.bw{
	word-wrap:break-word;
	word-break:break-all;
	-ms-word-break:break-all;	
}

.link-button{}
.link-button a{
	text-decoration:none;
	display:inline-block;
	background:#5F6267;
	padding:0.5em 1em;
	margin:2% 0 4% 0;
	color:#ffffff;
	font-weight:normal;
	letter-spacing:1px;
	border:1px solid #424448;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    cursor: pointer;
}
.no-touch .link-button a:hover{
	color:#ffffff !important;
	background:#6C6E75 !important;
	border:1px solid #424448 !important;
}
.highlight p.link-button{
	padding:0;
	margin:0 0 1.4em 0;
	line-height:1em;
}
.highlight p.link-button a{
	margin:0;
}

/*- - -=| 21:01 2014-05-29 |=- - - - - - - - */
.img-extend{position:relative;}
.img-extend img{
	display:block;
	width:100%;
}
.img-extend.custom-resize-01 img{max-width:100%;}
.small .img-extend.custom-resize-01 img{
	max-width:60%;
	margin:0 auto;
}

.img-extend.light-border{
	border:1px solid #d1d1d1;
	padding:2px;
}
.inline-page-visual{display:block;}
.small .inline-page-visual{display:none;}
.page-visual{display:none;}
.small .page-visual{display:block;}
.halls-entry{padding:0 0 1em 0;}
.halls-entry .img-extend{margin:0 0 1em 0;}
.small .halls-entry .img-extend{
	width:100%;
	clear:both;
	margin:0 1em 1em 0;
}
.halls-entry p{margin:0 0 0.4em 0;}
.halls-entry p.date{
	margin:0;
	line-height:auto;
}

/*- - -=| 20:55 2014-05-29 |=- - - - - - - - */
.bl-shadow{
	position:absolute;
	width:10px;
	height:100%;
	left:0px;
	top:0px;
	background:#000000;
	opacity:0.2;
	filter:alpha(opacity=20);
}

/*- - -=| 23:26 2014-05-29 |=- - - - - - - - */
.ui-share-btns a{
	display:inline-block;
	background:transparent url(/medias/images/social-share-btn.png) no-repeat -1px -1px;
	outline:none;
	width:30px;
	height:30px;
	overflow:hidden;
	margin:0 5px 0 0;
}
.ui-share-btns a.facebook{background-position:-1px -65px;}
.no-touch .ui-share-btns a.facebook:hover{background-position:-1px -33px;}
.ui-share-btns a.twitter{background-position:-33px -65px;}
.no-touch .ui-share-btns a.twitter:hover{background-position:-33px -33px;}
.ui-share-btns a.googleplus{background-position:-65px -65px;}
.no-touch .ui-share-btns a.googleplus:hover{background-position:-65px -33px;}
.ui-share-btns p{
	padding:0;
	margin:1em 0 0.3em 0;
}

.ui-btns a{
	display:block;
	width:30px;
	height:40px;
	padding:5px 0 0 0;
}
.ui-btns a span{
	background:transparent url(/medias/images/ui-30.png) no-repeat 0px 0px;
	outline:none;
	display:block;
	width:30px;
	height:40px;
	overflow:hidden;
}
.ui-btns a.close span{background-position:-249px -1px;}
.ui-btns a.close-white span{background-position:-249px -34px;}
.ui-btns a.menu span{background-position:-1px -1px;}
.ui-btns a.search span{background-position:-218px -1px;}
.ui-btns a.next span{background-position:-280px -1px;}
.ui-btns a.prev span{background-position:-405px -1px;}

a.evenement-facebook {
	padding:10px;
	height:48px;
	display:inline-block;
	border:1px solid #355390;
	border-radius:5px;
}
a.evenement-facebook:hover {
	background: #ececf3;
}

/*------------------------------*/
.top-nav{
	padding:0.6em 1em 0.6em 0.6em;
	float:right;
}
.top-nav a{
	float:left;
	text-decoration:none;
	text-align:center;
	line-height:1em;
	padding:0;
	margin:0 1em 0 0;
	vertical-align:top;
}
.top-nav a:last-child{margin:0;}
.top-nav a span.count{
	background:#ffffff;
	border:1px solid #ffffff;
	display:block;
	width:30px;
	height:30px;
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	line-height:30px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
	-webkit-border-radius:999px;
	-moz-border-radius:999px;
	border-radius:999px;
	-webkit-font-smoothing:antialiased;
	-webkit-transform:translateZ(0);
	-webkit-backface-visibility:hidden;
}
.top-nav a.notices span.count{
	background-color:#cc3300;
	border-color:#cc3300;
	color:#ffffff;
	font-weight:bold;
}
.top-nav a.language span.count{
	background-color:#cccccc;
	border-color:#bbbbbb;
	color:#ffffff;
	font-size:12px;
}
.top-nav a.tickets span.count{
	background-color:#b2ce17;
	border-color:#a7c116;
	color:#ffffff;	
}
.top-nav a span.label{
	display:block;
	font-size:9px;
	font-weight:normal;
	text-align:center;
	padding:0px;
	margin:2px 0 0 0;
	text-transform:uppercase;
}
.top-nav a.notices span.label{color:#cc3300;}
.top-nav a.language span.label{color:#AFB2B6;}
.top-nav a.tickets span.label{color:#b2ce17;}
.top-nav a.alert span.count{
	-webkit-animation-name:NoticesAlert;
	-webkit-animation-duration:1s;
	-webkit-animation-delay:0.5s;
	-webkit-animation-iteration-count:infinite;
    -webkit-animation-delay:1s;
    animation-name:NoticesAlert;
    animation-duration:1s;
    animation-delay:0.5s;
    animation-iteration-count:infinite;
    animation-delay:1s;
}

@keyframes NoticesAlert{
	0% {
		background-color:#cc3300;
		color:#ffffff;
	}
	50% {
		background-color:#ffffff;
		color:#cc3300; 
	}
	100% {
		background-color:#cc3300;
		color:#ffffff;
	}  
}
@-webkit-keyframes NoticesAlert{
	0% {
		background-color:#cc3300;
		color:#ffffff;
	}
	50% {
		background-color:#ffffff;
		color:#cc3300; 
	}
	100% {
		background-color:#cc3300;
		color:#ffffff;
	}	
}

/*------------------------------*/
.notices-ui{
	position:absolute;
	right:0px;
	top:0px;
	width:100%;
	min-height:100%;
	z-index:999999;
	max-width:400px !important;
	background:#cc3300;
	border-left:1px solid #ffffff;
}
.notices-ui .inner{
	padding:2em;
}
.notices-ui .notice{
	padding:1.5em 0 0 0;
	border-top:1px solid #de4500;
	border-bottom:1px solid #ab2300;
}
.notices-ui .notice:first-child{border-top:0px;}
.notices-ui .notice:last-child{border-bottom:0px;}

.notices-ui h2{
	color:#ffffff;
	padding:0;
	margin:0 0 1em 0;
	font-size:1.8em;
	text-transform:uppercase;
}
.notices-ui h3{
	color:#ffffff;
	padding:0;
	margin:0 0 0.4em 0;
	font-size:1.4em;
	font-weight:normal;
}			
.notices-ui p{
	color:#ffffff;
	margin-top:0;
	font-size:1.1em;
}
.notices-ui p a{
	background:transparent url(/medias/images/arrow-wo.png) no-repeat center left;
	display:inline-block;
	padding:0.3em 0 0.3em 30px !important;
	border:1px solid #00000;
	color:#ffffff;
	font-size:1em;
}

.notices-ui .close-white{
	position:relative;
	float:right;
	margin:0;
	top:-10px;
}		
#noticesDumpContainer{display:none;}

/*------------------------------*/
#branding{
	clear:both;
	margin:0;
	padding:1% 5% 4% 5%;
}
#branding.small{padding:4% 5% 8% 5%;}
#branding a{
	display:block;
	padding:0;
	margin:0;	
	width:100%;
	max-width:500px !important;
}
#branding a img{
	display:block;
	width:100%;
}
/*------------------------------*/
#navigation{
	float:none;
	width:100%;
	padding:0;
	margin:0 auto;
}
#navigation.large{
	float:left;
	width:33%;
	margin:0;
}
#navigation a{
	position:relative;
	display:block;
	width:auto;
	color:#242527;
	padding:3% 0% 3% 20%;
	margin:0;
	font-size:1.2em;
	line-height:1.2em;
	white-space:nowrap;
	border-bottom:1px dashed #dddddd;
	text-transform:uppercase;
	text-decoration:none;
	background:#ffffff;
	-webkit-user-select:none;
	-webkit-touch-callout:none;
}
#navigation a span.ico{
	background:transparent url(/medias/images/ui-30.png?ui=456) no-repeat 0px 0px;
	outline:none;
	display:inline-block;
	width:30px;
	height:34px;
	overflow:hidden;
	vertical-align:middle;
	margin:0 20px 0 0;
}
#navigation a span.ico1{background-position:-63px -1px;}
#navigation a span.ico2{background-position:-187px -1px;}
#navigation a span.ico3{background-position:-125px -1px;}
#navigation a span.ico4{background-position:-94px -1px;}
#navigation a span.ico5{background-position:-156px -1px;}
#navigation a span.ico6{background-position:-32px -1px;}
#navigation a span.ico7{background-position:-311px -1px;}
#navigation a span.ico8{background-position:-342px -1px;}
#navigation a span.ico9{background-position:-373px -1px;}
.no-touch #navigation a:hover span.ico1,#navigation a.selected span.ico1{background-position:-63px -34px;}
.no-touch #navigation a:hover span.ico2,#navigation a.selected span.ico2{background-position:-187px -34px;}
.no-touch #navigation a:hover span.ico3,#navigation a.selected span.ico3{background-position:-125px -34px;}
.no-touch #navigation a:hover span.ico4,#navigation a.selected span.ico4{background-position:-94px -34px;}
.no-touch #navigation a:hover span.ico5,#navigation a.selected span.ico5{background-position:-156px -34px;}
.no-touch #navigation a:hover span.ico6,#navigation a.selected span.ico6{background-position:-32px -34px;}
.no-touch #navigation a:hover span.ico7,#navigation a.selected span.ico7{background-position:-311px -34px;}
.no-touch #navigation a:hover span.ico8,#navigation a.selected span.ico8{background-position:-342px -34px;}
.no-touch #navigation a:hover span.ico9,#navigation a.selected span.ico9{background-position:-373px -34px;}
#navigation a strong{font-weight:normal;}
#navigation a.selected{
	background:#242527 url(/medias/images/background/bg01.jpg) repeat top left;
	color:#FFFFFF;
	border-color:#ffffff;
}
.no-touch #navigation a{
	background:#ffffff;
	-webkit-transition:background-color 200ms ease, color 200ms ease, border-color 200ms ease;
	-moz-transition:background-color 200ms ease, color 200ms ease, border-color 200ms ease;
	-o-transition:background-color 200ms ease, color 200ms ease, border-color 200ms ease;
	transition:background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}
.no-touch #navigation a:hover{
	background:#242527 url(/medias/images/background/bg01.jpg) repeat top left;
	color:#FFFFFF;
	border-color:#ffffff;
}
#navigation.large a:last-child{border:0;}
#navigation.small a{
	float:left;
	width:48%;
	white-space:normal;
	font-size:0.92em;
	line-height:100%;	
	padding:3% 0;
	margin:0;
	margin:0 2% 1px 0;
}
#navigation.small a span,
#navigation.medium a span{
	float:left;
	padding:1% 0 0 0;
}
#navigation.small a span.single,
#navigation.medium a span.single{
	padding:3.2% 0 0 0;
}
#navigation.small a span.ico,
#navigation.medium a span.ico{
	margin:0 6% 0 8%;
	padding:0;
}
#navigation.medium a{
	float:left;
	width:32%;
	white-space:normal;
	font-size:0.9em;
	line-height:1em;
	padding:2% 0;
	margin:0;
	margin:0 1% 1px 0;
}
#navigation.small a strong,
#navigation.medium a strong{
	display:block;
	margin-top:2px;
}

/*--------- Sous-menu ----------*/
#navigation .hasSousMenu {
	position: relative;
}
#navigation .sous-menu {
	display:none;
	border-bottom:1px dashed #dddddd;
	z-index: 500;
}
#navigation .hasSousMenu:hover .sous-menu{
	display:block;
	background: #FFFF;
}
#navigation .sous-menu a {
	width: 100%;
	border-top:1px dashed #dddddd;
	border-right:1px dashed #dddddd;
	border-left:1px dashed #dddddd;
	border-bottom:none;					
	padding: 2.5% !important;
	font-size: 0.9em;
	margin: 0;
	float: none;
	z-index: 800;
}
#navigation.large .sous-menu a:last-child {
	border:1px dashed #dddddd;				
}					
#navigation.large .sous-menu, .extra .sous-menu {
	position:absolute;
	width: 100%;
	left:100%;
	top:0;
	z-index:1000;
}
#navigation.medium .sous-menu {
	width:65%; position: absolute; left: 32%; top: 0; z-index: 200; margin:0;padding:0;
}	
#navigation.medium .sous-menu a {
	margin: 0 !important;
	padding: 2% 2% !important;
	line-height: 2em !important;
	height: 2em;
}
#navigation.small .sous-menu {
	width:100%;
	position: relative;
	clear:both;
	padding:0;
	margin:0;
}	
#navigation.small .sous-menu a {
	margin: 0 0 0 0 !important;
	line-height: 1.2em !important;
	width: 44.65%;
	float: left;
	height: 1em;
	clear:right;
}
.small #navigation.small .sous-menu {
	width:98.5%;
	position: relative;
	clear:both;
	padding:0;
	margin:0;
}	
.small #navigation.small .sous-menu a {
	margin: 0 !important;
	padding: 2% 1% !important;
	line-height: 2em !important;
	height: 2em;
	width: 100%;
	float: none;
}

/*-------- no-touch ------------*/
.no-touch #navigation a.selected,
.no-touch #navigation a.selected:hover{
	background:#242527 url(/medias/images/background/bg01.jpg) repeat top left;
	color:#FFFFFF;
}

/*------------------------------*/
#largeContent{
	clear:both;
	float:none;
	width:100%;
	margin:0;
	padding:0;
}
/*------------------------------*/
#content{
	clear:both;
	float:none;
	width:100%;
	margin:0;
	padding:0;
}
#content.large{
	clear:none;
	float:right;
	width:67%;
	margin:0 0 0 auto;
	padding:1em 0;
}
.homepage #content{
	clear:both;
	float:none;
	width:100%;
	margin:0;
}

/*- - -=| 21:01 2014-05-29 |=- - - - - - - - */
.page-title{
	position:relative;
	margin:1px 0 0 0;
	padding:3% 5%;
	background:#0071b9;
	border-top:1px solid #00619E;
	border-bottom:2px solid #00619E;
}
.small .page-title{padding:5%;}
.page-title h1{
	font-weight:normal;
	font-size:2.4em;
	color:#ffffff;
	padding:0;
	margin:0;
	text-transform:uppercase;
	text-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
.page-title h1 sup{text-transform:lowercase;}
.medium .page-title h1{font-size:2.1em;}
.small .page-title h1{font-size:1.8em;}
.page-title h2{
	font-weight:normal;
	font-size:1.6em;
	color:#ffffff;
	margin:0;
	padding:0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
	opacity:0.9;
	filter:alpha(opacity=90);	
}
.medium .page-title h2{font-size:1.4em;}
.small .page-title h2{font-size:1.2em;}

.page-title-arrow{position:relative;}
.page-title-arrow div{
	position:absolute;
	width:45px;
	height:45px;
	overflow:hidden;
	left:5%;
	top:-2px;
	z-index:200;
	background-color:#0071b9;
	background-image:url(/medias/images/white-cache-arrow.png);
	background-repeat:no-repeat;
	background-position:top left;
}

/*- - -=| 23:24 2014-05-29 |=- - - - - - - - */
.page-content{
	position:relative;
	margin:1px 0 0 0;
	padding:45px 5% 3% 5%;
	font-size:1.2em;
}
.small .page-content{padding:45px 5% 0 5%;}
.large .page-content{border-left:1px solid #A4A7AD;}



.page-content h3{
	font-weight:normal;
	font-size:1.2em;
	color:#5B5C62;
	padding:1.2em 0 0 0;
	margin:0 0 0.3em 0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);	
}
.small .page-content h3{font-size:1.2em;}
.large .page-content h3{font-size:1.5em;}
.page-content h3.highlight{
	padding:0.2em 2em 0.2em 1em;
	margin:0 0 0.6em 0;
	background:#242527;
	border:1px solid #111111;
	border-left:5px solid #111111;
	color:#ffffff;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
}
.page-content h3.regulations{
	background:#CC3300;
	border:1px solid #bb2f00;
	border-left:5px solid #bb2f00;
}
.page-content h3.avis{
	padding:0.2em 2em 0.2em 1em;
	margin:0;
	background:#CC3300;
	border:1px solid #bb2f00;
	border-left:5px solid #bb2f00;
}
.page-content h3.avis-wem{
	font-size:1.4em;
	padding:0.2em 0.5em 0.2em 0.5em;
	border:0px;
	background:#888888;
}

.page-content h4{
	font-size:1.1em;
	color:#5B5C62;
	padding:0;
	margin:0.2em 0 0.8em 0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.1);	
}
.page-content h4.highlight{
	font-size:1.1em;
	font-weight:normal;
	background:#73747D;
	border:1px solid #5B5C62;
	color:#ffffff;
	padding:0.5em 1em;
	margin:0 0 1em 0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.1);	
}
.page-content h4 em{
	font-size:0.9em;
	font-weight:normal;
	color:#5B5C62;
	padding:0;
}
.page-content h4.highlight em{
	font-size:0.9em;
	font-weight:normal;
	color:#dddddd;
	padding:0;
}
.page-content h4.context{color:#242527;}
.page-content h4.context span{font-weight:normal;}
.page-content h4.nbm{margin-bottom:0;}
/* 
	Need testing if we have a problem by removing this property
.small .page-content h4{font-size:1em;}
*/


.page-content h5{
	font-size:1em;
	font-weight:normal;
	color:#5B5C62;
	padding:0;
	margin:0 0 1em 0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.1);	
}

.large .page-content p{line-height:2em;}
p.related-date{
	font-weight:normal;
	font-size:0.9em;
	line-height:1em;
	color:#242527;
	margin:0 0 1em 0;
	padding:0;
	opacity:0.8;
	filter:alpha(opacity=80);	
}

.small .page-content .inline-right{float:none;}
.small .page-content .w30p{
	width:90%;
	margin:0 0 5% 5%;
}

.page-content .single-column{
	width:100%;
}
.medium .page-content .single-column{
	width:80%;
}
.large .page-content .single-column{
	width:70%;
}


.page-content .column-left{
	float:left;
	width:60%;
	margin-right:5%;
}
.page-content .column-right{
	float:left;
	width:35%;
}
.page-content .true-column-right{
	float:right;
	width:35%;
}
.page-content .column-spacer{padding:2em 0 0 0;}
.small .page-content .column-spacer{padding:0;display:none;}

.page-content .column-left-50p{
	float:left;
	width:50%;
	margin-right:5%;
}
.page-content .column-right-50p{
	float:left;
	width:45%;
}
.page-content .column-left-50tp{
	float:left;
	width:47%;
	margin-right:3%;
}
.page-content .column-right-50tp{
	float:left;
	width:47%;
	margin-left:3%;
}
.page-content .column-left-30p{
	float:left;
	width:30%;
	margin-right:3%;
}
.page-content .column-left-60p{
	float:left;
	width:66%;
}
.page-content .column-left-30tp{
	float:left;
	width:27%;
	margin-right:3%;
}
.page-content .column-right-70tp{
	float:left;
	width:67%;
	margin-left:3%;
}
.page-content .column-left-35tp{
	float:left;
	width:32%;
	margin-right:3%;
}
.page-content .column-right-65tp{
	float:left;
	width:62%;
	margin-left:3%;
}
.page-content .column-left-65tp{
	float:left;
	width:62%;
	margin-right:3%;
}


.page-content .column-left-20p{
	float:left;
	width:14%;
	margin-right:3%;
	margin-left:3%;
}
.page-content .column-right-80tp{
	float:left;
	width:74%;
	margin-left:3%;
	margin-right:3%;
}

#column321Container .column-321{
	float:left;
	width:30%;
	margin-left:3%;
}
#column321Container.medium .column-321{
	width:47%;
	margin-left:3%;
}
#column321Container.small .column-321{
	float:none;
	width:100%;
	margin:0;
}


.medium .column-right-50tp .column-left{width:80%;}

.small .page-content .column-left,
.small .page-content .column-right,
.small .page-content .column-left-50p,
.small .page-content .column-right-50p,
.small .page-content .column-left-50tp,
.small .page-content .column-right-50tp,
.small .page-content .column-left-30p,
.small .page-content .column-left-30tp,
.small .page-content .column-right-70tp,
.small .page-content .column-left-35tp,
.small .page-content .column-right-65tp,
.small .page-content .column-left-60p,
.small .page-content .true-column-right{
	float:none;
	width:100%;
	margin-left:0;
	margin-right:0;
}
.small .page-content .column-left-20p,
.small .page-content .column-right-80tp {
	float:none;
	width:98%;
	margin-left:1%;
	margin-right:1%;
	text-align: center;
}
.small .page-content .column-right,
.small .page-content .column-right-50p{
	margin-top:1.5em;
}
.small .page-content .column-left-50tp.fixed{
	float:left;
	width:47%;
	margin-right:3%;
}
.small .page-content .column-right-50tp.fixed{
	float:left;
	width:47%;
	margin-left:3%;
}

.small .page-content .column-left-30p.fixed{
	float:left;
	width:30%;
	margin-right:3%;
}

.page-content .notes{
	border:1px solid #eeeeee;
	padding:0.5em;
}
.page-content .notes h4{
	font-size:1em;
	margin:0 0 0.2em 0;
}
.page-content .notes ul{
	padding-left:2em;
	margin-top:0;
}
.page-content .notes li,
.page-content .notes p{
	font-size:0.9em;
	color:#666970;
	font-style:italic;
	margin:0.3em 0 0 0;
}
.page-content .notes li{
	padding:0.2em;
	margin:0;
}
.page-content .notes li p{line-height:1.3em;}
.page-content .notes p.asterix{color:#CC3300;}
.page-content em{color:#666970;}

.page-content div.regulations{
	border:1px solid #bb2f00;
}
.page-content div.regulations .innercontent{
	padding:0.5em;
}
.page-content div.regulations p{
	margin: 0;
	padding:0;
}
.page-content div.regulations .notes{
	border:none;
	padding:none;
}
.page-content div.regulations h3{
	background:#CC3300;
	border:1px solid #bb2f00;
	border-left:5px solid #bb2f00;
}

/* @10:15 2015-04-09 */
.sidenav{
	margin:0;
	padding:0;
}

.page-content-footer{
	margin:2em 0 0 0;
	padding:2em 0 0 0;
	border-top:1px dashed #dddddd;
}
.page-content-footer h3{
	margin:0 0 0.5em 0;
	padding:0;
}
.page-content-footer a{
	margin:0 0.3em 0.5em 0;
	font-size:0.9em;
	display:inline-block;
}
.small .page-content-footer-nav.empty{display:none;}
.page-content-footer-nav a:link, .page-content-footer-nav a:active, .page-content-footer-nav a:visited, .page-content-footer-nav a:hover{
	display:inline-block;
	font-size:0.9em;
	color:#ffffff;
	background:#32b9ff;
	padding:0.2em 0.5em;
	margin:0 0.3em 0.5em 0;
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;		
}

/*- - -=| 21:55 2014-05-29 |=- - - - - - - - */
.speed-limit{
	background:transparent url(/medias/images/divers/signs-speed-limit-30.gif) no-repeat left top;
	padding-left:80px;
	min-height:98px !important;
}
.motorcycles{
	background:transparent url(/medias/images/divers/signs-no-motorcycles.gif) no-repeat left top;
	padding-left:80px;
	min-height:98px !important;
}
.parking{
	background:transparent url(/medias/images/divers/signs-parking.gif) no-repeat left top;
	padding-left:80px;
	min-height:98px !important;
}

/*- - -=| 11:54 2014-05-30 |=- - - - - - - - */
.page-video{width:70%;}
.small .page-video,
.page-video.full{width:100%;}
.youtube-video{position:relative;}
.youtube-video .extend{width:100%;}
.youtube-video .extend img{
	display:block;
	width:60%;
}
.youtube-video iframe {
	z-index:1000;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=70);
}
.page-content .ui-share-btns a.facebook{background-position:-1px -33px;}
.page-content .ui-share-btns a.twitter{background-position:-33px -33px;}
.page-content .ui-share-btns a.googleplus{background-position:-65px -33px;}

.important-note{
	border:1px solid #da7701;
	background:#ef8201;
	color:#ffffff;
	padding:1em;
}

/*------------------------------*/
.current-date{
	padding:0;
	margin:0 0 1% 0;
	font-style:italic;
	font-size:0.96em;
}
.todo-controls .column-left{
	float:left;
	width:58%;
	margin:0 2% 0 0;
}
.todo-controls .column-right{
	float:left;
	width:38%;
	margin:0 0 0 2%;
}
.small .todo-controls .column-left,
.small .todo-controls .column-right{
	float:none;
	width:100%;
	margin:0 0 2% 0;
}
.textinput{
	font-size:1.1em;
	padding:0.6em;
	border:1px solid #9da3ab;
	background:#ffffff;
	width:auto;
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;	
}

.textinput.extend{width:90%;}
.custom-select{
	color:#242527;
	font-size:14px;
	line-height:1em;
	padding:0.5em 0.2em;
	border:1px solid #9da3ab;
}
/*------------------------------*/

.highlights-bigger-container{
	clear:both;
	float:none;
	width:100%;
	margin:0 auto;	
	position:relative;
}
.highlights-bigger-container.large,
.highlights-bigger-container.extra{
	clear:none;
	float:left;
	width:67%;
	margin:0 0 0 auto;
	padding:1em 0 0 0;
	
}
#highlights .highlight{
	position:relative; /* sim, kl */
	clear:both;
	display:none;
}
#highlights .highlight.selected{
	display:block;
}

#highlights .visual{ float:left; width:50%; }
#highlights .visual .inner{position:relative;}
#highlights .visual a img{ display:block; width:100%; }
#highlights .description{
	position:relative;
	float:left;
	width:50%;
	background:#242527 url(/medias/images/background/bg01.jpg) repeat top left;
}
#highlights .extend img{
	display:block;
	width:100%;
}
#highlights .description .inner{
	position:absolute;
	top:0px;
	left:0px;
	padding:10% 5% 5% 5%;
}
#highlights .description h3{
	font-weight:normal;
	font-size:1.9em;
	color:#ffffff;
	padding:0;
	margin:0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
#highlights p.date{
	font-weight:normal;
	font-size:1.2em;
	color:#ffffff;
	margin:0 0 0.6em 0;
	padding:0;
	opacity:0.8;
	filter:alpha(opacity=80);	
}
#highlights p.text{
	color:#ffffff;
	font-size:1.2em;
	margin-bottom:1.2em;
}

.small #highlights .visual, #highlights .visual.full{ float:none; width:100%; }
.small #highlights, .medium #highlights, .small .highlights-bigger-container, .medium .highlights-bigger-container{ float:none; width:100%; }
.small .highlights-bigger-container, .medium .highlights-bigger-container{ clear:both; }
.small #highlights .description{ float:none; width:100%; }
.small #highlights .description .inner{ padding:5%; position:relative; }
.small #highlights .extend{display:none;}
.small #highlights .description h3{margin:0 65px 0 0;}

.medium #highlights .description .inner{padding:5%;}

.extra #highlights .description h3{font-size:2.1em;}
.extra #highlights p.date{font-size:1.4em;}
.extra #highlights p.text{
	font-size:1.4em;
	line-height:1.8em;
	font-weight:normal;
}




#highlights .ui-share-btns p{
	color:#ffffff;
	font-size:0.9em;
	margin-bottom:1em;
	opacity:0.7;
	filter:alpha(opacity=70);	
}

/* Boutons */
#highlights .nextBtn{
	position:absolute;
	right:-63px;
	bottom:-49px;
	cursor:pointer;
	width:132px;
	height:98px;
	overflow:hidden;
	z-index:999910;
}
#highlights .nextBtn img{
	position:relative;
	left:-67px;
}
.small #highlights .nextBtn{
	position:absolute;
	width:66px;
	right:0px;
}
.small #highlights .nextBtn img{
	left:0px;
}

/*------------------------------*/
.todo-controls{padding:0 0 2% 0;}
.medium .todo-controls{max-width:80%;}
.large .todo-controls{max-width:60%;}

/*------------------------------*/
.todo-list{
	clear:both;
	margin:1em 0 0 0;
	padding:2em 0 1em 0;
	border-top:1px dashed #9da3ab;
	/*border-bottom:1px dashed #9da3ab;*/
	position:relative;
}
#todoContainerLoading{
	display:none;
	padding:10% 0;
	text-align:center;
}
#todoContainerLoading IMG{margin:0 auto;}
#todoContainer .no-result{text-align:center;}
#todoContainer .no-result p{
	font-size:120%;
	font-weight:bold;
}
.medium #todoContainer{width:99%;}
#todoContainerData{
	float:left;
	width:100%;
}
.todo {
	clear:none;
	display:block;
	float:left;
	width:50%;
	margin:0px;
}
.medium .todo{width:33.3%;}
.large .todo{width:25%;}
.extra .todo{width:20%;}

.todo-cat {
	clear:none;
	display:block;
	float:left;
	width:50%;
	margin:0px;
}
.medium .todo.categorie{width:33.3%;}
.large .todo.categorie{width:33.3%;}
.extra .todo.categorie{width:25%;}

.todo .visual{position:relative;}
.todo .passed{opacity:0.7;}
.visual-title{
	position:absolute;
	background:#242527;
	width:100%;
	height:100%;
	z-index:20000;
	left:0px;
	top:0px;
	display:none;
	overflow:hidden;
	opacity:0.9;
	filter:alpha(opacity=90);		
}
.page-content .visual-title h3{
	color:#ffffff;
	letter-spacing:0px;
	text-transform:uppercase;
}
.small .page-content .visual-title p{font-size:0.9em;}
.small .page-content .visual-title h3{font-size:0.97em;}
.medium .page-content .visual-title h3{font-size:1.1em;}
.large .page-content .visual-title h3{font-size:1.4em;}
.page-content .visual-title p{
	margin-top:0px;
	color:#ffffff;
}
.todo .visual-inner{
	padding:5% 10%;
	position:relative;
	left:0px;
	top:0px;
}
.todo .visual-inner p{line-height:1.4em;}
.todo .visual a{
	display:block;
	border:0;
	width:100%;
	text-decoration:none;
}
.todo .visual img{
	display:block;
	width:100%;
}
.todo .description{
	display:none;
	position:absolute;
	width:101%;
	margin:0;
	left:0px;
	z-index:999900;
	background:#ffffff;
	border-bottom:2px solid #d1d1d1;
}
.todo .description .inner{
	padding:3% 5% 5% 5%;
	max-width:500px !important;
	margin:0 auto;
	position:relative;
}
.no-touch #todoContainer .visual a:hover{background:#FFFFFF;}
.no-touch #todoContainer .visual a:hover img{
	opacity:0.5;
	filter:alpha(opacity=50);
}
.no-touch #todoContainer .visual a .visual-title{
	display:block;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;
}
.no-touch #todoContainer .visual a:hover .visual-title{
	opacity:0.9;
	filter:alpha(opacity=90);
}
.no-touch #todoContainer .visual a .visual-inner{
	left:50px;
	opacity:0;
	filter:alpha(opacity=0);	
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}
.no-touch #todoContainer .visual a:hover .visual-inner{
	left:0px;
	opacity:1;
	filter:alpha(opacity=100);	
}
#todoContainer .fade-visual .visual img{
	opacity:0.15;
	filter:alpha(opacity=15);
}
#todoContainer .fade-visual .recover-visual .visual img{
	opacity:1;
	filter:alpha(opacity=100);
}
.no-touch #todoContainer .recover-visual .visual a:hover img{
	opacity:1;
	filter:alpha(opacity=100);	
}
.no-touch #todoContainer .recover-visual .visual a:hover .visual-title{display:none;}
.no-touch #todoContainer .recover-visual .visual a:hover{background:transparent;}
#todoContainer .recover-visual .description{display:block;}

.get-more{
	text-align:center;
	margin:0 auto;
}
.todo-more-btn{
	display:inline-block;
	background:#242527;
	padding:1px 0px 0px 0px;
	border:1px solid #111111;
	border-bottom:2px solid #111111;
	margin:0px 0px 20px 0px;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	zoom:1;
}
.todo-more-btn-inner{
	margin:0px;
	background:#242527;
	cursor:pointer;
	padding:10px;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	text-transform:uppercase;
	border:0px;
	border-top:1px solid #5F6267;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	-webkit-appearance: none;	
}
.todo-more-btn a{
	color:#ffffff;
	text-decoration:none;
}
.page-content .todo-more-btn a{font-size:1.1em;}
.medium .page-content .todo-more-btn a{font-size:1em;}
.small .page-content .todo-more-btn a{font-size:0.9em;}


.todo-result-summary{
	padding:0 0 5px 0;
	margin:0;
	font-style:italic;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);
}
.todo-more-interface{
	text-align:center;
	padding:3%;
}
.todo .description h3{
	clear:both;
	font-weight:normal;
	font-size:1.6em;
	letter-spacing:0px;
	color:#242527;
	padding:0;
	margin:0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
	border:0px;
}
.todo .description p.date{
	font-weight:normal;
	font-size:110%;
	color:#242527;
	margin:0 0 5% 0;
	padding:0;
	opacity:0.8;
	filter:alpha(opacity=80);	
}
.todo .description p.text{
	color:#242527;
	font-size:1em;
}
.todo .description .ui-btns{
	font-size:0;
	float:right;
}
#todoControls table{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;	
}
#todoControls td{
	padding:0;
	vertical-align:middle;
}
.select-field{
	width:60%;
	margin:0 0 2% 0;
}
.search-field{
	width:100%;
	margin:0 0 2% 0;
}
.search-field .textinput{
	width:90%;
	font-size:14px;
	line-height:14px;
	padding:11px 5%;
}
.search-field .ico{width:45px;}
.search-field .ico .ui-btns{margin:0 0 0 5px;}




.accordion-box{
	border:1px solid #d1d1d1;
	background:#ffffff;
}
.accordion-title{
	padding:1em;
	cursor:pointer;
	background:#f2f2f2;
	border-top:1px solid #C4C4C4;
	font-size:1.2em;
	font-weight:normal;
	text-shadow:0px 1px 2px rgba(0,0,0,0.1);
	margin:0;
}
.accordion-title:first-child{border:0px;}
.accordion-title.selected{background:#ffffff;}
.accordion-container{
	display:none;
	background:#ffffff;
	-moz-transform:matrix(1,0,0,1,0px,0px);
	-webkit-transform:matrix(1,0,0,1,0,0);
	-o-transform:matrix(1,0,0,1,0,0);
	transform:matrix(1,0,0,1,0,0);	
}
.accordion-container p,
.accordion-container li{font-size:1.1em;}
.accordion-container.selected{display:block;}
.accordion-container .inner{
	padding:0% 5% 2% 5%;
	border:0px;
}

.no-touch .accordion-title:hover{background:#dddddd;}

/*------------------------------*/
.data-table{
	margin:0;
	padding:0;
	border:0px;
	width:auto;
	border-collapse:collapse;
	border-spacing:0px;	
}
.data-table.separate{
	border-collapse:separate;
	border-spacing:3px;	
}
.data-table.extend{
	width:100%;	
}
.data-table th{
	padding:5px;
	text-align:left;
	font-weight:normal;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);	
	vertical-align:bottom;
	line-height:0.8em;
}
.small .data-table th{
	line-height:1.2em;
}
.data-table td{
	color:#5B5C62;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);
	text-align:left;
	vertical-align:top;
	padding:5px 20px 5px 5px;
	border:1px solid #d1d1d1;
}
.data-table.noborder td{border:0;}
.data-table td.highlight{
	padding:5px;
	text-align:left;
	font-size:1em;
	vertical-align:middle;
	white-space:nowrap;
	color:#242527;
	font-weight:normal;
	background:#eeeeee;
}
.small .data-table td.highlight em.standalone{display:block;}
.data-table td.details{
	padding:5px;
	text-align:left;
	font-size:1em;
	vertical-align:middle;
	color:#242527;
	font-weight:normal;
	background:#eeeeee;
}
.data-table td.column-name{
	padding:5px;
	text-align:left;
	font-size:1em;
	vertical-align:top;
	color:#242527;
	font-weight:normal;
	background:#eeeeee;
}
.data-table td.action-label{
	vertical-align:middle;
	padding:1em 0;
	border:0px;
	border-bottom:1px solid #dddddd;
}
.data-table td.action{
	vertical-align:middle;
	padding:1em 0 1em 2em;
	border:0px;
	border-bottom:1px solid #dddddd;
}
.small .data-table td.action{padding:0.5em 0 0.5em 1.2em;}
.data-table .disabled td, .data-table .disabled td em {
	color:#c9c9c9;
}
div.disabled * {
	color:#c9c9c9 !important;
}

.ess-date{
	display:block;
	font-size:0.9em;
	font-style:italic;
}
.ess-bornes{
	display:block;
	font-size:0.8em;
	font-style:italic;
}
.ess-month{
	color:#cc3300;
	font-weight:bold;
	margin:0;
}

.data-table td.empty{
	border:0px;
	font-size:2px;
	height:2px;
	overflow:hidden;
}
.data-table span.bullet{
	display:inline-block;
	padding:0.2em;
	margin-right:0.7em;
	background:#666970;
	vertical-align:middle;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
}
.data-table em{
	font-size:90%;
	color:#666970;
	font-style:italic;
	line-height:100%;
}
.data-table th em.exemple,
.small .data-table th em.exemple{
	margin:0.5em 0 0 0;
	font-size:0.9em;
	line-height:1.4em;
}
.data-table th span.note{
	font-size:80%;
	color:#666970;
}

.data-table td.bgc1{
	color:#536064;
	background:#e0eaee;
	border:1px dashed #c1cacd;
}
.data-table td.bgc2{
	color:#516040;
	background:#d8e1cb;
	border:1px dashed #bdc5b2;
}
.data-table td.bgc3{
	color:#9f4503;
	background:#eedfd3;
	border:1px dashed #eec09b;
}

.data-table td .price-unit{
	color:#848587;
	font-size:0.9em;
}
.data-table td.bgc1 .price-unit{color:#899fa5;}
.data-table td.bgc2 .price-unit{color:#718659;}
.data-table td.bgc3 .price-unit{color:#b5815b;}


ul.data-table-legend{
	list-style:none;
	margin:2em 0 1em 0;
	padding:0;
}
ul.data-table-legend li{
	list-style:none;
	margin:0 0 2px 0;
	padding:2px 8px;
	border-left:20px solid #e0eaee;
	font-size:0.8em;
}
ul.data-table-legend li.bgc1{border-color:#e0eaee;}
ul.data-table-legend li.bgc2{border-color:#d8e1cb;}
ul.data-table-legend li.bgc3{border-color:#eedfd3;}



/*------------------------------*/
dl.data-dl{
	margin:0;
	padding:0;
}
dl.data-dl dt,
dl.data-dl dd{
	margin:0;
	padding:0;
	float:left;
}
dl.data-dl dt{
	clear:both;
	width:31%;
	background:#ffffff;
	padding:0;
}
dl.data-dl dd{
	width:23%;
	padding:0;
}
dl.data-dl.cl5 dt{width:28%;}
dl.data-dl.cl5 dd{width:18%;}

dl.data-dl span.data-cell{
	display:inline-block;
	padding:0.4em;
	color:#242527;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);
}
dl.data-dl .data-header span.data-cell{color:#5B5C62;}
dl.data-dl span.price-label{display:none;}
.small dl.data-dl span.price-label{
	display:inline-block;
	margin:0 1em 0 0;
	padding:0.4em 0;
	width:50%;
	color:#5B5C62;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);	
	vertical-align:top;
	opacity:0.6;
	filter:alpha(opacity=60);	
}
.small dl.data-dl dt,
.small dl.data-dl dd{
	float:none;
	clear:both;
	width:100%;
}
.small dl.data-dl dt{background:#eeeeee;}
.small dl.data-dl dd{border-bottom:1px dashed #dddddd;}
dl.data-dl dd.separator{
	float:none;
	clear:both;
	border-top:1px solid #dddddd;
	width:100%;
	padding:0;
}
.small dl.data-dl dd.separator{
	border:0;
	margin:0 0 0.5em 0;
}
.small dl.data-dl .data-header{display:none;}
/*------------------------------*/
.photos-gallery{position:relative;}
.photos-gallery ul{
	margin:0;
	padding:0;
	list-style:none;
}
.photos-gallery ul li{
	margin:0;
	padding:0;
	list-style:none;
}
.photos-gallery ul li{
	width:24%;
	max-width:100px !important;
	float:left;
	margin:0 1% 1% 0;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.small .photos-gallery ul li{
	width:32%;
	max-width:94px !important;
}
.photos-gallery ul li img{
	display:block;
	width:100%;
	cursor:pointer;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    box-shadow:0px 1px 2px rgba(0,0,0,0.3);	
}
.photos-gallery p.copyright,
p.copyright{
	font-size:0.85em;
	font-style:italic;
	color:#6e7177;
	line-height:1.3em;
}
p.legend{
	font-size:0.7em;
	font-style:italic;
	color:#6e7177;
	line-height:1.3em !important;
	margin:5px 0;
}

.main-albums-list{}
.main-albums-list .album-data{
	float:left;
	width:32%;
	margin:0 1% 1em 0;
}
.small .main-albums-list .album-data{
	float:none;
	width:100%;
	margin:0 0 1em 0;
}
.main-albums-list .album-data table{
	margin:0px;
	padding:0px;
	border:0px;
	width:auto;
	border-collapse:collapse;
	border-spacing:0px;
}
.main-albums-list .album-data td.album-data-cell{
	vertical-align:top;
	padding:1em 0 0 1em;
}
.main-albums-list .album-data h3{
	margin:0;
	padding:0;
	font-size:1.2em;
}
.medium .main-albums-list .album-data h3{font-size:1em;}
.small .main-albums-list .album-data h3{font-size:1em;}

.main-albums-list .album-data em{
	display:block;
}
.main-albums-list .album-data img.cover-album{
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    box-shadow:0px 1px 2px rgba(0,0,0,0.3);		
}

/*------------------------------*/
.gallery-overlay{
	position:absolute;
	z-index:999990;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#ffffff;
	opacity:0.5;
	filter:alpha(opacity=50);	
}
.gallery-content{
	z-index:999991;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	text-align:center;
	background:#ffffff;
}
.gallery-content .gallery-image{
	display:block;
	width:100%;
	margin-top:44px;
}
.gallery-content .gallery-loading{
	background:transparent url(/medias/images/progress-bar.gif) no-repeat center center;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:44px;
	display:none;
}
.gallery-controls{
	position:absolute;
	width:100%;
	top:0px;
	background:#ffffff;
	padding:2px 0;
	opacity:0.8;
	filter:alpha(opacity=80);	
}
.gallery-controls .ui-btns a{
	height:30px;
}
.gallery-controls .ui-btns a span{height:30px;}

.gallery-controls.fixed{position:fixed;}
.gallery-controls .index-display{
	color:#242527;
	font-size:25px;
	line-height:40px;
	text-shadow:0px 1px 1px rgba(0,0,0,0.1);
}

.small .gallery-controls .index-display{
	display: block;
	position:relative;
	font-size:0.9em;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size:16px;
	line-height:20px;
}

.gallery-controls .title-display{
	display: block;
	position:absolute;
	top:15px;
	right: 50px;
	font-size:0.9em;
}

.small .gallery-controls .title-display{
	position:relative;
	top: 0;
	left: 0;
	font-size:0.9em;
	width: 70%;
	margin: 0 auto;
	text-align: center;
	font-size:12px;
	line-height:20px;
}

.gallery-controls a.close{
	float:right;
	margin:0 5px 0 0;
}
.gallery-controls a.prev{
	float:left;
	margin:0 0 0 5px;
}
.gallery-controls a.next{
	float:left;
	margin:0 0 0 5px;
}

.gallery-content iframe{
	border: none;
	width: 100%;
	height: 500px;
	margin: 44px auto 0 auto;
}

.gallery-content{
	max-width:1000px !important;
}
.gallery-images{
	max-width:800px !important;
}
.gallery-content .gallery-image{
	max-width:800px !important;
}
.gallery-images .gallery-controls{
	max-width:800px !important;
}
.gallery-iframes{
	max-width:1000px !important;
}
.gallery-iframes .gallery-controls{
	max-width:1000px !important;
}
.gallery-iframes iframe{
	max-width:1000px !important;
}

/*------------------------------*/

FORM .input-container{
	margin:0 0 1em 0;
}
FORM TEXTAREA{resize:vertical;}
FORM .error-field{
	color:#cc0000;
	font-weight:normal;
	font-style:italic;
	display:none;
}
FORM INPUT::-ms-clear{display:none;}
FORM LABEL{
	display:block;
	padding:0 0 4px 0;
}
FORM#volunteerEventAssociation LABEL{display:inline;}
FORM LABEL.inline{display:inline-block;}
FORM .error-field.error-display{display:block;}
FORM INPUT.error-display,
FORM TEXTAREA.error-display,
FORM SELECT.error-display{border:1px solid #CC0000;}
.small FORM .oneLine SELECT{
	font-size:0.98em;
	margin:0px;
	padding:0.8em 0.6em;
}
.button-green,
FORM .button-green{
	display:inline-block;
	background:#7abf28;
	padding:1px 0 0 0;
	border:1px solid #69a523;
	border-bottom:2px solid #69a523;
	margin:0;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;			
}

.page-content .button-green input{font-size:1.1em;}
.medium .page-content .button-green input{font-size:1em;}
.small .page-content .button-green input{font-size:0.9em;}

.button-green-inner,
FORM .button-green-inner{
	margin:0px;
	background:#7abf28;
	cursor:pointer;
	padding:0.5em 0.8em;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	border:0px;
	border-top:1px solid #95cc53;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	-webkit-appearance:none;	
}
div.button-green-inner a{
	color:#ffffff;
	text-decoration:none;
}
.button-grey,
FORM .button-grey{
	display:inline-block;
	background:#999BA3;
	padding:1px 0 0 0;
	border:1px solid #7E818B;
	border-bottom:2px solid #7E818B;
	margin:0;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;			
}

.page-content .button-grey input{font-size:1.1em;}
.medium .page-content .button-grey input{font-size:1em;}
.small .page-content .button-grey input{font-size:0.9em;}

.button-grey-inner,
FORM .button-grey-inner{
	margin:0px;
	background:#999BA3;
	cursor:pointer;
	padding:0.8em;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
	border:0px;
	border-top:1px solid #B4B5BB;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	-webkit-appearance:none;		
}

.form-error-alert{
	color:#ffffff;
	padding:1em;
	margin:1em 0;
	max-width:50%;
	background:#CC3300;
	border:1px solid #bb2f00;
}
.small .form-error-alert,
.column-right-50tp .form-error-alert{max-width:100%;}

.wrap-from-entry {
	margin-bottom: 20px;
}

.wrap-from-entry .textinput{
	width: 100%;
}

.wrap-from-entry .textdate, .wrap-from-entry .textcheck{
	width: auto;
}

.wrap-from-entry textarea{
	width: 100%;
	height: 2em;
}


div.button-grey-inner a{
	color:#ffffff;
	text-decoration:none;
}
.faq-box{
	padding:1em 0 2em 0;
	margin:0 0 1em 0;
	border-bottom:1px dashed #d1d1d1;
}
.faq-box:first-child{margin-top:0;}
.faq-box .inner{
	padding:0.5em 0 0.5em 1em;
	margin:0;
	border-left:2px solid #d1d1d1;
}

/*------------------------------*/
ul.youtube-thumb-gallery{
	list-style:none;
	margin:0;
	padding:0;
}
ul.youtube-thumb-gallery li{
	list-style:none;
	margin:0 1% 1% 0;
	padding:0;
	float:left;
	width:24%;
}
.small ul.youtube-thumb-gallery li{
	margin:0 1% 1% 0;
	width:49%;
}
ul.youtube-thumb-gallery li img{
	display:block;
	width:100%;
}
ul.youtube-thumb-gallery li p.date{
	font-size:0.8em;
	color:#6e7177;
	margin:0;
}
ul.youtube-thumb-gallery li h4{
	min-height:2.5em;
	vertical-align:bottom;
}
ul.youtube-thumb-gallery li a{
	display:block;
	border:1px solid #ffffff;
	border-bottom:8px solid #ffffff;
}
ul.youtube-thumb-gallery li a.selected{
	display:block;
	border:1px solid #e32826;
	border-bottom:8px solid #e32826;
}

.infolettre-list{
	margin:0;
	padding:0;
}
.infolettre-list ul{
	margin:0;
	padding:0;
	list-style:none;
}
.infolettre-list ul li{
	margin:0 0 0.6em 0;
	padding:0 0 0.6em 0;
	list-style:none;
	border-bottom:1px solid #eeeeee;
}
.infolettre-list ul li a{
	display:block;
	margin:0;
	padding:0em 45px;
	background:transparent url(/medias/images/icons/html.png) no-repeat center left;
	text-decoration:none;
	min-height:32px;
}
.infolettre-list ul li a span{border-bottom:1px solid #0079c1;}
.infolettre-list ul li a span.date{
	display:block;
	padding:0.5em 0 0 0;
	font-size:0.8em;
	color:#6e7177;
	border:0px;
}

/*------------------------------*/
.page-error{}
.page-error .header{
	background:#3bbbad;
}
.page-error .header img{
	display:block;
	width:100%;
	margin:0 auto;
	max-width:800px;
}
.page-error .content{
	padding:1em 1em;
	font-size:1.3em;
	width:90%;
	margin:0 auto;
	max-width:600px;
}

/*------------------------------*/
ul.stationnements{
	list-style:none;
	margin:0;
	padding:1em 0;
}
ul.stationnements li{
	float:left;
	width:47%;
	list-style:none;
	margin:0 3% 3% 0;
	padding:0;
}
.small ul.stationnements li{
	float:none;
	width:100%;
	margin:0 0 1em 0;
}
ul.stationnements li span.sign{
	float:left;
	background:transparent url(/medias/images/icons/parking.png) no-repeat 0px 0px;
	display:block;
	width:74px;
	height:74px;
	overflow:hidden;
}
ul.stationnements li span.p1{background-position:0px 0px;}
ul.stationnements li span.p2{background-position:-81px 0px;}
ul.stationnements li span.p3{background-position:-162px 0px;}
ul.stationnements li span.p4{background-position:-243px 0px;}
ul.stationnements li span.p5{background-position:-324px 0px;}
ul.stationnements li span.p7{background-position:0px -75px;}
ul.stationnements li span.p8{background-position:-81px -75px;}
ul.stationnements li span.p9{background-position:-162px -75px;}
ul.stationnements li span.p10{background-position:-243px -75px;}
ul.stationnements li span.p11{background-position:-324px -75px;}
ul.stationnements li span.p12{background-position:-405px -75px;}
ul.stationnements li span.p13{background-position:0px -150px;}
ul.stationnements li span.p14{background-position:-81px -150px;}
ul.stationnements li span.p15{background-position:-162px -150px;}
ul.stationnements li span.clear{
	clear:both;
	display:block;
}
ul.stationnements li ul{
	list-style:none;
	margin:0 0 0 90px;
	padding:0.5em 0;
}
ul.stationnements li ul li{
	float:none;
	width:auto;
	list-style:none;
	margin:0 0 0.4em 0;
	padding:0 0 0.4em 0;
	border-bottom:1px dashed #dddddd;
}
ul.stationnements li ul li em{display:block;}
.small ul.stationnements li ul li{
	float:none;
	width:auto;
	list-style:none;
	margin:0 0 0.2em 0;
	padding:0 0 0.4em 0;
}
ul.stationnements li ul li.proximity{
	padding:0.3em 0 0.3em 0;
	font-size:0.85em;
	color:#666970;
	border:0px;
}
ul.stationnements li ul li.proximity span{
	display:inline-block;
	padding:0.1em 0.5em;
	color:#ffffff;
	border:0px;
	background:#7abf28;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;	
}
ul.stationnements li ul li.notes{
	font-size:0.9em;
	color:#666970;
	font-style:italic;
	margin:0.3em 0 0 0;
	padding:0.5em;
}
ul.stationnements li ul li ul{
	list-style:none;
	margin:0 0 0 1em;
	padding:0.8em 0;
}
ul.stationnements li ul li ul li{
	border:0;
	padding:0;
}

/*------------------------------*/
.stationnement-quick-link a.ico{
	display:inline-block;
	background:transparent url(/medias/images/icons/parking-small.png) no-repeat 0px 0px;
	width:33px !important;
	min-width:33px !important;
	height:40px;
	padding:0;
	margin:0 0 0 2px;
	overflow:hidden;
	vertical-align:middle;
	cursor:pointer;
}
.stationnement-quick-link a.p1{background-position:0px 0px;}
.stationnement-quick-link a.p2{background-position:-32px 0px;}
.stationnement-quick-link a.p3{background-position:-64px 0px;}
.stationnement-quick-link a.p4{background-position:-96px 0px;}
.stationnement-quick-link a.p5{background-position:-129px 0px;}
.stationnement-quick-link a.p7{background-position:-161px 0px;}
.stationnement-quick-link a.p8{background-position:-193px 0px;}
.stationnement-quick-link a.p9{background-position:-226px 0px;}
.stationnement-quick-link a.p10{background-position:-259px 0px;}
.stationnement-quick-link a.p11{background-position:-292px 0px;}
.stationnement-quick-link a.p12{background-position:-326px 0px;}
.stationnement-quick-link a.p13{background-position:-360px 0px;}
.stationnement-quick-link a.p14{background-position:-393px 0px;}
.stationnement-quick-link a.p15{background-position:-426px 0px;}


.promotion-entry{margin:0 0 1em 0;}
.promotion-entry .img-extend{
	width:25%;
	float:left;
}
.small .promotion-entry .img-extend{width:35%;}
.promotion-entry-content{
	float:left;
	width:65%;
	margin:0 0 0 5%;
}
.small .promotion-entry-content{
	width:50%;
	margin:0 0 0 5%;
}
.small .promotion-entry-content h3{
	margin:0;
	padding:0;
}
.promotion-entry-content p.date{
	margin:0;
	padding:0.5em 0 0 0;
	line-height:1em;
}


.note-highlight{
	margin:0 0 0.2em 0;
	padding:1em;
	background:#eeeeee;	
}
.note-highlight .fluid-text{
	float:left;
	width:100%;
}
.note-highlight .fluid-text p{margin:0 0 0 50px;}
.note-highlight .fluid-text p.smaller{
	font-size:0.8em;
	color:#7E828B;
}
.handicap-ico{
	float:left;
	background:transparent url(/medias/images/icons/parking-small.png) no-repeat -464px 0px;
	width:33px !important;
	min-width:33px !important;
	height:40px;	
	margin:0.6em 1em 0 -100%;
}
.accesmtl-ico{
	float:left;
	background:transparent url(/medias/images/icons/acces-montreal.png) no-repeat 0px 0px;
	width:35px !important;
	min-width:35px !important;
	height:51px;	
	margin:0.6em 1em 0 -100%;
}
.client-branding{
	padding:1em 1em 1em 0;
	margin:0 0 2em 0;
}
.small .client-branding{display:none;}

.volunteer-date-container{padding:1em;}
.volunteer-date-entry{
	padding:0.4em 1em;
	border-bottom:1px solid #dddddd;
}
.volunteer-date-entry:last-child{border-bottom:0;}
.volunteer-date-entry input{margin:0 0.5em 0 0;}


/* * * * * * * * * * * * * * * * * * * */
.waring-box{
	border:1px solid #ffac92;
	background:#ffd8cc;
	padding:1em;
	margin:0.5em 0;
}
.waring-box p{
	margin:0 0 1em 0;
	padding:0;
	line-height:1.5em;
	color:#cc3300;
	font-size:1em;
}
.waring-box h4{color:#cc3300;}
.waring-box em{color:#cc6d4d;}
.waring-box strong{
	text-decoration:underline;
	font-size:1.2em;
	padding:0 0.3em;
}
.waring-box p strong{
	font-size:1em;
}
.waring-box .data-table th{
	color:#cc3300;
	font-size:0.9em;
}
.waring-box .data-table td{
	color:#cc3300;
	font-size:0.9em;
	border:1px solid #de9f8c;
}
.waring-box .data-table td.empty{border:0;}
.waring-box .data-table td.highlight{
	color:#cc3300;
	background:#ffede7;
}

.form-block{
	margin:0 0 3em 0;
	border-left:2px solid #f6a528;
}
.form-block-inner{padding:0 0 0 2em;}
.small .form-block-inner{padding:0 0 0 1em;}
.form-block-index{
	display:inline-block;
	padding:0.5em;
	background:#f6a528;
	color:#ffffff;
	margin-right:1em;
	vertical-align:top;
}
.form-block-title{
	display:inline-block;
	padding:0.5em 0;
	max-width:70%;
}
.small .form-block-title{padding:0 0 0.5em 0;}

/* * * * * * * * * * * * * * * * * * * */
div.action-btn{
	display:inline-block;
	background:#7abf28;
	padding:1px 0 0 0;
	border:1px solid #69a523;
	border-bottom:2px solid #69a523;
	margin:1em auto 3em auto;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
div.action-btn a{
	display:block;
	font-weight:normal;
	font-size:1.2em;
	color:#ffffff;
	padding:0.5em 1em;
	margin:0;
	text-decoration:none;
	margin:0px;
	background:#7abf28;
	cursor:pointer;
	border:0px;
	border-top:1px solid #95cc53;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	-webkit-appearance:none;	
}

div.fb-action-btn{
	display:inline-block;
	background:#355390;
	padding:1px 0 0 0;
	border:1px solid #283f6e;
	border-bottom:2px solid #283f6e;
	margin:1em auto 3em auto;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
div.fb-action-btn a{
	display:block;
	font-weight:normal;
	font-size:1.2em;
	color:#ffffff;
	padding:0.5em 1em 0.5em 32px;
	margin:0;
	text-decoration:none;
	margin:0px;
	background:#355390 url(/medias/images/fb-button.png) no-repeat 5px center;
	cursor:pointer;
	border:0px;
	border-top:1px solid #4770c2;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	-webkit-appearance:none;	
}
div.buy-action-btn{
	display:inline-block;
	background:#ff6000;
	padding:1px 0 0 0;
	border:1px solid #f43f00;
	border-bottom:2px solid #f43f00;
	margin:1em auto 2em 0em;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
div.buy-action-btn a{
	display:block;
	font-weight:normal;
	font-size:1.2em;
	color:#ffffff;
	padding:0.5em 1em 0.5em 55px;
	margin:0;
	text-decoration:none;
	margin:0px;
	background:#ff6000 url(/medias/images/buy-button.png) no-repeat 5px center;
	cursor:pointer;
	border:0px;
	border-top:1px solid #f29a58;
	text-shadow:0px 1px 2px rgba(0,0,0,0.3);
	-webkit-appearance:none;	
}


.special-link{
	margin:0 0 2em 0;
}
.special-link p,
.large .page-content .special-link p{
	margin:0 0 0.5em 0;
	padding:0;
	line-height:1.5em;
}
.small .page-content .special-link h3{
	padding-top:0;
	margin-top:0;
}
.small .page-content .special-link .column-left-30tp{
	float:left;
	width:28%;
	margin-right:2%;
}
.small .page-content .special-link .column-right-70tp{
	float:left;
	width:68%;
	margin-left:2%;
}


table.contest-preview{
	margin:0;
	padding:0;
	border:0;
	width:auto;
	border-collapse:collapse;
	border-spacing:0;		
}
table.contest-preview td{padding:0em 0 0em 1em;}
table.contest-preview td p{margin:0;}
table.contest-preview td.thumb-preview{
	padding:0;
	width:30%;
	max-width:150px !important;
}
table.contest-preview td.thumb-preview img {
	display:block;
	width:100%;
}


UL.delicate{
	list-style:none;
	margin:1.5em auto 2em auto;
}
UL.delicate LI{padding:0.5em 1em;}

.contest-archives-list{}
.contest-archives-list .contest-entry{
	float:left;
	width:32%;
	margin:0 1% 2em 0;
}
.medium .contest-archives-list .contest-entry{
	width:48%;
	margin:0 2% 2em 0;
}
.small .contest-archives-list .contest-entry{
	float:none;
	width:100%;
	margin:0 0 1em 0;
	padding:0.5em 0 0 0;
	border-bottom:1px dashed #dddddd;
}

.table-next-to-highlight{}
.table-next-to-highlight h4 { padding: 0.8em 0 0.2em 0; margin: 0;}
.table-next-to-highlight table{ width: 100%; margin-bottom: 1em;}
.table-next-to-highlight table td.first{ width: 70%;}
.table-next-to-highlight table td.last { text-align: right;}
.table-next-to-highlight table td.center { text-align: center;}
.table-next-to-highlight table td.th { font-size:0.9em; padding:5px; font-weight: bold;}
.table-next-to-highlight table td.wrap { white-space: wrap;}


.iflq-entry{
	float:left;
	width:48%;
	margin:0 2% 2% 0;
	padding:0;
	position: relative;
}
.iflq-entry-inner .img{
	float: left; 
	width: 200px; 
	height: 200px; 
	margin-right: 15px;
}

.iflq-entry-inner .medaille{
	display:inline-block;
	padding:0.1em 0.4em;
	margin:0 0.3em 0.1em 0;
	background:#e53d30;
	color:#ffffff;
	font-size:0.8em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
}

.iflq-entry.bg01 .img{ background:#17958a url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-ouverture-nos-heros.png) no-repeat top center;}
.iflq-entry.bg02 .img{ background:#b92325 url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-chili-promenade-musicale.png) no-repeat top center;}
.iflq-entry.bg03 .img{ background:#f79820 url(/medias/images/divers/international-des-feux-loto-quebec/feux2015-canada-pyro-rocknroll.png) no-repeat top center;}
.iflq-entry.bg04 .img{ background:#bc1b8b url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-suisse-e-motions.png) no-repeat top center;}
.iflq-entry.bg05 .img{ background:#0079b8 url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-usa-lumieres-dansantes.png) no-repeat top center;}
.iflq-entry.bg06 .img{ background:#687f0f url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-espagne-cinemagia.png) no-repeat top center;}
.iflq-entry.bg07 .img{ background:#92cef3 url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-suede-joie-de-vivre.png) no-repeat top center;}
.iflq-entry.bg08 .img{ background:#e50074 url(/medias/images/divers/international-des-feux-loto-quebec/feux2016-finale-hommage-elton-john.png) no-repeat top center;}


.iflq-entry.bg04 .medaille{ background:#bc1b8b; color: #FFF; }
.iflq-entry.bg06 .medaille{ background:#687f0f; color: #FFF; }
.iflq-entry.bg07 .medaille{ background:#92cef3; color: #FFF; }
/*
.iflq-entry.bg04 .medaille{ background:#ad5202; color: #FFF; }
.iflq-entry.bg06 .medaille{ background:#d6960f; color: #FFF; }
.iflq-entry.bg07 .medaille{ background:#a8a8a8; color: #FFF; }
*/
.small .iflq-entry{
	float:none;
	width:auto;
	margin:0 0 1em 0;
}
.small .iflq-entry .img{
	float:none;
	width:auto;
	margin:0 0 1em 0;
}

.iflq-entry h4{
	margin:0px;
	color:#242527;
}

.iflq-entry h5{
	font-size:1em;
	color:#5B5C62;
	margin:0 0 0.5em 0;
	padding:0;
}
.iflq-entry h5 span{
	font-weight:normal;
	color:#5B5C62;
}

.iflq-entry p.date{
	line-height:1.4em;
	font-size:0.8em;
	padding:0;
	/*margin:0;*/
}
.iflq-entry p em{font-size:0.8em;}
.large .page-content .iflq-entry p{
	line-height:1.5em;
	/*margin:0;*/
}
/*
.iflq-entry.bg01{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/saluons-nos-troupes.jpg) no-repeat top left;}
.iflq-entry.bg02{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/angleterre-vive-la-difference.jpg) no-repeat top left;}
.iflq-entry.bg03{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/italie-pyro-rocknroll.jpg) no-repeat top left;}
.iflq-entry.bg04{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/canada-armageddon.jpg) no-repeat top left;}
.iflq-entry.bg05{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/hong-kong-chine-sur-la-route.jpg) no-repeat top left;}
.iflq-entry.bg06{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/etats-unis-les-saisons-de-la-vie.jpg) no-repeat top left;}
.iflq-entry.bg07{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/france-le-cirque-dynamite.jpg) no-repeat top left;}
.iflq-entry.bg08{background:transparent url(/medias/images/divers/international-des-feux-loto-quebec/finale-des-etoiles-loto-quebec-hommage-a-madonna.jpg) no-repeat top left;}
*/
#partners{
	text-align:center;
	padding:1% 0 2% 0;
}
#partners.small{padding:4% 0 3% 0;}
#partners h3{
	font-weight:normal;
	text-align:center;
	font-size:1.2em;
	color:#999999;
	padding:0 0 2em 0;
	margin:0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);	
}
#partners.small h3{padding:2em 0;}
#partners a{
	display:inline-block;
	height:68px;
	background:transparent url(/medias/images/partners-2016.png?ui=3) no-repeat -1px -1px;
	margin:0 4% 3% 4%;
	overflow:hidden;
}
#partners.small a{margin:0 3% 2% 3%;}

#partners a.montreal{background-position:-1503px 0px;width:180px;}
#partners a.cocacola{background-position:-0px 0px;width:151px;}
#partners a.molson{background-position:-186px 0px;width:150px;}
#partners a.breyer{background-position:-370px 0px;width:71px;}
#partners a.parccanada{background-position:-475px 0px;width:147px;}
#partners a.lafleur{background-position:-656px 0px;width:138px;}
#partners a.ckoi{background-position:-824px 0px;width:111px;}
#partners a.rythmefm{background-position:-963px 0px;width:136px;}
#partners a.thebeat925{background-position:-1132px 0px;width:116px;}
#partners a.jdmheures{background-position:-1280px 0px;width:63px;}
#partners a.jdm{background-position:-1375px 0px;width:96px;}

.montreal-museums-day{
	margin:1em 0;
	border-left:20px solid #249a9e;
	border-bottom:2px solid #249a9e;
	padding:1em 0 0 1em;
}
.montreal-museums-day img{
	float:left;
	margin:0 1em 0.5em 0;
}

.wem-programmation-list{}
.wem-programmation-list h4{
	font-size:1.4em;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#e63b30;
}
.wem-programmation-list h5{
	padding:0;
	margin:0 0 0.5em 0;
	color:#999999;
	font-weight:normal;
	font-size:0.9em;
	vertical-align:middle;
}
.wem-programmation-list h5 strong{
	display:inline-block;
	padding:0.2em;
	margin:0 0.4em;
	color:#ffffff;
	font-weight:normal;
	background:#e63b30;
	vertical-align:middle;
	width:3px;
	height:3px;
	-webkit-border-radius:99px;
	-moz-border-radius:99px;
	border-radius:99px;	
}

.wem-programmation-list h4.map-area-0{color:#7f1e1f;}
.wem-programmation-list h4.map-area-1{color:#cba12b;}
.wem-programmation-list h4.map-area-2{color:#95257e;}
.wem-programmation-list h4.map-area-3{color:#bf212c;}
.wem-programmation-list h4.map-area-4{color:#1a76b6;}
.wem-programmation-list h4.map-area-5{color:#e51873;}
.wem-programmation-list h4.map-area-6{color:#f39a1f;}
.wem-programmation-list h4.map-area-9{color:#ffffff;}

.wem-programmation-list h5 strong.map-area-0{background:#7f1e1f;}
.wem-programmation-list h5 strong.map-area-1{background:#cba12b;}
.wem-programmation-list h5 strong.map-area-2{background:#95257e;}
.wem-programmation-list h5 strong.map-area-3{background:#bf212c;}
.wem-programmation-list h5 strong.map-area-4{background:#1a76b6;}
.wem-programmation-list h5 strong.map-area-5{background:#e51873;}
.wem-programmation-list h5 strong.map-area-6{background:#f39a1f;}
.wem-programmation-list h5 strong.map-area-8{background:#e53d30;}
.wem-programmation-list h5 strong.map-area-9{background:#ffffff;}


span.warning,
.tag,
.wem-programmation-list span.new,
.wem-programmation-list span.family{
	display:inline-block;
	padding:0.1em 0.4em;
	margin:0 0.3em 0.1em 0;
	background:#e53d30;
	color:#ffffff;
	font-size:0.8em;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;	
}
span.warning{
	background:#ff1b1b;
}
p.warning{
	color:#ff1b1b;
}
.wem-programmation-list span.family{background:#e51873;}
.wem-programmation-list .img-extend{margin:1em 0 0 0;}



.page-content .wem-programmation-list h3{padding:0;}

.wem-highlight{
	background:#e53d30;
	border-bottom:2px solid #ca362a;
	padding:1em;
	margin:0 0 1em 0;
}
.wem-highlight p,
.wem-highlight h4,
.wem-highlight h5{color:#ffffff;}
.wem-highlight .img-extend.light-border{
	border:1px solid #ffffff;
	padding:0;
}

.wem-highlight-resume{
	border-bottom:1px solid #e53d30;
}
.wem-highlight-resume p,
.wem-highlight-resume h3,
.wem-highlight-resume h5{color:#e53d30;}
.page-content .wem-programmation-list .wem-highlight-resume h3{padding:1.2em 0 0 0;}
.page-content .wem-programmation-list .wem-highlight-resume h3 a,
.page-content .wem-programmation-list .wem-highlight-resume h3 a:link, 
.page-content .wem-programmation-list .wem-highlight-resume h3 a:active, 
.page-content .wem-programmation-list .wem-highlight-resume h3 a:visited, 
.page-content .wem-programmation-list .wem-highlight-resume h3 a:hover{
	color:#e53d30;
	white-space:nowrap;
	text-decoration:none;
	border-bottom:1px dashed #e58a83;
}	

.wem-programmation-list hr{margin:1em 0 2em 0;}
.wem-highlight hr{
	clear:both;
	margin:0.5em 0 1.5em 0;
	border:0px;
	height:1px;
	color:#ffffff;
	border-top:1px dashed #ffffff;
	opacity:0.4;
	filter:alpha(opacity=40);	
}
.small .wem-highlight hr,
.small #content_wem_day_1 hr,
.small #content_wem_day_2 hr,
.small #content_wem_day_3 hr,
.small #content_wem_day_4 hr{display:none;}

.wem-programmation-list .day{
	position:relative;
	background:#f8b323;
	display:inline-block;
	color:#ffffff;
	font-size:2.2em;
	line-height:0.9em;
	padding:0.2em;
	margin:0.4em 0 1em 0;
	text-transform:uppercase;
	font-weight:bold;
	border-bottom:1px solid #da9d1f;
}
.small .wem-programmation-list .day{font-size:1.8em;}
.wem-programmation-list .day span{
	display:block;
	position:absolute;
	width:87px;
	height:54px;
	background:transparent url(/medias/images/divers/week-ends-du-monde/wem-icon.png) no-repeat bottom left;
	top:-54px;
}

.wem-programmation-list .day.grey{
	background:#dddddd;
	border-bottom:1px solid #cccccc;
}
.wem-programmation-list .day.grey span{background:transparent url(/medias/images/divers/week-ends-du-monde/wem-icon-grey.png) no-repeat bottom left;}
.wem-programmation-list .day.selected{
	background:#f8b323;
	border-bottom:1px solid #da9d1f;
}
.wem-programmation-list .day.selected span{background:transparent url(/medias/images/divers/week-ends-du-monde/wem-icon.png) no-repeat bottom left;}
.wem-call-to-action{
	color:#f8b323;
	font-size:2em;
	line-height:0.9em;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
}
.small .wem-call-to-action{font-size:1.4em;}

.wem-parters-title{
	color:#e53d30;
	font-size:1.2em;
	padding:2em 0 0 0;
	font-weight:bold;
}
.small .wem-parters-title{padding:1em 0 0 0;}
.wem-parters-list{
	background:#e53d30;
	border-bottom:2px solid #ca362a;
	text-align:center;
	padding:1em 0;	
}
.wem-parters-list a{
	display:inline-block;
	background:transparent url(/medias/images/divers/week-ends-du-monde/wem-partenaires-2015.png) no-repeat -1px -1px;
	margin:0 5% 1% 5%;
	overflow:hidden;
}
.wem-parters-list a.pb1{background-position:-1px -1px;width:156px;height:70px;}
.wem-parters-list a.pb2{background-position:-158px -1px;width:117px;height:70px;}
.wem-parters-list a.pb3{background-position:-276px -1px;width:139px;height:70px;}
.wem-parters-list a.pb4{background-position:-416px -1px;width:78px;height:70px;}
.wem-parters-list a.pb5{background-position:-1px -72px;width:51px;height:58px;}
.wem-parters-list a.pb6{background-position:-53px -72px;width:61px;height:58px;}
.wem-parters-list a.pb7{background-position:-115px -72px;width:60px;height:58px;}
.wem-parters-list a.pb8{background-position:-176px -72px;width:106px;height:58px;}
.wem-parters-list a.pb9{background-position:-283px -72px;width:58px;height:58px;}
.wem-parters-list a.pb10{background-position:-342px -72px;width:94px;height:58px;}
.wem-parters-list a.pb11{background-position:-1px -131px;width:107px;height:49px;}
.wem-parters-list a.pb12{background-position:-109px -131px;width:94px;height:49px;}
.wem-parters-list a.pb13{background-position:-204px -131px;width:174px;height:49px;}
.wem-parters-list a.pb14{background-position:-379px -131px;width:108px;height:49px;}
.wem-parters-list a.pb15{background-position:-1px -181px;width:57px;height:65px;}
.wem-parters-list a.pb16{background-position:-59px -181px;width:74px;height:58px;}

#wem_map_container{
	display:none;
	-moz-transform:matrix(1,0,0,1,0px,0px);
	-webkit-transform:matrix(1,0,0,1,0,0);
	-o-transform:matrix(1,0,0,1,0,0);
	transform:matrix(1,0,0,1,0,0);	
}

.adeuxpas h4 span {
	text-transform: uppercase;
	color: #215269;
}


/* WEM 2016*/

/* Menu */
.wem-programmation-menu {
	width: 100%;
}
.wem-programmation-menu a {
	width: 24%;
	padding: 0.5em 0.5%;
	margin:0;
	background: #f6a400;
	display:inline-block;
	text-transform: uppercase;
	font-weight:bold;
	color:#ffffff;
	border-bottom:2px solid #a87000;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
	text-align: center;
	cursor: pointer;
	font-size: 1.1em;
	position: relative;
}
.wem-programmation-menu a .text{ opacity:0.75; filter:alpha(opacity=75);}
.wem-programmation-menu a:hover {text-decoration: none; background:#a87000;}
.wem-programmation-menu a.selected .text {opacity:1; filter:alpha(opacity=100);}
.wem-programmation-menu a.selected .fleche{width:0px;border:15px solid transparent;border-top:15px solid #a87000;position: absolute;top: 40px;left: 25%;}
/* Fin menu */

/* Journée */
.wem-programmation-2016 .wem-programmation-jour h3{
	color: #a87000;
	font-size:2em;
	line-height:0.9em;
	padding-top:20px;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 1.3em;
}
.wem-programmation-2016 .wem-programmation-jour h3 .date{
	display: block;
	font-size: 0.7em;
	color: #5B5C62;
	text-transform: none;
}		

/* Boite tout artiste */
.wem-programmation-2016 .artistes {
	padding: 2%; 
	position: relative;
	font-size: 0.95em;
}
.wem-programmation-2016 .artistes p{
	line-height: 1.5em;
	margin-top: 0;
	padding: 0;
}
.wem-programmation-2016 .artistes ul{
	margin: 0;
	padding-left: 20px;
}
.wem-programmation-2016 .artistes ul li{
	margin: 0;
	padding-left: 5px;
}
.wem-programmation-2016 .artistes h4{
	margin-top: 0;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 0;
	color: #FFFFFF;			
}		
.wem-programmation-2016 .artistes h5{
	line-height: 1.5em;
	margin-top: 0;
}

.wem-programmation-2016 .sthelene { color: #ca9d00 !important;}
.wem-programmation-2016 .carrefour { color: #93117e !important;}
.wem-programmation-2016 .boise { color: #bf0925 !important;}
.wem-programmation-2016 .famille h4 { color: #e41770; }		
	
/* Boite artiste fond couleur */
.wem-programmation-2016 .couleur { border: none; }
.wem-programmation-2016 .couleur h4 {color: #FFFFFF;}	
.wem-programmation-2016 .couleur h5 {color: #FFFFFF;}	

		
.wem-programmation-jour .ouverture .wemicon {position: absolute; left: 40px; top:-57px; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/wem-icon-jaune.png) no-repeat top left; width: 84px; height: 57px;}
.wem-programmation-jour .picnik .wemicon {position: absolute; left: 10px; top:-53px; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/wem-icon-piknic.png) no-repeat top left; width: 200px; height: 53px;}


/*Couleurs*/
/*Menu*/
.wem-programmation-menu a.mauve{background: #c783b3;border-bottom:2px solid #7a516e;} .wem-programmation-menu a.mauve:hover, .wem-programmation-menu a.selected.mauve{background:#7a516e;border-bottom:2px solid #7a516e;} .wem-programmation-menu a.mauve .fleche{border-top:15px solid #7a516e;}
.wem-programmation-menu a.vert{background: #1f956c;border-bottom:2px solid #0f4734;} .wem-programmation-menu a.vert:hover, .wem-programmation-menu a.selected.vert{background:#0f4734;border-bottom:2px solid #0f4734;} .wem-programmation-menu a.vert .fleche{border-top:15px solid #0f4734;}
.wem-programmation-menu a.rose{background: #d74569;border-bottom:2px solid #8a2c43;} .wem-programmation-menu a.rose:hover, .wem-programmation-menu a.selected.rose{background:#8a2c43;border-bottom:2px solid #8a2c43;} .wem-programmation-menu a.rose .fleche{border-top:15px solid #8a2c43;}
.wem-programmation-menu a.bleu{background: #42b1a6;border-bottom:2px solid #25635d;} .wem-programmation-menu a.bleu:hover, .wem-programmation-menu a.selected.bleu{background:#25635d;border-bottom:2px solid #25635d;} .wem-programmation-menu a.bleu .fleche{border-top:15px solid #25635d;}	

.mauve h2 { padding: 5px; width: 96%; color: #FFF; background: #7a516e;}
.vert h2 { padding: 5px; width: 96%; color: #FFF; background: #0f4734;}
.rose h2 { padding: 5px; width: 96%; color: #FFF; background: #8a2c43;}
.bleu h2 { padding: 5px; width: 96%; color: #FFF; background: #25635d;}


/*Mauve*/
.wem-programmation-2016 .mauve .tag { background: #c783b3; }	
.wem-programmation-2016 .mauve .pointille { border:1px dashed #c783b3; }		
.wem-programmation-jour .mauve .ouverture .wemicon {background:transparent url(/medias/images/divers/week-ends-du-monde-2016/wem-icon-mauve.png) no-repeat top left;}
.wem-programmation-jour .mauve h3, .wem-programmation-jour .mauve .color { color: #c783b3; }		
.wem-programmation-jour .mauve .couleur {background: #c783b3; color: #FFF;}

.wem-programmation-2016 .vert .tag { background: #1f956c; }
.wem-programmation-2016 .vert .pointille { border:1px dashed #1f956c; }		
.wem-programmation-2016 .vert .ouverture .wemicon {background:transparent url(/medias/images/divers/week-ends-du-monde-2016/wem-icon-vert.png) no-repeat top left; left: auto; right: 30px;}
.wem-programmation-2016 .vert h3, .wem-programmation-jour .vert .color { color: #1f956c; }		
.wem-programmation-2016 .vert .couleur {background: #1f956c; color: #FFF;}

.wem-programmation-2016 .rose .tag { background: #d74569; }
.wem-programmation-2016 .rose .pointille { border:1px dashed #d74569; }	
.wem-programmation-2016 .rose .ouverture .wemicon {background:transparent url(/medias/images/divers/week-ends-du-monde-2016/wem-icon-rose.png) no-repeat top left;}
.wem-programmation-2016 .rose h3, .wem-programmation-jour .rose .color { color: #d74569; }		
.wem-programmation-2016 .rose .couleur {background: #d74569; color: #FFF;}

.wem-programmation-2016 .bleu .tag { background: #42b1a6; }
.wem-programmation-2016 .bleu .pointille { border:1px dashed #42b1a6; }	
.wem-programmation-2016 .bleu .ouverture .wemicon {background:transparent url(/medias/images/divers/week-ends-du-monde-2016/wem-icon-bleu.png) no-repeat top left; left: auto; right: 30px;}
.wem-programmation-2016 .bleu h3, .wem-programmation-jour .rose .color { color: #42b1a6; }		
.wem-programmation-2016 .bleu .couleur {background: #42b1a6; color: #FFF;}		

.wem-programmation-2016 .couleur .color {color: #FFFFFF;}	
.wem-programmation-2016 .pointille { border:1px dashed #f6a400; }

.wem-programmation-2016 .picnik .tag { background: #0e71b4; font-size: 1.1em; }
.wem-programmation-2016 .picnik .couleur {background: #0e71b4; color: #FFF:}		
.wem-programmation-2016 .picnik .couleur p {color: #FFF;}		

.famille .link-button a{ background: #e41770; border:1px solid #e41770; }

.colombie { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-colombie.jpg) no-repeat top left;}
.cuba { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-cuba.jpg) no-repeat top left;}
.triniday { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-triniday.jpg) no-repeat top left;}
.jamaique { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-jamaique.jpg) no-repeat top left;}
.venezuela { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-venezuela.jpg) no-repeat top left;}
.cambodge { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-cambodge.jpg) no-repeat top left;}
.dominicain { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-dominicain.jpg) no-repeat top left;}
.eurofest { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-eurofest.jpg) no-repeat top left;}
.quebec-mag { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-quebec-mag.jpg) no-repeat top left;}
.perou { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-perou.jpg) no-repeat top left;}
.mexique { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-mexique.jpg) no-repeat top left;}
.salvador { margin-top: 10px !important; min-height: 20px; padding: 0 0 0 40px !important; background:transparent url(/medias/images/divers/week-ends-du-monde-2016/drapeau-salvador.jpg) no-repeat top left;}

.wem-parters-list-2016{
	background:#d1d1d1;
	text-align:center;
	padding:1em 0;	
}
.wem-parters-list-2016 a{
	display:inline-block;
	background:transparent url(/medias/images/divers/week-ends-du-monde-2016/partenaires.png) no-repeat -1px -1px;
	margin:0 5% 1% 5%;
	overflow:hidden;
}

.wem-parters-list-2016 a.montreal {background:transparent url(/medias/images/divers/week-ends-du-monde-2016/partenaires-montreal.png) no-repeat 0px 0px; width:272px;height:67px;}
.wem-parters-list-2016 a.lotoquebec{background-position:-1px 0px;width:208px;height:67px;}
.wem-parters-list-2016 a.tourismemontreal{background-position:-237px 0px;width:185px;height:67px;}
.wem-parters-list-2016 a.cocacola{background-position:-450px 0px;width:150px;height:67px;}
.wem-parters-list-2016 a.molsoncanadian{background-position:-1px -67px;width:200px;height:67px;}
.wem-parters-list-2016 a.breyers{background-position:-270px -67px;width:67px;height:67px;}
.wem-parters-list-2016 a.parcscanada{background-position:-415px -67px;width:178px;height:67px;}
.wem-parters-list-2016 a.ckoi{background-position:-1px -134px;width:110px;height:67px;}
.wem-parters-list-2016 a.thebeat{background-position:-140px -134px;width:115px;height:67px;}
.wem-parters-list-2016 a.le24h{background-position:-287px -134px;width:65px;height:67px;}
.wem-parters-list-2016 a.jdm{background-position:-378px -134px;width:115px;height:67px;}
.wem-parters-list-2016 a.telequebec{background-position:-528px -134px;width:70px;height:67px;}
.wem-parters-list-2016 a.ecolesdesoccer{background-position:-68px -201px;width:150px;height:67px;}
.wem-parters-list-2016 a.piknic{background-position:-255px -201px;width:130px;height:67px;}


.large .small { display: none;}
.small .small { display: block;}
.small .wem-programmation-2016 .extra { display: none;}
.small .wem-programmation-menu a.selected .fleche{display: none;}
.small .wem-programmation-menu a {font-size: 0.7em;}
.small h3 { font-size: 0.8em;}
.wem-programmation-2016 .wem-programmation-jour .jour { display: block;}

/* * * * * */

#servicesDisplay{
	clear:both;
	background:#01b1af;
	border-top:2px solid #019c9a;
	border-bottom:2px solid #016A68;
	padding:0;
	-webkit-box-shadow: inset 0px -7px 70px -5px rgba(255,255,255,0.45);
	-moz-box-shadow: inset 0px -7px 70px -5px rgba(255,255,255,0.45);
	box-shadow: inset 0px -7px 70px -5px rgba(255,255,255,0.45);		
}
.large .services-menu{
	/*float:left;*/
	width:100%;
}
.services-menu a{
	float:left;
	padding:0;
	width:33.3%;
	min-width:100px;
	background:transparent;
	text-align:center;
	cursor:pointer;
}
.services-menu a.inactive{cursor:default;}
.medium .services-menu a{
	width:14.28%;
	padding:20px 0;
}
.large .services-menu a{
	width:14.28%;
	padding:40px 0;
	background-color:rgba(1,214,212,0);
	-webkit-transition:background-color 400ms ease;
	-moz-transition:background-color 400ms ease;
	-o-transition:background-color 400ms ease;
	transition:background-color 400ms ease;
}
.no-touch .services-menu a:hover{
	background-color:rgba(1,214,212,1);	
}

.services-menu a span{
	display:block;
	margin:0 auto;
	width:100px;
	height:100px;
	background:transparent url(/medias/images/services-icons.png) no-repeat 0px 0px;
	overflow:hidden;
}
.services-menu a.lk1 span{background-position:0px 0px;}
.services-menu a.lk2 span{background-position:-100px 0px;}
.services-menu a.lk3 span{background-position:-200px 0px;}
.services-menu a.lk4 span{background-position:-300px 0px;}
.services-menu a.lk5 span{background-position:-400px 0px;}
.services-menu a.lk6 span{background-position:-500px 0px;}
.services-menu a.lk7 span{background-position:-600px 0px;}
.services-menu.en a.lk2 span{background-position:-100px -100px;}
.services-menu.en a.lk3 span{background-position:-200px -100px;}
.services-menu.en a.lk4 span{background-position:-300px -100px;}
.services-menu.en a.lk5 span{background-position:-400px -100px;}
.services-menu.en a.lk6 span{background-position:-500px -100px;}

.weather{
	padding:4% 10%;
	border-top:1px dashed #7cd7d6;
}
.medium .weather{padding:4% 5%;}
.large .weather{
	float:right;
	width:35%;
	padding:4.2% 0 0 0;
	min-height:85px;
	border:0px;
}
.weather h3{
	color:#ffffff;
	font-size:0.8em;
	font-weight:normal;
	margin:0 0 0.2em 0;
	padding:0;
}
.weather-current-conditions{
	float:left;
	margin:0 2em 0.5em 0 ;
}
.weather table{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
}
.weather table td{color:#ffffff;}
.weather table td.highlow{
	padding:0 0 0 4px;
}
.weather .celcius{font-size:3em;}
.weather .highlow span.low{
	opacity:0.6;
	filter:alpha(opacity=60);	
}
.weather .highlow span.day{
	font-size:0.8em;
	font-weight:normal;
	opacity:0.8;
	filter:alpha(opacity=80);	
}
.weather-current-conditions-icon{
	width:52px;
	height:55px;
	margin:0 1em 0 0;
	background:transparent url(/medias/images/weather-icon.png) no-repeat 0px 0px;
	overflow:hidden;
}
.weather-current-conditions-icon.ico1{background-position:0px 0px;}
.weather-current-conditions-icon.ico2{background-position:-53px 0px;}
.weather-current-conditions-icon.ico3{background-position:-106px 0px;}
.weather-current-conditions-icon.ico4{background-position:-159px 0px;}
.weather-current-conditions-icon.ico5{background-position:-212px 0px;}
.weather-current-conditions-icon.ico6{background-position:-265px 0px;}
.weather-current-conditions-icon.ico7{background-position:-318px 0px;}
.weather-current-conditions-icon.ico8{background-position:-371px 0px;}
.weather-current-conditions-icon.ico9{background-position:-424px 0px;}
.weather-current-conditions-icon.ico10{background-position:-477px 0px;}

.weather-forecast-list{float:left;}
.weather-forecast-list div{
	float:left;
	margin:0 1em 0.5em 0;
	color:#ffffff;
}


#socialMediasDisplay{
	clear:both;
	background:#242527 url(/medias/images/background/bg01.jpg) repeat top left;
	-webkit-box-shadow: inset 0px -7px 20px -5px rgba(0,0,0,0.45);
	-moz-box-shadow: inset 0px -7px 20px -5px rgba(0,0,0,0.45);
	box-shadow: inset 0px -7px 20px -5px rgba(0,0,0,0.45);	
}
#InstagramFeedContainer{
	float:left;
	width:50%;
}
#InstagramFeedContainer iframe{
	width:100%;
	height:180px;
}
#InstagramFeedContainer .loading-bar{display:none;}
#InstagramFeedContainer.loading .loading-bar{
	display:block;
	width:100%;
	height:180px;
	background:transparent url(/medias/images/loading.gif) no-repeat center center;
}
#InstagramFeedContainer.loading iframe{
	width:1px;
	height:1px;
}
#socialMediasDisplay .social-medias-cta{
	float:right;
	width:50%;
}
.small #InstagramFeedContainer,
#socialMediasDisplay.small .social-medias-cta{
	float:none;
	width:100%;
}
.social-medias-cta-inner{padding:6% 4% 6% 8%;}
.large .social-medias-cta-inner{padding:4% 4% 4% 8%;}

.social-medias-cta span{
	display:inline-block;
	text-shadow:0px 0px 0px rgba(0,0,0,0.1);
	-moz-text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	text-size-adjust:none;	
	-webkit-font-smoothing:antialiased;	
}
.social-medias-cta-content span{
	display:block;
	font-size:2em;
	font-weight:bold;
	text-transform:uppercase;
	color:#ffffff;
	padding:0 0.5em 0 0;
}
.large .social-medias-cta-content span{display:inline;}
.social-medias-cta-key span{
	padding:0.2em 0.5em;
	margin:0 0.2em 0.2em 0;
	font-size:1em;	
	color:#ffffff;
	background:#dc3d00;
}
.social-medias-cta-link a{
	margin:1em 2px 0 0;
	float:left;
	background:transparent url(/medias/images/social-medias-icons-404.png) no-repeat 0px 0px;
	width:44px;
	height:44px;
	overflow:hidden;
	position:relative;
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-transform:scale(1,1);
	-webkit-transform:scale(1,1);
	transform:scale(1,1);	
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;	
}
.no-touch .social-medias-cta-link a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	-ms-transform:scale(1.4,1.4);
	-webkit-transform:scale(1.4,1.4);
	transform:scale(1.4,1.4);	
	opacity:1;
	filter:alpha(opacity=100);
}

.social-medias-cta-link{
	position:relative;
}


.social-medias-cta-link a.lk1{background-position:0px 0px;}
.social-medias-cta-link a.lk2{background-position:-44px 0px;}
.social-medias-cta-link a.lk3{background-position:-87px 0px;}
.social-medias-cta-link a.lk4{background-position:-130px 0px;}
.social-medias-cta-link a.lk5{background-position:-174px 0px;}


.social-medias-cta-404 .social-medias-cta-content span{
	font-size: 1.5em;

	color:#444444;
	padding: 1em 0.5em 1em 0;
	display: inline;
}

.social-medias-cta-404 .social-medias-cta-inner{padding:0;}
.social-medias-cta-404 .social-medias-cta-link a.lk1{background-position:0px bottom;}
.social-medias-cta-404 .social-medias-cta-link a.lk2{background-position:-44px bottom;}
.social-medias-cta-404 .social-medias-cta-link a.lk3{background-position:-87px bottom;}
.social-medias-cta-404 .social-medias-cta-link a.lk4{background-position:-130px bottom;}
.social-medias-cta-404 .social-medias-cta-link a.lk5{background-position:-174px bottom;}

/*------------------------------*/
#nFooter{
	clear:both;
	background:#ffffff;
	padding:4% 0 1% 0;
	text-align:center;
}
.footer-inner{
	width:80%;
	margin:0 auto;
	text-align:left;
}
#nFooter .box{
	float:left;
	width:33.3%;
}
#nFooter.small .box{
	width:100%;
	min-height:0;
	padding:0 0 20px 0;
}
#nFooter.medium .box{width:50%;}
#nFooter .box .inner{
	padding:0 5%;
}
#nFooter h3{
	display:block;
	font-weight:normal;
	font-size:130%;
	color:#242527;
	padding:0.5em 0;
	white-space:nowrap;
	border-bottom:1px dashed #bbbbbb;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
#nFooter p{
	color:#242527;
	font-size:110%;
	opacity:0.7;
	filter:alpha(opacity=70);	
}
#nFooter .box a.section{
	display:block;
	color:#242527;
	font-size:110%;
	padding:2% 0;
	text-decoration:none;
	background:transparent;
	padding-left:0;
	background:rgba(255,255,255,0);	
	opacity:0.8;
	filter:alpha(opacity=80);
	-webkit-transition:all 300ms ease;
	-moz-transition:all 300ms ease;
	-o-transition:all 300ms ease;
	transition:all 300ms ease;	
}
.no-touch #nFooter .box a.section:hover{
	background:rgba(238,238,238,1);
	padding-left:1em;
	opacity:1;
	filter:alpha(opacity=100);
}
#nFooter .box a.phone-link{text-decoration:none;}

.light-list-item{
	float:left;
	width:47%;
	margin:0 3% 3% 0;
}
.small .light-list-item{
	float:none;
	width:100%;
	margin:0 0 3% 0;
}
.light-list-item .img-extend{
	width:30%;
	float:left;
}
.light-list-item .description{
	float:left;
	width:60%;
	margin-left:10%;
}

.inline-notice-box{
	background:#ffffff url(/medias/images/avis-important-box-bg.png) no-repeat top left;
	border:1px solid #cc3300;
	border-left:5px solid #cc3300;
	padding:1em;
	-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.3);
    box-shadow:0px 1px 2px rgba(0,0,0,0.3);	
}
.inline-notice-box h3{
	background:transparent url(/medias/images/avis-important-box-ion.png) no-repeat top left;
	font-weight:normal;	
	margin:0 0 1em 0;
	padding:0 0 0 45px;
	line-height:38px;
	color:#cc3300;
}
.inline-notice-box-item{margin:0 0 0 45px;}
.inline-notice-box-item h4{
	display:inline-block;
	font-weight:normal;
	color:#242527;
	margin:0;
	padding:0;
	font-size:1em;
	border-bottom:1px dashed #cc3300;
}
.inline-notice-box-item p{font-size:0.9em;}

.soft-notice {
	border:1px solid #cccccc;
	border-left:5px solid #cccccc;
	
}
.soft-notice h3{
	color:#999999;
	background:none;
}

/* gmap */
#mapCanvas{
	width:100%;
	height:800px;
}
#mapCanvas.medium{
	width:100%;
	height:500px;
}		
#mapCanvas.small{
	width:100%;
	height:350px;
}
.options-ui{
	background:#242527;
	padding:5px;
}
.fly-menu{
	position:relative;
	float:right;
	text-align:left;
}
.fly-menu-btn{
	cursor:pointer;
	display:block;
}
.fly-menu ul{
	display:none;
	position:absolute;
	background:#242527;
	background:rgba(36,37,39,0.8) ;
	top:50px;
	right:0px;
	width:200px;
	margin:0;
	padding:0;
	list-style:none;
	z-index:999999;
}
.fly-menu ul li{
	margin:0;
	padding:0.3em;
	line-height:1em;
	color:#ffffff;
}
.fly-menu ul li label{cursor:pointer;}		
.options-ui .action-btn{margin:0;}
.img-btn{
	cursor:pointer;
	vertical-align:top;
	margin:0 1em 0 0;
}
#messageBox{
	display:none;
	border:1px solid #dddddd;
	padding:1em;
}
#messageBox h4{
	color:#242527;
	font-size:1em;
	font-weight:bold;
	margin:0;
	padding:0;
}
#messageBox p{
	line-height:1.5em;
	margin:0;
	padding:0;
}
.gmap-info-box-img{
	display:block;
	width:100%;
	padding:0 0 10px 0;
}
.gmap-info-title{
	font-weight:normal;
	font-size:14px;
	color:#5B5C62;
	padding:0 0 5px 0;
	margin:0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
.gmap-info-content,.gmap-info-link{
	color:#242527;
	font-size:12px;
	padding:5px 0;
}

.publication-pagination{
	padding:0 0 1em 0;
}
.publication-pagination.top{
	margin:0 0 1em 0;
}
.publication-pagination a, .publication-pagination div{
	display:inline-block;
	background:#ffffff;
	border:1px solid #dddddd;
	color:#5B5C62;
	padding:0.2em 0.6em;
	text-decoration:none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	cursor: pointer;
}
.publication-pagination a.selected, .publication-pagination div.selected{
	background:#7abf28;
	border-color:#69a523;
	color:#ffffff;
	-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.3);
	box-shadow:0px 1px 3px rgba(0,0,0,0.3);	
}

.es-calendar-selector{
	width:100%;
	text-align:center;
	color:#ffffff;						
	background:#242527 url(/medias/images/background/bg01.jpg) repeat top left;
}
.es-calendar-selector h2{
	font-weight:normal;
	font-size:1.3em;
	margin:0;
	padding:0.3em 0;
	text-shadow:0px 1px 2px rgba(0,0,0,0.2);
}
.es-calendar-selector .selector-button{
	width:40px;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-o-user-select:none;
	user-select:none;
}

.es-calendar-selector .selector-button span{
	display:inline-block;
	color:#242527;
	font-weight:bold;
	background:#ffffff;
	padding:0.2em 0.5em;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.no-touch .es-calendar-selector .selector-button span{
	background:#5F6267;
	-webkit-transition:all 200ms ease;
	-moz-transition:all 200ms ease;
	-o-transition:all 200ms ease;
	transition:all 200ms ease;
}
.no-touch .es-calendar-selector .selector-button span:hover{background:#ffffff;}						

.es-calendar-selector table{
	width:100%;
	margin:0;
	padding:0;
	border:0;
	border-collapse:collapse;
	border-spacing:0;	
}

.es-calendar-ui{}
.es-calendar-ui-inner{
	padding:0.5em 0;
}
.es-calendar-content{
	float:right;
	width:40%;
	background:#ffffff;

}
.es-calendar-row{clear:both;}
.es-calendar-row .c1{
	float:left;
	width:13%;
	margin: 0 0 1.2% 1.2%;
	text-align:center;
}

.es-calendar-row .c1 div{
	border:1px solid #dddddd;
	border-bottom:2px solid #dddddd;
	background:#ffffff;
	color:#666970;
	font-size:1em;
	padding:0;
	position:relative;
	padding:15%;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.es-calendar-row .c-empty div{border-color:#efefef;}
.es-calendar-row .reserved div{
	border:1px solid #666666;
	border-bottom:2px solid #666666;
	background:#888888;
	color:#ffffff;
}
.es-calendar-row .not-available div{
	background:#dddddd;
	border-color:#bbbbbb;
}						
ul.legend{
	clear:both;
	padding:0.4em 0 0 0.4em;
	list-style:none;
}
ul.legend li{
	float:left;
	margin:0 0 0 10px;
	font-size:0.9em;
	list-style:none;
	color:#666970;
}						
ul.legend li span{
	display:inline-block;
	width:20px;
	border:1px solid #dddddd;
	border-bottom:2px solid #dddddd;
	background:#888888;
	color:#ffffff;
	vertical-align:bottom;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;							
}
ul.legend li:first-child span{margin:0;}
ul.legend li.available span{background:#ffffff;}
ul.legend li.not-available span{
	background:#dddddd;
	border-color:#bbbbbb;
}
ul.legend li.reserved span{}

.es-calendar-row .c2{
	float:left;
	width:13%;
	margin: 0 0 1.2% 1.2%;
	padding:0.4em 0;
	font-size:0.8em;
	color:#5F6267;
	text-align:center;
}
.date-not-available-message{
	border:1px dashed #dddddd;
	padding:1em;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-moz-box-shadow:inset 0 0 10px #ffffff;
	-webkit-box-shadow:inset 0 0 10px #ffffff;
	box-shadow:inset 0 0 10px #ffffff;
}
.date-not-available-message h4{
	font-weight:normal;
	font-size:1.2em;
}
.small .date-not-available-message h4{font-size:1.1em;}						

.volunteer-faq-list{
	font-size:1em;
}
.volunteer-faq-list .entry{
	padding:5px 5px 5px 60px;
	position:relative;
}
.volunteer-faq-list .entry .entry-number{
	background:#f3a000;
	color:#ffffff;
	font-weight:bold;
	position:absolute;
	padding:0;
	text-align:center;
	width:30px;
	height:30px;
	line-height:30px;
	left:0px;
	top:0px;
	-webkit-border-radius:999px;
	-moz-border-radius:999px;
	border-radius:999px;	
}
.volunteer-faq-list .entry p{
	font-size:0.9em;
	line-height:1.5em;
}

.volunteer-faq-list a.phone-link{text-decoration:none;}


table.open-letter-author{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	max-width:600px;
	border-collapse:collapse;
	border-spacing:0;	
}
table.open-letter-author td{vertical-align:top;}
table.open-letter-author td.scale30{width:38%;}
table.open-letter-author td.scale70{
	width:62%;
	padding:5% 0 0 0;
}
.small table.open-letter-author td.scale70{padding:1% 0 0 0;}
table.open-letter-author td.scale70 .inner{padding:0 0 0 5%;}

.small-display{margin:1em 0 0 0;}
.small-display-inner{padding:0.5em;}
.small .small-display-inner{padding:0.5em 0;}
.small-display-item{
	float:left;
	width:49%;
	margin:0 1% 0 0;
}
.small .small-display-item{
	float:none;
	width:100%;
	margin:0 0 3% 0;
}
.small .small-display-item h4{
	background:#f4f4f4;
	padding:0.2em 0.5em;
	font-size:0.95em;
	margin:0 0 0.4em 0;
}
.small-display-item .img-extend{
	float:left;
	width:32%;
	margin:0 3% 0 0 ;
}
.small .small-display-item .img-extend{
	width:34%;
}
.small .small-display-item p{
	position:relative;
	margin-bottom:0;
}
.small .small-display-item p a{
	position:relative;
	top:-0.5em;
}

.news-reader-container{
	padding:0 0 1.5em 0;
	margin:1.5em 0;
	border-bottom:1px solid #dddddd;
	text-align:center;	
}
.news-reader{
	width:100%;
	max-width:500px;
	margin:0 auto;
	text-align:left;
}
.musee .news-reader{
	width:100%;
	max-width:700px;
	margin:0 auto;
	text-align:left;
}
.news-reader-mask{
	position:relative;
	overflow:hidden;
}
.news-reader-slider{
	position:absolute;
	top:0px;
	left:0px;
}
.animation .news-reader-slider{
	-webkit-transition:left ease 0.4s;
	transition=left ease 0.4s;						
	-webkit-transform:translateZ(0);						
}
.news-reader-item{
	display:block;
	float:left;
	margin:0;
	opacity:0;
}
.animation .news-reader-item{
	-webkit-transition:opacity ease 0.4s;
	transition:opacity ease 0.4s;
}
.news-reader-item.selected{opacity:1;}					
.news-reader-controls{
	clear:both;
	padding:5px 0 0 0;
	text-align:center;
}
.news-reader-controls div{
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 10px 0 0;
	background:#ffffff;
	border:1px solid #fc6484;
	cursor:pointer;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;	
}
.animation .news-reader-controls div{
	-webkit-transition:background-color ease 0.4s;
	transition:background-color ease 0.4s;
}					
.small .news-reader-controls div{margin-right:15px;}					
.news-reader-controls div:last-child{margin:0;}
.news-reader-controls div.selected{background:#fc6484;}


.musee .news-reader-controls div{border:1px solid #9f0019;}
.musee .news-reader-controls div.selected{background:#9f0019;}

.news-reader-item table{
	margin:0;
	padding:0;
	border:0;
	width:100%;
	border-collapse:collapse;
	border-spacing:0;	
}
.news-reader-item td{
	padding:0;
	vertical-align:middle;
}
.news-reader-item td.visual{width:30%;}
.news-reader-item td.visual img{
	display:block;
	width:90%;
}
.news-reader-item h5{
	padding:0;
	color:#fc6484;
	font-weight:bold;
	text-transform:uppercase;
	margin:0 0 0.5em 0;
}
.small .news-reader-item h5{font-size:0.9em;}
.news-reader-item p{
	margin:0 0 0.5em 0;
	line-height:1.4em;
}
.news-reader-item strong{color:#fc6484;}


/**/
ul.text li p,
ol.text li p{
	margin:0;
}


/**/
.menu-mp{margin:8em 0 0 0;}
.small .menu-mp{margin:2em 0 0 0;}
.menu-mp a{
	display:block;
	padding:0.5em 0.5em 0.5em 35px;
	margin:0 0 1px 0;
	line-height:21px;
	background:#ffffff url(/medias/images/fletch.png) no-repeat 5px center;
	-webkit-transition:background-color 300ms ease;
	-moz-transition:background-color 300ms ease;
	-o-transition:background-color 300ms ease;
	transition:background-color 300ms ease;	
}
.menu-mp a:hover{background-color:#eeeeee;}
.menu-mp a.selected{
	background-color:#ffffff;
	text-decoration:none;
	color:#242527;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}

.cdj-container{
	margin-top:2em;
}
.small .cdj-container{max-width:375px;}

.cdj-container img{
	display:block;
	width:100%;
}

.cdj-flag{
	float:left;
	width:25%;
	max-width:90px;
}					

.cdj-content{
	float:left;
	width:75%;
	
}
.cdj-call-to-action{
	float:left;
	width:100%;
	max-width:273px;
}
.cdj-menu{
	float:left;
	border-left:1px solid #9ec0de;
}
.small .cdj-menu{margin-top:20px;}					
.cdj-content ul{
	margin:0;
	padding:0;
	list-style:none;
}
.cdj-content ul li{
	margin:0;
	padding:0;
	list-style:none;
	color:#9ec0de;
	cursor:pointer;
	-webkit-user-select:none;
	-webkit-touch-callout:none;	
}
.cdj-content ul li div{
	color:#9ec0de;
	padding:5px 5px 5px 10px;
}
.cdj-content ul li div span{text-decoration:underline;}
.no-touch .cdj-content ul li div{
	-webkit-transition:background-color 200ms ease, color 200ms ease;
	-moz-transition:background-color 200ms ease, color 200ms ease;
	-o-transition:background-color 200ms ease, color 200ms ease;
	transition:background-color 200ms ease, color 200ms ease;
}					
.no-touch .cdj-content ul li:hover div{
	color:#ffffff;
	background-color:#9ec0de;
}
.cdj-content ul li:hover div span{text-decoration:none;}
.cdj-content ul li.selected,
.cdj-content ul li.selected div{
	color:#fe5222;
	font-weight:bold;
	text-decoration:none;
}
.cdj-content ul li.selected div span,
.cdj-content ul li.selected:hover div span{
	text-decoration:none;
}
.no-touch .cdj-content ul li.selected:hover div{
	color:#fe5222;
	background-color:#ffffff;
}