html, body {
	margin:0;
	padding:0;
	color:#523735;
	background:#f6f2e9;
	font-family:'Muli', 'Helvetica', sans-serif;
}              
.chronoscope {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	width:100%;
	color:#523735;
	font-size:16px;
	line-height:1.2;
	font-family:'Muli', 'Helvetica', sans-serif;
}
a,
.bouton {
	outline:0;
	cursor:pointer;
    user-select:none;
	-moz-user-select:none;
    -webkit-user-select:none;
}
.centre {
	position:relative;
	margin:0 auto;
	max-width:960px;
}
.clic {
	cursor:pointer;
}


/* ---------------------------------------- | FORMULAIRE DE CONNEXION |		*/

.entree {
	position:relative;
	overflow:hidden;
	width:22em;
	margin:2em auto;
}
.entree h1 {
	font-size:2.2rem;
	font-weight:700;
	text-align:center;
	text-transform:uppercase;
	line-height:0.82;
}
.entree h1 span {
	display:inline-block;
	width:100%;
	font-size:0.82rem;
	font-family:Muli;
	font-weight:400;
	text-align:center;
}
.entree label {
	display:inline-block;
	width:100%;
	margin:0 0 0.2em;
	font-size:0.76rem;
	font-family:Muli;
	font-weight:600;
	text-transform:uppercase;
}
.entree input {
	display:inline-block;
	width:100%;
	height:2em;
	line-height:2em;
	margin:0 0 0.6em;
	padding:0.2em 0.4em;
	box-sizing:border-box;
	border:1px solid #a39775;
	border-radius:0.1em;
}
.entree .envoyer {
	text-align:center;
}
.entree .bouton {
	width:auto;
	margin:1.2em;
}
.entree .erreur {
	color:#bf0031;
	font-weight:600;
	font-size:0.92rem;
}
.raccourci {
	position:fixed;
	overflow:hidden;
	cursor:pointer;
	bottom:0;
	left:0;
	width:3rem;
	height:2rem;
	color:#f2f5ec;
	line-height:2rem;
	text-indent:4rem;
	text-align:center;
	text-transform:uppercase;
	border:0;
	outline:0;
}
/*
.raccourci:hover {
	text-indent:0;
	background:#2b2f2a;
}
*/


/* ---------------------------------------- | SÉLECTEUR |		*/

.ruban {
	display:inline-block;
	box-sizing:border-box;
	width:100%;
	height:3.2rem;
	background:#fbf9f2;
	border-bottom:1px solid #a39775;
}

.retour {
	display:inline-block;
	box-sizing:border-box;
	cursor:pointer;
	width:100%;
	height:3.2rem;
	line-height:3.2rem;
	margin:0;
	padding:0 1rem;
	font-size:1.3rem;
	font-weight:400;
	text-align:right;
	text-transform:uppercase;
	white-space:nowrap;
	overflow:hidden;
}
.partenaires {
	position:absolute;
	top:0;
	left:1rem;
	height:3.2rem;
	cursor:pointer;
	font-weight:600;
	font-size:0.86rem;
	line-height:3.6rem;
	text-transform:uppercase;
}
.liste-partenaires {
	display:none;
	position:absolute;
	top:3.2rem;
	left:-1rem;
	padding:0.4rem 0 0.6rem;
	line-height:2.4;
	z-index:1000;
	background:#f6f2e9;
	white-space:nowrap;
	border:1px solid #a39775;
	border-top:0;
}
.liste-partenaires.on {
	display:inline-block;
}
.partenaires .partenaire {
	text-transform:none;
	padding-left:1rem;
	padding-right:2.4rem;
}
.partenaires .partenaire:hover {
	background:#fbf9f2;
}
.partenaires .partenaire .nom {
	padding-right:0.2rem;
}
.partenaires .partenaire .nombre {
	color:#a39775;
	font-weight:700;
	font-size:0.8rem;
}

@media only screen and (min-width:996px) {
	.partenaires {
		left:0;
	}
}


