body, td, th, input, button, select, textarea {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-feature-settings: 'liga=1,dlig=1,pnum=1,onum=1'; -moz-font-feature-settings: 'liga=1,dlig=1,pnum=1,onum=1'; -webkit-font-feature-settings: 'liga=1,dlig=1,pnum=1,onum=1'; -o-font-feature-settings: 'liga=1,dlig=1,pnum=1,onum=1';
	font-size: 0.85em;
	color: #191513;
}
input, select, textarea {
	background: #fff;
}
input[type=image] {
	background: none;
}
body.webkit select, body.webkit textarea {
	font-family: 'helvetica neue', arial, 'liberation sans', freesans, sans-serif !important;
}
body, td, th {
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	background: #fff;
}
div.fond {
	background: #fff;
	padding: 0 0 20px 0;
	xbox-shadow: 0 2px 5px rgba(0,0,0,.4);
	z-index: 1;
	position: relative;
}
body.fenetre-actif div.fond,
body.fenetre-actif footer.global {
	opacity: .6;
}

* {
	transition: all ease-out .1s; -moz-transition: all ease-out .1s; -webkit-transition: all ease-out .1s; -o-transition: all ease-out .1s;
}

a {
	color: #ee9455;
}

/* Écran */

.ecran {
	width: 1000px;
	margin: 0 auto;
}

@media only screen and (max-width: 1019px) {
	.ecran {
		width: 660px;
	}
}

@media only screen and (max-width: 679px) {
	.ecran {
		width: 320px;
	}
}

/* En-tête */

header.global {
	height: 50px;
	margin-bottom: 0;
	position: relative;
	z-index: 10;
	background: #222;
}
header.global ul {
	margin: 0;
	padding: 0;
}
header.global li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}
header.global a {
	text-decoration: none;
}
header.global a:hover {
	text-decoration: underline;
}
header.global section.logo {
	float: left;
	position: relative;
	left: -10px;
	padding: 2px 0 0 0;
	font-family: ;
	font-size: 30px;
	line-height: 30px;
	text-transform: uppercase;
	font-weight: normal;
	position: relative;
	z-index: 4;
	width: 155px;
}
header.global section.logo img {
}
header.global nav.principal {
	float: left;
	border-left: 1px solid rgba(255,255,255,.2);
}
header.global nav.principal div.racine {
	font-size: 1.45em;
	line-height: 50px;
	height: 50px;
	border-right: 1px solid rgba(255,255,255,.2);
	font-weight: bold;
}
header.global nav.principal li.racine + li.racine {
}
header.global nav.principal div.racine a {
	display: block;
	padding: 0 16px;
	color: #fff;
}
header.global nav.principal div.racine a.path {
	background: #ee9455;
}
header.global nav.principal li.racine:hover div.racine a {
	background: #ee9455;
	color: #fff;
	text-decoration: none;
	text-shadow: 2px 2px 0 rgba(0,0,0,.2);
	position: relative;
	z-index: 4;
}
header.global nav.principal:hover li.racine div.racine a.path {
	background: none;
}
header.global nav.principal li.racine:hover div.racine a.path,
header.global nav.principal:hover li.racine:hover div.racine a.path {
	background: #ee9455;
	color: #fff;
}
header.global nav.principal div.sous-menu {
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 0;
	right: 0;
	height: 0;
	overflow: hidden;
	opacity: 0;
	background: #ee9455;
	border-bottom: 1px solid #191513;
}
header.global nav.principal:hover div.sous-menu {
	opacity: 1;
	height: 120px;
}
header.global nav.principal li.racine:hover div.sous-menu {
	z-index: 3;
	opacity: 1;
	height: 120px;
}
header.global nav.principal div.sous-menu ul {
	margin: 20px 0;
	height: 100px;
	column-width: 320px; -moz-column-width: 320px; -webkit-column-width: 320px; -o-column-width: 320px;
	column-gap: 20px; -moz-column-gap: 20px; -webkit-column-gap: 20px; -o-column-gap: 20px;
	column-fill: auto; -moz-column-fill: auto; -webkit-column-fill: auto; -o-column-fill: auto;
}
header.global nav.principal div.sous-menu li {
	float: none;
	display: block;
	margin: 0 0 5px 0;
	font-size: 0.975em;
}
header.global nav.principal div.sous-menu a {
	opacity: 0;
	color: #191513;
	transition: all ease-out .1s; -moz-transition: all ease-out .1s; -webkit-transition: all ease-out .1s; -o-transition: all ease-out .1s;
}
header.global nav.principal li.racine:hover div.sous-menu a {
	opacity: 1;
}
header.global nav.util {
	float: right;
}
header.global nav.util li {
	padding: 12px 0;
}
header.global nav.util li + li {
	margin-left: 10px;
}
header.global nav.util a {
	display: block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	color: #000;
	background: rgba(255,255,255,.4);
	text-decoration: none;
	text-align: center;
	border-radius: 27px; -moz-border-radius: 27px; -webkit-border-radius: 27px; -o-border-radius: 27px;
}
header.global nav.util li.facebook a {
	background: #3B5998;
}
header.global nav.util li.youtube a {
	background: #CC181E;
}
header.global nav.util li.liste img {
	margin-top: 7px;
}
header.global nav.util li.facebook img {
	margin-top: 6px;
}
header.global nav.util li.youtube img {
	margin-top: 4px;
}
header.global nav.util a span {
	font-size: 1.05em;
	font-weight: bold;
}

