body{display:flex;flex-direction: column;margin:0px;height:100%;}

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-drag: none;margin: 0px;user-select: none;-webkit-user-drag: none;}


.img80 {text-align:center}
.img80 img {max-width:800px;min-width:300px;width:70%;margin:auto}

#diagFix{position:fixed;display:none;min-width:400px;min-height:200px;padding:5px;top:50%;left:50%;transform:translate(-50%,-50%);
background-color: beige;border:1px solid black;border-radius:10px;}


#nav {margin: 10px ;touch-action: none;overflow: hidden;min-height: 70px;}

#nav > :nth-child(1) {display:flex;white-space: nowrap;}
#nav > :nth-child(1)-mob {display:inline-block;}

#nav > :nth-child(1) > * {margin:0px 10px}

#cont{flex:1;display: flex;background-color: #FFFFEE;margin: 20px;padding: 20px;border: 1px solid black;border-radius: 5px;min-height: 600px;}
#cont-mob{display:block;min-height: auto;margin: 20px 5px;padding: 20px 5px}

#cont-voletA {background-color: #ddddff;    padding: 10px;    margin: 20px;    border: 1px solid black;    border-radius: 5px; display:flex;flex-direction: column;}
#cont-voletA > div >  div{margin:10px 0px;padding:2px;border:1px solid orangered;background-color:azure;;border-radius: 5px;;cursor:pointer}

#cont-voletAB  {flex:1;display:flex;flex-direction: column;}


#cont-voletB {    flex: 1;    background-color: #ffdddd;    padding: 10px;    margin: 20px;    border: 1px solid black;    border-radius: 5px;    line-height: 150%; overflow:auto}


#cont-voletB > h4444 {margin-top:30px}
#cont-voletB > div > h2 {margin-top:30px}
#cont-voletB > div > div {margin-top:10px}



h2{background-color:#aaffaa;padding:2px 2px 2px 10px;border-radius:5px;border:1px solid #88aa88;margin-top:30px}

#sectionTitre{text-align:center;font-weight:900;margin-top:10px ! important}
#sectionTitre > :nth-child(1){font-size:160%}
#sectionTitre > :nth-child(2){font-size:120%}

/* Diag Fix */
#diagFix > :nth-child(1) {position:absolute;right:5px;top:5px;width:45px;height:45px;z-index:100;cursor:pointer}


/* Gestion des vidéos */
.contVideo{text-align:center;margin-top:20px}
.contVideo > img{width:200px;cursor:pointer}
#cont-voletB ddddddvideo {max-width:100%}