.haut {
	position:relative;
	padding:1.6rem 1rem 0.8rem;
}
.haut-titre {
	margin:0;
	font-weight:600;
	font-size:1.12rem;
	text-transform:uppercase;
}
.haut-texte {
	font-size:0.9rem;
	margin:0.2rem 0;
}
.haut .logo {
	position:absolute;
	top:-0.8rem;
	left:20rem;
	width:102px;
	height:68px;
	background-size:cover;
}
.tableau {
	padding:0.8rem 1rem 3.2rem;
	text-align:left;
}
.tuile {
	display:inline-block;
	vertical-align:top;
	margin:0 0 1.2rem 0;
	width:25%;
}
.couverture {
	cursor:pointer;
	width:100%;
	height:100%;
	background-size:cover;
	background-repeat:no-repeat;
}
.tuile img {
	width:94%;
	height:auto;
	border:1px solid #a39775;
}
.tuile .milieu {
	position:fixed;
	top:0;
	right:0;
	left:0;
	text-align:center;
}
.tuile .fiche {
	display:none;
	position:relative;
	display:none;
	height:240px;
	padding-left:360px;
	text-align:left;
	background:#fff;
	border:1px solid #a39775;
	box-shadow:0px 0px 3000px 3000px rgba(0,0,0,0.6);
	-moz-box-shadow:0px 0px 3000px 3000px rgba(0,0,0,0.6);
	-webkit-box-shadow:0px 0px 3000px 3000px rgba(0,0,0,0.6);
}
.tuile .fiche.on {
	display:inline-block;
	margin-top:6%;
	height:240px;
	overflow:hidden;
}
.fiche .couverture {
	position:absolute;
	top:0; left:0;
	width:360px;
	height:240px;
}
.fiche .cartel {
	box-sizing:border-box;
	position:relative;
	max-width:412px;
	height:240px;
	padding:1rem 1.2rem;
	background:#fff;
}
.fiche .fermer {
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	font-weight:600;
	font-size:0.72rem;
	line-height:2.4rem;
	padding-right:2.2rem;
	text-transform:uppercase;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url('images/x.png');
}
.fiche .periode {
	font-size:0.8rem;
	margin-bottom:0.4rem;
}
.fiche .titre {
	font-size:1.12rem;
	font-weight:600;
	margin-bottom:0.2rem;
}
.fiche .intro {
	font-size:0.9rem;
	line-height:1.4;
}
.fiche .bouton {
	position:absolute;
	left:1.2rem;
	bottom:1rem;
}
.fiche .partenaire {
	cursor:pointer;
	position:absolute;
	right:1rem;
	bottom:1rem;
	width:102px;
	height:68px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top right;
}
@media only screen and (max-width:960px) {
	.tuile {
		width:33.3%;
	}
}
@media only screen and (max-width:780px) {
	.tuile {
		width:50%;
	}
	.tuile .fiche {
		height:480px;
		width:360px;
		padding-top:240px;
		padding-left:0;
	}
}
@media only screen and (max-width:480px) {
	.tuile {
		width:100%;
	}
	.tuile img {
		width:100%;
	}
	.haut .logo {
		display:none;
	}
}



/* ---------------------------------------- | INFOS MISSION |		*/