@media only screen and (max-width: 1019px) {
	header.global {
		height: 70px;
	}
	header.global section.logo {
		width: 40px;
	}
	header.global section.logo img {
		height: 50px;
	}
	header.global nav.principal {
		margin-top: 29px;
		border-top: 1px solid rgba(255,255,255,.2);
		height: 40px;
	}
	header.global nav.principal div.racine {
		font-size: 1.125em;
		line-height: 40px;
		height: 40px;
	}
	header.global nav.principal div.racine a {
		padding: 0 8px;
	}
	header.global nav.principal div.sous-menu {
		top: 70px;
	}
	header.global nav.principal:hover div.sous-menu {
		height: 160px;
	}
	header.global nav.principal li.racine:hover div.sous-menu {
		height: 160px;
	}
	header.global nav.principal div.sous-menu ul {
		height: 140px;
	}
	header.global nav.util {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 679px) {
	header.global {
		height: 100px;
	}
	header.global nav.util {
		margin-top: 0;
	}
}

section.principal {
	clear: both;
}

/* Titre */

header.principal {
	margin: 0 0 10px 0;
}


header.principal {
	margin-bottom: 20px;
}
header.principal nav.miettes {
	font-size: 1.125em;
	line-height: 1.2em;
	margin: 0;
	color: #191513;
	font-weight: normal;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 0;
	border-bottom: 4px solid #191513;
}
header.principal nav.miettes a {
	color: #191513;
	text-decoration: none;
}
header.principal nav.miettes a:hover {
	text-decoration: underline;
}
header.principal h1 {
	font-family: aw-conqueror-didot, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-size: 3.2em;
	line-height: 1em;
	margin: 40px 0 0 0;
	font-weight: normal;
}
header.principal h1 a {
	color: #191513;
	text-decoration: none;
}


/* Grille */

section.grille {
	width: 1000px;
	height: 640px;
}
section.pastille {
	position: relative;
	width: 320px;
	height: 200px;
	float: left;
	margin: 0 0 20px 20px;
	overflow: hidden;
	background: rgba(0,0,0,.1);
}
section.pastille.premiere {
	clear: left;
	margin-left: 0;
}
section.pastille.double {
	width: 660px;
}
section.pastille.triple {
	width: 1000px;
}
section.pastille.hauteur-double {
	height: 420px;
}
section.pastille h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-size: 1.45em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 15px 15px 0 15px;
}
section.pastille h1 a {
	text-decoration: none;
}
section.pastille h1 a:hover {
	text-decoration: underline;
}
section.pastille.actif:hover {
	cursor: pointer;
}
section.pastille.actif:hover h1 a {
	text-decoration: underline;
}

section.pastille div.defilement {
	width: 340px;
	height: 200px;
	overflow-x: hidden;
	overflow-y: scroll;
}
section.pastille.hauteur-double div.defilement {
	height: 420px;
}
section.pastille div.masque {
	width: 320px;
}

section.pastille nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/* Zones */

section.zone {
	width: 320px;
	float: left;
	margin-bottom: 20px;
}
section.zone.double {
	width: 660px;
}
section.zone.triple {
	width: 1000px;
}
section.zone + section.zone {
	margin-left: 20px;
}
section.zone + section.zone.premiere {
	clear: left;
	margin-left: 0;
}

@media only screen and (max-width: 1019px) {
	section.zone.premiere:not(.double) + section.zone:not(.double) + section.zone,
	section.zone.premiere.double + section.zone:not(.double) {
		clear: left;
		margin-left: 0;
	}
	section.zone.triple {
		width: 660px;
	}
}

@media only screen and (max-width: 679px) {
	section.zone,
	section.zone + section.zone {
		clear: left;
		margin-left: 0;
	}
	section.zone.double,
	section.zone.triple {
		width: 320px;
	}
}

/* Onglets */

nav.onglets {
	margin: 0 0 20px 0;
	border-top: 4px solid #ee9455;
}
nav.onglets a {
	display: block;
	float: left;
	padding: 12px 8px;
	text-decoration: none;
	font-size: 1.125em;
	color: #191513;
	font-weight: bold;
	border-top: 4px solid #ee9455;
	position: relative;
	top: -4px;
}
nav.onglets a + a {
}
nav.onglets a.ici,
nav.onglets a.actif {
	color: #ee9455;
	padding-top: 8px;
	top: 0;
}
nav.onglets a:hover {
	color: #ee9455;
}

.page {
	display: none;
}
.page.actif {
	display: block;
}

/* Articles */

h1.article {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0;
	font-size: 1.45em;
	font-weight: bold;
	text-transform: uppercase;
}

/* Textes */

article.texte {
	margin: 0 0 30px 0;
	border-top: 4px solid #78CF98;
	border-bottom: 4px solid #78CF98;
	padding: 20px 0;
}
div.fenetre article.texte {
	background: none;
	padding: 0;
}
article.texte header {
	margin: 0 0 1em 0;
}
article.texte header h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-size: 1.45em;
	line-height: 1em;
	margin: 0 0 1em 0;
}
article.texte header h1 a {
	color: #191513;
	text-decoration: none;
}
article.texte header h1 a:hover {
	text-decoration: underline;
}
article.texte header div.avatar {
	width: 50px;
	float: left;
	margin: 0 10px 0 0;
}
article.texte header div.avatar img {
	width: 50px;
}
article.texte header div.auteur {
	font-size: 1.125em;
	line-height: 1em;
	margin: 0 0 5px 0;
}
article.texte header div.date {
	font-size: 0.975em;
}

