html {font-family: Centaur, Bodoni, Helvetica, Arial ;}
body {color:black ; background-color:#908F9D ;}


@media screen and (min-width: 62rem) {header a[href="#nav"] {display:none ;}}
header nav {display:flex ; align-items:center ; justify-content:space-around ; height:px ; }
header ul {list-style:none ; display:flex ; flex-direction:column ; gap:1rem ;}
@media screen and (min-width: 62rem) {header ul {flex-direction:row ;}}	

footer #nav {padding-bottom:3rem ; display:flex;  justify-content:space-around ; align-items:center ;}
footer ul {list-style:none ; display:flex ; flex-direction:column ; gap:1rem ;}
@media screen and (min-width: 62rem) {footer ul {flex-direction:row ;}}


div {width:100% ; float: ; margin: ; padding-top:10px ; padding-bottom:30px ;} /* padding-top:10px pour que les div se touchent */
#haut {background-color:white ; display:flex ; flex-direction:column ; flex-wrap:wrap ; justify-content:space-around ; align-items:center ;}
@media screen and (min-width: 62rem) {div#haut {flex-direction:row ; flex-wrap:nowrap ;}}
#contenu {display:flex ; flex-wrap:wrap ; justify-content:space-around ;}

.blanc {background-color:white   ; color:black ;}   		 
.bleu  {background-color:#F1F4F9 ; color:black ;}
.bleu2 {background-color:#324154 ; color:white ;}
.bleu3 {background-color:#1E293B ; color:white ;}
.bleu4 {background-color:#030617 ; color:white ;}
.case    {width:350px ; height:300px ; margin:5px ;}
.casegal {width:350px ; height: ; margin: ;}
.prob  {color:white ; margin-left:20px ; width:90% ; }
.jeu {height:400px ; background-image:url("images/HarmonicaV1024.png") ; background-size:cover ; background-repeat:no-repeat ; background-position: 50% 50% ;}


h1 {font-family:Bodoni ; color:black ; font-size:60px ; font-weight:normal ; margin-top:0px}	
h2 {font-family:Bodoni ; color: ; font-size:48px ; font-weight:normal ; text-align:center ; }
h3 {font-family:Bodoni ; color: ; font-size:32px ; font-weight:normal ; margin:0px ;}
h4 {font-family:Bodoni ; color: ; font-size:24px ; font-weight:normal ; margin:0px ;}

p {font-size:20px ; color:#2C3539 ; margin:0px ;}
.haut {line-height:2em ; margin-bottom:20px ;}
.ref {color:white ; font-size:24px ; text-align:center ;}
.prob {color:white ; line-height:1.5 ;}


a:link {color:white ; text-decoration:none ;}
a:hover {color: ; text-decoration:underline ;}
a:visited {color:gray ;}


ul {font-size:24px ;}

table {color:white ; font-size:18px ;}
th {text-align:left ; padding-top:18px ; font-size:24px ; text-decoration:underline ;}
td {min-width:100px ;}