/****************************************************************
*		Feuille de style chorale têt en l'air blois sud			*
*																*
*						Valentin Fauchère						*
*					http://chorale-tet-en-lair.fr				*
*																*
*****************************************************************/


/***Declaration des polices***/

@font-face {
	font-family: 'indieflower';
	src: url('../fonts/IndieFlower.ttf') format('truetype');
}
@font-face {
	font-family: 'jura';
	src: url('../fonts/Jura-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'muliReg';
	src: url('../fonts/muli/Muli-Regular.ttf') format('truetype');
}
/***Version mobile first***/

body {
	font-size: 62.5%;
}
/*Centrage du logo et du titre du header*/
.element-header {
	text-align: center;
}
/*Logo du header*/
.logo-index {
	width: 10em;
	height: 10em;
	margin-top: 1em;
	margin-bottom: 1em
}
/*Titre du header*/
.element-header > h1 {
	font-family: indieflower, "Comic Sans MS";
	font-size: 2em;
	text-align: center;
	width: auto;
	margin-bottom: 1em;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
/*menu principal*/
.menu {
	clear: both;
	padding:0;
 	margin:0;
}
/*Element du menu*/
li {
	background-color: black;
	display: block;
}
/*Liens du menu*/
ul li .lien-menu-index {
	display: block;
	color: #E02102;
	font-family: jura, "Courrier New";
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid white;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
/*premier lien du menu*/
.first-link-menu {
	display: block;
	color: #E02102;
	font-family: jura, "Courrier New";
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid white;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
/*premier lien du menu survolé*/
li > .first-link-menu:hover {
	background-color: #CCCCCC; 
}
/*survol des liens du menu*/
li > .lien-menu-index:hover {
	background-color: #CCCCCC;  /*#941400*/
}
/*Boite de présentation page d'acceuil*/
.presentation-index {
	background-color: #E6E6E6;
	margin-top: 2.5em;
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	text-align: center;
	margin-bottom: 2em;
}
/*Image de la boite de présentation page d'accueil*/
.image-presentation-index {
 width: 278px;
 height: 176px;
 border: 6px solid gray;
border-radius: 0.750em;
box-shadow: 2px 2px 12px black;
}
/*Texte de la boite de présentation page d'acceuil*/
.texte-presentation-index {
	font-family: muliReg, "Times New Roman";
	font-size: 1.2em;
	text-align: center;
	margin-top: 0.6em;
	margin-right: 0.8em;
	margin-left: 0.8em;
	line-height: 1.2em;
}
/*Mise à la ligne du texte page d'acceuil*/
.ligne-texte-presentation-index {
	font-family: muliReg, "Times New Roman";
	font-size: 1.2em;
	text-align: center;
	margin-right: 0.8em;
	margin-left: 0.8em;
}
/*Boite du slider page accueil*/
.slider-concerts-index {
	text-align: center;
	margin-bottom: 3em
}
/*Sous-boite contenant le slider page d'accueil*/
.slider-frame-index {
	width: 100%;
	height: 20.063em;
	vertical-align:middle;
	display: block;
	background-color: #E6E6E6;
}
/*Titre du slider page d'acceuil*/
.slider-index > h2 {
	font-size: 1.4em;
	font-family: jura;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}
/*Boite contenant les prochains concerts page accueil*/
.concerts-frame-index {
	width:100%;
	max-height: 21.063em;
	text-align: center;
	vertical-align:middle;
	display: block;
	background-color: #E6E6E6;
	margin-top: 2em;
}
/*Titre de la rubrique prochain concert page accueil*/
.concerts-index > h2 {
	font-size: 1.4em;
	font-family: jura;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}
.slider-index > a {
	color: black;
}
/*texte de la rubrique prochain concert page accueil*/
.concerts-index > h3 {
	font-family: muliReg, "Times New Roman";
}
a > .titre-rubrique-index {
	padding-bottom: 1em;
}
/*Lien rubrique prochain concert page accueil*/
.concerts-index > a {
	color: black;
	font-family: muliReg, "Times News Roman";
}
.img-prconcert-index {
	width: 30%;
	height: 30%;
	min-height: 20%;
}
/*footer*/
footer {
	background-color: #8D8B8B;
}
/*Menu du footer*/
.menu-footer {
	padding-top: 1em;
	padding-bottom: 1em;
}
/*element du menu du footer*/
.element-menu-footer {
	display: block;
	background-color: #8D8B8B;
	margin-bottom: 0.5em;
}
/*liens du menu footer*/
.element-menu-footer > a {
	font-family: muliReg, "Times News Roman";
	color: white;
	font-size: 1.2em;
	text-decoration: none;
	margin-left: 0.8em;
}
/*survol des liens du menu footer*/
.element-menu-footer > a:hover {
	color: #E6E6E6;
}
/*boite des mentions légales footer*/
.infos-legales-footer {
	text-align: center;
	margin-top: 0.5em;
	padding-bottom: 0.8em;
}
/*texte des mentions légales du footer*/
.infos-legales-footer > small {
	color: white;
	font-size: 1.2em;
	font-family: muliReg, "Times News Roman";
	text-decoration: underline;
}
/*boite du texte du developpeur footer*/
.developpeur-box {
	margin-top: 1.2em;
	padding-bottom: 1em;
	margin-right: 0.5em;
	text-align: right;
}
/*texte du developpeur footer*/
.developpeur {
	font-family: muliReg, "Times News Roman";
	color: white;
}
/*lien vers le site du developpeur footer*/
.developpeur > a {
	font-family: muliReg, "Times News Roman";
	color: #E6E6E6;
	font-size: 1em;
}

/***PAGE QUI-SOMMES-NOUS***/

/*Articles page présentation*/
.presentation {
	margin-top: 2em;
}
/*Boite du contenu de l'article page présentation*/
.box-presentation-page {
	background-color: #E6E6E6;
	text-align: center;
}
/*Image présentation groupe page présentation*/
.presentation-img-1 {
	width: 99%;
	height: 99%;
	padding-top: 1.5em;
	padding-bottom: 0.8em;
}
/*Image présentation mise en scène page présentation*/
.presentation-img-2 {
	width: 99%;
	height: 99%;
	padding-top: 1.5em;
	padding-bottom: 0.8em;
}
/*Image présentation chef page présentation*/
.presentation-img-3 {
	width: 99%;
	height: 99%;
	padding-top: 1.5em;
	padding-bottom: 0.8em;
}
/*Image présentation concerts caritatifs page présentation*/
.presentation-img-4 {
	width: 60%;
	height: 60%;
	padding-top: 1.5em;
	padding-bottom: 0.8em;
}
/*texte présentation page présentation*/
.box-texte-page-presentation > p {
	font-family: muliReg, "Times News Roman";
	font-size: 1em;
	padding-bottom: 1em;
	margin-right: 0.2em;
	margin-left: 0.2em;
}
/*décalage avec le footer pour le dernier article*/
.section-presentation-page:nth-last-child(1) {
	margin-bottom: 2em;
}


/***PAGE PROCHAINS CONCERTS***/

/*Articles page prochains concerts*/
.prochains-concerts {
	background-color: #E6E6E6;
	margin-top: 2em;
	padding-left: 1em;
	padding-right: 1em;
}
/*décalage avec le footer pour le dernier article*/
.section-prochains-concerts-page:nth-last-child(1) {
	margin-bottom: 2em;
}
/*Titre du concert page prochains concerts*/
.titre-prochain-concert-page {
	font-family: muliReg, "Times News Roman";
	text-decoration: underline;
	font-size: 1.8em;
	margin-top: 1.2em;
	margin-bottom: 0.8em;
}
/*Date du concert page prochains concerts*/
.date-prochain-concert-page {
	font-family: muliReg, "Times News Roman";
	font-size: 1.4em;
	margin-bottom: 0.8em;
}
/*lieu du concert page prochains concerts*/
.lieu-prochain-concert-page {
	font-family: muliReg, "Times News Roman";
	font-size: 1.4em;
	margin-bottom: 0.8em;
}
/*Horaires du concert page prochains concerts*/
.Horaire-prochain-concert-page {
	font-family: muliReg, "Times News Roman";
	font-size: 1.4em;
	margin-bottom: 1em;
	border-bottom: 4px solid black;
	width: 60%;
}
/*Description du concert page prochains concerts*/
.description-prochain-concert-page {
	font-family: muliReg, "Times News Roman";
	font-size: 1.1em;
	line-height: 1.2em;
	padding-bottom: 0.8em;
}
/*Flyer du concert page prochains concerts*/
.flyer-prochains-concerts-page {
	width: 50%;
	margin-top: 1.8em;
}
/*Message d'erreur en cas de prochain concert invalide*/
.error {
	color: red;
	font-size: 2.6em;
	text-align: center;
	margin-top: 3em;
	margin-bottom: 5em;
}

/***PAGE ARCHIVES***/

/*Articles page archives*/
.archive {
	background-color: #E6E6E6;
	margin-top: 2em;
	padding-left: 1em;
	padding-right: 1em;
}
/*décalage avec le footer pour le dernier article*/
.section-archives-page:nth-last-child(1) {
	margin-bottom: 2em;
}
/*Titre de l'archive page archives*/
.titre-archive {
	font-family: muliReg, "Times News Roman";
	font-size: 1.45em;
	text-align: center;
	text-decoration: underline;
	padding-top: 1em;
}
/*Texte de l'archive page archives*/
.texte-archive {
	font-family: muliReg, "Times News Roman";
	font-size: 1.1em;
	padding-top: 1em;
	line-height: 1.18em;
}
/*Boite contenant les images de l'archive page archives*/
.box-images-archive {
	padding-top: 1.5em;
	text-align: center;
}
/*Images de l'archive page archives*/
.image-archive {
	width: 40%;
	margin-bottom: 1em;
}
/*décalage avec la boite pour la dernière image de l'archive page archives*/
.box-images-archive:nth-last-child(1) {
	padding-bottom: 1em;
}

/***PAGE CONTACT***/

/*section page contact*/
.section-contact-page {
	margin-top: 2em;
	margin-bottom: 2em;
}
/*Titre du formulaire page contact*/
.titre-page-contact {
	font-family: indieflower, "Comic Sans MS";
	font-size: 2em;
	text-align: center;
	margin-bottom: 1em;
}
/*Formulaire page contact*/
form {
	background-color: #E6E6E6;
	text-align: center;
}
/*Groupe de champs page contact*/
form > fieldset {
	margin-right: 2em;
	margin-left: 2em;
	margin-top: 1em;
}
/*Bordure des champs du formulaire de contact page contact*/
input {
	border: 2px solid #8D8B8B;
}
#question {
	width: 50px;
}
/*Libellés du formulaire de contact page contact*/
.ligne-formulaire-page-contact {
	font-family: muliReg, "Times News Roman";
	margin-top: 1.5em;
	margin-bottom: 0.6em;
}
/*Bouton d'envoi du message page contact*/
.valid-envoi-contact {
	background-color: #8D8B8B;
	width: 120px;
	height: 50px;
	color: white;
	font-weight: bold;
	border: 7px solid white;
	border-radius: 6px;
	margin-top: 1.5em;
	margin-bottom: 2em;
}
/*Champ objet pour le message à envoyer page contact*/
#objet {
	width: 85%;
}
/*Champ texte pour le message à envoyer page contact*/
textarea {
	width: 90%;
	height: 180px;
	border: 2px solid #8D8B8B;
}
.erreur-contact {
	color: red;
	font-size: 2em;
	margin-top: 2em;
	text-align: center;
	background-color: yellow;
}
.succes-contact {
	color: white;
	font-size: 2em;
	margin-top: 2em;
	text-align: center;
	background-color: #00FF00;
}
/*PAGE MEDIAS*/

/*section page medias*/
.section-medias-page {
	margin-top: 4em;
}
/*Boite titre type element page medias*/
.box-titre-element-page-medias {
	width: 18em;
	border-bottom: 6px solid black;
	margin-left: 1em;
}
/*titre type element page medias*/
.titre-element-medias {
	font-size: 2em;
	font-family: jura, "Courrier New";
}
/*instructions de navigation page medias*/
.instructions-page-medias {
	font-family: muliReg;
	font-size: 1em;
	text-align: center;
	margin-top: 1em;
}
/*Boite contenant l'ensemble des images page medias*/
.box-images-page-medias {
	margin-top: 3em;
	text-align: center;
}
/*liens images page medias*/
.link-img-page-medias {
	text-decoration: none;
}
/*images page medias*/
.img-page-medias {
	width: 60%;
	height: 60%;
	margin-right: 1em;
	margin-left: 1em;
	margin-bottom: 2em;
}
/*Player video page contact*/
#player1 {
	width: 280px;
	height: 180px;
	padding-bottom: 1em;
}
/*Boite contenant l'ensemble des videos page medias*/
.box-videos-page-medias {
	margin-top: 3em;
	text-align: center;
	margin-bottom: 2em;
}
/*Page connexion*/

/*Titre page connexion*/
.titre-connexion {
	font-size: 2.2em;
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
/*Champ mot de passe*/
#id_password {
	margin-right: auto;
	margin-left: auto;
	margin-top: 2em;
	margin-bottom: 2em;
}
/*Bouton connexion*/
.bouton-connect {
	font-size: 2em;
	margin-bottom: 2em;
	margin-right: 0;
}
.error-connect {
	margin-top: 1.5em;
	font-size: 1.6em;
	color: red;
}

/***Version tablette***/

/*Media querie pour la version tablette*/
@media screen and (min-device-width: 481px) and (max-device-width: 799px) {
	body {
		font-size: 100%;
	}
	/*liens du menu principale*/
	ul li .lien-menu-index {
		font-size: 1.2em;
	}
	/*premier lien du menu principale */
	ul li .first-link-menu {
		font-size: 1.2em;
	}
	/*Boite de la presentation page d'acceuil*/
	.presentation-index {
		background-color: #E6E6E6;
		margin-top: 2.5em;
		padding-bottom: 1.5em;
		padding-top: 1.5em;
		text-align: center;
		margin-bottom: 2em;
		margin-right: 2em;
		margin-left: 2em;
	}
	/*image de la boite présentation page d'acceuil*/
	.image-presentation-index {
		width: 378px;
		height: 276px;
		border: 12px solid gray;
	}
	/*sous-boite du slider page d'acceuil*/
	.slider-frame-index {
		width: auto;
		margin-right: 6em;
		margin-left: 6em;
	}
	/*sous-boite des prochains concerts page d'acceuil*/
	.concerts-frame-index {
		width: auto;
		margin-right: 6em;
		margin-left: 6em;
	}
	/*elements du menu du footer*/
	.element-menu-footer {
		margin-bottom: 0.8em;
		text-align: center;
	}
	.img-prconcert-index {
		width: 30%;
		height: 30%;
	}

	/***PAGE QUI-SOMMES-NOUS***/

	/*Boite du contenu de l'article page présentation*/
	.box-presentation-page {
		margin-right: 2em;
		margin-left: 2em;
	}
	/*Image présentation groupe page présentation*/
	.presentation-img-1 {
		width: 90%;
		height: 90%;
	}
	/*Image présentation mise en scène page présentation*/
	.presentation-img-2 {
		width: 90%;
		height: 90%;
	}
	/*Image présentation chef page présentation*/
	.presentation-img-3 {
		width: 90%;
		height: 90%;
	}
	/*Image présentation concerts caritatifs page présentation*/
	.presentation-img-4 {
		width: 51%;
		height: 51%;
	}
	/*texte présentation page présentation*/
	.box-texte-page-presentation > p {
		font-size: 1.15em;
	}
	.box-images-page-medias {
		margin-top: 3em;
		text-align: left;
	}

	/***PAGE PROCHAINS CONCERTS***/

	/*Articles page prochains concerts*/
	.prochains-concerts {
		margin-right: 2em;
		margin-left: 2em;
		padding-left: 1.8em;
		padding-right: 1.8em;
	}

	/***PAGE ARCHIVES***/

	/*Articles page archives*/
	.archive {
		margin-right: 2em;
		margin-left: 2em;
	}
	/*Images de l'archive page archives*/
	.image-archive {
		width: 65%;
	}

	/***PAGE MEDIAS***/
	/*Player videos page medias*/
	#player1 {
	width: 440px;
	height: 280px;
	padding-bottom: 1em;
}

	/***PAGE CONTACT***/

	/*section contact page contact*/
	.section-contact-page {
		margin-right: 2em;
		margin-left: 2em;
	}
	/*Libellés du formulaire de contact page contact*/
	.ligne-formulaire-page-contact {
		text-align: left;
	}
	/*Groupe de champs page contact*/
	fieldset {
		text-align: left;
	}
	/*Bouton d'envoi du message page contact*/
	.valid-envoi-contact {
		text-align: center;
		width: 160px;
		height: 60px;
	}
	/*Champ texte pour le message à envoyer page contact*/
	textarea {
		height: 250px;
	}

}