article.texte h2 {
	font-size: 1.45em;
	margin: 0 0 0.5em 0;
}
article.texte * + h2, article.texte * + li h2 {
	margin-top: 1.5em;
}
article.texte p {
	font-size: 1.125em;
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
}
article.texte ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
}
article.texte ol {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 25px;
}
article.texte li {
	font-size: 1.125em;
	margin: 0 0 0.5em 0;
}
article.texte li li {
	font-size: 1em;
}

article.texte aside {
	float: right;
	clear: right;
	margin: 0 20px 0 20px;
}
article.texte section.photo {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #191513;
}
article.texte section.photo.portrait {
	float: right;
	clear: right;
	margin: 0 20px 20px 20px;
}
article.texte aside section.photo img,
article.texte section.photo.portrait img {
	max-width: 280px;
}

/* Chapeau */

article.texte section.chapeau {
	position: relative;
	margin: 0 0 0.5em 0;
}
article.texte section.chapeau p {
	font-size: 1.7em;
	line-height: 1.2em;
	font-family: aw-conqueror-didot, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
}

article.texte section.chapeau.doc-phenomena-festival-2014-presentation {
	background: url(../../filles/res/image.php/phenomena/2014/image-6.png?width=660&cropratio=66:34&cropoffset=.1) top left no-repeat;
	height: 340px;
	margin: 0 0 1em 0;
}
article.texte section.chapeau.doc-phenomena-festival-2014-presentation p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	margin: 0;
	color: #78CF98;
	background: rgba(0,0,0,.3);
	text-shadow: 0 0 1px #000, 0 0 20px #000;
	font-size: 1.7em;
	line-height: 1em;
}

article.texte section.chapeau.doc-phenomena-festival-2013-presentation {
	background: url(../../filles/res/image.php/phenomena/2013/image-2.png?width=660&cropratio=66:30) top left no-repeat;
	height: 300px;
	margin: 0 0 1em 0;
}
article.texte section.chapeau.doc-phenomena-festival-2013-presentation p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	margin: 0;
	color: #fff;
	text-shadow: 0 0 1px #000, 0 0 10px #000, 0 0 20px #000;
	font-size: 1.7em;
	line-height: 1em;
}

article.texte section.chapeau.doc-phenomena-club-devenez-membre {
	background: url(../../filles/res/image.php/fond/phenomena_club.jpg?width=660&cropratio=66:30) top left no-repeat;
	height: 300px;
	margin: 0 0 1em 0;
}
article.texte section.chapeau.doc-phenomena-club-devenez-membre p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 20px;
	margin: 0;
	color: #fff;
	text-shadow: 0 0 1px #000, 0 0 10px #000, 0 0 20px #000;
	font-size: 1.7em;
	line-height: 1em;
}

article.texte section.chapeau.doc-phenomena-labo-presentation {
	background: url(../../filles/res/image.php/fond/phenomena_labo.jpg?width=660&cropratio=66:38) top left no-repeat;
	height: 380px;
	margin: 0 0 1em 0;
}
article.texte section.chapeau.doc-phenomena-labo-presentation p {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	width: 260px;
	margin: 0;
	color: #78CF98;
	text-shadow: 0 0 1px #000, 0 0 10px #000, 0 0 20px #000;
}

/* Photos */

section.photo + section.photo {
	margin-top: 15px;
}

section.photo div.description {
	margin: 0.5em 0 0 0;
	font-size: 0.975em;
}
section.photo div.photographe {
	margin: 0.5em 0 0 0;
	font-size: 0.75em;
}
section.photo div.code {
	margin: 0.5em 0 0 0;
	font-size: 0.75em;
}
section.photo div.liaisons {
	margin: 0.5em 0 0 0;
}
section.photo div.liaisons p {
	font-weight: bold;
	font-size: 0.75em;
	margin: 0.5em 0 0 0;
}
section.photo div.liaisons ul {
	margin: 0;
	padding: 0;
}
section.photo div.liaisons li {
	margin: 0.2em 0 0 15px;
	padding: 0;
	font-size: 0.75em;
}

article.photos section.photo img.portrait {
	float: left;
	margin: 0 15px 0 0;
}
article.photos section.photo div.description {
	font-size: 1.125em;
}

section.photo + article.texte {
	margin-top: 20px;
}

nav.diaporama {
	overflow: hidden;
	background: #191513;
	margin-top: 0;
	border-top: 4px solid #ee9455;
	padding: 7px 3px 3px 7px;
}
nav.diaporama:hover {
	height: auto;
}
nav.diaporama a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #191513;
	margin: 0 4px 4px 0;
	position: relative;
}
nav.diaporama a img {
	width: 50px;
	height: 50px;
	opacity: .6;
}
nav.diaporama a:hover {
	background: #ee9455;
}
nav.diaporama a.sel {
	background: #ee9455;
}
nav.diaporama a.sel img {
	opacity: 1;
	position: relative;
	top: -2px;
	left: -2px;
}

