/* ==== */
/* PAGE */
/* ==== */
body {
	color: #77bc65; background-color: #fdfddd;
	font-family: Verdana, Ubuntu, serif;
	height: 100%;
}
section { max-width: 1200px; margin: auto; }
h1 { text-align: center; margin: 0px; font-size: 1.7em; }
h2 { text-align: center; font-size: 0.8em; margin: 0px; }
a { color: #46b928; background-color: inherit; }
div[title] { text-decoration: underline; text-decoration-style: dotted; cursor: help; }
strong {font-weight: bold;}
.photo img, .photoCollec img { width: 80%; max-width: 100px; }

.gras { font-weight: bold; }
.italique { font-style: italic; }
.souligne { text-decoration: underline; }
.barre { text-decoration: line-through; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.justify { text-align: justify; }

.Erreur {color: red; background-color: inherit; text-align: center;}

/* ===== */
/* Affichage formatage
/* ===== */
div#boutonAfficheFormatage, div#boutonAfficheFormatageBas { 
	width: 95%;
	margin: auto; 
	max-width: 800px; 
	padding: 5px; 
	text-align: center;
	border: 1px solid #77bc65;
 }
div#afficheFormatage {
	margin: auto;
	width: 95%;
	max-width: 800px;
	display: grid;
	grid-template-columns: repeat(2,minmax(0,1fr));
	grid-template-rows: auto;
	column-gap: 5px;
	row-gap: 5px;
}
div#afficheFormatage > div {
	border: 1px solid #77bc65;
	padding: 5px;
	display: flex;
	align-items: center;
}
div#afficheFormatage div {
	overflow-wrap: break-word;
	overflow: scroll;
}
div#afficheFormatage > div.effet:has(>div.center) { justify-content: center; }
div#afficheFormatage > div.effet:has(>div.right) { justify-content: right; }
div#afficheFormatage > div.effet:has(>div.justify) { justify-content:stretch; }
div#afficheFormatage > div.effet:has(ul), div#afficheFormatage > div.effet:has(li) { flex-direction: column; align-items: flex-start; }
div#afficheFormatage > div img { width: 50px; }

/* ==== */
/* MENU */
/* ==== */
nav { text-align: center; }
nav ul { list-style-type: none; padding-left: 0px; border-bottom: 1px solid #77bc65; border-top: 1px solid #77bc65; padding: 2px; }
nav ul li {
	font-weight: bold;
	display: inline-block; margin: 5px; padding: 5px;
}
li.ListeSel a { text-decoration: none; }
nav ul li.ListeSel { border: 1px solid #77bc65; }

#boutonAide {
	position: fixed; bottom: 0; right: 0;
	z-index: 20; margin: 10px; padding: 10px;
	border: 1px solid #bcedfd; border-radius: 10px;
	background-color: #fdfddd; color: inherit;
}
#boutonAide a { color: #98bfcc; background-color: inherit; }
#boutonAide span { background-color: blue; color: white; padding: 2px 7px; border: 2px solid white; border-radius: 100%; font-weight: bold; }

/* ======= */
/* TABLEAU */
/* ======= */
#tableau { text-align: center; }

/* Liens */
.liens a { text-decoration: none; display: inline-block; width: 32px; height: 32px; }
.liens a.url { width: 32px; background: url('Images/sprite.png') -96px 0px;}
.liens a.amazon { width: 32px; background: url('Images/sprite.png') -32px 0px;}
.liens a.fnac { width: 32px; background: url('Images/sprite.png') -64px 0px;}
.liens a.nintendo { width: 32px; background: url('Images/sprite.png') -32px -38px;}
.liens a.librairiepapyrus { width: 32px; background: url('Images/sprite.png') -64px -38px;}
.liens a.broze { width: 32px; background: url('Images/sprite.png') -96px -38px;}
.liens a.dreamland { width: 32px; background: url('Images/sprite.png') -128px 0px;}
.liens a.dreambaby { width: 32px; background: url('Images/sprite.png') -128px -38px;}
.liens a.foxetcie { width: 32px; background: url('Images/sprite.png') -160px 0px;}

/* ========== */
/* FORMULAIRE */
/* ========== */
#sticky_header {
	position: -webkit-sticky; position: sticky; top: 0; padding: 5px;
	background-color: #fdfddd;
	width: 100%;
	z-index: 10;
}
input {
	width: 90%;
	max-width: 150px; padding: 5px;
	border: 1px solid rgb(177,176,171);
	color: #77bc65; background-color: inherit;
}
input:focus { color: inherit; background-color: white; }
input[type="submit"] { cursor: pointer; border: 1px outset #77bc65; }
input[type="submit"]:active { border: 1px inset #77bc65; }
label, input[type="checkbox"] { cursor: pointer; font-weight: bold; }
input[type="checkbox"] { width: auto; }

input[type="checkbox"] + label span {
	background: url('Images/sprite.png') no-repeat;
	background-position: left -35px;
	display: inline-block; width: 32px; height: 35px;
}
input[type="checkbox"]:checked + label span { background-position: left 0; }

#Identite {
	margin: 5px auto; max-width: 1000px;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-box-pack: space-evenly; -moz-box-pack: space-evenly; -ms-flex-pack: space-evenly; -webkit-justify-content: space-evenly; justify-content: space-evenly;
}
#Identite input { width: 150px; margin-bottom: 5px; }
#ID_Nom, #ID_Mail {
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
	align-items: center;
}
#ID_Nom div, #ID_Mail div { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
input#name, input#email { display: none; }

