/**
    * INFORMATION ABOUT CSS GUIDELINE
    *
    * 1. Each new section need to have a name like this :
    *   /*******************\
            #CONTACT
        \*******************/
    /*
    *
    * 2. select need to be written like this (with the "-"):
    *       - .page-content or .page-footer
    *
    * 3. Write "#e3e3e3" instead of "#E3E3E3"
    *
    * 4. You can comment a block style with (need to be in lowercase) : /* style for the contact form */
/*  *
    *
**/


/* ==|== primary styles =====================================================
   author: moxi
   ========================================================================== */

.body-container{
	background-color: #464a53;
    font-family: 'Rubik', sans-serif !important;
	font-weight: 400;
	background-image: url('/assets/pix/yakaton_bg.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
}

body.onepager:not(.ipad) .off-canvas-content{
    overflow-y: hidden; /* prevents scolling (gets set to auto after pageload) */
}

/*******************\
    #LOADING
\*******************/
#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: block;
    background-color: #fff;
    z-index: 99;
    text-align: center;
}
#loading-image {
    z-index: 100;
    height: 100px;
    width: auto;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0
}

/*******************\
    #PAGE
\*******************/
.page{
    padding-top: 50px;
    padding-bottom: 50px;
}
.content {
    padding-left: 1em;
    padding-right: 1em;
}
.off-canvas-wrapper {
    overflow: hidden;
    height: 100%;
}
.off-canvas-wrapper-inner {
    height: 100%;
}
.off-canvas-content {
    min-height: 0;
    height: 100%;
    max-width: 80%;
    margin: 0 auto;
    overflow-y: auto;
    max-width: 1400px;
    /*background-color: white;*/
}
.content {
    max-width: 1000px !important;
    width: 100%;
    margin: 0 auto;
}
.content-page {
	margin-top: 100px;
	padding-top: 70px;
	background-color: white;
}
.content .lead {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
	font-weight: 300;
}
.content .lead p {
	font-size: 1.08em;
	color: black;
}
.content .beschrieb {
	column-count: 2;
	color: #666666;
	margin-top: -30px;
}
.container_31 .beschrieb, .container_32 .beschrieb {
	column-count: inherit;
}
.content .beschrieb h2 {
	margin-top: 30px;
	margin-bottom: 10px;
	color: #000;
}
.bg-grey {
    background-color: #e2e2e2;
}

.touch .off-canvas-content {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
footer {
    border-top: 1px solid #ccc;
	background: #212121;
	font-size: inherit;
	padding: 1.25rem 0;
    width: 100%;
    padding-bottom: 0;
}
footer a {
	display: block;
	color: #999999;
}
footer a:hover {
	color: #999999;
	opacity: .5;
}
footer .email-address a{
	color: white;
}
footer .facebook a {
    padding-left: 2em;
    background-image: url(/assets/pix/social/facebook.svg);
    background-repeat: no-repeat;
}
[id="bymoxi"] img {
    height: 30px;
    width: 91px;
}
[id="bymoxi"] a {
    float: right;
}
hr {
    margin-top: 0;
}
.reveal {
    max-width: 800px;
    width: 100%;
}
.content.error404 {
    text-align: center;
    font-style: italic;
}

.cell.border {
	border-color: #e5e5e5;
	border-width: 1px;
	border-style: solid;
}

/*******************\
    #HEADER
\*******************/
header {
    width: 100%;
    z-index: 20;
    background: transparent;
	background-image: url('/assets/pix/yakaton_bg.jpg');
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
}
header #head-top {
    padding: 20px 0 10px;
    background: transparent;
    margin-top: 0 !important;
    width: 100%;
	margin-bottom: 50px;
}
header #mainnav {
	margin-top: 12px;
}
header #mainnav li{
    list-style-type: none;
    display: inline-block;
}
header #mainnav li a {
	color: #888a8e;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1em;
	margin: .7rem .9rem;
	margin-left: 2rem;
	padding: 0 0 10px 0;
	margin-right: 0;
}
header #mainnav li a:hover, .meta-site a:hover {
	cursor: pointer;
	opacity: .7;
}
header #mainnav li.active a {
    background: none;
    color: white;
	border-bottom: 2px solid white;
}
header #mainnav .submenu {
    margin-left: 0;
    border: 1px solid #efefef;
}
header #mainnav .submenu li {
    margin: 10px;
}
header .shadow {
    background: url(/assets/pix/shadow.png) repeat-x top;
    width: 100%;
    height: 6px;
    position: absolute;
    bottom: -6px;
}
header .meta-lang,
header .meta-site {
    display: inline-block;
}
header .meta-site a {
	color: #888a8e;
	font-weight: 400;
}
header .meta-site .active {
	color: white;
}
header .meta-lang {
    padding-left: 1em;
    padding-right: 1em;
}
header .menu-icon {
    margin-right: 1em;
}
header #head-top .logo {
    padding-left: 1em;
}
header .logo img {
    height: 2.75em;
}