article.diaporama {
	margin: 0;
	position: relative;
	background: #191513;
}
section.diapo {
	position: relative;
	width: 660px;
	background: #000;
}
section.diapo div.photo {
	text-align: center;
	height: 495px;
	line-height: 100%;
}
article.diaporama section.photo {
	position: relative;
	display: block;
	margin: 0;
	height: 420px;
}
article.diaporama section.pic {
	text-align: center;
	height: 420px;
	line-height: 420px;
	white-space: nowrap;
	display: block;
}
article.diaporama section.pic img {
	max-width: 660px;
	position: relative;
	top: 50%;
	transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);
	/* http://stackoverflow.com/a/28424339 */
}
article.diaporama section.desc {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 5px 10px 10px 10px;
	max-width: 90%;
	color: #191513;
	background: rgba(255,255,255,.8);
	box-shadow: -4px -4px 0 rgba(0,0,0,.4); -moz-box-shadow: -4px -4px 0 rgba(0,0,0,.4); -webkit-box-shadow: -4px -4px 0 rgba(0,0,0,.4); -o-box-shadow: -4px -4px 0 rgba(0,0,0,.4);
	opacity: 0;
	transition: opacity 0.2s ease-in; -moz-transition: opacity 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in; -o-transition: opacity 0.2s ease-in;
	line-height: 1.2em;
	font-size: 1.125em;
}
article.diaporama section.desc a {
	text-decoration: none;
	color: #191513;
}
div.diaporama-wrap:hover article.diaporama section.desc {
	opacity: 1;
}

section.media-photos {
	margin-bottom: 20px;
}
section.media-photo + section.media-photo {
	margin-top: 20px;
}
section.media-photo img {
	float: left;
}
section.media-photo section.infos {
	margin-left: 115px;
}
section.media-photo section.infos div.vignette {
	font-size: 1.125em;
	font-weight: bold;
}
section.media-photo section.infos div.photographe {
	font-size: 0.9em;
	margin-top: 5px;
}

/* Vidéos */

article.evenement + article.video {
	margin-top: 20px;
}
article.video + article.video {
	margin-top: 20px;
}
article.video section.description {
	margin: 0.5em 0 0 0;
	font-size: 0.975em;
}

ul.videos {
	margin: 0 0 20px 0;
	padding: 0;
}
li.video {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
li.video div.pic {
	width: 160px;
	float: left;
}
li.video div.pic img {
	border-radius: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px;
}
li.video div.titre {
	margin-left: 175px;
	font-size: 0.975em;
}
li.video a {
	text-decoration: none;
}
li.video a:hover {
	text-decoration: underline;
}

/* Horaire etc. */

article.horaire {
	position: relative;
}

nav.calendrier {
	margin: 0;
}
nav.calendrier:after {
	position: static;
	display: block;
	content: ' ';
	height: 0;
	clear: both;
}
nav.calendrier a {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 5px 5px 0;
	color: #ee9455;
	background: #F9E7CF;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
nav.calendrier a.actif {
	color: #78CF98;
	background: #ee9455;
}
nav.calendrier a span {
	display: block;
}
nav.calendrier a span.dow {
	font-size: 0.75em;
	line-height: 15px;
}
nav.calendrier a span.jour {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-size: 1.7em;
	line-height: 35px;
}

section.date {
	margin: 0 0 15px 0;
	display: none;
}
section.date.actif {
	display: block;
}
section.date h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	line-height: 1.2em;
	background: #ee9455;
	padding: 15px;
	margin: 0 0 20px 0;
	font-size: 1.125em;
	text-transform: uppercase;
	display: block;
	color: #78CF98;
}

article.calendrier nav.epoques {
	margin: 0 0 5px 0;
	padding-top: 1px;
}
article.calendrier nav.epoques ul {
	margin: 0;
	padding: 0;
}
article.calendrier nav.epoques li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0;
}
article.calendrier nav.epoques a {
	display: inline-block;
	text-decoration: none;
	color: #191513;
	font-family: ;
	font-size: 1.125em;
	padding: 7px 10px;
}
article.calendrier nav.epoques a:hover {
	color: #ee9455;
}
article.calendrier nav.epoques a.sel {
	color: #78CF98;
	background: #ee9455;
	font-weight: bold;
}

ul.cals {
	clear: left;
	margin: 0;
	padding: 0;
}
ul.cals + ul.cals {
	margin-top: 40px;
}

li.cal {
	width: 150px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0;
	list-style: none;
}
ul.cals.majeur li.cal {
	width: 320px;
}

ul.cals.majeur li.cal:nth-child(2n),
ul.cals.mineur li.cal:nth-child(4n) {
	margin-right: 0;
}
ul.cals.majeur li.cal:nth-child(2n+1),
ul.cals.mineur li.cal:nth-child(4n+1) {
	clear: left;
}

li.cal div.pic {
	width: 150px;
	height: 75px;
	background: rgba(0,0,0,.1);
	margin: 0 0 5px 0;
}
ul.cals.majeur li.cal div.pic {
	width: 320px;
	height: 160px;
}
li.cal div.pic a {
	display: block;
	width: 150px;
	height: 75px;
}
ul.cals.majeur li.cal div.pic a {
	width: 320px;
	height: 160px;
}
li.cal div.titre {
	margin: 10px 0 0 0;
	font-size: 1.125em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
}
ul.cals.majeur li.cal div.titre {
	font-size: 1.45em;
}
li.cal div.titre a {
	color: #191513;
	text-decoration: none;
}
li.cal div.titre a:hover {
	text-decoration: underline;
}
li.cal div.titre span.vedette {
	font-weight: normal;
}
li.cal div.division {
	margin: 2px 0 0 0;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
}
li.cal div.heure-lieu {
	margin: 2px 0 0 0;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
}

