#Evenements > div > div > div > div > div.views-row.views-row-1.views-row-odd.views-row-first.slick-slide.slick-active > div {
    margin-top: 52px;
}
.teaser-title {
	clear: both;
	padding-top: 0;
}
.mag-title{
	font-family: HelveticaNeueLtStd-BdCn;
}
#LeMag .mag-tag, #LeMag .mag-title, #LeMag .mag-auteur, #LeMag .mag-date {
	line-height: 1;
}
#LeMag h3{
	text-align: center;
	font-family: HelveticaNeueLtStd-BdCn;
	color:  #333333;
	font-size: 72px;
	margin-bottom: 50px;
}
#LeMag .field-collection-view {
    margin-left: 0;
}
#lch-agenda-ajax-dropdown hr{
	width: 100%;
}
.more-nodes{
	position: relative;
	margin-top: 40px;
}
.more-nodes button{
	position: relative;
	text-decoration: none;
	padding: 0;
	padding-left: 15px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	text-align: left;
	border-radius: 0;
	color: #fff;
	width: 274px;
	background: #000;
}
.more-nodes button:hover{
	text-decoration: none;
	padding: 0;
	padding-left: 15px;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	line-height: 50px;
	text-align: left;
	border-radius: 0;
	color: #fff;
	width: 274px;
	background: #000;
}
.more-nodes button:after{
    content: '+';
    color: inherit;
    text-align: right;
	position: absolute;
	right: 15px !important;
}
.more-dates{
	background-color: rgba(83, 83, 83, 0.71);
    border: none;
    color: #fff;
    display: inline-block;
    text-align: center;
    height: inherit;
    margin-left: 15px;
    font-family: HelveticaNeueLtStd-BdCn;
    color: rgba(255, 255, 255, 0.71);
    font-size: 40px;
    line-height: 18px;
    text-align: left;
    transform: scaleY(1.0001);
    text-transform: uppercase;
    width: 81px;
	height: 81px;
    text-align: center;
}
input#datepicker{
	height: 0px;
	border: none;
	margin-left: 0;
	background-color: initial;
}
.agenda-header{
	 bottom: 160px;
}
.header-text{
	color: white;
    text-align: left;
}
#lch-agenda-ajax-dropdown{
	margin-top: 5px;
}
#lch-agenda-ajax-dropdown .col-sm-3{
	padding: 0;
}
#lch-agenda-ajax-dropdown select#edit-type, #lch-agenda-ajax-dropdown select#edit-lieu,#lch-agenda-ajax-dropdown  select#edit-thematique,#lch-agenda-ajax-dropdown  select#edit-public{
	display: block;
    width: 100%;
    height: auto;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 3px solid #cccccc;
    border-radius: 0;
    padding: 10px;
    font-family: HelveticaNeue;
    color: #000000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    transform: scaleX(1.0004);
	background: transparent;
    -webkit-appearance: none;
}
.confirm-primal{
	color: green;
	padding: 15px;
	width: 50%;
	margin: 0 auto;
	margin-top: -30px;
	text-align: center;
}
.abonne-content{
	background: url('../img/carte.jpg') 0% 0% no-repeat ;
}
.mask{
	cursor: pointer;
}
select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
.errors-primal{
	color: red;
	padding: 15px;
	width: 50%;
	margin: 0 auto;
	margin-top: -30px;
	text-align: center;
}
#newsletter-wrapper button{
	height: 50px;
	position: relative;
	text-align: left;
	border-radius: 0;
	background: #ffcc00!important;
	color: #000;
	text-transform: capitalize;
}
#newsletter-wrapper button::after{
	position: absolute !important;
	right: 0 !important;
	content: "+";
	color: inherit;
	text-align: right;
	position: absolute;
	right: 30px;
	margin-right: 15px !important;
	float: right;
	clear: both;
}
.schedule-table td {
    height: 81px;
    display: inline-block;
    width: 106px;
    background: #f5f5f5;
    border-right: 1px solid #fff;
    text-align: center;
    position: relative;
}
.schedule-table .yellow::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    position: absolute;
    top: 75px;
    left: 44px;
}
.mag-btn{
	width: 261px;
	margin: 0 auto;
	margin-bottom: 80px;
	color: #000 !important;
	display: block;
	position: relative;
}
.mag-btn:after{
	content: '+' !important;
    color: inherit !important;
    text-align: right !important;
    position: absolute !important;
    right: 20px !important;
	display: initial !important;
    margin: 0 !important;
    height: 0 !important;
    width: 0 !important;
    background-color: initial !important;
}
.view-le-mag-hp{
	position: relative;
}
.Events .teaser-title{
	font-size: 46px;
}
.events-dates{
	font-family: HelveticaNeueLtStd-Cn;
	color:  #666666;
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	text-transform: uppercase;
	margin-top: 10px;
}
.LeMag .slick-slide {
    margin: 0 10px;
}
.LeMag{
	padding: 0;
}
.info-wrapper{
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
	display: inline-block;
  width: 100%;
}
.main-image{
	min-height: 537px;
	overflow: hidden;
}
#nodes-wrapper a.btn.yellow {
    margin-top: 70px;
}
.public{
	margin-top: 0;
}
.view-le-mag-hp::before {
	content: url('../img/barredefer.png');
    display: block;
    position: absolute;
    margin-left: -240px;
    margin-top: -140px;
}
.view-le-mag-hp::after {
	content: url('../img/barredefer1.png');
    display: block;
    position: absolute;
    right: -150px;
	margin-top: -400px;
}
.container-fluid{
	overflow: hidden;
}
.header-text{
	margin-top: -160px;
	clear: both;
}
.slide__constrained .container img{
	display: none;
}
.simplenews-subscribe label{
	display: none;
}
.simplenews-subscribe .form-item-mail{
	width: 261px;
	float: left;
	margin-bottom: 40px;
}
.simplenews-subscribe .form-item-mail input{
	height: 50px;
	border-radius: 0;
}
.simplenews-subscribe button{
	float: left;
	width: 177px;
	border: none;
	right: 0 !important;
}
.simplenews-subscribe button:after{
    position: relative !important;
    margin-right: 15px !important;
    float: right;
    clear: both;
}
.simplenews-subscribe{
	margin: 0 auto;
    display: inline-block;
}
.newsletter-form p {
	margin-bottom: 20px;
	font-weight: 600;
}
.alert{
	position: fixed;
	top: 0;
}
.block-wrapper{
	padding-right: 15px;
}
.content > div.container.node-wrapper > div:nth-child(2) > div.col-sm-9 > div.col-sm-4 > div > div{
	margin-top: 20px;
}
span.st_email_button{
	margin-top: 20px;
}
#LeMag .slick-slider {
	margin-bottom: 30px;
}
#LeMag .slick-dots {
	bottom: -40px;
}
#SlideShowTop div.slide__caption > div > img{
	display: none;
}
.node .pro-block-view .bloc-espace-pro {
    margin-bottom: 10px;
    height: auto;
}
@media (min-width: 0px) and (max-width : 361px){
	#SlideShowTop .slide__caption > div > div > div > div > div > div > div {
		margin-right: 15px;
	}
	#SlideShowTop .slide__caption > div > div > div > div > div > div > div {
		bottom: 15%;
	}
	.absolute {
		position: initial;
	}
	#Highlight .mobile-image img.img-responsive, .Ateliers .mobile-image-ateliers img.img-responsive {
		min-height: 372px;
	}
	#SlideShowTop .container{
		padding-left: 0;
		padding-right: 0;
		height: 100%;
	}
	#SlideShowTop .container > img{
		position: absolute;
		display: block !important;
		min-height: 372px;
	}
	.slide__constrained .col-sm-6.col-xs-12{
		margin-top: 372px;
	}
	.accueil span {
		display: block;
	}
	.Cyou .se-slope{
		display: none;
	}
	.simplenews-subscribe button:after{
		position: relative !important;
		margin-right: 15px !important;
		float: right;
		clear: both;
	}
	.main-image .slide__media img{
		display: none;
	}
	.slide__constrained .container img{
		display: block;
		min-width: 360px;
		position: absolute;
		
		left: 0;
	}
	.over-header div > div > div.col-sm-6.col-xs-12 {
		padding: 0;
		padding-right: 15px;
	}
	.Horaires .se-content1{
		background: url('../img/bg_horaires_mobile.jpg') no-repeat left center;
	}
	.Horaires .se-content1 img{
		display: none;
	}
	.Events .slick-slider button {
		display: none;
	}
	.mobile-image{
		display: block;
	}
	.background-image{
		display: none;
	}
	.Lieux .lieux img {
		display: none;
	}
	.Lieux .se-slope1 {
		display: block;
		max-height: 199px;
		background: url('../img/explorer-mobile.jpg') 0% 0% no-repeat;
		margin-left: 0px;
	}
	.mobile-image-ateliers img{
		display: block !important;
		position: absolute;
		left: 0;
	}
	.view-slideshow-ateliers .slide__media{
		width: 360px;
		height: 372px;
	}
	.view-slideshow-ateliers .slide__media img{
		display: none;
	}
	.Ateliers .slick-dots{
		bottom: 0;
	}
	.easy-breadcrumb{
		display: none;
	}
	.Events{
		padding-top: 15px;
	}
	.slick-ateliers-sous-titre {
		text-align: right;
		margin-right: 0;
		margin-right: 15px !important;
	}
}
@media (min-width: 0px) and (max-width : 767px){
	.slide__media {
		width: 100%;
		max-height: 372px;
	}
	#SlideShowTop div.slide__media > div > img {
		max-height: 372px;
	}
	#Highlight .background-image {
		max-height: 372px;
	}
	.Events .slick-slider {
		margin-bottom: 20px;
	}
	.Events .slick-dots {
		bottom: -20px !important;
	}
	#LeMag .slick-slider {
		margin-bottom: 30px;
	}
	#LeMag .slick-dots {
		bottom: -30px;
	}
	.simplenews-subscribe .form-item-mail{
		width: 200px;
	}
	.simplenews-subscribe button{
		width: 85px;
	}
	.simplenews-subscribe button:after{
		position: relative !important;
		margin-right: 15px !important;
		right: initial !important;
		float: right;
		clear: both;
	}
	.col-1, .col-2, .col-3{
		margin-right: 15px;
		margin-left: 15px;
	}
	.field-name-field-tab-2-body{
	}
	#group-tabs-master-node-fiche-default > div > div > div{
		margin-right: 15px;
		margin-left: 15px;
	}
	.element-wrapper{
		height: auto;
		display: inline-block;
	}
	.agenda-node-link{
		width: 100%;
		position: absolute;
		display: block;
		z-index: 999;
		height: 100%;
	}
	.schedule-nav{
		margin-left: 15px;
	}
	#nodes-wrapper .element-wrapper.same-height{
		position: relative;
	}
	.filter-wrapper{
		background-color: #ccc;
		height: auto;
		display: inline-block;
		margin-right: 15px;
		margin-left: 15px;
	}
	.agenda-slide-filters{
		padding: 15px 15px 10px 15px;
		background-color: #ccc;
		margin: 0 15px 0 15px;
	}
	.page-header.agenda-header{
		float: right;
		position: relative;
		margin-right: 15px;
	}
	.header-text{
		margin-top: 0;
		color: #000;
		padding-top: 60px;
		margin-bottom: 20px;
		    margin-left: 15px;
	}
	#lch-agenda-ajax-dropdown {
		margin-top: 0;
	}
	.filter-wrapper{
		display: none;
	}
	#lch-agenda-ajax-dropdown .col-xs-12.col-sm-6.col-md-3{
		background-color: #ccc;
	}
	.main-image.agenda-main{
		min-height: 234px;
		max-height: 234px;
	}
	.slope{
		display: none;
	}
	.agenda-header{
		 bottom: 0;
	}
	#nodes-wrapper a.btn.yellow {
		margin-top: 0px;
		margin-left: 15px;
		margin-right: 15px;
	}
	#nodes-wrapper img {
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-block .over-header {
		top: 80px;
	}
	.node-fiche .slick--optionset--fiche-header-slider .slide__constrained {
		left: initial;
		margin-left: initial;
		position: absolute;
		top: 0;
		width: 100%;
		bottom: -10px;
	}
	h1.page-header{
		text-align: right;
	}
	.main-image{
		min-height: 372px !important;
		max-height: 372px;
	}
	.Events .slick-slide img {
		margin: 0 auto;
	}
	.info-wrapper{
		margin: auto;
		text-align: left;
	}
	.block-wrapper{
		text-align: center;
	}
	.Events .events-dates, .Events  .teaser-title, .Events  .teaser{
		text-align: center;
	}
	.Events .slick-dots {
		bottom: 250px;
	}
	.Events a.btn.yellow{
		margin: auto;
	}
	.view-le-mag-hp::before{
		display: none;
	}
	.mag-btn{
		width: 210px;
		margin-bottom: 20px;
	}
	#LeMag .field-collection-view{
		margin-right: 15px;
	}
	
	#Evenements > div > div > div > div > div.views-row.views-row-1.views-row-odd.views-row-first.slick-slide.slick-active > div{
		float: initial;
		margin: 0;
	}
	#LeMag .mag-tag, #LeMag .mag-title, #LeMag .mag-auteur, #LeMag .mag-date {
		padding-left: 0;
		line-height: 1;
	}
	li.m-ateliers, li.m-evenements, li.m-agenda, li.m-diy, li.m-communaute, li.m-archives, li.m-horaires, li.m-services, li.m-contact, li.m-tarifs, li.m-accessibilite, li.m-lieux, li.m-groupes, li.m-familles, li.m-15-16, li.m-groupes1, li.m-enseignants, li.m-professionnels, li.m-c-you {
		width: 100%;
	}
	.sub-menu{
		display: none;
	}
	.tb-megamenu, .block-tb-megamenu, .navbar-nav>li.mega-align-justify, .tb-megamenu-main-menu > ul > li:nth-child(4), .tb-megamenu-main-menu > ul > li:nth-child(5), .tb-megamenu-main-menu > ul > li:nth-child(6) {
		float: left;
		clear: both;
		width: 100%;
	}
	.tb-megamenu .nav > .active > a, .tb-megamenu .nav > .active > a:hover, .tb-megamenu .nav > .active > a:focus, .tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .navbar-default .navbar-nav > li > a {
		text-align: left;
		color: #fff;
	}
	.tb-megamenu-main-menu > ul > li:nth-child(4), .tb-megamenu-main-menu > ul > li:nth-child(5), .tb-megamenu-main-menu > ul > li:nth-child(6){
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
		max-height: initial;
	}
	.tb-megamenu-item.level-2.mega.mega-group, .navbar-nav{
		margin: 0;
	}
	li.tb-megamenu-item.level-2.mega.mega-group {
		height: auto;
	}
	.m-col-1 div#tb-megamenu-column-3, div#tb-megamenu-column-4, div#tb-megamenu-column-5 {
		width: 50%;
		float: left;
	}
	#block-tb-megamenu-main-menu > div.tb-megamenu.tb-megamenu-main-menu > ul > li.tb-megamenu-item.level-1.mega.mega-align-justify.dropdown.active.active-trail.open > div #tb-megamenu-column-5,
	#tb-megamenu-column-9,
	div#tb-megamenu-column-10,
	div#tb-megamenu-column-6, div#tb-megamenu-column-7, div#tb-megamenu-column-8{
		width: 100%;
		float: left;
	}
	div#tb-megamenu-column-10 {
		width: 100% !important;
	}
	#tb-megamenu-column-10 > div > ul {
		margin-top: 0;
	}
	.navbar-header{
		display: block;
	}
	.navbar #block-search-form {
		width: 100%;
	}
	.navbar-fixed-top, .navbar-fixed-bottom {
		position: fixed;
	}
	.m-col-1 div#tb-megamenu-column-3, div#tb-megamenu-column-4, div#tb-megamenu-column-5 {
		width: 100%;
		float: left;
	}
	.node-fiche .slide__caption .over-header .col-sm-6.col-xs-12{
		margin-top: 30px;
	}
	.easy-breadcrumb{
		display: none;
	}
}
/* ipad portrait  */
@media (min-width:768px) and (max-width : 768px){
	ul.resp-tabs-list, li.resp-tab-item {
		display: none;
		border: none;
		margin-top: 0;
	}
}
@media (min-width:768px) and (max-width : 970px){
	.schedule-table td a p:nth-child(1){
		line-height: 16px;
	}
	.schedule-table td{
		width: 74px;
	}
	.schedule-table a, .schedule-table a:hover, .schedule-table a:active, .schedule-table a:focus {
		top: 20px;
		padding: 5px;
	}
	.schedule-table .yellow::after {
		left: 30px;
	}
}