/***Version bureau***/

/*media querie pour la version laptop*/
@media screen and (min-device-width: 800px) {
	body {
		font-size: 125%;
	}
	/*logo du header*/
	.logo-index  {
		float: left;
/*
		width: 17.688em;
		height: 17.563em;
*/
	}
	/*boite contenant le logo et le titre du header*/
	header > .logo-titre-index {
		text-align: center;
		margin-bottom: 2em;
	}
	/*titre du header*/
	.element-header > h1 {
		float: right;
		font-weight: bold;
		font-family: indieflower, "Comic Sans MS";
		font-size: 3.5em;
		text-align: center;
		margin-top: 1em;
	}
	/*boite de chaque element (titre ou logo) du header*/
	.element-header {
		width: 24.000em;
		margin:0;
		display:inline-block;
		vertical-align:middle;
		text-align:right; 
	}
	/*menu principal*/
	.menu {
	 	background-color: black;
	}
	/*elements du menu principal*/
	.menu > li {
		display: inline-block;
		text-align: left;
		height: 3.8em;
	}
	/*liens du menu principal*/
	.menu li .lien-menu-index {
		display: block;
		font-size: 1em;
		font-family: jura, "Courrier New";
		font-weight: bold;
		border-bottom: none;
	  	padding-bottom: 0;
		padding-left: 0.6em;
		padding-right: 0.6em;
		text-decoration: none;
		color:#E02102;
		height: 3.8em;
		line-height:3.8em;
	  	text-align:center;
	  	padding-top: 0;
	}
	/*premier lien du menu principal*/
	.first-link-menu  {
		display: block;
		font-size: 1em;
		font-family: jura, "Courrier New";
		font-weight: bold;
		border-bottom: none;
	  	padding-bottom: 0;
		padding-left: 0.6em;
		padding-right: 0.6em;
		text-decoration: none;
		color:#E02102;
		height: 3.8em;
		line-height:3.8em;
	  	text-align:center;
	  	padding-top: 0;
	  	padding-left: 3em;
	}
	/*boite de présentation page d'acceuil*/
	.presentation-index {
		margin-right: 3.5em;
		margin-left: 3.5em;
		margin-top: 3.5em;
		margin-bottom: 2.5em;
		overflow: hidden;
		text-align: center;
	}
	/*image de la présentation page d'acceuil*/
	.image-presentation-index {
		margin-left: 1em;
		margin-top: 4em;
		margin-right: 1em;
		margin-bottom: 4em;
		width: 50%;
		height: 50%;
		border: 20px solid gray;
		box-shadow: 2px 2px 12px black;
	  	display:inline-block;
  		vertical-align:middle;
	}
	/*boite du texte de présentation page d'acceuil*/
	.box-texte-realisation-index {
		margin-right: 1em;
		width: 40%;
		display:inline-block;
  		vertical-align:middle;
	}
	/*texte de la presentation apge d'acceuil*/
	.texte-presentation-index {
		font-size: 1.4em;
	}
	/*mise à la ligne du texte de la ptresentation page d'acceuil*/
	.ligne-texte-presentation-index {
		font-size: 1.4em;
	}
	/*menu du footer*/
	.footer-nav {
		text-align: center;
	}
	/*element du menu footer*/
	.element-menu-footer {
		display: inline-block;
		background-color: #8D8B8B;
		font-size: 1em;
	}
	/*texte des mentions légales du footer*/
	.infos-legales-footer > small {
		font-style: italic;
		font-size: 1em;
		text-decoration: none;
	}/*boite contenant les rubriques slider et prochains concerts page d'acceuil*/
	.slider-concerts-index {
		text-align: center;
		margin-bottom: 4em
	}
	/*boite contenant le slider page d'acceuil*/
	.slider-frame-index {
		width: 22.750em;
		height: 21.063em;
		vertical-align:middle;
		display: inline-block;
		background-color: #E6E6E6;
		margin-right: 1.5em;
	}
	/*boite contenant la rubrique prochains concerts page d'acceuil*/
	.concerts-frame-index {
		width: 22.750em;
		height: 21.063em;
		text-align: center;
		vertical-align:middle;
		display: inline-block;
		background-color: #E6E6E6;
		margin-left: 1.5em;
		margin-top: 0;
	}
	.img-prconcert-index {
		width: 60%;
		height: 60%;
		max-width: 220px;
		max-height: 220px;
	}

	/***PAGE QUI-SOMMES-NOUS***/

	/*section de la page de presentation qui-sommes-nous*/
	.section-presentation-page {
		margin-top: 3.5em;
	}
	/*Boite du contenu de l'article page présentation*/
	.box-presentation-page {
		text-align: center;
		margin-right: 3.5em;
		margin-left: 3.5em;
	}
	/*Image présentation groupe page présentation*/
	.presentation-img-1 {
		width: 48%;
		height: 48%;
		margin: 0 50px 10px;
		display: inline-block;
  		vertical-align: middle;
  		text-align: left;
	}
	/*Image présentation mise en scène page présentation*/
	.presentation-img-2 {
		width: 48%;
		height: 48%;
		margin: 0 50px 10px;
		display: inline-block;
  		vertical-align: middle;
  		text-align: left;
	}
	/*Image présentation chef page présentation*/
	.presentation-img-3 {
		width: 45%;
		height: 45%;
		margin: 0 50px 10px;
		display: inline-block;
  		vertical-align: middle;
  		text-align: left;
	}
	/*Image présentation concerts caritatifs page présentation*/
	.presentation-img-4 {
		width: 22%;
		height: 22%;
		margin: 0 50px 10px;
		display: inline-block;
  		vertical-align: middle;
  		text-align: left;
	}
	/*Boite contenant les textes page presentation*/
	.box-texte-page-presentation {
		width: 25%;
		margin: 0 10px;
		display: inline-block;
  		vertical-align: middle;
  		text-align: left;
	}
	/*texte présentation page présentation*/
	.box-texte-page-presentation > p {
		font-size: 1.15em;
		line-height: 1.2em;
	}
	/*décalage avec le footer pour le dernier article*/
	.section-presentation-page:nth-last-child(1) {
		margin-bottom: 3em;
	}

	/***PAGE PROCHAINS CONCERTS***/

	/*Articles page prochains concerts*/
	.prochains-concerts {
		margin-right: 3.5em;
		margin-left: 3.5em;
		padding-left: 2.5em;
		padding-right: 2.5em;
		text-align: center;
	}
	/*Flyer du concert page prochains concerts*/
	.flyer-prochains-concerts-page {
		width: 25%;
		margin-top: 2em;
	}
	/*Description du concert page prochains concerts*/
	.description-prochain-concert-page {
		padding-bottom: 1.5em;
	}
	.titre-prochain-concert-page {
		text-align: left;
	}
	/*Date du concert page prochains concerts*/
	.date-prochain-concert-page {
		text-align: left;
	}
	/*lieu du concert page prochains concerts*/
	.lieu-prochain-concert-page {
		text-align: left;
	}
	/*Horaires du concert page prochains concerts*/
	.Horaire-prochain-concert-page {
		text-align: left;
	}
	/*Description du concert page prochains concerts*/
	.description-prochain-concert-page {
		text-align: left;
	}
	/*section de la page des prochains concerts*/
	.section-prochains-concerts-page {
		margin-top: 3.5em;
	}
	/*décalage avec le footer pour le dernier article*/
	.section-prochains-concerts-page:nth-last-child(1) {
		margin-bottom: 3em;
	}

	/***PAGE ARCHIVES***/

	/*section de la page des prochains concerts*/
	.section-archives-page {
		margin-top: 3.5em;
	}
	/*décalage avec le footer pour le dernier article*/
	.section-archives-page:nth-last-child(1) {
		margin-bottom: 3em;
	}
	/*Articles page archives*/
	.archive {
		margin-right: 3.5em;
		margin-left: 3.5em;
	}
	/*Titre de l'archive page archives*/
	.titre-archive {
		font-size: 1.8em;
		padding-top: 1.5em;
	}
	/*Texte de l'archive page archives*/
	.texte-archive {
		font-size: 1.1em;
		padding-top: 1.4em;
		line-height: 1.14em;
		margin-right: 2.5em;
		margin-left: 2.5em;
	}
	/*Boite contenant les images de l'archive page archives*/
	.box-images-archive {
		padding-top: 2.5em;
	}
	/*Images de l'archive page archives*/
	.image-archive {
		width: 25%;
		margin-bottom: 1.5em;
		margin-right: 0.5em;
		margin-left: 0.5em;
	}

	/***PAGE MEDIAS***/

	.section-medias-page {
		margin-right: 3em;
		margin-left: 3em;
	}
	/*images page medias*/
	.img-page-medias {
		width: 30%;
		height: 30%;
		margin-right: 1em;
		margin-left: 1em;
		margin-bottom: 2em;
	}
	/*instructions de navigation page medias*/
	.instructions-page-medias {
		display: none;
	}
	/*boite contenant l'ensemble des images page medias*/
	.box-images-page-medias {
		text-align: left;
		background-color: #E6E6E6;
		padding-top: 3em;
		padding-right: 0.5em;
		padding-left: 0.5em;
	}
	/*boite contenant l'ensemble des videos page medias*/
	.box-videos-page-medias {
		background-color: #E6E6E6;
		padding-top: 3em;
		padding-right: 0.5em;
		padding-left: 0.5em;
	}
	/*Player videos page medias*/
	#player1 {
		width: 540px;
		height: 380px;
		padding-bottom: 3em;
		display: block;
		margin: auto;
	}
	/*Titre du type d'element page medias*/
	.titre-element-medias  {
		font-size: 3em;
		margin-top: 1em;
	}

	/***PAGE CONTACT***/

	/*section contact page contact*/
	.section-contact-page {	
		margin-right: 3.5em;
		margin-left: 3.5em;
		margin-bottom: 3em;
	}
	/*Libellés du formulaire de contact page contact*/
	.ligne-formulaire-page-contact {
		text-align: left;
	}
	/*Groupe de champs page contact*/
	fieldset {
		text-align: left;
	}
	/*Champ objet pour le message à envoyer page contact*/
	#objet {
		width: 40%;
	}
	/*paragraphe servant à centrer le champs texte pour le message page contact*/
	.centrage-textaera {
		text-align: center;
	}
	/*Champ texte pour le message à envoyer page contact*/
	textarea {
		width: 60%;
		height: 240px;
	}
	/*Bouton d'envoi du message page contact*/
	.valid-envoi-contact {
		text-align: center;
		width: 240px;
		height: 80px;
		font-size: 1.2em;
		border: 8px solid white;
	}

}