/*
Bienvenue dans l’éditeur CSS de l’extension Design !

CSS (Cascading Style Sheets) est un langage qui fournit des informations à
votre navigateur concernant le style de la page web que vous visitez. Vous
pouvez maintenant supprimer ces commentaires et commencer à ajouter votre
propre code CSS.

Par défaut, cette feuille de style sera chargée après la feuille de
style de votre thème, ce qui veut dire que les nouvelles règles que vous
ajouterez ici pourront remplacer celles créées par le thème.

Vous pouvez donc ajouter ici les changements que vous souhaitez apporter à
votre thème, sans avoir à copier la feuille de style existante de
celui-ci, ou avoir à recréer toutes les règles de style de votre thème.
*/
body {
	background-color: #c9c8c4;
	background: url(http://cieretourdulysse.com/wp-content/uploads/2015/03/fond2.jpg) no-repeat center center fixed;
	background-size: cover;
	text-align: center;
}

/*mise en forme widget des dates*/
p.date_titre a {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
}

p.date_int {
	line-height: 1.2em;
	margin-top: 0;
	font-size: 1em;
}

p.date_date {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2em;
	margin-top: 0;
}

p.date_lieu {
	font-size: .88em;
	font-style: italic;
	font-style: oblique;
	font-weight: bold;
	line-height: 1.5em;
	margin-top: 0;
}

/*Mise en forme footer spectacles*/
.spectacle {
	position: relative;
	width: 100%;
	min-height: 176px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	background-color: #ffffff;
	background-size: contain;
/*-moz-border-radius: 0 20px;
	-webkit-border-radius: 0 20px 0 20px;
	border-radius: 0 20px 0 20px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	border: 2px solid #999999;
	-moz-box-shadow: inset 2px 2px 6px #000000;
	-webkit-box-shadow: inset 2px 2px 6px #000000;
	box-shadow: inset 2px 2px 6px #000000;
/*Inner elements should not cover inner shadows*/
/*IE 7 AND 8 DO NOT SUPPORT INSET SHADOWS*/
	margin: 10px 10px 0 0;
}

.spectacle:last-child {
	margin-right: 0;
}

#sp1 {
	background-image: url(http://cieretourdulysse.com/wp-content/uploads/2016/05/22.18.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp2 {
	background-image: url(http://cieretourdulysse.com/wp-content/uploads/2015/03/Terre1.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp3 {
	background-image: url(http://cieretourdulysse.com/wp-content/uploads/2015/03/Tea_Time.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp4 {
	background-image: url(http://www.cieretourdulysse.com/wp-content/uploads/2021/10/la-grande-prêtresse-.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp5 {
	background-image: url(http://www.cieretourdulysse.com/wp-content/uploads/2023/08/Tiffet.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp6 {
	background-image: url(http://www.cieretourdulysse.com/wp-content/uploads/2017/12/DSC9413.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp7 {
	background-image: url(http://www.cieretourdulysse.com/wp-content/uploads/2021/10/DSC0084-2_900.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp8 {
	background-image: url(http://www.cieretourdulysse.com/wp-content/uploads/2020/12/IMG_3993.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

#sp9 {
	background-image: url(http://www.cieretourdulysse.com/wp-content/uploads/2021/10/désordre.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
}

.spectacle span {
	display: block;
	background-color: rgba(72,71,85,0.8);
	width: 100%;
	height: 20%;
	margin: 0;
	padding: 4px 8px;
	position: absolute;
	bottom: 0;
	transition-property: height;
	transition-duration: .5s;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
}

.spectacle:hover span {
	height: 100%;
}

.spectacle span h1 {
	text-align: center;
	font-family: "Lato", Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: 300;
}

@media ( max-width: 1000px ) {
	.navigation {
		position: relative;
	}
}