/*
Theme Name: Mirage-Master
Theme URI: http://www.miragefestival.com
Description: HTML5 Mirage-Master theme
Author: Martin Laxenaire
Author URI: http://www.martin-laxenaire.fr/
Version: 1
*/

@font-face {
    font-family: 'suisse_antique';
    src: url('font/suisse_bp_intl_antique-webfont.eot');
    src: url('font/suisse_bp_intl_antique-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/suisse_bp_intl_antique-webfont.woff') format('woff'),
         url('font/suisse_bp_intl_antique-webfont.ttf') format('truetype'),
         url('font/suisse_bp_intl_antique-webfont.svg#suisse_bp_intl_antiqueantique') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'suisse_antiqueIt';
    src: url('font/suisse_bp_intl_antique_italic-webfont.eot');
    src: url('font/suisse_bp_intl_antique_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/suisse_bp_intl_antique_italic-webfont.woff') format('woff'),
         url('font/suisse_bp_intl_antique_italic-webfont.ttf') format('truetype'),
         url('font/suisse_bp_intl_antique_italic-webfont.svg#suisse_bp_intl_antiqantiqueIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'suisse_regular';
    src: url('font/suisse_bp_intl_regular-webfont.eot');
    src: url('font/suisse_bp_intl_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/suisse_bp_intl_regular-webfont.woff') format('woff'),
         url('font/suisse_bp_intl_regular-webfont.ttf') format('truetype'),
         url('font/suisse_bp_intl_regular-webfont.svg#suisse_bp_intl_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'suisse_regularIt';
    src: url('font/suisse_bp_intl_regular_italic-webfont.eot');
    src: url('font/suisse_bp_intl_regular_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/suisse_bp_intl_regular_italic-webfont.woff') format('woff'),
         url('font/suisse_bp_intl_regular_italic-webfont.ttf') format('truetype'),
         url('font/suisse_bp_intl_regular_italic-webfont.svg#suisse_bp_intl_regularRgIt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen {

	* {
		margin: 0;
		padding: 0;
	}

	body {
		background: white;
		font: 14px/1.4 Verdana, Serif;
		color: black;
	}

	.screen-reader-text {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}

	.clear {
		clear: both;
	}

	.group:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}

	* html .group, *:first-child+html .group {
		zoom: 1;
	} /* First selector = IE6, Second Selector = IE 7 */

	/*** GLOBAL LAYOUT ***/

	#page-wrap {
		position: relative;
		overflow: hidden;
		font-size: 18px;
		font-family: 'suisse_regular', Arial, sans-serif;
	}

	.wrapper {
		width: 1250px;
		margin: 0 auto;
		position: relative;
		overflow: hidden;
	}

    .flex-wrapper {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flexbox;
        display: -moz-flex;
        display: -o-flex;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;

        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

	.one-third-col {
		width: 390px;
	}

	.two-third-col {
		width: 810px;
	}

	.left {
		float: left;
		margin: 0 40px 20px 0;
	}

	.right {
		float: right;
		margin: 0 0 20px 40px;
	}

	.last {
		margin-right: 0;
		margin-left: 0;
	}

	.nojs {
		visibility: hidden;
	}

    .center-block {
        margin: 0 auto;
    }

	/*** HEADER ***/

	#header {
		background: black;
		height: auto;
		width: 100%;
		position: fixed;
		z-index: 90000;
	}

	.mirage-2016 #header {
		background: #271d67;
	}

	#menu-main-menu {
		padding: 0;
		margin: 0;
		line-height: 60px;
		list-style: none;
		text-align: center;
	}

	#menu-main-menu li {
		display: inline;
		margin: 0 15px;
	}

	#menu-main-menu li a {
		color: white;
		text-decoration: none;
	}

	#menu-main-menu li a:hover, #menu-main-menu li.current-menu-item a {
		text-decoration: underline;
	}

	#header-dates {
		position: absolute;
		top: 0;
		left: 20px;
		line-height: 60px;
		color: white;
	}

	#header-lieu {
		position: absolute;
		top: 0;
		right: 20px;
		line-height: 60px;
		color: white;
	}

	#mobile-menu {
		display: none;
	}

	#global {
		padding-top: 60px;
	}

	/*** INTRO ***/

	#intro {
		background: url('images/background-intro.jpg') center center repeat;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
        /*background-size: 100% 100%;*/
		position: relative;

		height: calc(100vh - 60px);
		min-height: 400px;
		padding: 40px 0;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mirage-2016 #intro {
		background: url('images/background-intro-2016.gif') left top repeat;
		background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		-webkit-background-size: cover;
		-ms-background-size: cover;
	}

	#intro-logo {
		width: 350px;
		height: 350px;
		position: absolute;
		z-index: 800;
		left: 50%;
		top: 50%;
		margin-left: -175px;
		margin-top: -205px;
	}

	#intro-logo img {
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;
	}

	/*** FESTIVAL ***/

	#festival {
		padding: 100px 0 0 0;
	}

	.festival-big-image {
		padding-bottom: 40px;
		margin-bottom: 40px;
		border-bottom: 1px solid black;
	}

	.festival-big-image img {
		width: auto;
		height: auto;
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}

	/*** ACTUALITES ***/

	#actualites {
		padding: 100px 0;
	}

	#actualites h1 {
		margin-bottom: 20px;
	}

	/*** news on top ***/

	#news-top {
		border-bottom: 1px solid black;
		line-height: 120%;
		padding-bottom: 60px;
	}

	#news-top .two-third-col img {
		display: block;
		width: auto;
		height: auto;
		max-width: 100%;

		max-height: 700px;
	}

	/*** news feed, production feed ***/

	.news-wrapper, .production-wrapper {
		width: 1300px;
		margin: 0 auto;
		position: relative;
		line-height: 120%;
	}

	#news-feed, #production-feed {
		margin: 40px auto 0 auto;
		padding: 0;
		list-style: none;
		position: relative;
		min-height: 150px;
		overflow: hidden;
	}

	#news-feed li, #production-feed li {
		width: 390px;
		margin: 0 40px 40px 0;
		position: absolute;
		border-bottom: 1px solid black;
		background: white;
	}

	#news-feed li h2, #production-feed li h2 {
		font-family: 'suisse_regular', Arial, sans-serif;
		font-weight: normal;
		font-size: 26px;
		margin: 0 0 20px 0;
	}

	#actualites h1 a, #production h1 a, #actualites h2 a, #production h2 a, #workshop h2 a  {
		color: black;
		text-decoration: none;
	}

	#news-feed li img, #production-feed li img {
		width: 100%;
		height: auto;
		display: block;
		margin-bottom: 20px;
	}

	.news-share-wrapper, .production-share-wrapper {
		height: 25px;
		margin: 20px 0;
	}

	.news-share-wrapper a, .production-share-wrapper a {
		display: block;
		width: 25px;
		height: 25px;
		overflow: hidden;
		text-indent: -9999px;
		float: left;
		margin-right: 10px;
	}

	.news-share-wrapper .facebook-share, .production-share-wrapper .facebook-share {
		background: url('images/facebook-share.jpg') left top no-repeat;
	}

	.news-share-wrapper .facebook-share:hover, .production-share-wrapper .facebook-share:hover {
		background-position: -25px top;
	}

	.news-share-wrapper .twitter-share, .production-share-wrapper .twitter-share {
		background: url('images/twitter-share.jpg') left top no-repeat;
	}

	.news-share-wrapper .twitter-share:hover, .production-share-wrapper .twitter-share:hover {
		background-position: -25px top;
	}

	.news-share-wrapper .google-share, .production-share-wrapper .google-share {
		background: url('images/google-share.jpg') left top no-repeat;
	}

	.news-share-wrapper .google-share:hover, .production-share-wrapper .google-share:hover {
		background-position: -25px top;
	}

    .workshop-img-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 0;
        padding-bottom: 66.6%;
        margin-bottom: 10px;
    }

    .workshop-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        left: 0;

        align-items: center;
    }

    .workshop-img img {
        display: block;
        width: 100%;
        height: auto;
        margin: auto;
    }

	/*** SINGLE PRODUCTION ***/

	#production {
		padding: 100px 0;
	}

	#production-intro {
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid black;
	}

	#single-production {
		border-bottom: 1px solid black;
		line-height: 120%;
		padding-bottom: 60px;
	}

	#production h1 {
		margin-bottom: 10px;
	}

    .workshop-subtitle {
        font-size: 1.25em;
    }

	#production-feed li h2 {
		margin: 0 0 10px 0;
	}

	.production-artist {
		font-size: 1em;
	}

	#single-production .production-artist {
		margin-bottom: 20px;
	}

	.production-leftcol-gallery {
		clear: left;
	}

	.production-rightcol-sharing {
		clear: right;
	}

	.production-leftcol-image {
		margin-bottom: 20px;
	}

	.production-leftcol-image img {
		height: auto;
		display: block;
		width: 100%;
	}

	.production-description {
		margin-top: calc(3em + 20px);
	}

	.production-description::after {
		content: "";
		width: 50%;
		display: block;
		margin-bottom: 40px;
		padding-bottom: 40px;
		border-bottom: 1px solid black;
	}

	.production-description-sup {
		font-size: 90%;
	}

	.production-video-wrapper {
		margin-top: 40px;
		width: 100%;
		position: relative;
		overflow: hidden;
		height: 0;
		padding-bottom: 56.25% /* 16/9 */
	}

	.production-video {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.production-video iframe {
		width: 100%;
		height: 100%;
	}

    /*** SINGLE PRODUCTION ***/

    .workshop-banner-title {
        position: relative;
        height: 40vh;
        overflow: hidden;

        background-position: center center;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -webkit-background-size: cover;
        background-size: cover;
    }

    .workshop-banner-title h1 {
        position: absolute;
        text-align: center;
        color: white;
        line-height: 40vh;
        font-size: 3em;
        font-weight: normal;
        top: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: rgba(0, 0, 0, 0.3);
    }

    h2.single-workshop-subtitle {
        font-size: 1.25em;
        font-weight: 700;
        margin-bottom: 1em;
    }

    .single-workshop-subtitle {
        font-size: 1em;
        font-weight: 700;
        margin-bottom: 1em;
    }

	/*** ARCHIVES ***/

	#archives {
		position: relative;
		overflow: hidden;
	}

	.single-archive {
		position: relative;
		overflow: hidden;
		text-align: center;
		filter: grayscale(1);
		-moz-filter: grayscale(1);
		-o-filter: grayscale(1);
		-webkit-filter: grayscale(1);
		-ms-filter: grayscale(1);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		transition: all 0.2s ease-in 0s;
		-moz-transition: all 0.2s ease-in 0s;
		-o-transition: all 0.2s ease-in 0s;
		-webkit-transition: all 0.2s ease-in 0s;
		-ms-transition: all 0.2s ease-in 0s;
	}

	.single-archive h2 {
		font-family: 'suisse_antique', Arial, sans-serif;
		font-weight: normal;
		font-size: 100px;
		line-height: 240px;
		margin: 0;
		position: relative;
		z-index: 700;
	}

	.single-archive-link {
		position: absolute;
		display: block;
		z-index: 800;
		width: 100%;
		height: 100%;
		min-height: 100%;
		text-indent: -9999px;
	}

	.single-archive:hover {
		filter: grayscale(0);
		-moz-filter: grayscale(0);
		-o-filter: grayscale(0);
		-webkit-filter: grayscale(0);
		-ms-filter: grayscale(0);
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'https://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
	}


    #edition-2020 {
        background: url('images/background-2020.jpg') center center repeat-x;
        background-size: auto 100%;
        -moz-background-size: auto 100%;
        -o-background-size: auto 100%;
        -webkit-background-size: auto 100%;
        -ms-background-size: auto 100%;
    }

    #edition-2020:hover {
        opacity: 1;
    }

    #edition-2020:hover {
        background-size: auto 110%;
        -moz-background-size: auto 110%;
        -o-background-size: auto 110%;
        -webkit-background-size: auto 110%;
        -ms-background-size: auto 110%;
    }

    #edition-2020 h2 {
        color: #ff007e;
    }

    #edition-2020 h2 .single-archive-link-inner-title {
        display: inline-block;
        padding: 0.15em 0.25em;
        background: white;
        line-height: 100px;
    }


	#edition-2019 {
		background: url('images/background-2019.jpg') center center repeat-x;
		background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		-ms-background-size: auto 100%;
	}

	#edition-2019:hover {
		opacity: 1;
	}

	#edition-2019:hover {
		background-size: auto 110%;
		-moz-background-size: auto 110%;
		-o-background-size: auto 110%;
		-webkit-background-size: auto 110%;
		-ms-background-size: auto 110%;
	}

	#edition-2019 h2 {
		color: #ef5025;
	}


    #edition-2018 {
		background: url('images/background-2018.jpg') center center repeat-x;
		background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		-ms-background-size: auto 100%;
	}

	#edition-2018:hover {
		opacity: 1;
	}

	#edition-2018:hover {
		background-size: auto 110%;
		-moz-background-size: auto 110%;
		-o-background-size: auto 110%;
		-webkit-background-size: auto 110%;
		-ms-background-size: auto 110%;
	}

	#edition-2018 h2 {
		color: white;
	}

    #edition-2018 h2 .single-archive-link-inner-title {
        display: inline-block;
        padding: 0.15em 0.25em;
        background: black;
        line-height: 100px;
    }


    #edition-2017 {
		background: url('images/background-2017.jpg') center center repeat-x;
		background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		-ms-background-size: auto 100%;
	}

	#edition-2017:hover {
		opacity: 1;
	}

	#edition-2017:hover {
		background-size: auto 110%;
		-moz-background-size: auto 110%;
		-o-background-size: auto 110%;
		-webkit-background-size: auto 110%;
		-ms-background-size: auto 110%;
	}

	#edition-2017 h2 {
		color: white;
	}

	#edition-2016 {
		background: #ef3124; /* Old browsers */
		background: -moz-linear-gradient(10deg, #ef3124 25%, #f79791 50%, #ef3124 75%); /* FF3.6-15 */
		background: -webkit-linear-gradient(10deg, #ef3124 25%,#f79791 50%,#ef3124 75%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(10deg, #ef3124 25%,#f79791 50%,#ef3124 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef3124', endColorstr='#ef3124',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

	.wave-canvas {
		position: absolute;
		z-index: 100;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
	}

	#waves-1 {
		z-index: 710;
	}

	#edition-2016 h2 {
		color: #271d67;
	}

	#edition-2015 {
		background: url('images/background-2015.jpg') center center repeat-x;
		background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		-ms-background-size: auto 100%;
		opacity: 0.8;
	}

	#edition-2015:hover {
		opacity: 1;
	}

	#edition-2015:hover {
		background-size: auto 110%;
		-moz-background-size: auto 110%;
		-o-background-size: auto 110%;
		-webkit-background-size: auto 110%;
		-ms-background-size: auto 110%;
	}

	#edition-2015 h2 {
		color: black;
		text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-moz-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-o-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-webkit-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-ms-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
	}

	#edition-2014 {
		background: url('images/background-2014.jpg') center center repeat-x;
		background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		-webkit-background-size: 100% 100%;
		-ms-background-size: 100% 100%;
	}

	#edition-2014:hover {
		background-size: 110% 110%;
		-moz-background-size: 110% 110%;
		-o-background-size: 110% 110%;
		-webkit-background-size: 110% 110%;
		-ms-background-size: 110% 110%;
	}

	#edition-2014 h2 {
		color: #0000f0;
		text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-moz-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-o-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-webkit-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
		-ms-text-shadow: -1px -1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px 1px 0 #ffffff;
	}

	#edition-2013 {
		background: url('images/background-2013.jpg') center center repeat;
		background-size: 500px auto;
		-moz-background-size: 500px auto;
		-o-background-size: 500px auto;
		-webkit-background-size: 500px auto;
		-ms-background-size: 500px auto;
	}

	#edition-2013:hover {
		background-size: 550px auto;
		-moz-background-size: 550px auto;
		-o-background-size: 550px auto;
		-webkit-background-size: 550px auto;
		-ms-background-size: 550px auto;
	}

	#edition-2013 h2 {
		color: #662e91;
	}

	/*** CONTENT ***/

	.page-content {
		padding: 40px 0;
	}

	/*** FOOTER ***/

	#footer {
		padding: 40px 0 0 0;
	}

	#footer .one-third-cold {
		min-height: 140px;
	}

	#footer .one-third-col:first-child h3 {
		font-family: 'suisse_antique', Arial, sans-serif;
		font-weight: normal;
		font-size: 18px;
	}

	#footer h2, #footer h3, #footer h4, #footer h5 {
		font-family: 'suisse_regular', Arial, sans-serif;
		font-weight: normal;
		font-size: 18px;
		margin: 0 0 20px 0;
	}

	#footer-social a {
		display: block;
		width: 34px;
		height: 34px;
		overflow: hidden;
		text-indent: -9999px;
		float: left;
		margin-right: 10px;
	}

	#footer-social .facebook-share {
		background: url('images/facebook-social.jpg') left top no-repeat;
	}

	#footer-social .facebook-share:hover {
		background-position: -34px top;
	}

	#footer-social .twitter-share {
		background: url('images/twitter-social.jpg') left top no-repeat;
	}

	#footer-social .twitter-share:hover {
		background-position: -34px top;
	}

    #footer-social .instagram-share {
		background: url('images/instagram-social.jpg') left top no-repeat;
	}

	#footer-social .instagram-share:hover {
		background-position: -34px top;
	}

	#footer-social .vimeo-share {
		background: url('images/vimeo-social.jpg') left top no-repeat;
	}

	#footer-social .vimeo-share:hover {
		background-position: -34px top;
	}

	#footer-copyright {
		margin-bottom: 10px;
		font-size: 12px;
		text-align: center;
	}

    #footer-newsletter #email {
        border: 1px solid black;
        display: block;
        padding: 0.25em 0.5em;
        font-family: 'suisse_regular', Arial, sans-serif;
        font-size: 1em;
        margin-bottom: 10px;
        color: black;
        width: 100%;
        max-width: 300px;
    }

    #footer-newsletter .mailjet-subscribe {
        font-size: 1em;
        font-family: 'suisse_regular', Arial, sans-serif;
        border: 1px solid black;
        display: inline-block;
        padding: 0.25em 0.5em;
        color: black;
        background: white;
        cursor: pointer;
        transition: background 0.3s ease-in, color 0.3s ease-in;
    }

    #footer-newsletter .mailjet-subscribe:hover {
        color: white;
        background: black;
    }

	h1, h2, h3 {
		font-weight: normal;
		margin: 0 0 10px 0;
	}
	h1 {
	}
	h2 {
	}
	h3 {
	}

	p {
		margin: 0 0 10px 0;
	}

	a {
		color: black;
	}

	a:hover {
		text-decoration: none;
	}

	*::selection {
		color: white;
		background: black;
	}

	*::-moz-selection {
		color: white;
		background: black;
	}

	/*** HEADER ***/



	blockquote {

	}

	blockquote p {

	}

	ul, ol {
		margin: 0 0 10px 0;
	}

	.post {

	}

	.entry {

	}

	.entry a {

	}

	.entry a:hover {

	}

	pre {

	}

	code, tt {

	}

	#meta {

	}

	.postmetadata {

	}

	#sidebar {

	}

	/*** NAVIGATION ***/

	.navigation {

	}

	.navigation .next-posts {

	}

	.navigation .prev-posts {

	}

	/*** SEARCHFORM ***/

	#searchform {

	}

	#searchform #s {

	}

	#searchform #searchsubmt {

	}

	/*** COMMENT SECTION ***/

	ol.commentlist {
		list-style: none;
	}

	ol.commentlist li {

	}

	ol.commentlist li.alt {

	}

	ol.commentlist li.bypostauthor {

	}

	ol.commentlist li.byuser {

	}

	ol.commentlist li.comment-author-admin {

	}

	ol.commentlist li.comment {
		border-bottom: 1px dotted #666;
		padding: 10px;
	}

	ol.commentlist li.comment div.comment-author {

	}

	ol.commentlist li.comment div.vcard {

	}

	ol.commentlist li.comment div.vcard cite.fn {
		font-style: normal;
	}

	ol.commentlist li.comment div.vcard cite.fn a.url {

	}

	ol.commentlist li.comment div.vcard img.avatar {
		float:right;
		margin: 0 0 10px 10px;
	}

	ol.commentlist li.comment div.vcard img.avatar-32 {

	}

	ol.commentlist li.comment div.vcard img.photo {

	}

	ol.commentlist li.comment div.vcard span.says {

	}

	ol.commentlist li.comment div.commentmetadata {

	}

	ol.commentlist li.comment div.comment-meta {
		font-size: 10px;
	}

	ol.commentlist li.comment div.comment-meta a {
		color: #ccc;
	}

	ol.commentlist li.comment p {

	}

	ol.commentlist li.comment ul {

	}

	ol.commentlist li.comment div.reply {
		font-size: 11px;
	}

	ol.commentlist li.comment div.reply a {
		font-weight: bold;
	}

	ol.commentlist li.comment ul.children {
		list-style: none;
		margin: 10px 0 0;
	}

	ol.commentlist li.comment ul.children li {

	}

	ol.commentlist li.comment ul.children li.alt {

	}

	ol.commentlist li.comment ul.children li.bypostauthor {

	}

	ol.commentlist li.comment ul.children li.byuser {

	}

	ol.commentlist li.comment ul.children li.comment {

	}

	ol.commentlist li.comment ul.children li.comment-author-admin {

	}

	ol.commentlist li.comment ul.children li.depth-2 {
		border-left: 5px solid #555;
		margin: 0 0 10px 10px;
	}

	ol.commentlist li.comment ul.children li.depth-3 {
		border-left: 5px solid #999;
		margin: 0 0 10px 10px;
	}

	ol.commentlist li.comment ul.children li.depth-4 {
		border-left: 5px solid #bbb;
		margin: 0 0 10px 10px;
	}

	ol.commentlist li.comment ul.children li.depth-5 {

	}

	ol.commentlist li.comment ul.children li.odd {

	}

	ol.commentlist li.even {
		background: #fff;
	}

	ol.commentlist li.odd {
		background: #f6f6f6;
	}

	ol.commentlist li.parent {
		border-left: 5px solid #111;
	}

	ol.commentlist li.thread-alt {

	}

	ol.commentlist li.thread-even {

	}

	ol.commentlist li.thread-odd {

	}

	form {

	}

	input[type=text] {

	}

	textarea {

	}


} /* END screen media */

