/* ajout main 2020-06-04 */
/* 3 rows = header, article, footer */

main {
display: grid; 
grid-template-columns: 1fr; 
grid-template-rows: 100px 1fr 30px;
height: 100vh;
}

/* gap inutile si =0 */

body {
background-color : rgb(248, 241, 228);
background-image : url("ciel33.jpg");
background-size: cover;
}

/* change image fond 2020-06-27 vx = fondfmn2 */

ul {
list-style-type : none;
}

li {
display : inline;
margin : 10px;
}

figure {
text-align : center;
}

/* ajustements 2020-06-03 */
/* width 80 bien mais pb img verticale ! */
/* desactive vh 2020-06-27 */

img {
margin : 5px;
/* max-height: 100vh; /* 75 */
width: auto;
}

/* mod 2020-06-22 */

figcaption {
font-size : 1.5em;
color: white;
margin-top : 20px;
margin-bottom: 30px; /* separ audio 2020-09-04 */
}

h1 {
text-align : center;
text-indent : 20px;
font-family : Cursive;
}

footer {
display : flex;
justify-content : space-evenly;
font-size : 1.2em;
background-color : rgb(248, 241, 228);
}

a.navig {
font-size : 1.5em;
text-decoration : none;
}

span {
background-color : rgb(248, 241, 228);
padding-left: 20px;
padding-right: 20px;
}

p.titre {
font-style : italic;
text-align : center;
background-color : rgb(248, 241, 228);
}

section {
text-align : center;
}

/* details 2020-05-27 mod 2021-06-17 */

details {
	width: 250px;
	font-size: 1.3em;
	color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: .5em .5em 0;
}

details > p {
	font-style: italic;
}

summary {
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

details[open] summary {
    border-bottom: 1px solid #aaa;
}