/*
Theme Name: La salamandre
Theme URI: None
Author: Michel PICCIOLI
Author URI: http://fr.viadeo.com/fr/profile/michel.piccioli
Description: Thème développé en 2014 spécialement pour le site de La Salamandre
Version: 1.0
License: Private




	Orange : ff7a05
	Noir   : 000000
	Blanc  : FFFFFF
	
************************************************************/

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

}

/* BASE
*************************************/

a img {
	border:none;
}

header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog {
	display: block;
}

html, body {
	margin:0;
	padding:0;
	height:100%;
	font-family: 'Open Sans', 'sans-serif';
	font-size: 12px;
	color:white;
	background-color: black;
	vertical-align: baseline;
	list-style: none;
}

.clear { clear:both; }
.left, .alignleft { float:left; }
.right, .alignright { float:right; }
.center, .aligncenter { margin:auto; }
.orange { color:#ff7a05; }
.height25 { height:25px; }
.textcenter { text-align:center; }
.paddingright25 { padding-right:100px !important; }
.textright { text-align:right; }
.nopointer { cursor:default; }
.nopointer a:hover { color:white !important; }

ul { list-style-type:disc;}

.fancybox-skin { background-color:transparent !important; box-shadow:none !important;}
.fancybox-nav span { visibility:visible !important;}

.fond-noir { background-color:rgba(0,0,0,0.6); }

/* HEADER
*************************************/

.bt_menu_mobile {
	display: none;
}

nav.menu {
	top: 0;
	right: 0;
	position: fixed;
	z-index:10;
	background-color:black;
	color:white;
	width:100%;
	height:100px;
	font-family: 'christopherhandregular', sans-serif;
}

.bande {
	top: 100px;
	right: 0;
	position: fixed;
	background-color:transparent;
	background-image:url('images/bande.png');
	background-repeat:no-repeat;
	width:100%;
	height:1px;
	z-index:11;
}

nav.menu ul {
	width:100%;
	height:100px;
	margin:0 auto;
	padding:0;
}

nav.menu ul li{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

nav.menu #logo{
	padding:5px 25% 11px 9% !important;
	float:left;
}

nav.menu ul li a {
	text-decoration:none;
	color:white;
	display:block;
	font-size:26px;
	font-variant:small-caps;
	padding:25px 13px;
	height:50px;
	line-height:50px;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

nav.menu #logo {
	padding:0;
}

nav.menu ul li a:hover, nav.menu ul li a:focus, nav.menu ul li a:active {
	color:#ff7a05;
	outline:none;
}




/* FOOTER
*************************************/

#footer {
	background-color:black;
	width:100%;
	height:130px;
	line-height:30px;
	position:fixed;
	bottom:-100px;
	z-index:10;
}

#footer ul {
	display:inline;
	margin-left:25px;
}

#footer ul li {
	display:inline;
}

#footer ul li a {
	color:white;
	text-decoration:none;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#footer ul li a:hover, #footer ul li a:focus, #footer ul li a:active {
	color:#ff7a05;
	outline:none;
}

#footer p {
	margin-left:65px;
}

#footer a {
	color:#ff7a05;
	text-decoration:none;
}

.footer-in {
	background-image:url('images/footer-in.png');
	background-position:center top;
	background-repeat:no-repeat;
}

.footer-out {
	background-image:url('images/footer-out.png');
	background-position:center top;
	background-repeat:no-repeat;
}

/* ACCUEIL
*************************************/

.loaderVideo {
	z-index:1;
	position: absolute;
	top:49%;
	left:47%;
	margin-right:120px;
	text-align: center;
}

.back {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	background-color: black;
}

.audessus {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	z-index:2;
}

.mask {
	width: 100%;
	height: 100%;
	background-image:url('images/start_mask.png');
	position: absolute;
	z-index:2;
	margin: 0;
	padding: 0;
}

section .back video {
	max-width: 100%;
	min-height: 100%;
	/*max-height: auto;*/
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-m-background-size: cover;
	-o-background-size: cover;
}

.texteaudessus {
	position: absolute;
	width: 1000px;
	height:50%;
	top: 20%;
	left: 50%;
	z-index: 4;
	margin-left:-500px;
	background-color:rgba(0,0,0,0.6);
}