/*** RESPONSIVE ***/

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

	#page-wrap {
		font-size: 16px;
	}

	.wrapper {
		width: 940px;
	}

	.one-third-col {
		width: 290px;
	}

	.two-third-col {
		width: 610px;
	}

	/*** INTRO ***/

	#intro-logo {
		width: 300px;
		height: 300px;
		margin-left: -150px;
		margin-top: -180px;
	}

	/*** ACTUALITES ***/

	.news-wrapper, .production-wrapper {
		width: 1000px;
	}

	#news-feed li {
		width: 290px;
	}

	#news-feed li h2 {
		font-size: 24px;
	}

}

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

	#page-wrap {
		width: auto;
	}

	/*** INTRO ***/

	#intro-logo {
		width: 250px;
		height: 250px;
		margin-left: -125px;
		margin-top: -155px;
	}

	/*** ACTUALITES ***/

	.news-wrapper, .wrapper, .production-wrapper {
		width: auto;
		margin: 0 20px;
	}

	#news-top .one-third-col, #news-top .two-third-col, #single-production .one-third-col, #single-production .two-third-col {
		width: calc(50% - 20px);
	}

	/*** ARCHIVES ***/

	#edition-2014 {
		background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		-webkit-background-size: auto 100%;
		-ms-background-size: auto 100%;
	}

	#edition-2014:hover {
		background-size: auto 110%;
		-moz-background-size: auto 110%;
		-o-background-size: auto 110%;
		-webkit-background-size: auto 110%;
		-ms-background-size: auto 110%;
	}

    /*** SINGLE PRODUCTION ***/

    .workshop-banner-title h1 {
        font-size: 2.5em;
    }

}

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

	.one-third-col {
		width: auto;
		float: none;
		margin-right: 0;
	}

	.two-third-col {
		width: auto;
		float: none;
	}

	/*** INTRO ***/

	#intro h1 {
		font-size: 25px;
	}

	/*** ACTUALITES ***/

	#news-top .one-third-col, #news-top .two-third-col, #single-production .one-third-col, #single-production .two-third-col {
		width: auto;
	}

	.production-description {
		margin-top: 0;
	}

}

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

	/*** HEADER ***/

	#header {
		/*top: -120px;*/
		top: -240px;
		transition: all 0.2s ease-in 0s;
		-moz-transition: all 0.2s ease-in 0s;
		-o-transition: all 0.2s ease-in 0s;
		-webkit-transition: all 0.2s ease-in 0s;
		-ms-transition: all 0.2s ease-in 0s;
	}

	#header.toggled {
		top: 0;
	}

	#menu-main-menu {
		line-height: 40px;
	}

	#menu-main-menu li {
		display: block;
	}

	#header-dates {
		/*top: 120px;*/
		top: 200px;
		left: auto;
		right: 110px;
		line-height: 40px;
	}

	#header-lieu {
		/*top: 120px;*/
		top: 200px;
		line-height: 40px;
	}

	#mobile-menu {
		display: block;
	}

	#mobile-menu span {
		display: block;
		width: 100%;
		line-height: 40px;
		text-indent: -9999px;
		background: url('images/main-menu.jpg') left top no-repeat;
		cursor: pointer;
	}

	#global {
		padding-top: 40px;
	}

	/*** ARCHIVES ***/

	.single-archive h2 {
		font-size: 80px;
	}

    /*** SINGLE PRODUCTION ***/

    .workshop-banner-title h1 {
        font-size: 2em;
    }

}

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

}