.ligneTitre { display: none; }

/* ===== */
/* IDÉES */
/* ===== */
.ligne { border-top: 1px solid #77bc65; padding-top: 5px; }
.ligneA { color: inherit; background-color: #fefef2; }
.collection { border: none; }
.idee, .collec { padding: 5px; margin-top: 0px; }
.collection div.idee, .nelleCollection div.idee { border: 1px dotted #77bc65; width: 95%; margin: auto; }

.collec h3 { margin: 0px; }

.tropTard { color: gray; background-color: inherit; text-decoration: line-through; }
.tropTard img, .tropTard .jeReserve, .tropTard .jeParticipe, .tropTard .liens { display: none; }

div.nom_desc_liens { min-width: 200px; max-width: 400px; }
div.nom { text-decoration: underline; font-weight: bold; }
div.desc { margin-bottom: 5px; font-style: italic; }

.rsv_checkbox, .rsv_checkbox * { vertical-align: middle; }
.ptc_input label small { font-weight: initial; font-size: 0.7em; padding: 5px; }

/* Pourcentage */
.ligne_montants_recus {
	display: block; width: 80%; max-width: 130px; height: 5px;
	margin: 5px auto;
	background-color: #77bc65; color: inherit;
}
.ligne_montants_recus > span {
	display: block; height: 100%;
	background-color: #46b928; color: inherit;
}

/* ======= */
/* MESSAGE */
/* ======= */
#message {
	position: fixed;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: center;
	background-color: rgba(255,255,255,0.9); color: inherit;
	z-index: 100;
	overflow: scroll;
}
#message .croixFermer {text-align: right;}

/* ==== */
/* AIDE */
/* ==== */
#aide {
	position: fixed;
	top: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 15px;
	text-align: justify;
	background-color: rgba(255,255,255,0.9); color: inherit;
	z-index: 100;
	overflow: scroll;
}
#aide div { max-width: 1000px; margin: auto; width: 90%; }
#aide .croixFermer {text-align: right;}
#aide #RevenirListe { text-align: center; }

/* ============= */
/* MEDIA QUERIES */
/* ============= */
@media all and (min-width: 400px) {
	#ID_Envoi { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }
	#ID_Envoi div { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
	.idee { 
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		align-items: center;
	}
	.collection .idee, .nelleCollection .idee { display: block; }
	.photo { -webkit-box: 1; -moz-box: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
	.nom_desc_liens {
		-webkit-box: 6; -moz-box: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6;
		padding: 10px;
	}
	.rsrv_ptcp { -webkit-box: 3; -moz-box: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; }
}

@media all and (min-width: 600px) {	
	.ligneTitre { font-weight: bold; background-color: #77bc65; color: white; display: block; }
	.collection div.idee, .nelleCollection div.idee { width: inherit; border: none; }
	.collection .idee, .nelleCollection .idee { 
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		align-items: center;
	}
	.collec {
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
		justify-content: center;
	}
	.collec .photoCollec, .collec .nom_descCollec { margin: 10px; }
	.collec { border-bottom: 1px dotted #77bc65; }
	
	.nom_desc_liens { text-align: justify; }
	.tropTard .nom, .tropTard .desc { text-align: center; }
	
	.rsrv_ptcp { 
		display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
		align-items: center;
	}
	.rsv_label, .ptc_label { display: none; }
	.jeReserve { -webkit-box: 3; -moz-box: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3; }
	.jeParticipe { -webkit-box: 7; -moz-box: 7; -webkit-flex: 7; -ms-flex: 7; flex: 7; }
}