.mavideo {
	min-width: 100%;
	z-index: 100;
	overflow: hidden;
	display: block;
}

.suite {
	position: absolute;
	z-index:9;
	bottom:8%;
	right:50%;
	margin-right:-42px;
}

.suite img {
	width:84px;
	height:84px;
}

#btn_mute {
	width:25px;
	height:25px;
	background-color: #FF7A05;
	position: fixed;
	z-index:12;
	top:5px;
	right:5px;
	font-weight:bold;
	text-align:center;
}

#btn_mute:hover {
	cursor: pointer;
}

.music_mute {
	background-image: url('images/mute.png');
	background-repeat: no-repeat;
	background-position: center center;
}

.music_play  {
	background-image: url('images/play.png');
	background-repeat: no-repeat;
	background-position: center center;
}

#logo_subventions {
	position: absolute;
	z-index:12;
	bottom:5px;
	right:5px;
}

#logo_subventions img {
	max-height:40px;
	width:auto;
}

#videoflash {
	display:none;
	position:relative;
	z-index:2;
}

.annonce_spectacle {
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: 3%;
	left: 0;
	background-color: #000000;
	color: #ff7a05;
	z-index: 15;
	overflow: hidden;
	line-height: 45px;
	border-bottom: 1px solid #212121;
	font-size: 1.5em;
}


/* COMPAGNIE
*************************************/

#compagnie {
	width:auto;
	min-height:100%;
	/*background-color:black;*/
	position:relative;
	overflow: hidden;
}

.slide {
	position:absolute;
	width:100%;
	min-height:1080px;
}

#slide1 { 
	top:0;
	background:url('images/la-compagnie-origine.jpg') no-repeat center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#slide2 { 
	top:100%;
	background:url('images/la-compagnie-fondements.jpg') no-repeat center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#slide3 { 
	top:200%;
	background:url('images/la-compagnie-rencontres.jpg') no-repeat center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}
#slide4 { top:300%; }
#slide5 { top:400%; }
#slide6 { top:500%; }

#compagnie-next {
	display:block;
	position: absolute;
	z-index:9;
	bottom:5%;
	left:50%;
}

#compagnie-prev {
	display:block;
	position: absolute;
	z-index:9;
	top:12%;
	left:50%;
	display:none;
}

#compagnie-next img,
#compagnie-prev img {
	width:84px;
	height:84px;
	margin-left:-42px;
}

#compagnie-prev:hover, #compagnie-next:hover {
	cursor: pointer;
}

#compagnie h2 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	text-shadow:1px 1px black;
	margin:0;
}

#compagnie p {
	font-size:16px;
}

#compagnie #origine {
	float:left;
	width:500px;
	margin-left:15%;
	margin-top:6%;
}

#compagnie #origine h2 {
	text-align:left;
}

#compagnie #origine p {
	text-align:left;
	width:456px;
}

#compagnie #fondements {
	float:right;
	width:500px;
	margin-right:15%;
	margin-top:6%;
}

#compagnie #fondements h2 {
	text-align:right;
}

#compagnie #fondements p {
	text-align:right;
}

#compagnie #rencontres {
	width:760px;
	margin-left:15%;
	margin-top:6%;
}

#compagnie #rencontres h2 {
	text-align:left;
}

#compagnie #rencontres p {
	text-align:left;
	width:750px;
}

#compagnie #rencontres .liste-rencontres {
	width:500px;
	clear:both;
}

#compagnie #rencontres .liste-rencontres li {
	float:left;
	list-style-type:none;
	width:250px;
	height:26px;
	font-size:15px;
	font-style:italic;
}


/* SPECTACLES
*************************************/

#spectacles {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	overflow: hidden;
}

#spectacles h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:15%;
	margin-top:6%;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}


.row-spectacle {
	height: 125px;
	margin-bottom: 35px;
}

.subcategory {
	float: left;
	height: 125px;
	line-height: 125px;
	font-size: 2.2em;
	width: 250px;
	margin-left: 20px;
}

.list-spectacle {
	float: left;
}


.prev-spectacle {
	margin: 0 20px;
	position: relative;
}

.spectacle {
	display:block;
	height: 130px;
	width: 200px;
	margin:0;
	padding:0;
	overflow: hidden;
}