ul.cal-table {
	margin: 0 0 20px 0;
	padding: 0 !important;
}
ul.cal-table li {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
}
ul.cal-table li:before {
	display: block;
	content: ' ';
	height: 8px;
	xwidth: 380px;
	border-top: 1px solid #ee9455;
}
ul.cal-table li:first-of-type:before {
	border-top-width: 4px;
	width: 100%;
}
ul.cal-table div.pic {
	width: 80px;
	float: left;
}
ul.cal-table div.pic img {
	width: 70px;
}
ul.cal-table div.date {
	font-weight: bold;
	width: 150px;
	float: left;
	font-size: 1.125em;
}
ul.cal-table div.heure {
	width: 70px;
	float: left;
	font-size: 1.125em;
}
ul.cal-table section.desc {
	margin-left: 300px;
}
ul.cal-table div.titre {
	font-size: 1.125em;
	text-transform: uppercase;
	font-weight: bold;
}
ul.cal-table div.endroit {
	font-size: 0.975em;
}
ul.cal-table a {
	text-decoration: none;
}
ul.cal-table a:hover {
	text-decoration: underline;
}

/* Événements */

ul.evens {
	margin: 0;
	padding: 0;
}
li.even {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 150px;
	margin: 0 20px 40px 0;
}
li.even:nth-child(4n) {
	margin-right: 0;
}
li.even:nth-child(4n+1) {
	clear: left;
}
li.even div.pic {
	width: 150px;
	height: 75px;
	background: #ee9455;
	margin: 0 0 5px 0;
}
li.even div.pic a {
	display: block;
	width: 150px;
	height: 75px;
}
li.even div.titre {
	margin: 5px 0 0 0;
	font-size: 0.975em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
}
li.even div.titre a {
	color: #191513;
	text-decoration: none;
}
li.even div.titre a:hover {
	text-decoration: underline;
}
li.even div.titre span.vedette {
	font-weight: normal;
}
li.even div.division {
	margin: 2px 0 0 0;
	font-size: 0.75em;
	font-weight: bold;
	text-transform: uppercase;
}

article.evenement header {
	background: #ee9455;
	padding: 15px;
}
article.evenement header div.pic {
	width: 305px;
	float: left;
}
article.evenement header div.pic img {
	width: 305px;
}
article.evenement header div.vedette {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0 0 2px 325px;
	font-size: 1.7em;
	text-transform: uppercase;
	line-height: 1.2em;
	color: #191513;
}
article.evenement header h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0 0 0 325px;
	font-size: 1.7em;
	text-transform: uppercase;
	line-height: 1.2em;
}
article.evenement header h1 a {
	color: #191513;
	text-decoration: none;
}
article.evenement header h1 a:hover {
	text-decoration: underline;
}
article.evenement header div.division,
article.evenement header div.serie {
	margin: 10px 0 0 325px;
	font-size: 0.975em;
	font-weight: bold;
	text-transform: uppercase;
}
article.evenement header div.division a,
article.evenement header div.serie a {
	text-decoration: none;
	color: #78CF98;
}
article.evenement header div.division a:hover,
article.evenement header div.serie a:hover {
	text-decoration: underline;
}

article.evenement section.dates {
	background: #F9E7CF;
	padding: 15px;
	margin: 0 0 20px 0;
}
article.evenement section.dates ul {
	margin: 0;
	padding: 0;
}
article.evenement section.dates li {
	list-style: none;
	margin: 0 0 5px 0;
}
article.evenement section.lieu {
	width: 305px;
	float: right;
}
article.evenement section.lieu div.carte {
	float: left;
	width: 120px;
}
article.evenement section.lieu div.carte a:after {
	content: none;
	margin: 0;
}
article.evenement section.lieu section.description {
	float: right;
	width: 165px;
}
article.evenement section.lieu div.nom {
	font-weight: bold;
	font-size: 1.125em;
}
article.evenement section.lieu div.rue,
article.evenement section.lieu div.metro,
article.evenement section.lieu div.tel,
article.evenement section.lieu div.url {
	font-size: 0.9em;
	margin: 5px 0 0 0;
}
article.evenement section.date-heure {
	width: 305px;
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	font-size: 1.125em;
}
article.evenement section.date-heure div.date {
	font-weight: bold;
	float: left;
}
article.evenement section.date-heure div.heure {
	float: right;
}
article.evenement section.billetterie {
	float: left;
	clear: left;
	margin: 0 0 0 0;
}
article.evenement section.billetterie li {
	font-size: 0.975em;
	margin: 5px 0 0 0;
}

article.evenement section.participants {
	width: 320px;
	float: left;
}
article.evenement section.participants ul {
	margin: 0;
	padding: 0 0 0 1.5em;
}
article.evenement section.participants li {
	font-size: 1.125em;
	margin: 0 0 0.5em 0;
}

article.evenement section.description {
	width: 320px;
	float: right;
}
article.evenement section.description h2 {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
	font-size: 1.125em;
}
article.evenement section.description p,
article.evenement section.description li {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
	font-size: 0.975em;
}
article.evenement section.description ul {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1em;
}

/* Série */

article.serie header {
	background: #ee9455;
	padding: 15px;
	margin: 0 0 20px 0;
}
article.serie header h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0;
	font-size: 1.7em;
	text-transform: uppercase;
	line-height: 1.2em;
}
article.serie header h1 a {
	color: #191513;
	text-decoration: none;
}
article.serie header h1 a:hover {
	text-decoration: underline;
}
article.serie section.description {
	margin: 0 0 20px 0;
}
article.serie section.description p {
	margin: 0 0 0.5em 0;
	line-height: 1.5em;
	font-size: 0.975em;
}
article.serie article.calendrier {
}