/*******************\
    #VERTICAL MENU
\*******************/
.off-canvas {
    background-color: #333;
}
#offCanvas,
.vertical.menu{
    padding-top: 30px;
}
ul.vertical.menu.submenu {
    padding-top: 0;
}
.vertical.menu.nested {
    padding-top: 0;
}
.vertical.menu:not(.down) a {
	text-transform: uppercase;
}
.vertical.menu .is-accordion-submenu-parent > a::after {
    content: '';
    border: none !important;
    background-image: url(/assets/pix/arrow_nav.png);
    background-size: 17px 9px;
    height: 9px;
    width: 17px;
    background-repeat: no-repeat;
    display: block;
    right: 1rem;
    position: absolute;
    margin-top: -15px;
}
.vertical.menu a,
#offCanvas .warenkorb,
#offCanvas .meta-lang a {
    color: #999 !important;
}
.vertical.menu .active > a,
#offCanvas .meta-lang a.active {
    color: white !important;
    background: none;
}
.vertical.down a{
	font-size: .9rem;
	padding: .5rem 1rem;
}

/*******************\
    #TEXT
\*******************/
h1, h2, h3, h4, h5 {
	line-height: normal;
    margin: 0;
	display: inline-block;
	font-family: 'Rubik', sans-serif !important;
}
h1 {
	font-size: 2.8rem;
	margin-bottom: 3rem;
	width: 100%;
	text-transform: uppercase;
	font-weight: 500;
}
h2 {
	font-size: 1.5rem;
	margin: 0;
	font-weight: 500;
}
.pink, .pink a {
	color: #e71753 !important;
}
h3.groupe-travail, h3.vote {
	font-weight: 400;
	margin-bottom: 20px;
	font-size: 1rem;
	text-transform: uppercase;
}
h3.vote {
	display: block;
}
h3 {
    font-size: 1.1rem;
	font-weight: 500;
}
h4 {
	font-size: 1.07rem;
	font-weight: 500;
}
h6 {
	color: #666;
	font-weight: 600;
	margin-top: 10px;

}
.intro {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 40px;
}
p {
    line-height: 1.6em;
	color: #666666;
    margin-bottom: .7rem;
}
a,
button,
.link {
    cursor: pointer;
}
a:focus,
button:focus {
    outline: 0;
}
a:hover {
	cursor: pointer;
	opacity: .7;
}
.image-legend {
    font-style: italic;
    margin-top: 1em;
    color: #666666;
    font-size: .9em;
    text-align: center;
}

/*******************\
    #GALLERY SLIDE
\*******************/
.gallery-slide {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.orbit-bullets {
    position: absolute;
    text-align: center;
    bottom: 10px;
    width: 100%;
}
.header-image .gallery-gradient {
    height: 130px;
    padding-top: 80px;
}
.gallery-gradient {
    background: url(/assets/pix/gallery_gradient.png) repeat-x;
    position: absolute;
    width: 100%;
    bottom: 0;
    height: 100px;
    padding-top: 50px;
}

/*******************\
    #SIDEBAR
\*******************/
.sidebar > div:not(:last-child) {
    margin-bottom: 30px;
}
.sidebar > div:first-child h2 {
    line-height: 2rem;
    margin-bottom: 2rem;
}
.sidebar .news-ele {
    margin-bottom: 25px;
}

/*******************\
    #CONTACT
\*******************/
.mysuccess {
    background-color: #00cc00;
}
.error {
    background-color: #ff0000;
}

.mysuccess, .error{
    width: 100%;
    display: block;
    text-align: center;
    color: white;
    font-size: 16px;
    padding: 8px;
}
#address h3 {
    margin-top: 0;
}
#contact table {
    border: 0;
    width: 100%;
    margin-bottom: 0;
}
#contact table tr {
    background: none !important;
}
#contact table tr td {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
}
#map-canvas{
    height: 300px;
}
#contact input[type="text"],
#contact input[type="email"],
#contact textarea, input[type='file'] {
    width: 100%;
    max-width: 350px;
    margin: 0;
}
#contact .btn-send {
	padding-bottom: 14px;
	padding-top: 14px;
}
#contact textarea {
    height: 150px;
}
.gm-style-mtc {
    display: none;
}
.contact-info a:hover {
	opacity: .7;
	cursor: pointer;
}
input:invalid {
    border: 1px solid #f00;
}
input:focus:invalid {
    outline: none;
}
#status {
    padding: .5em;
    margin-bottom: 2em;
}
#status.success {
    border: 1px solid darkgreen;
    background-color: lightgreen;
}
#status.fail {
    border: 1px solid red;
    background-color: #ff959e;
}

