/* View */
section.view {}
section.view .content {
    background: #fff;
    padding: 0 40px 40px 40px;
}
section.view .content > .details {
    width: 50%;
    float: left;
    font-size: 16px;
    line-height: 20px;
    padding-right: 140px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



section.view .content>aside {
    width: 50%;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
section.view .content>.details header {
    margin-bottom: 20px;
}
section.view .content>.details header h1 {
    font-family: "regular-black";
    font-size: 30px;
    line-height: 31px;
    text-transform: uppercase;
}

section.view .content>.details header h2 {
    font-family: "regular-medium";
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
}
section.view .content>.details header h3 {
    font-size: 24px;
    line-height: 28px;
    font-family: "regular-regular";
    text-transform: uppercase;
}
section.view .content>.details .description {
    font-size: 16px;
    line-height: 19px;
	margin-top: 30px;
	font-family: "regular-regular";
}
body.our-partners section.view .content .description a,
body.nos-partenaires section.view .content .description a {
	text-decoration: none;
}
section.view .content .description strong {
	font-family: 'regular-bold';
}
section.view .content .description strong a {
	font-family: 'regular-bold';
}
section.view .content>.details .add2selection {
    margin-top: 30px;
}
section.view .content>.details .add2selection a {
    font-family: 'regular-black';
    font-size: 14px;
    /*line-height: 20px;*/
    text-transform: uppercase;
}
section.view .content>.details .add2selection .remove:before,
section.view .content>.details .add2selection .add:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: top;
}
section.view .content>.details .add2selection .add:before {
    background-image: url('../img/add.svg');
}
section.view .content>.details .add2selection .remove:before {
    background-image: url('../img/remove.svg');
}
section.view .content>.details .links ul {
    padding-top: 15px;
}
section.view .content>.details .links a {
    font-weight: bold;
    text-decoration: underline;
    font-size: 16px;
}
section.view .content>.details .artists {
    font-family: 'regular-bold';
    padding-top: 15px;
}
section.view .content>.details .infos {
    margin: 15px 0 15px 0;
}
section.view .content>.details .infos .places {
    /*float: left;
    width: 50%;*/
    font-family: 'regular-bold';
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
section.view .content>.details .infos .places .place {
}
section.view .content>.details .infos .places .place img {
    vertical-align: middle;
	float: none;
}
section.view .content>.details .infos .schedule {
    /*float: right;
    width: 49%;*/
    font-family: 'regular-bold';
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
}
section.view .content > .details .infos .schedule .days,
section.view .content > .details .infos .schedule .hours,
section.view .content > .details .infos .schedule .price,
section.view .content > .details .infos .schedule .practical {
	margin-left: 23px;
}
body.workshops section.view .content>.details .infos .schedule .ticketing a {
    color: #04abaf;
}
section.view .content>.details .infos .schedule .ticketing a {
    text-transform: uppercase;
    font-family: 'regular-black';
    font-size: 14px;
    letter-spacing: 1px;
    padding-top: 5px;
    line-height: 22px;
    background: url('../img/shopping_cart.png') no-repeat center left;
    background-size: 22px;
    padding-left: 25px;
}
section.view .content>.details .infos .schedule .ticketing {
    margin-top: 5px;
}
section.view .content .practical,
section.view .content .mentions {
    margin: 15px 0;
}
section.view .content .mentions {
    font-family: 'regular-bold';
	font-size: 14px;
	line-height: 16px;
}
section.view .content .files li a {
    font-family: 'regular-black';
    text-transform: uppercase;
    font-size: 14px;

    background: url('../img/button_upload.png') no-repeat center left;
    background-size: 20px;
    padding-left: 30px;
    padding-bottom: 2px;
    margin-top: 15px;
}


/* View medias */
section.view .content>aside .medias {
}
section.view .content>aside .medias .slideshow {
    position: relative;
}
section.view .content>aside .medias .slideshow .prev,
section.view .content>aside .medias .slideshow .next {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 25%;
    z-index: 100;
    cursor: pointer;
}
section.view .content>aside .medias .slideshow .next {
    right: 0;
}
section.view .content>aside .medias .slideshow .next:hover {
    background: url('../img/green_arrow_right.png') no-repeat right center;
    background-size: 20px;
}
section.view .content>aside .medias .slideshow .prev {
    left: 0;
}
section.view .content>aside .medias .slideshow .prev:hover {
    background: url('../img/green_arrow_left.png') no-repeat left center;
    background-size: 20px;
}
section.view .content>aside .medias ul li img {
    max-width: 100%;
    max-height: 600px;
    vertical-align: top;
    padding-bottom: 15px;
}

/* View related */
section.view .related {
    padding: 40px 32.5px;
}
section.view .related .vgrid {
	margin: 0;
}
section.view .documents {
    margin-bottom: 15px;
    font-size: 15px;
    font-family: 'regular-bold';
    padding: 15px 0;
    padding-left: 20px;
    background: url('../img/button_arrow.png') no-repeat 0 18px white;
    background-size: 10px;
}
section.view .related .column .item {
    margin-bottom: 15px !important;
}
section.view .related .column .item.nothumbnail .wrapper {
	padding-bottom: 1px;
}
section.view .related.single .column {
	width: 100% !important;
}
section.view .related.single .column .item {
	float: left;
}
@media only screen and (max-width: 1279px) {
    section.view .content > .details {
        padding-right: 40px;
    }
}
@media only screen and (max-width: 1023px) {
    section.view .content {
        padding: 0 40px 30px 40px;
    }
    section.view .content>.details {
        width: 60%;
    }
    section.view .content>aside {
        width: 40%;
    }
	
    /* View related */
    section.view .related {
        padding: 30px 32.5px 15px 32.5px;
    }
}
@media only screen and (max-width: 767px) {
    section.view .content {
        padding: 25px;
    }
    section.view .content > aside .medias ul li img {
        padding-bottom: 5px;
    }
    section.view .content > aside,
    section.view .content > .details {
        width: 100%;
        float: none;
        padding: 0;
        margin-bottom: 15px;
    }
	section.view .related {
	    padding: 30px 20px 15px 20px;
	}
    section.view .related > .column {
        width: 100%;
    }
	section.view .related .column article.item {
		margin-right: 0;
	}
}