/* =====================
STRUCTURE
===================== */

#main {
	position: static;
	max-width: none;
}
#main #content {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}
#main #sidebar-all {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}

#main #sidebar-all #content {
	width: 100%;
	max-width: 1200px;
	padding: 0;
	margin: 0 auto;
}
.one-sidebar.sidebar-first #main #sidebar-all #content {
	float: right;
	width: calc(100% - 300px);
	padding: 0 20px 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#main #sidebar-all #content #content-content {
	float: right;
	width: 100%;
	max-width: 860px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.one-sidebar #main #sidebar-first + #content,
.one-sidebar.sidebar-second #main #content,
.two-sidebars #main #content {
	float: left;
	width: 860px;
	max-width: none;
	padding: 0 20px 20px;
}

/* Ajout au carnet */

.col1-detail > .col-detail {
	position: relative;
}
#detail-syndic .carnet_links_global {

}

/* =====================
PAGE CMS
===================== */

.node-type-page-cms1c

/* =====================
SOMMAIRE TPL
===================== */

#sommaire .col .bloc-listing {
	position: relative;
}
#sommaire .col .bloc-listing .link_all {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	font-size: 0;
	text-indent: -9999px;
}
#sommaire .col .bloc-listing:hover .listing-media a span {
	display: block;
}
#sommaire .col .bloc-listing:hover .listing-media a img {
	-webkit-opacity: 0.4;
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	opacity: 0.4;
	filter: alpha(opacity=40);
}

/* =====================
INTRO
===================== */

.col2-detail > .col-detail.first {
	font-size: 0;
}
.col2-detail > .col-detail.first > * {
	font-size: 1rem;
}
.col2-detail > .col-detail.first .colfirst_01 {
	display: inline-block;
	vertical-align: top;
	width: calc(100% - 213px);
	padding: 0 20px 0 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.col2-detail > .col-detail.first .colfirst_02 {
	display: inline-block;
	vertical-align: top;
	width: 213px;
	padding: 0;
	margin: 0;
}
@media only screen and (max-width: 460px) {
	.col2-detail > .col-detail.first .colfirst_01,
	.col2-detail > .col-detail.first .colfirst_02 {
		width: 100%;
		margin: 0 0 20px 0!important;
		padding: 0 20px!important;
		text-align: center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#main #titre_page h1, .ete #main #detail-syndic h1,
	.hiver #main #detail-syndic h1 {
		text-align: center!important;
	}
}

.col2-detail > .col-detail.first .colfirst_02 img {
	max-width: 213px;
	height: auto;
}
#main #titre_page h1,
.ete #main #detail-syndic h1,
.hiver #main #detail-syndic h1 {
	position: relative;
	text-align: left;
	margin: 0;
	padding-top: 0;
	background-image: none;
}
#main #titre_page h1::after {
	content: "";
	position: absolute;
	display: inline-block;
	width: 50px;
	height: 3px;
	background-image: none;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 40px;
}
.ete #main #titre_page h1::after {
	background-color: #a6ca4e;
}
.hiver #main #titre_page h1::after {
	background-color: #38d0ef;
}
#content-content #carnet {
	margin-top: 30px;
	margin-bottom: 30px;
}

/* Carnet de voyage */

#main #titre_page h1,
.ete #main #titre_page h1,
.hiver #main #titre_page h1 {
	position: relative;
	text-align: center;
	margin-top: 30px;
	padding-bottom: 20px;
	margin-bottom: 30px;
}
#main #titre_page h1::after {
	top: auto;
	bottom: 0;
}

/* =====================
BORDEL
===================== */

.menu_on .block-outils,
.menu_on .stButton,
.block-envie {
	z-index: 0;
}
#layerslider .puce,
#layerslider .prev, #layerslider .next,
#layerslider .prev, #layerslider .prev,
#layerslider .ls-bottom-nav-wrapper {
	z-index: 1!important;
}
#sommaire .bloc-listing {
	position: relative;
}

/* =====================
RESPONSIVE
===================== */

@media only screen and (max-width: 1050px) {

	.one-sidebar.sidebar-first #main #sidebar-all #content {
		width: 100%;
	}
	#main #sidebar-all #content #content-content {
		max-width: none;
		width: 100%;
	}

}

@media only screen and (max-width: 960px) {

}

@media only screen and (max-width: 760px) {

}

@media only screen and (max-width: 460px) {

}