/**
submit button with .loading class displays a loading indicator
 */
button.submit {
    position: relative; }
@keyframes rotate {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }
button.submit:before {
    content: '';
    position: absolute;
    right: 1.25em;
    top: 25%;
    width: 1.25em;
    height: 1.25em;
    border: 4px solid;
    border-left-color: transparent;
    border-radius: 50%;
    opacity: 0;
    transition: opacity .5s;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: rotate;
    animation-timing-function: linear; }
button.submit:after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 0;
    transition-delay: .5s;
    transition-duration: .75s;
    transition-property: width; }
button.submit.loading {
    pointer-events: none;
    cursor: not-allowed; }
button.submit.loading:before {
    transition-delay: .5s;
    transition-duration: 1s;
    opacity: 1; }
button.submit.loading:after {
    transition-delay: 0s;
    width: 25px; }


/*******************\
    #MAP
\*******************/
.map_wrapper {
    position: relative;
}
#map_filter .button.active {
    background: #000;
}
#map {
    width: 100%;
    height: 500px;
}
.map_controls {
    border-radius: 0 0 3px 3px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
}
.map_controls .map_control {
    background-color: #6d6865;
    cursor: pointer;
    float: left;
    line-height: 10px;
    border-left: 1px solid #817c78;
    padding: 9px;
    text-align: center;
}
.map_controls .map_control:first-child {
    margin-left: 0;
}
.map_controls .map_control img {
    display: inline-block;
    height: auto;
    width: 16px;
}
.map_controls .map_control:hover img {
    opacity: .5;
}

/*******************\
    #TEAM
\*******************/
.team_ele {
    padding-bottom: 30px;
}

/*******************\
    #NEWS
\*******************/
#news .detail {
    display: none;
}
#news .news-ele {
    padding-bottom: 30px;
}
.news_less{
    display: none;
}
.news-detail {
	padding-bottom: 350px;
}
.news-detail iframe {
    margin-top: 3em;
    width: 100%;
}

/* lightbox (swipebox)) */
#swipebox-slider .slide .swipebox-inline-container,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide img {
    border: 10px solid #fff !important;
    max-width: 90%;
}
#swipebox-slider {
    top: 10px;
    bottom: 10px;
    height: auto;
}
#swipebox-overlay {
    background: rgba(13,13,13,0.8);
}

/*******************\
    #SHARE
\*******************/
.share p {
    font-weight: bold;
    color: white;
}
.share-button.sharer-0 {
    width: 120px !important;
}
.share-button label {
    background-color: #90C960 !important;
    border: none !important;
    color: white !important;
    padding: .5rem 1rem !important;
    margin-top: .5rem !important;
}
.entypo-export:before {
    content: "\e715";
}
.share-button .social.networks-5.left {
    margin-left: 0px !important;
}
.share-button .social ul li {
    height: auto !important;
}

/*******************\
    #VOTE
\*******************/
.reveal {
	background-color: #ededed;
	padding: 0;
	overflow: hidden;
}
.reveal h2 {
	text-transform: uppercase;
}
.reveal .left-part {
	background-color: white;
	padding: 0;
	margin: 0;
	text-align: center;
}
.reveal .left-part img {
	margin-top: 60px;
}
.reveal .right-part {
	padding: 30px;
}
.reveal input[type="email"] {
	width: 70%;
	float: left;
}
.reveal .btn-vote {
	margin: 0;
}
.reveal form {
	margin-top: 40px;
}