/* Artistes */

article.artistes h1.lettre {
	margin: 0 0 0.5em 0;
	font-size: 2.6em;
	text-transform: uppercase;
	margin: 0 20px 20px 0;
	border-top: 4px solid #191513;
}
ul.artistes {
	margin: 0;
	padding: 0;
}
ul.artistes li.artiste {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #191513;
	padding-top: 8px;
}
ul.artistes div.nom {
	font-size: 1.45em;
	margin: 0 0 0.5em 0;
	width: 150px;
	float: left;
}
ul.artistes ul.evens {
	width: 490px;
	float: right;
}
ul.artistes li.even + li.even:nth-of-type(4n) {
	margin-right: 20px;
}
ul.artistes li.even + li.even:nth-of-type(4n+1) {
	clear: none;
}
ul.artistes li.even + li.even:nth-of-type(3n) {
	margin-right: 0;
}
ul.artistes li.even + li.even:nth-of-type(3n+1) {
	clear: left;
}

article.artiste header {
	background: #ee9455;
	padding: 15px;
}
article.artiste header div.pic {
	width: 305px;
	float: left;
}
article.artiste header div.pic a {
	color: #191513;
}
article.artiste header div.pic img {
	width: 305px;
}
article.artiste header h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0 0 0 325px;
	font-size: 1.7em;
	text-transform: uppercase;
	line-height: 1.2em;
}
article.artiste header h1 a {
	color: #191513;
	text-decoration: none;
}
article.artiste header h1 a:hover {
	text-decoration: underline;
}
article.artiste header section.infos {
	margin: 10px 0 0 325px;
	font-size: 0.975em;
	font-weight: bold;
	text-transform: uppercase;
}
article.artiste header section.infos a {
	text-decoration: none;
	color: #78CF98;
}
article.artiste header section.infos a:hover {
	text-decoration: underline;
}

article.artiste section h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-size: 1.125em;
}

/* Projets */

