* {box-sizing:border-box;}

html {display:flex;flex-direction:column;font-size:1em;height:100vh;width:100vw;overflow:scroll;font-family:roboto,sans-serif;}body {margin:0;padding:0;}.ecran {position:absolute;visibility:hidden;}.ecran.sommaire {display:flex;flex-direction:row;flex-wrap:wrap;min-height:100vh;min-width:100vw;opacity:1;background-color:#fff;z-index:500;visibility:visible;justify-content:space-evenly;}.cel {padding:1%;display:flex;align-items:center;text-align:center;border-radius:2px;cursor:pointer;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);}
body > .entete {
	width: 100vw;
	font-size: 0.7rem;
  }
  body > .entete ul {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	padding-left: 1%;
	margin: 0%;
  }
  body > .entete li {
	padding-right: 10px;
  }
.ecran.sommaire{z-index: 100;}
.ecran.sommaire .cel h1 {margin:0;font-size:10vh;}
.ecran.sommaire .cel h2 {margin:10;font-size:8vh;height:13vh;text-align:center;vertical-align: center;}
.ecran.satellite {display:flex;background-color:#fff;height:100vh;width:100vw;flex-direction:row;z-index:0;justify-content:space-evenly;}
.ecran.satellite .bloc-titre {display:flex;width:32.333333%;height:98%;align-items:center;text-align:center;flex-direction:column;padding:1vw;justify-content:center;border-radius:2px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);}
.ecran.satellite .bloc-titre .titre h3 {font-size:2em;}
.back-button {width:48px;height:48px;padding:0;border:none;border-radius:24px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);background-color:#eee;color:#aaa;font-size:24px;line-height:48px;text-align:center;cursor:pointer;}
.back-button svg {display:block;margin:8px;width:32px;height:32px;fill:#888;}
.ecran.satellite .bloc-titre .back-button {margin:20px auto;}
.ecran.satellite .bloc-contenu {display:flex;width:64.666666%;height:98%;align-items:center;text-align:left;flex-direction:column;/* affichage vertical */padding:1vw;overflow:scroll;background-color:#eee;border-radius:2px;border-top-left-radius:0px;border-top-right-radius:0px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);}
.ecran.satellite .contenu {display:flex;flex-direction:column;height:100vh;width:100vw;background-color:#fff;z-index:300;}
.ecran.contenu .bloc-titre {flex:1 1 auto;display:flex;flex-direction:row;height:10vh;width:100%;padding:1%;background-color:#eee;align-items:center;justify-content:center;}
.ecran.contenu .back-button {position:absolute;left:2.5vw;top:2.5vh;}
.ecran.contenu .bloc-titre .titre {flex:1 1 auto;}
.ecran.contenu .bloc-pdf {flex:1 1 auto;height:100vh;}
.satellite .sommaire {margin:20px 0;padding:0;}
.satellite .carte {flex:1 1 auto;width:100%;background-color:#fff;margin:10px;padding:10px 20px;border-radius:2px;box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23);}
.satellite .carte .pdf:before {content:'Voir le fichier : ';}
.satellite .carte .video:before {content:'Voir la vidéo : ';}
.satellite .carte .son:before {content:'Télécharger le son : ';}
.satellite .carte .telecharger:before {content:'Télécharger le fichier : ';}
.satellite .carte .consultation:before {content:'Consulter la page : ';}
.satellite .carte a,.satellite .carte a:active,.satellite .carte a:visited {color:#07013a;font-weight:700;text-decoration:none;}
.satellite .carte a:before {color:#ff8a00;}
.satellite .carte li {margin-top:3%;}
.satellite .carte .tableau{padding:0;box-shadow: 0 3px 3px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.satellite .carte .tableau li{list-style-type: none;border-bottom:1px solid #ccc;margin:0;padding:1.5% 2.25%;}
.satellite .carte .tableau li.entete{font-weight: 800;background:#eee}
.satellite .carte .tableau li:last-child{border:none}