.spectacle img {
	height: 200px;
	width: 200px;
	margin-top: -40px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.prev-spectacle h2 {
	text-align: center;
	/*color:#ff7a05;*/
	color:white;
	font-weight: normal;
	margin-top: 5px;
	position: absolute;
	bottom: 0;
	width: 200px;
	background-color: rgba(0,0,0,0.5);
}


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

	.subcategory {
	width: 20%;
	}

	.list-spectacle {
		width: 15%;
	}

	.spectacle {
		width: 100%;
	}

	.spectacle img {
		max-height: 200px;
		width: auto;
	}

	.prev-spectacle h2 {
		width: 100%;
	}

}


/*
.spectacle {
	display:block;
	max-width:380px;
	max-height:380px;
	min-width:170px;
	min-height:170px;
	width:15%;
	height:auto;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
	margin:2%;
}

.spectacle img {
	max-width:100%;
	max-height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	-ms-transition: all .4s ease-in-out;
}

.transition {
    -webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.spectacle h2 {
	max-width:100%;
	max-height:100%;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	text-align:center;
	margin-top:40%;
	font-family: 'christopherhandregular', sans-serif;
	font-size:50px;
	color:white;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	height:120px;
	text-shadow: 1px 1px black;
}

.classSix h2 {
	left:45px;
	margin-top:20%;
}

.spectacle h2.spectacleTitleSup {
	margin-top:32%;
}

a.spectacle {
	text-decoration:none;
}

.partenariat {
	color:white;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	text-shadow: 1px 1px black;
	font-style:italic;
	font-family:"Open Sans", sans serif;
	font-size:16px !important;
	letter-spacing:0;
	line-height:25px !important;
	position:absolute;
	right:0;
	bottom:25px;
	z-index:2;
	text-align:center;
}

*/

/* FICHE SPECTACLE
*************************************/

#fiche-spectacle {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	overflow: hidden;
	background:url('images/fondactus3.jpg') no-repeat center;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#fiche-spectacle h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:4%;
	padding-top:8%;
	margin-top:0;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#fiche-spectacle .width50 {
	width: 50%;
}

#fiche-spectacle #fiche {
	width:75%;
	margin:auto;
	margin-bottom: 15px;
}

#fiche-spectacle #description {
	/*background-color:rgba(0,0,0,0.75);*/
	width:auto;
	font-size:13px;
	min-height:200px;
	margin-bottom: 15px;
}

#fiche-spectacle #description p {
	margin:0;
	padding:15px;
	text-align:justify;
}

#fiche-spectacle #video {
	width:100%;
	margin-top: 15px;
	margin-bottom: 25px;
}

#fiche-spectacle #galerie {
	width:auto;
	/*background-color:rgba(0,0,0,0.75);*/
	min-height:150px;
	padding:20px;
	margin-bottom:25px;
}

#fiche-spectacle #galerie img {
	margin:0 20px 20px 0;
	width:121px;
}

#fiche-spectacle .btn_download,
#compagnie .btn_download {
	text-decoration:none;
	font-variant:small-caps;
	font-size:16px;
	color:white;
	float:right;
	margin-right:35px;
	/*background-color:rgba(0,0,0,0.75);*/
	background-image:url('images/download.png');
	background-position:5px 3px;
	background-repeat:no-repeat;
	padding: 5px 5px 5px 35px;
}

#fiche-spectacle .btn-retour {
	background-color: transparent;
}

#fiche-spectacle .btn_download img {
	margin-right:5px;
}

#fiche-spectacle .video_spectacle {
	width:100%;
	height:auto;
}

/* CALENDRIER (Listing)
*************************************/

#calendrier {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	overflow: hidden;
	background:url('images/fondcalendrier.jpg') no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#calendrier h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:15%;
	margin-top:6%;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#calendrier #liste_events {
	margin-top:10%;
	width:300%;
	overflow:hidden;
	position:relative;
	height:220px;
}

#calendrier #liste_events .event {
	background-color:rgba(0,0,0,0.75);
	width:350px;
	height:155px;
	float:left;
	margin-right:30px;
	position:absolute;
	top:0;
	left:0;
}