/*******************\
    #HOMEPAGE
\*******************/
#homepage {
	margin-top: 120px;
}
#homepage p{
	color: white;
	text-align: left;
	font-weight: 300;
	font-size: 1.9em;
}
#homepage .beschrieb {
	column-count: inherit;
}
#homepage {
	background-color: transparent;
}

.homepage-news:hover {
	opacity: .7;
	cursor: pointer;
}
.homepage-news img {
	margin-bottom: 10px;
}
.homepage-news {
	font-size: 1em;
	color: #666666;
}
.homepage-news h2 {
	color: black;
	margin-top: 10px;
}

.homepage-news .hn-background {
	background-size: cover;
	background-position: center;
	height: 220px !important;
	width: 100%;
}
.homepage-vote {
	background-color: #43868e;
	color: white;
}
.homepage-vote p {
	color: white;
}
.btn-vote, .btn-back, .btn-send {
	background-color: #e71753;
	color: white;
	margin-top: 20px;
	display: inline-block;
	position: relative;
	padding: 10px 40px 10px 40px;
	border: none;
}
.btn-vote:hover, .btn-back:hover, .btn-send:hover{
	color: white;
	cursor: pointer;
	opacity: .7;
}
.btn-back a {
	color: white;
	padding-left: 15px;
}
.btn-vote:visited, .btn-vote:focus{
	color: white;
}
.btn-vote.disabled {
    background-color: #efefef;
    pointer-events: none;
}
.btn-back {
	top: -112.5px;
	padding-right: 1rem;
}
.btn-back:after {
	position: absolute;
	left: 1rem;
	top: .75rem;
	content: '';
	height: 19px;
	width: 22px;
	background-image: url('/assets/pix/arrow_return.png');
	background-size: 22px 19px;
	background-repeat: none;
}

/*******************\
    #GROUPE/YAKATON18
\*******************/
.header-blog {
	margin-top: 20px;
	width: 100% !important;
	font-weight: 700;
	text-transform: uppercase;
    border: none;
	border-bottom: 1px solid black;
    background: none;
}
.header-blog th {
	margin-bottom: 15px;
	padding-left: 15px;
    width: 25%;
    position: relative;
    padding-right: 18px;
}
.header-blog th a, .header-blog th a:hover {
    color: #000;
}
.header-blog th a:before,
.header-blog th a:after {
    border: 4px solid transparent;
    content: "";
    display: block;
    height: 0;
    right: 5px;
    top: 50%;
    position: absolute;
    width: 0;
}
.header-blog th a:before {
    border-bottom-color: #666;
    margin-top: -9px;
}
.header-blog th a:after {
    border-top-color: #666;
    margin-top: 1px;
}
.header-blog th:first-child {
	padding-left: 0;
}
.groupe-blog td{
	border-left: 2px solid white;
}
.groupe-blog tr {
    border-top: 1px solid #e5e5e5;
}
.groupe-blog tr:nth-child(even) {
    background: none;
}
.groupe-blog td.blog a, .groupe-blog td.blog a:hover {
    color: #000;
}
.groupe-blog td a:hover { opacity: 1; }
.groupe-blog {
    border: none;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}
.groupe-blog p {
	line-height: inherit;
}
.groupe-blog td:first-child {
	border-left: none;
}
.groupe-blog h2 {
	text-transform: uppercase;
	font-weight: bold;
	color: black;
}
.groupe-blog h2, .groupe-blog h3 {
	width: 100%;
	margin-bottom: 30px;
}
.groupe-blog h2 {
	margin-bottom: 25px;
}
.groupe-blog h3 {
	margin-top: 6px;
}
.groupe-blog h4 { display: block; }
/*******************\
    #FAQ
\*******************/
#faq {
	margin-top: 50px;
	width: 100%;
}
#faq a {
	color:#e71753;
	font-weight: 500;
}
#faq .accordion-title {
	background-color: #eee;
	padding: 1.25rem 3rem;
}
#faq .accordion-content {
	padding: 1.25rem 3rem;
	border: 0;
}
#faq h2 {
	border: 2px solid black;
	font-size: 1.6rem;
}
#faq .accordion-title h2 {
	color: black;
}
.accordion {
	margin-top: 20px;
}
.accordion-item {
	margin-bottom: 1px;
}
.accordion-item .accordion-title:before {
	position: absolute;
	content: '';
	background: url('/assets/pix/arrow_open.png');
	background-repeat: no-repeat;
	height: 10px;
	width: 19px;
	background-size: 19px 10px;
	left: 1rem;
	margin-top: -5px;
}
.accordion-item.is-active .accordion-title:before {
	position: absolute;
	content: '';
	background: url('/assets/pix/arrow_close.png');
	background-repeat: no-repeat;
	height: 10px;
	width: 19px;
	background-size: 19px 10px;
	left: 1rem;
}
/*******************\
    #PARTENAIRES
\*******************/
#partenaires {
	margin-top: 100px;
}
.partenaire {
    padding-bottom: 20px;
}
.partenaire a {
	color: #e71753;
	font-weight: 500;
}