.bande-mission {
	box-sizing:border-box;
	position:absolute;
	top:0; right:0; left:0;
	width:100%;
	height:3.2rem;
	background:#fbf9f2;
	border-bottom:1px solid #a39775;
}
.mission-retour {
	display:inline-block;
	float:right;
	width:10rem;
	height:2rem;
	line-height:2rem;
	margin:0;
	padding:0.6rem 1rem;
	font-size:1.3rem;
	font-weight:400;
	text-align:right;
	text-transform:uppercase;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.mission-titre {
	display:inline-block;
	float:right;
	width:calc(100% - 14rem);
	height:2rem;
	line-height:2rem;
	margin:0 auto;
	padding:0.6rem 1rem;
	font-size:1rem;
	font-weight:600;
	text-align:left;
	text-transform:uppercase;
	white-space:nowrap;
	overflow:hidden;
}
.mission .mission-annees {
	font-size:0.88rem;
	letter-spacing:0.02em;
}


/* ---------------------------------------- | INFOS PHOTO ET NAVIGATION |		*/
.bande-photo {
	box-sizing:border-box;
	position:absolute;
	top:3.2em; right:0; left:0;
	width:100%;
	height:2.2em;
	background:#f6f2e9;
	border-bottom:1px solid #a39775;
}
.actuelle,
.suivante,
.precedente {
	box-sizing:border-box;
	position:absolute;
	top:0;
	height:2.2rem;
	margin:0;
	padding:0;
}
.actuelle {
	width:40%;
}
.suivante span,
.precedente span {
	display:inline-block;
	line-height:2.2rem;
	font-size:0.72rem;
	font-weight:600;
	text-transform:uppercase;
}
.suivante span {
	padding:0 2rem 0 0;
}
.precedente span {
	padding:0 0 0 2rem;
}
.actuelle:hover,
.suivante:hover,
.precedente:hover {
	background:#fbf9f2;
	border-bottom:1px solid #a39775;
}
.precedente {
	width:30%;
	left:0;
	text-align:left;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.suivante {
	width:30%;
	right:0;
	text-align:right;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.fleche {
	position:absolute;
	top:0;
	height:2.2rem;
	line-height:2.2rem;
	margin:0;
	padding:0;
}
.fleche .material-icons {
	font-size:2em;
	line-height:inherit;
}

.precedente .fleche {
	left:0;
}
.suivante .fleche {
	right:0;
}
.actuelle {
	box-sizing:border-box;
	position:absolute;
	top:0;
	left:30%;
	width:40%;
	height:2.2rem;
	margin:0;
	padding:0;
	text-align:center;
}
.lecture {
	height:2.2rem;
	line-height:2.2rem;
	font-size:0.88rem;
	font-weight:600;
}


/* ---------------------------------------- | CADRE PHOTO |		*/
.cadre {
	position:absolute;
	overflow:hidden;
	top:5.4rem;
	bottom:3.8rem;
	left:0;
	right:0;
	width:100%;
	background-size:contain;
	background-color:#262520;
	background-position:top center;
	background-repeat:no-repeat;
}


/* ---------------------------------------- | MENU ET ONGLETS |		*/

.menu {
	box-sizing:border-box;
	position:fixed;
	bottom:0;
	width:100%;
	height:3.8rem;
	line-height:3.8rem;
	background:#f6f2e9;
	border-top:1px solid #a39775;
	text-align:center;
}
.onglets {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
}
.onglet {
	display:inline-block;
	vertical-align:top;
	position:relative;
	height:3.8rem;
	margin:0;
	padding:0 1.2rem;
	font-size:1rem;
	font-weight:600;
	border-right:1px solid #a39775;
	text-transform:uppercase;
	cursor:pointer;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none; 
}
.onglet:hover {
	background:#fbf9f2;
}
.onglet:last-child {
	border-right:none;
}
.onglet.actif {
	background:#fff;
}
.onglet span {
	line-height:3.8rem;
}
.onglet.suivant,
.onglet.precedent {
	padding:0 0.6rem;
}
.onglet i.material-icons {
	font-size:2rem;
	line-height:3.8rem;
}

@media only screen and (max-width:720px) {
	.onglet {
		font-size:0.96rem;
		padding:0 0.8rem;
	}
}
@media only screen and (max-width:640px) {
	.onglet {
		font-size:0.92rem;
	}
	.onglet.precedent,
	.onglet.suivant {
		display:none;
	}
	.onglet:nth-child(2) {
		border-left:1px solid #a39775;
	}
}
@media only screen and (max-width:520px) {
	.onglet {
		font-size:0.88rem;
		padding:0 0.6rem;
	}
}


/* ---------------------------------------- | PANNEAUX |		*/

.panneaux {
	position:absolute;
	overflow:hidden;
	top:6.2rem;
	bottom:3.8rem;
	left:0;
	right:0;
	width:100%;
}
.panneaux .detecteur {
	position:absolute;
	top:0; right:0; bottom:0; left:0;
}
.panneau {
	position:absolute;
	display:none;
	max-height:100%;
	overflow-y:auto;
	top:100%;
	bottom:0;
	left:0;
	right:0;
	max-height:100%;
	padding:0 1.6em;
	background:#fdfcf8;
	background:rgb(253, 252, 248, 0.94);
	border-top:1px solid #a39775;
}
.panneau.actif {
	top:auto;
	display:block;
}
.panneau .centre {
	overflow:hidden;
	padding-bottom:0.8rem;
}
.fermeture {
	display:block;
	overflow:hidden;
	width:100%;
	height:2rem;
	line-height:2rem;
	padding-bottom:0.4rem;
	text-align:center;
	text-indent:-3000px;
	background:url('images/fermeture.png') center no-repeat;
}
.question {
	width:100%;
	margin:0 0 0.4rem;
	font-size:1.1rem;
	font-weight:700;
	line-height:1.2;
}
.selecteur {
	margin:0 0 0.8em;
}
.section {
	margin:0;
}
.section2 {
	margin-top:1.2rem;
}
.bloc {
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0 1.8em 0.8em 0;
	padding:1.4em 0 0;
	border:0;
}
.bloc.modes {
	white-space:nowrap;
}
.bloc .groupe {
	position:absolute;
	top:0;
	left:0;
	font-size:0.76em;
	font-weight:600;
	text-transform:uppercase;
}
.circa {
	text-transform:none;
	font-weight:600;
	letter-spacing:0.06em;
}
.instructions {
	margin:0 0 0.8em;
	font-size:0.86em;
	font-weight:400;
	line-height:1.3;
}
.liste {
	margin:1.2em 0 0.6em;
}
.etiquette {
	display:inline-block;
	margin:0 1.2em 1em 0;
	padding:0 0 0 0.8em;
	height:2.4em;
	line-height:2.4em;
	cursor:pointer;
	font-size:0.82rem;
	font-weight:700;
	white-space:nowrap;
	background:#f6f2e9;
	border:1px solid #a39775;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
    user-select:none; 
    -ms-user-select:none;
    -moz-user-select:none;
	-webkit-user-select:none;
}
.etiquette-mot {
	padding-right:0.3rem;
}
.categories .etiquette-mot {
	display:inline-block;
	min-width:9rem;
}
.compte {
	display:inline-block;
	height:2.4em;
	line-height:2.4em;
	margin:0 0 0 0.4em;
	padding:0 0.8em;
	font-weight:400;
	text-align:center;
	background:#fff;
	border-left:1px solid #a39775;
}
.etiquette:hover,
.etiquette.on:hover {
	background:#fbf9f2;
}
.etiquette.on .compte {
	background:#d7f74a;
}
.champ {
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	display:inline-block;
	vertical-align:middle;
	width:12em;
	margin:0 0 0.8em 0;
	padding:0 0.8em;
	height:2.4em;
	line-height:2.4em;
	background:#fff;
	border:1px solid #a39775;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
}
.champ.mot {
	width:12em;
	margin-right:0.6em;
}
.champsdate {
	display:inline-block;
	margin:0 1.2em 0 0;
	padding:0;
	border:0;
}
.champ.annee {
	width:2.4em;
	text-align:center;
}
.champ.mois {
	width:1.3em;
	text-align:center;
}
.champ.jour {
	width:1.3em;
	text-align:center;
}
.case {
	display:inline-block;
	margin:0 0.6em 0 0;
	border-bottom:2px solid rgba(255,255,255,0);
}
.case:hover {
	z-index:100;
}
.case.erreur {
	position:relative;
	overflow:visible;
	border-bottom:2px solid #c01200;
}
.message {
	display:none;
	position:absolute;
	color:#c01200;
    top:2.6em;
    left:-0.2em;
	padding:4px 8px;
	font-size:0.76em;
	font-style:italic;
    font-weight:600;
    white-space:nowrap;
    background:#fff;
    border:1px solid #ccc;
	border-radius:0.1em;
	-moz-border-radius:0.1em;
	-webkit-border-radius:0.1em;
}
.erreur:hover > .message {
	display:inline-block;
}
.bouton {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	margin:0 0.6em 0.8em 0;
	padding:0 0.6em;
	height:2.4em;
	line-height:2.4em;
	font-size:0.82rem;
	font-weight:700;
	border:1px solid #a39775;
	text-transform:uppercase;
	background:#ffe085;
    border-radius:0.2em;
    -moz-border-radius:0.2em;
    -webkit-border-radius:0.2em;
}
.bouton:hover {
	background-color:#ffd35d;
}
.bouton:active,
.bouton.on {
	cursor:default;
	background:#ffe085;
}


/* ---------------------------------------- | DATER |		*/

.mode {
	margin:0;
	border-right:0;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
	background:#f6f2e9;
}
.bouton.mode:hover {
	background:#fbf9f2;
}
.bouton.mode.on {
	background:#d7f74a;
}
.mode:nth-child(2) {
	border-top-left-radius:0.2em;
	border-bottom-left-radius:0.2em;
	-moz-border-radius-top-left:0.2em;
	-moz-border-radius-bottom-left:0.2em;
	-webkit-border-top-left-radius:0.2em;
	-webkit-border-bottom-left-radius:0.2em;
}
.mode:last-child {
	border-right:1px solid #a39775;
	border-top-right-radius:0.2em;
	border-bottom-right-radius:0.2em;
	-moz-border-radius-topright:0.2em;
	-moz-border-radius-bottomright:0.2em;
	-webkit-border-top-right-radius:0.2em;
	-webkit-border-bottom-right-radius:0.2em;
}


/* ---------------------------------------- | SITUER |		*/

#carte {
	height:320px;
	border:1px solid #44433b;
}
.options {
	position:relative;
	overflow:hidden;
	width:100%;
	border:1px solid #a39775;
	border-bottom:0;
	box-sizing:border-box;
	background-color:#f6f2e9;
	border-top-left-radius:0.2em;
	border-top-right-radius:0.2em;
	-moz-border-radius-topleft:0.2em;
	-moz-border-radius-topright:0.2em;
	-webkit-border-top-left-radius:0.2em;
	-webkit-border-top-right-radius:0.2em;
}
.options .droite {
	display:inline-block;
	float:right;
}
.options .gauche {
	display:inline-block;
	float:left;
}
.options .bouton {
	display:inline-block;
	height:2.8rem;
	line-height:2.8rem;
	margin:0;
	padding:0 1.2rem;
	font-size:0.76rem;
	border:0;
	border-radius:0;
	background-color:#f6f2e9;
	background-size:60%;
	background-position:center;
	background-repeat:no-repeat;
}
.options .bouton:hover {
	background-color:#fbf9f2;
}
.options .origine {
	padding-left:2.6rem;
	background-color:#f6f2e9;
	background-size:contain;
	background-position:top left;
	background-repeat:no-repeat;
	background-image:url('images/origine.png');
}
.options .modeplan,
.options .modesatellite,
.options .horaire,
.options .antihoraire {
	padding-right:2.6rem;
	background-color:#f6f2e9;
	background-size:contain;
	background-position:top right;
	background-repeat:no-repeat;
}
.options .modesatellite { background-image:url('images/satellite.png'); }
.options .modeplan { background-image:url('images/plan.png'); }
.options .horaire { background-image:url('images/horaire.png'); }
.options .antihoraire{ background-image:url('images/antihoraire.png'); }

.options .modeplan,
.options .modesatellite {
	display:inline-block;
}
.options .modeplan.on,
.options .modesatellite.on {
	display:none;
}


/* ---------------------------------------- | TÉMOIGNER |		*/

.contribuer,
.contribution {
	position:relative;
}
.texte {
	position:relative;
	padding:1.8rem 0 0;
	margin-right:120px;
	border-bottom:1px solid #a39775;
}
.contribution:last-child .texte {
	border-bottom:0;
}
.commentaire {
	/* overflow:hidden; */
	resize:none;
	min-height:1.2rem;
	width:calc(100% - 1.6rem);
	margin:0 0 0.8rem;
	padding:0.4rem 0.8rem 0.6rem;
	border:0;
	background:none;
	color:#523735;
	font-size:0.9rem;
	font-family:'Muli', 'Helvetica', sans-serif;
	border-radius:0.2em;
	-moz-border-radius:0.2em;
	-webkit-border-radius:0.2em;
	border:1px solid rgba(255,255,255,0);
}
.contribuer .commentaire {
	margin-bottom:1.6rem;
}
textarea.commentaire {
	-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
	background:#fff;
	border:1px solid #a39775;
}
textarea.commentaire::placeholder {
	opacity:0.8;
	color:#6c634d;
	font-size:0.9rem;
	font-style:italic;
}
.contribution .auteur {
	display:inline-block;
	width:100%;
	padding-bottom:1.2rem;
}
.contribution .nom {
	display:inline-block;
	float:left;
	margin-left:0.8rem;
	font-size:0.9rem;
	font-weight:600;
}
.contribution .date {
	display:inline-block;
	float:right;
	margin-right:0.8rem;
	color:#a39775;
	font-size:0.72rem;
	font-style:italic;
}
.actions {
	position:absolute;
	top:1.8rem;
	right:0;
}
.action.retirer,
.action.reviser,
.action.publier {
	cursor:pointer;
	text-align:right;
	height:1.6rem;
	line-height:1.6rem;
	margin:0 0 0.2rem;
	padding-right:1.8rem;
	color:#6c634d;
	font-size:0.8rem;
	font-weight:700;
	text-transform:uppercase;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top right;
}
.action.retirer {
	background-image:url('images/retirer-action.png');
}
.action.reviser {
	background-image:url('images/reviser-action.png');
}
.action.publier {
	background-image:url('images/publier-action.png');
}
.action.publier.bouton {
	position:relative;
	top:2.4rem;
}


/* ---------------------------------------- | DÉTAILS PHOTO ET MISSION */

.details {
	position:fixed;
	display:none;
	top:3.2rem;
	bottom:3.8rem;
	right:0;
	left:0;
	background:#f6f2e9;
}
.details.on {
	display:block;
}
.details-photo {
	top:5.4rem;
}
.details .centre {
	box-sizing:border-box;
	padding:2.4rem 0;
	text-align:center;
	vertical-align:top;
}
.details .miniature {
	display:inline-block;
	width:30%;
	margin-right:0.8rem;
}
.details .miniature img {
	display:inline-block;
	width:100%;
	height:auto;
	border:1px solid #6c634d;
	color:#6c634d;
	font-size:0.8rem;
	line-height:3rem;
}
.details .vignette {
	display:inline-block;
	text-align:left;
	width:50%;
	margin-left:0.8rem;
	vertical-align:top;
}
.details .photo-titre {
	font-weight:700;
	font-size:1.2rem;
	margin:0 0 0.4rem;
}
.details .photo-description {
	text-align:left;
	font-size:1rem;
	line-height:1.3;
	margin:0 0 0.8rem;
}
.details .photo-auteur {
	font-weight:700;
	font-size:0.92rem;
	margin:0 0 0.4rem;
}
.details .photo-provenance {
	font-size:0.86rem;
	margin:0 0 0.4rem;
}
.details .photo-droits {
	font-weight:600;
	font-size:0.86rem;
}
.details .fermer {
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	font-weight:600;
	font-size:0.72rem;
	line-height:2.6rem;
	padding-right:2.2rem;
	text-transform:uppercase;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:top right;
	background-image:url('images/x.png');
}
.details .introduction {
	padding:1rem;
	text-align:left;
	font-size:1rem;
	line-height:1.3;
	margin:0 0 0.8rem;
}
.details .logo {
	display:inline-block;
	width:102px;
	height:68px;
	background-size:cover;
}

@media only screen and (max-width:480px) {
	.details .miniature,
	.details .vignette {
		width:72%;
		margin:0.8rem 0 0.4rem;
	}
}


/* ---------------------------------------- | ZOOM |		*/

.visualisateur {
	z-index:999999999999;
}
.visualisateur .fermer {
	position:absolute;
	cursor:pointer;
	top:0;
	right:0;
	width:40px;
	height:40px;
	text-indent:-10000px;
	background-size:cover;
	background-image:url('images/fermer.png');
	border-left:1px solid #49422e;
	border-bottom:1px solid #49422e;
}
.frame {
	position:absolute;
	overflow:hidden;
	background:#2a271f;
}
.frame img {
	position:absolute;
	top:0;
	left:0;
}
.image {
	position:absolute;
	cursor:default;
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
}
.image.pan {
	cursor:grab;
}
.image.on {
	cursor:grabbing;
}
.slider {
	position:absolute;
	overflow:hidden;
	cursor:pointer;
	background:#191814;
	border-top:1px solid #49422e;
}
.marker {
	box-sizing:border-box;
	position:absolute;
	overflow:hidden;
	cursor:grab;
	color:#6c634d;
	font-size:0.8rem;
	font-weight:600;
	text-align:center;
	letter-spacing:0.02em;
	user-select:none;
	-ms-user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	color:#a29675;
	background:#2a271f;
	border-left:1px solid #49422e;
	border-right:1px solid #49422e;
}
.marker.on {
	color:#645d4b;
	cursor:grabbing;
	background:#201e19;
}