#calendrier #liste_events .event:first-child {
	left:250px;
}

#calendrier #liste_events .encours {
	background-color:rgba(0,0,0,0.9);
}

#calendrier #liste_events .event .date {
	font-size:18px;
	font-variant:small-caps;
	color:white;
	margin-top:5px;
	margin-left:15px;
}

#calendrier #liste_events .event h2 {
	margin:0;
	padding:0;
}

#calendrier #liste_events .event h2 a {
	display:block;
	font-size:22px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	margin:5px 15px 5px 15px;
	height:65px;
	text-decoration:none;
}

#calendrier #liste_events .event .lieu {
	font-size:16px;
	font-variant:small-caps;
	color:white;
	margin-right:15px;
	text-align:right;
}

#calendrier #nav-event {
	width:auto;
	height:150px;
	position:relative;
}

#calendrier #event-avant {
	width:32px;
	height:32px;
	background-image:url('images/event-next.png');
	position: absolute;
	z-index:9;
	top:0;
	right:48%;
	margin-right:-16px;
}

#calendrier #event-arriere {
	width:32px;
	height:32px;
	background-image:url('images/event-prev.png');
	position: absolute;
	z-index:9;
	top:0;
	left:48%;
	margin-right:-16px;
	display:none;
}

#calendrier #event-avant:hover, #calendrier #event-arriere:hover {
	cursor:pointer;
}

#calendrier #btn-event-past, #calendrier #btn-event-all, #calendrier #btn-agenda {
	display:block;
	background-color:rgba(0,0,0,0.75);
	width:335px;
	height:55px;
	float:left;
	margin-right:30px;
	font-size:20px;
	color:white;
	font-weight:normal;
	font-variant:small-caps;
	text-decoration:none;
	padding-left:15px;
	line-height:55px;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
	border:none;
	text-align:center;
}

#calendrier #btn-event-past:hover, #calendrier #btn-event-past:focus, #calendrier #btn-event-past:active,
#calendrier #btn-event-all:hover, #calendrier #btn-event-all:focus, #calendrier #btn-event-all:active,
#calendrier #btn-agenda:hover, #calendrier #btn-agenda:focus, #calendrier #btn-agenda:active {
	color:#ff7a05;
	cursor:pointer;
}

#calendrier #btn-event-past {
	margin-left:250px;
}

/* CALENDRIER 2  (Calendrier)
*************************************/

#calendrier #calendrier-events {
	width:75%;
	margin:auto;
	background-color:rgba(0,0,0,0.75);
	padding:25px 0;
	margin-bottom:25px;
}

#calendrier #calendrier-events #calendar {
	width:50%;
	margin:auto;
}

#calendrier #calendrier-events #calendar .fc-event {
	background-color:#ff7a05;
	border-color:#ff7a05;
}

#calendrier #calendrier-events #calendar .fc-border-separate {
	background-color:rgba(0,0,0,0.75);
}

#calendrier #calendrier-events #calendar .fc-header-title h2 {
	font-weight:normal;
}

#calendrier #calendrier-events #calendar .fc-state-highlight .fc-day-number {
	color:black;
}

#calendrier #calendar {
	margin:25px;
}

#calendrier #calendar .fc-event {
	background-color:#ff7a05;
	border-color:#ff7a05;
}

#calendrier #calendar .fc-border-separate {
	background-color:rgba(0,0,0,0.75);
}

#calendrier #calendar .fc-header-title h2 {
	font-weight:normal;
}

#calendrier #calendar .fc-state-highlight .fc-day-number {
	color:black;
}





/* FICHE EVENT
*************************************/

#fiche-event {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	overflow: hidden;
	background:url('images/fondcalendrier.jpg') no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#fiche-event h1 {
	font-size:26px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	text-shadow:1px 1px black;
	padding:0 15px;
}

#fiche-event #titre-page {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	text-shadow:1px 1px black;
	margin-left:4%;
	padding-top:8%;
	margin-top:0;
	margin-bottom:2%;
}

#fiche-event #fiche {
	width:75%;
	margin:auto;
}

#fiche-event #description {
	background-color:rgba(0,0,0,0.75);
	float:left;
	width:40%;
	margin-right:5%;
	font-size:13px;
	min-height:390px;
}