/*******************\
    #ARCHIVE
\*******************/
.archive {
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
}
.archiv
.archive-detail {
	padding-bottom: 50px;
}

/*******************\
    #YAKATON DETAIL
\*******************/
#info-groupe {
	margin-top: 50px;
	margin-bottom: 105px;
}
#info-groupe .btn-vote {
	margin-top: 50px;
}
.header-blog, .info-groupe-content {
}
.info-groupe-content {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #f4f4f4;
}
.info-groupe-content b{
	font-weight: 500;
}
.yakaton-detail {
	padding-bottom: 40px;
}
.yakaton-detail .cell:first-child {
	padding-top: 30px;
	border-top: 1px solid #e5e5e5;
}
.yakaton-detail h2 {
	padding-bottom: 30px;
}
.hashtag, .download {
	color: #e71753;
	margin-top: 20px;
}


/*******************\
    #MEDIA QUERIES - SMALL (mobile)
\*******************/
@media only screen and (max-width: 40em) {
	#head-top {
		display: none;
	}
	.logo a img, .logo img{
		margin-bottom: 20px;
		height: 20px;
	}
	header {
		padding-top: 30px !important;
	}
    nav.tab-bar {
        background: none;
    }
    nav.tab-bar .right-small {
        border: none;
        width: auto;
        height: auto;
    }
    .off-canvas-wrap.move-left .right-off-canvas-menu {
        box-shadow: -4px 0 4px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    }
    .exit-off-canvas {
        box-shadow: none !important;
    }
    .tab-bar .menu-icon span:after {
        box-shadow: 0 0 0 2px #000, 0 11px 0 2px #000, 0 22px 0 2px #000 !important;
        top: 2px;
        left: auto;
        right: 0;
        margin-top: 0;
        width: 25px;
    }
    aside .off-canvas-list dd,
    aside .off-canvas-list dl {
        margin: 0;
    }
    aside ul.off-canvas-list li a {
        text-decoration: none;
        font-size: 21px;
        line-height: 44px;
        border-bottom: 0 !important;
        padding-left: 25px;
    }
    aside .off-canvas-list dd.active a {
        color: #008cba;
    }

    /* header */
    header {
        position: relative;
    }
    .meta-site a,
    .meta-lang a {
        padding-right: 15px;
    }
    .meta-site {
        padding-left: 20px;
    }
    .logo {
        padding-bottom: 15px;
    }

    /* sidebar */
    .sidebar {
        margin-top: 50px;
    }
    /* gallery */
    .header-image .gallery-slide {
        width: 100%;
        height: 400px;
    }

    /* news */
    .news_detail .gallery-slide {
        height: 300px;
    }


	/* general */
	h1 {
		margin-top: 3rem;
		margin-bottom: 1rem;
	}
	.content .beschrieb, .cell {
		column-count: inherit !important;
	}
	.page {
		padding-top: 0;
	}
	.content-page {
		margin-top: 0px;
		padding-top: 20px;
	}
	.content .lead {
		margin-bottom: 50px;
	}

	/* homepage */
	#homepage {
		margin-top: inherit;
	}
	#homepage p {
		font-size: 1.5rem;
	}
	#homepage .beschrieb {
		padding-top: 75px;
		padding-bottom: 0px;
	}
	.homepage-news {
		padding-top: 20px;
	}
	.homepage-news .hn-background {
		/*width: auto;*/
	}

	/* yakaton */
	.groupe-blog h2 {
		margin-bottom: 15px;
	}
	.groupe-blog .btn-vote {
		margin-top: 0px;
	}
	.header-blog-mobile, .info-groupe-mobile {
		text-transform: uppercase;
		border-bottom: 1px solid black;
		font-weight: 500;
	}
	.groupe-blog  {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.groupe-blog h3 {
		margin-top: inherit;
		margin-bottom: 0px;
	}
	.groupe-blog .cell {
		padding: 0px;
	}
	.groupe-blog:first-child {
		border-top: 1px solid #e5e5e5;
	}
	.groupe-blog img {
		margin-top: 20px;
	}
	.container_28 .content .beschrieb {
		margin-top: 20px;
	}
	.container_28 .content h1 {
		/*margin-top: 0px;*/
	}
	.info-groupe-content .cell {
		margin-bottom: 15px;
	}
	iframe {
		margin-bottom: 10px;
	}

	/* vote */
	.reveal .left-part img {
		margin-top: 0;
		padding: 20px;
	}
	.reveal input[type="email"] {
		width: 100%;
	}

	/* news */
	.btn-back {
		top: -20px;
	}

	/* FAQ */
	#faq .accordion-title h2 {
		font-size: 1.2rem;
	}
	#faq .accordion-content {
		padding: 1rem;
	}
}