@media print {

	.do-not-print {
		display: none;
	}

	#comments {
		page-break-before: always;
	}

	body {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.4;
		word-spacing: 1.1pt;
		letter-spacing: 0.2pt;
		font-family: Garamond,"Times New Roman", serif;
		color: #000;
		background: none;
		font-size: 12pt;
	}

	h1,h2,h3,h4,h5,h6 {
		font-family: Helvetica, Arial, sans-serif;
	}

	h1 {
		font-size: 19pt;
	}

	h2 {
		font-size:17pt;
	}

	h3 {
		font-size:15pt;
	}

	h4,h5,h6 {
		font-size:12pt;
	}

	code {
		font: 10pt Courier, monospace;
	}

	blockquote {
		margin: 1.3em;
		padding: 1em;
	}

	img {
		display: block;
		margin: 1em 0;
	}

	a img {
		border: none;
	}

	table {
		margin: 1px;
		text-align:left;
	}

	th {
		border-bottom: 1px solid #333;
		font-weight: bold;
	}

	td {
		border-bottom: 1px solid #333;
	}

	th, td {
		padding: 4px 10px 4px 0;
	}

	caption {
		background: #fff;
		margin-bottom: 2em;
		text-align: left;
	}

	thead {
		display: table-header-group;
	}

	tr {
		page-break-inside: avoid;
	}

	a {
		text-decoration: none;
		color: black;
	}

} /* END print media */