#fiche-event #description p {
	margin:0;
	padding:15px;
	text-align:justify;
}

#fiche-event #infos-event {
	padding:15px;
}

#fiche-event #galerie {
	margin:0;
	width:50%;
	float:left;
	background-color:rgba(0,0,0,0.75);
	min-height:350px;
	padding:20px;
	margin-bottom:25px;
}

#fiche-event #galerie img {
	margin:0 26px 20px 0;
}

.btn-retour {
	background-color:rgba(0,0,0,0.75);
	display:block;
	width:150px;
	height:35px;
	font-size:16px;
	color:white;
	font-weight:normal;
	font-variant:small-caps;
	text-decoration:none;
	text-align:center;
	line-height:35px;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.btn-retour:hover, .btn-retour:focus, .btn-retour:active {
	color:#ff7a05;
}


/* ACTUALITES
*************************************/

#actualites {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	background:url('images/fondactus3.jpg') no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#actus h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:4%;
	padding-top:8%;
	margin-top:0;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#actualites #actus {
	width:75%;
	margin:auto;
}

#actualites .actu {
	width:30%;
	margin:auto;
	background-color:rgba(0,0,0,0.90);
	min-height:150px;
	margin-right:3%;
	margin-bottom:3%;
}

@media screen and (min-width: 1281px) {

	#actualites .actu:nth-child(3n+1) {
	    clear: both;
	}
}

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

	#actualites .actu {
		width:47%;
	}

	#actualites .actu:nth-child(2n+2) {
	    clear: both;
	}

}

#actualites .btn-calendrier {
	min-height:50px;
}

#actualites .btn-calendrier h2 a {
	text-align:center;
}

#actualites .actu h2 a {
	display:block;
	font-size:22px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	margin:5px 0px;
	padding:0 15px;
	text-decoration:none;
}

#actualites .actu img {
	width:100%;
}

#actualites .actu p {
	text-align:justify;
	padding:0 15px;
	font-size:13px;
}

#actualites .readmore {
	display:block;
	font-size:18px;
	color:white;
	font-weight:normal;
	font-variant:small-caps;
	text-decoration:none;
	float:right;
	margin-right:45px;
	margin-bottom:8px;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#actualites .readmore:hover {
	color:#ff7a05;
}


/* FICHE ACTUALITES
*************************************/

#fiche-actualites {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	overflow: hidden;
	background:url('images/fondactus3.jpg') no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#fiche-actualites h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:4%;
	padding-top:8%;
	margin-top:0;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#fiche-actualites #fiche {
	width:75%;
	margin:auto;
}

#fiche-actualites #description {
	/*background-color:rgba(0,0,0,0.75);*/
	float:left;
	width:55%;
	margin-right:5%;
	font-size:13px;
	min-height:335px;
}

#fiche-actualites #description p {
	margin:0;
	padding:15px;
	text-align:justify;
}

#fiche-actualites .btn-retour {
	background-color: transparent;
}


/* CONTACT
*************************************/

#contact {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	background:url('images/fondactus3.jpg') no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#contact h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:15%;
	padding-top: 4%;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#contact #encadre-contact {
	width:75%;
	margin:auto;
}

#contact #formulaire {
	width:45%;
	min-height:250px;
	float:left;
	margin-right:5%;
}


/* LIENS
*************************************/

#liens {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
	background:url('images/fondliens2.jpg') no-repeat center fixed;
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

#liens h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:4%;
	padding-top:8%;
	margin-top:0;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#liens #liste_liens {
	width:75%;
	margin:auto;
}

#liens .lien {
	background-color:rgba(0,0,0,0.75);
	width:47%;
	min-height:150px;
	margin-right:3%;
	margin-bottom:3%;
	float:left;
}

#liens .lien img {
	float:left;
	margin-right:15px;
	width:190px;
}

#liens .lien h2 a {
	display:block;
	font-size:22px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	margin:5px 0px;
	padding:0 15px;
	text-decoration:none;
}

#liens .lien p {
	padding-right:15px;
	text-align:justify;
}

#liens .lien .readmore {
	display:block;
	font-size:18px;
	color:white;
	font-weight:normal;
	font-variant:small-caps;
	text-decoration:none;
	float:right;
	margin-right:45px;
	margin-bottom:8px;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#liens .lien .readmore:hover {
	color:#ff7a05;
}