/*******************\
    #MEDIA QUERIES - MEDIUM (iPad)
\*******************/
@media only screen and (min-width: 40.0625em) {
	#head-top {
		display: none;
	}
	#head_bottom {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.content {
		padding-top: 0px;
	}
	.content-page {
		margin-top: 30px;
	}
	.content .lead {
		margin-bottom: 50px;
	}
	.container_1 .content.page:last-child {
		padding-top: 50px;
	}
	#homepage {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.groupe-blog .cell:nth-child(4){
		margin-left: 4px;
	}

	/* yakaton */
	iframe {
		margin-bottom: 10px;
	}


    #head-top .shadow {
        display: none;
    }

    .meta-lang, .meta-site {
        float: right;
    }
    .meta-site a,
    .meta-lang a {
        padding-left: 15px;
        padding-right: 0;
    }
    .meta-site {
        padding-right: 20px;
        padding-left: 0;
    }
    /* Main-Nav */
    nav.top-bar,
    .top-bar-section ul li,
    nav .top-bar-section ul li a {
        background: #fff !important;
        font-size: 20px;
    }
    #mainnav {
        display: table;
        width: 100%;
    }
    .top-bar-section ul li {
        display: table-cell;
        float: none;
    }
    .top-bar-section li a {
        padding-right: 0 !important;
        text-align: right;
    }
    aside .off-canvas-list dd,
    aside .off-canvas-list dl {
        margin: 0;
    }

    /* sidebar */
    .sidebar {
        margin-top: 0;
    }

    /* gallery */
	.header-image .gallery-slide {
	   height: 600px;
	}
    .logo {
        padding-bottom: 0;
        padding-top: 0;
    }

    /* news */
    .news_detail .gallery-slide {
        height: 400px;
    }
}

/*******************\
    #MEDIA QUERIES - PC
\*******************/
/*@media only screen and (min-width: 54.063em) { */
@media only screen and (min-width: 64.0625em) {
    #bymoxi {
        display: block;
    }

	#head-top {
		display: inherit;
	}
	#head_bottom {
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.content {
		padding-top: 0px;
	}
	.container_1 .content.page:last-child {
		padding-top: 50px;
	}

	.content-page {
		margin-top: 30px;
	}

	#homepage {
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.groupe-blog .cell:nth-child(4){
	    margin-left: 4px;
	}
	.container_9 footer {
		margin-top: 0px !important;
	}
	.container_9 .content-page {
		height: calc(100vh - 200px);
	}
}

/*Nav pos*/
.anchor {
    position: relative;
    top: 1px;
}
/*firefox nav position*/
@-moz-document url-prefix() {
    .anchor {
        top: 15px;
    }
}





/* ==|== helper styles =====================================================
   Author: moxi
   ========================================================================== */
.hidden{display: none}
.clear{clear: both}





/*tinymce Admin styles*/
#tinymce .content_gallery{
    width: 256px;
    height: 205px;
    background: url(/admin/assets/pix/gallery.png) no-repeat center;
    background-size: cover;
    color: transparent;
}
.gallery_placeholder{
    display: block;
}
.gallery_placeholder:after, .gallery_placeholder:before {
    content:"\000A";
    white-space: pre;
}