ul.projets {
	margin: 0;
	padding: 0;
}
li.projet {
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
li.projet div.projet {
	color: #191513;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

/* Nouvelles */

article.nouvelles {
	padding: 15px;
	background: #F9E7CF;
}
article.nouvelles h1 {
	margin: 0 0 15px 0;
	font-size: 1.125em;
	text-transform: uppercase;
	color: #191513;
}
ul.nouvs {
	margin: 0;
	padding: 0;
}
ul.nouvs li {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
}
ul.nouvs li + li:before {
	display: block;
	content: ' ';
	height: 8px;
	width: 80px;
	border-top: 1px solid #ee9455;
}
ul.nouvs a {
	color: #191513;
	text-decoration: none;
}
ul.nouvs a:hover {
	text-decoration: underline;
}
ul.nouvs div.titre {
	font-size: 1.125em;
	line-height: 1em;
}
ul.nouvs div.date {
	font-size: 0.9em;
	margin: 2px 0 0 0;
	color: rgba(0,0,0,.4);
}

/* Formulaire */

form dl {
	margin: 0;
	padding: 0;
}
form dt {
	font-size: 0.9em;
	margin: 0 0 5px 0;
}
form dd {
	margin: 0 0 10px 0;
	padding: 0;
}
form dd input {
	font-size: 1.125em;
	border: 1px solid #191513;
	padding: 5px 10px;
	min-width: 300px;
}

/* Boutons etc. */

nav.btn a, nav.btn input {
	float: left;
	display: block;
	color: #191513;
	background: #ee9455;
	padding: 5px 15px;
	text-decoration: none;
	border: 0;
	font-weight: bold;
	font-size: 0.975em;
}
nav.btn a + a,
nav.btn a + input,
nav.btn input + a,
nav.btn input + input {
	margin-left: 5px;
}

nav.mini a {
	float: left;
	display: block;
	color: #191513;
	background: #ee9455;
	height: 27px;
	width: 27px;
	line-height: 27px;
	text-align: center;
	border-radius: 27px; -moz-border-radius: 27px; -webkit-border-radius: 27px; -o-border-radius: 27px;
}
nav.mini a + a {
	margin-left: 5px;
}
nav.mini a.plus img {
	margin-top: 6px;
}

/* Sous */

nav.sous {
	position: relative;
	background: #F9E7CF;
	padding: 15px;
}
nav.sous ul {
	margin: 0;
	padding: 0;
}
nav.sous li {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.125em;
}
nav.sous li + li {
	margin-top: 5px;
}
nav.sous a {
	color: #191513;
	text-decoration: none;
}
nav.sous a:hover {
	text-decoration: underline;
}

nav.sous.doc-phenomena-festival-2015-series {
	background: url(../../filles/res/image.php/phenomena/2015/image-3.jpg?width=660&cropratio=66:46) top left no-repeat;
	height: 460px;
	margin: 0 0 1em 0;
}
nav.sous.doc-phenomena-festival-2015-series ul {
	position: absolute;
	top: 120px;
	width: 320px;
	left: 170px;
}
nav.sous.doc-phenomena-festival-2015-series li {
	font-size: 2.6em;
	text-align: center;
}
nav.sous.doc-phenomena-festival-2015-series li + li {
	border-top: 1px solid #fff;
	padding-top: 15px;
	margin-top: 15px;
}
nav.sous.doc-phenomena-festival-2015-series a {
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.4), 0 0 5px rgba(0,0,0,.4), 0 0 20px rgba(0,0,0,.4);
	font-weight: bold;
}

nav.sous.doc-phenomena-festival-2014-series {
	background: url(../../filles/res/image.php/phenomena/2014/image-9.png?width=660&cropratio=66:46) top left no-repeat;
	height: 460px;
	margin: 0 0 1em 0;
}
nav.sous.doc-phenomena-festival-2014-series ul {
	position: absolute;
	top: 120px;
}
nav.sous.doc-phenomena-festival-2014-series li {
	font-size: 2.6em;
}
nav.sous.doc-phenomena-festival-2014-series a {
	color: #78CF98;
}

nav.sous.doc-phenomena-festival-2013-series {
	background: url(../../filles/res/image.php/phenomena/2013/image-4.png?width=660&cropratio=66:40) top left no-repeat;
	height: 400px;
	margin: 0 0 1em 0;
}
nav.sous.doc-phenomena-festival-2013-series ul {
	position: absolute;
	top: 100px;
}
nav.sous.doc-phenomena-festival-2013-series li {
	font-size: 2.6em;
}
nav.sous.doc-phenomena-festival-2013-series a {
	color: #78CF98;
}

nav.photos ul {
	margin: 0;
	padding: 0;
}
nav.photos li {
	width: 320px;
	height: 214px;
	float: left;
	display: block;
	margin-bottom: 20px;
	position: relative;
	border-bottom: 4px solid #78CF98;
}
nav.photos li.actif {
	cursor: pointer;
}
nav.photos li + li {
	margin-left: 20px;
}
nav.photos li + li:nth-of-type(3n+1) {
	margin-left: 0;
	clear: left;
}
nav.photos li div.photo {
	height: 214px;
	background: rgba(0,0,0,.1);
}
nav.photos li div.titre {
	position: absolute;
	bottom: 0;
	left: 0;
}
nav.photos li div.titre a {
	text-decoration: none;
	font-size: 1.45em;
	color: #191513;
	background: rgba(255,255,255,.8);
	padding: 5px 10px;
	display: inline-block;
}
nav.photos li.actif:hover div.titre a,
nav.photos li div.titre a:hover {
	background: rgba(255,255,255,.95);
}

@media only screen and (max-width: 1019px) {
	nav.photos li + li:nth-of-type(3n+1) {
		margin-left: 20px;
		clear: none;
	}
	nav.photos li + li:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* Aside */

aside {
	width: 320px;
	float: right;
	clear: right;
}
aside nav.contexte {
	margin: 0 0 20px 0;
	padding: 10px 0;
	border: 4px solid #ee9455;
}

@media only screen and (max-width: 1019px) {
	aside nav.contexte {
		height: 15px;
		overflow: hidden;
	}
	aside nav.contexte:hover {
		height: auto;
	}
}

/* Contexte */

nav.contexte {
	position: relative;
}

@media only screen and (min-width: 1020px) {
	nav.contexte.doc-phenomena-festival-2019 h1 a:before {
		content: url(../res/image.php/phenomena/2019/pastille-annonce.jpg?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2018 h1 a:before {
		content: url(../res/image.php/phenomena/2018/pastille-annonce.jpg?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2017 h1 a:before {
		content: url(../res/image.php/phenomena/2017/pastille-annonce.jpg?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2016 h1 a:before {
		content: url(../res/image.php/phenomena/2016/pastille-annonce.png?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2015 h1 a:before {
		content: url(../res/image.php/phenomena/2015/pastille-annonce.png?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2014 h1 a:before {
		content: url(../res/image.php/phenomena/2014/pastille-annonce.png?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2013 h1 a:before {
		content: url(../res/image.php/phenomena/2013/pastille-annonce.png?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
	
	nav.contexte.doc-phenomena-festival-2012 {
		border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px;
		border-top-width: 0;
		border-bottom-width: 0;
	}
	nav.contexte.doc-phenomena-festival-2012:before {
		position: absolute;
		top: -30px;
		left: -4px;
		content: url(../res/image.php/phenomena/2012/deco-haut.png?width=320);
	}
	nav.contexte.doc-phenomena-festival-2012:after {
		position: absolute;
		bottom: -30px;
		left: -4px;
		content: url(../res/image.php/phenomena/2012/deco-bas.png?width=320);
		z-index: 2;
	}
	nav.contexte.doc-phenomena-festival-2012 h1 a:before {
		content: url(../res/image.php/phenomena/2012/pastille-annonce.png?width=282);
		margin: 0 0 10px 0;
		display: block;
	}
}

nav.contexte h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 15px;
	padding: 5px 0;
}
nav.contexte h1 a {
	color: #ee9455;
	text-decoration: none;
}
nav.contexte h1 a:hover {
	text-decoration: underline;
}
nav.contexte ul {
	margin: 0;
	padding: 0;
}
nav.contexte ul ul {
	margin: 0 0 0 15px;
}
nav.contexte li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.975em;
}
nav.contexte li li {
	font-size: 1em;
}
nav.contexte li a {
	color: #191513;
	text-decoration: none;
	display: block;
	padding: 4px 15px;
}
nav.contexte li.path>a {
	font-weight: bold;
	color: #191513;
}
nav.contexte li.here>a {
	border-left: 4px solid #ee9455;
	padding-left: 11px;
	color: #ee9455;
}
nav.contexte li a:hover {
	text-decoration: none;
	color: #191513;
	background: #ee9455;
}
nav.contexte li.here>a:hover {
	border-left-color: #191513;
}

@media only screen and (max-width: 1019px) {
	nav.contexte h1 {
		padding: 0 0;
	}
	nav.contexte h1:before {
		content: "▼ ";
		color: #ee9455;
	}
}


/* Héritage */

section.heritage {
	width: 760px;
	background: #fff;
	margin: 0 auto;
}
section.heritage,
section.heritage td, 
section.heritage input, 
section.heritage select {
	font-family: 'lucida grande', verdana, arial, sans-serif;
	font-size: 10pt;
	color: #333;
}

/* Pied de page */

footer.global {
	padding-bottom: 30px;
}
footer.global nav {
	position: relative;
	float: left;
	padding: 30px 0 15px 0;
}
footer.global nav + nav {
	margin-left: 40px;
}
footer.global nav.filles {
	float: right;
}
footer.global nav h1 {
	font-family: proxima-nova, 'helvetica neue', arial, 'liberation sans', freesans, sans-serif;
	margin: 0;
	font-size: 1.05em;
	text-transform: uppercase;
}
footer.global nav ul {
	margin: 3px 0 0 0;
	padding: 0;
}
footer.global nav li {
	margin: 3px 0 0 0;
	padding: 0;
	list-style: none;
	font-size: 0.9em;
}
footer.global nav a {
	color: #ee9455;
	text-decoration: none;
}
footer.global nav a:hover {
	text-decoration: underline;
}
footer.global section.gen {
	font-size: 0.75em;
	color: #ee9455;
	margin-top: 30px;
}
footer.global section.gen code {
	font-size: 1.2em;
	background: #ee9455;
	color: #191513;
	margin: 0 5px;
}
footer.global section.gen a {
	color: #ee9455;
}

/* Popup */

div.fenetre {
	position: fixed;
	background: rgba(255,255,255,.975);
	z-index: 998;
	box-shadow: inset 0 0 1px rgba(0,0,0,.8), 0px 3px 15px #000; -moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), 0px 3px 15px #000; -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), 0px 3px 15px #000; -o-box-shadow: inset 0 0 1px rgba(0,0,0,.8), 0px 3px 15px #000;
	border: 2px solid #000\9; /* IE */
	border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px;
	opacity: 0;
	padding: 0;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
	overflow: hidden;
	background: #fff;
}
div.fenetre.actif {
	opacity: 1;
}
div.fenetre-contenu {
	overflow: auto;
	height: 100%;
	padding: 0 30px 0 15px;
	margin-right: -15px;
}
div.fenetre header.fenetre {
	box-shadow: 0 2px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.2); -o-box-shadow: 0 2px 2px rgba(0,0,0,.2);
	padding: 15px 15px 10px 15px !important;
	margin: 0 -30px 15px -15px;
	background: rgba(0,0,0,.05);
	border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-radius: 2px 2px 0 0; -o-border-radius: 2px 2px 0 0;
	background: #ee9455;
}
div.fenetre.inverse header.fenetre {
	background: ;
}
div.fenetre header.fenetre h1 {
	margin: 0;
	font-size: 1.125em;
	font-weight: bold;
	text-transform: uppercase;
}
header.fenetre a {
	color: #78CF98;
	text-decoration: none;
}
header.fenetre a:hover {
	text-decoration: underline;
}
div.fenetre-contenu>*:last-child {
	padding-bottom: 15px !important;
}


/* Logos */

a.logo {
	background: #fff;
	padding: 5px;
	display: inline-block;
	margin: 0 5px 5px 0;
}
a.logo.out:after {
	content: none;
	margin: 0;
}

/* Divers */

table {
	border: 0;
	border-collapse: collapse;
}
form {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: middle;
}
embed {
	vertical-align: middle;
}
hr {
	margin: 2em 0;
	height: 0;
	border: 0;
	border-top: 1px solid #191513;
}
p.sig {
	text-align: right;
}
sup {
	vertical-align: top;
	line-height: 1em;
}
sub {
	vertical-align: bottom;
	line-height: 1em;
}
a.out:after {
	content: url(../res/element/icone-site.png);
	margin-left: 3px;
}
.ind {
}
.w, .t {
	font-style: italic;
}
.n {
	font-style: italic;
}
.clear {
	clear: both;
}
.clear-left {
	clear: left;
}
.clear-right {
	clear: right;
}
.cache {
	display: none;
}

/* Dev */

#dev {
	position: fixed;
	top: 0;
	left: 0;
	width: 200px;
	box-shadow: inset -3px 0 4px -2px #999; -moz-box-shadow: inset -3px 0 4px -2px #999; -webkit-box-shadow: inset -3px 0 4px -2px #999; -o-box-shadow: inset -3px 0 4px -2px #999;
	background: #eee;
	height: 100%;
	overflow: hidden;
}
#dev:hover {
	overflow-y: auto;
}
body.dev #conteneur {
	margin-left: 200px;
}
body.dev #footer {
	width: auto;
	margin-left: 200px;
}
body.dev #radio.fix #radio-poste {
	margin-left: 200px;
}
body.dev #radio.fix #radio-playlist {
	margin-left: 200px;
}

#log {
	color: #191513;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
#log li {
	list-style: none;
	padding: 2px 10px;
	border-bottom: 1px solid #ccc;
}