/* DEFAULT
*************************************/

#default, #categorie {
	width:100%;
	min-height:100%;
	background-color:black;
	position:relative;
}

#default h1 {
	font-family: 'christopherhandregular', sans-serif;
	font-size:70px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	letter-spacing:3px;
	margin-left:4%;
	padding-top:8%;
	margin-top:0;
	margin-bottom:2%;
	text-shadow:1px 1px black;
}

#default h2 {
	font-size:22px;
	color:#ff7a05;
	font-weight:normal;
	font-variant:small-caps;
	margin:5px 0px;
	padding:0 15px;
}

#default-frame {
	width:75%;
	margin:auto;
}

#default-frame ul {
	background-color:rgba(0,0,0,0.75);
	padding:15px 45px;
}

#default-frame ul li {
	line-height:30px;
}

#default-frame ul li a {
	color:white;
	font-size:13px;
	text-decoration:none;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#default-frame ul li a:hover, #default #default-frame ul li a:active, #default #default-frame ul li a:focus {
	color:#ff7a05;
}

#default-back {
	padding:25px;
}

#default-frame p {
	color:white;
	font-size:13px;
	line-height:22px;
}

#default-frame a {
	color:white;
	font-size:13px;
	text-decoration:none;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#default-frame a:hover, #default-frame a:active, #default-frame a:focus {
	color:#ff7a05;
}



/* MEDIA QUERY
*************************************/

@media screen and (max-width: 1652px) {
	nav.menu ul li a {
		font-size:23px;
	}
}

@media screen and (max-width: 1565px) {
	nav.menu #logo{
		padding:5px 20% 11px 7% !important;
	}
}

@media screen and (max-width: 1420px) {
	nav.menu #logo{
		padding:5px 13% 11px 4% !important;
	}
}

@media screen and (max-width: 1280px) {
	html, body {
		font-size: 0.9em;
	}

	.suite {
		position: absolute;
		z-index:9;
		bottom:5%;
		right:50%;
		margin-right:-21px;
	}

	.suite img {
		width:42px;
		height:42px;
	}
	/*
	.spectacle {
		width:17%;
		margin:1%;
	}
	.spectacle h2 {
		font-size: 35px;
	}
	.spectacle h2.spectacleTitleSup { margin-top: 9%; }
	.spectacle .partenariat {
		font-size: 9px !important;
		bottom: 20px;
		left: 0;
	}
	*/

	#compagnie h2 { font-size: 45px; }
	#compagnie p { font-size: 13px; }
	#compagnie #fondements p { width: auto; }
	#compagnie #rencontres .liste-rencontres li { font-size: 12px; height: 20px; }
	#compagnie-next img, #compagnie-prev img { width:42px; height:42px; margin-left:-21px; }
	#compagnie-next { bottom:10%; }
	#compagnie #slide1,
	#compagnie #slide2,
	#compagnie #slide3 {
	    -o-background-size: cover;
	    -ms-background-size: cover;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    background-size: cover;
	}
	#compagnie #slide1 { background: url("images/la-compagnie-origine.jpg") no-repeat center fixed; }
	#compagnie #slide2 { background: url("images/la-compagnie-fondements.jpg") no-repeat center fixed; }
	#compagnie #slide3 { background: url("images/la-compagnie-rencontres.jpg") no-repeat center fixed; }

	#logo-text {
		height:80%;
	}
	
	nav.menu {
		height:80px;
	}

	.bande {
		top: 80px;
	}
	
	nav.menu ul {
		/*width:1000px;*/
		height:80px;
	}

	nav.menu #logo{
		padding:5px 17% 11px 0 !important;
		height:80px;
	}

	nav.menu #logo img{
		height:80%;
		margin-top:5px;
	}

	nav.menu ul li a {
		font-size:22px;
		padding:20px 11px;
		height:40px;
		line-height:40px;
	}

	nav.menu  #logo a {
		height:80px;
	}

	.annonce_spectacle {
		height: 35px;
		line-height: 35px;
		font-size: 1.3em;
	}

	.suite {
		bottom:11%;
	}

	#calendrier h1 { font-size: 50px; }
	#calendrier #liste_events .event:first-child { left:50px; }
	#calendrier #liste_events .event .date { font-size: 15px; }
	#calendrier #liste_events .event h2 a { font-size: 20px; }
	#calendrier #liste_events .event .lieu { font-size: 20px; }
	#calendrier #btn-event-past, #calendrier #btn-event-all, #calendrier #btn-agenda { font-size:18px; }

	#fiche-spectacle h1 { font-size: 50px; }
	#fiche-actualites h1 { font-size: 50px; }

	#actus h1 { font-size: 50px; }
	#liens h1 { font-size: 50px; }
}

@media screen and (max-width: 1130px) {
	nav.menu #logo{ padding:5px 8% 11px 4% !important; }
}
@media screen and (max-width: 1040px) {
	nav.menu #logo{ padding:5px 7% 11px 4% !important; }
}

@media screen and (max-width: 1024px) {
	nav.menu ul { width:1000px; }
	nav.menu #logo{ padding:5px 5% 11px 4% !important; }
	
	
	/* LIENS */
	#liens h1 { font-size:60px; padding-top:10%;}
	#liens .lien h2 a { font-size:18px; }
	#liens .lien img { width:120px; }
	#liens .lien .readmore { font-size:15px; }
	
	/* COMPAGNIE */
	#compagnie #origine h2 { font-size:50px; }

	#spectacles .subcategory { height: auto; display: block; float: none;}


	
}

@media screen and (max-width: 640px) {
	#back,
	#mask,
	#suite,
	#nav-event,
	div.bande {
		display: none;
	}

	#fiche-spectacle #description { float:none; width: auto;}
	#fiche-spectacle #video { float:none; width: auto;}


	#compagnie {
	    min-height: inherit;
	    overflow: auto;
	    position: static;
	    width: 100%;
	    margin-bottom: 45px;
	}

	#compagnie .slide {
	    min-height: 0;
	    position: static;
	    width: 100%;
	    height: 100%;
	}
	#compagnie .slide div {
		width: 100%;
		height: auto;
	}

	#compagnie #compagnie-next,
	#compagnie #compagnie-prev,
	#compagnie #compagnie-next img,
	#compagnie #compagnie-prev img {
		display: none;
	}

	#compagnie #origine,
	#compagnie #fondements,
	#compagnie #rencontres {
		margin:auto;
		float: none;
		width: 90%;
		min-height: 400px;
		padding-bottom: 65px;
	}
	#compagnie #origine p { width: auto; }
	#compagnie #rencontres { padding-bottom: 25px; }
	#compagnie #rencontres p { width: auto;}

	#calendrier { overflow: auto; width:100%; }
	#calendrier #liste_events { overflow: inherit; width: 100%; height: auto; margin-top: 20px; }
	#calendrier #liste_events .event { position: static; float: none; margin:auto; }
	#calendrier #liste_events .event:last-child { margin-bottom:50px; }
	#calendrier #btn-event-past, #calendrier #btn-agenda { margin: auto; float: none; margin-bottom: 5px; }

	nav.menu {
		position: static;
		background-position: center center;
	}

	.bt_menu_mobile {
		background-image: url("images/menu.png");
		width: 32px;
		height:32px;
		display:block;
		position: absolute;
		top: 25px;
		right: 25px;
		margin-bottom:10px;
		z-index: 16;
	}

	.bt_menu_mobile:hover { 
		cursor:pointer;
	}

	#menu-menu-header {
		width: 100%;
		position: absolute;
		z-index: 15;
		margin-top:65px;
		background-color: black;
		display: none;
	}

	#menu-menu-header li {
		float: none;
		background-color: black;
		padding: 5px; 
	}

	#menu-menu-header li:first-child {
		display: none; 
	}

	#menu-menu-header li a {
		height:30px;
		margin: 0;
		padding: 0;
		background-color: white;
		color:black;
		text-align: center;
		line-height: 30px;
		font-family: 'Open Sans', 'sans-serif';
	}

	#btn_mute {
		bottom: 5px;
		top:auto;
	}

}

/* HACK ALL Internet Explorer
*************************************/

* html nav.menu ul li a {
	font-size:22px !important;
}