body{margin:0px 1px 0px 5px;padding:0px;font-family :  Verdana, Arial, sans-serif;}

header{position:fixed;left:450px;right:160px;top:0px;padding-top:2px;padding-bottom:2px;background:#E6E6E6;}
article {min-height:80vh;margin: 0px 160px 0px 450px;padding:90px 20px 20px 20px;text-align: left;border-radius:5px;}

nav {background: #BDBDBD;}
nav ul ul{position:absolute;top:-9999px;margin:0px;padding:1px}
nav li {text-align: center;}
nav li:hover {background:#F2F2F2;color:black;}
nav>ul {display:inline-block;margin:5px 0px 5px 0px;padding:0px;list-style:none;text-align:center;border-radius:10px;}
nav>ul>li {background:#F2F2F2;border:1px solid white;border-radius:10px;padding:0 10px;font:100%/28px sans-serif;cursor:pointer;}
nav>ul>li:hover>ul{top:100%;}
nav>ul>li>ul {width:100%;left:0;width:270px;margin-left:-77px;border-radius:10px;}
nav li li li  {padding:0 20px;font-size:100%;border-radius:10px;}
nav>ul>li>ul>li:hover ul {top:0;border-radius:10px;}
nav>ul>li>ul>li:hover ul ul{position:absolute;top:-9999px;}
nav>ul>li>ul>li>ul>li:hover ul {top:0;border-radius:10px;}
nav ul ul ul.gau1 {left:100%;border-radius:10px;}
nav ul ul ul.dro1 {right:100%;border-radius:10px;}
nav ul ul ul ul.gau2 {left:100%;width:250px;text-align:left;border-radius:10px;}
nav ul ul ul ul.dro2 {right:100%;width:250px;text-align:left;border-radius:10px;}
nav li li li li {padding:0 20px;font-size:100%;border-radius:10px;text-align:left;}

nav a:link {color: black;text-decoration:none;}
nav a:visited {color: black;text-decoration:none;}
nav a:hover {color: #424242;text-decoration:none;}

h1 {display:block;width:60%;margin:30px auto 30px auto;font-size : 1.4em;color : black;text-align: center;border:1px solid grey;border-radius:10px;background:#F2F5A9;}
h1.cours {display:block;width:60%;margin:30px auto 60px auto;font-size : 1.4em;color : black;text-align: center;border:1px solid grey;border-radius:10px;background:#F2F5A9;}
h2 {font-size : 1.2em;text-decoration : underline; color : red; padding-left:0px;}
h3 {font-size : 1.1em;text-decoration : underline; color : black;padding-left:15px;}
h4 {font-size : 1em;text-decoration : underline; color : black;padding-left:30px;}

ul {margin:20px;padding:0;list-style:none;text-align:left;background:#E6E6E6;padding:10px;border-radius:10px;}
li {position:relative;}
hr {color:#000099;}
table{border-collapse: collapse;}

a:link {color: blue; text-decoration:none;}
a:visited {color: blue; text-decoration:none;}
a:hover {color:blue; text-decoration:none;}	
aside a:link {color: black;text-decoration:none;}
aside a:visited {color: black;text-decoration:none;}
aside a:hover {color: #2E2E2E;text-decoration:none;}

.aside-1 {height: 100vh;width:450px;position: fixed;top: 0px;left:0px;background: #E6E6E6;text-align:center;font-size:12px;}
.aside-2 {height: 100vh;width:160px;position: fixed;top: 0px;right:0px;background: #E6E6E6;text-align:center;border-radius:1px;padding-top:40px;}

.centre{text-align: center;}
.gauche{text-align: left;}
.droite{text-align: right;}
.middle{vertical-align: middle;}
.bas{vertical-align: bottom;}

.t10{font-size:0.8em;}
.t50{width:50px;}
.t100{width:100px;}

.bleu{color: blue;}
.gris{color: #808080;}
.orange{color:#FF8000;} 
.rouge{color: red;}
.rougecentregros{text-align: center;color: red;font-size : 1.5em;} 
.vert{color: green;}
.vertpetit{color: green;font-size:0.8em;}

.entrainement{text-align: center;color: green;font-weight: bold;}
.liensdirects {background-color:white;margin-bottom:20px;margin-top:10px;border-radius:10px;padding :0px;text-align:center;font-family :  Verdana, Arial, sans-serif;}

.boutongauche{position: fixed;width:130px;background:white;border:1px solid grey;border-radius:5px;margin-top:10px;}
.boutongauche:hover {position: fixed;width:130px;background:#BDBDBD;color:white;border:1px solid white;border-radius:5px;margin-top:10px;}

.blocliens{width:250px;margin:auto;}
.blocliens a {text-decoration:none;color:black;}
.blocliens a:hover {text-decoration:none;color:grey;}
.liens{margin:20px;padding:10px;text-align:center;background:#E6E6E6;border:1px solid grey;border-radius:10px;}

.calculatrice{width:300px; height:170px;background-color:#eeeeee;border:1px solid #CCCCCC;margin:auto; padding-left:5px;padding-bottom:5px;}
.calculatrice td{height:16.66%;}
.calc_td_resultat{text-align:center;}
.calc_resultat{width:260px;text-align:right;}
.calc_td_calculs{text-align:center;}
.calc_calculs{width:90%;text-align:left;}
.calc_td_btn{width:16.66%;height:100%;}
.calc_btn{width:100%;height:100%;font-size:12px;}

#pepsia_player {width: 450px} 

.tooltip{text-decoration:none;position:relative;}
.tooltip span{display:none;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;color:black;background:white;}
.tooltip span img{float:left;margin:0px 8px 8px 0;}
.tooltip:hover span{display:block;position:absolute;top:0;left:0;z-index:1000;width:auto;border:1px solid black;margin-top:12px;margin-left:32px;overflow:hidden;padding:8px;}

div.liensexos1 {width:655px;margin:10px auto 10px auto;}
div.liensexos1 a {color:black;text-decoration:none;}
div.liensexos1 :hover {text-decoration:none;color:black;background:#F2F2F2;}
div.liensexos4 {display:inline-block;text-align:center;width:146px;padding:5px;background:#E6E6E6;border:1px solid black;border-radius:10px;}
div.liensexos5 {display:inline-block;text-align:center;width:114px;padding:5px;background:#E6E6E6;border:1px solid black;border-radius:10px;}
div.liensexos6 {display:inline-block;text-align:center;width:92px;padding:5px;background:#E6E6E6;border:1px solid black;border-radius:10px;}
div.liensexos7 {display:inline-block;text-align:center;width:76px;padding:5px;background:#E6E6E6;border:1px solid black;border-radius:10px;}
ul.liensexos {width:420px;margin-left:auto;margin-right:auto;}

.l06{display:inline-block;text-align:center;width:4.2vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l06:hover{display:inline-block;text-align:center;width:4.2vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l06b{display:inline-block;text-align:center;width:4.2vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l06s{display:inline-block;text-align:center;width:4.2vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l07{display:inline-block;text-align:center;width:4.2vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l07:hover{display:inline-block;text-align:center;width:4.2vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l07b{display:inline-block;text-align:center;width:4.2vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l07s{display:inline-block;text-align:center;width:4.2vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l08{display:inline-block;text-align:center;width:4.2vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l08:hover{display:inline-block;text-align:center;width:4.2vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l08b{display:inline-block;text-align:center;width:4.2vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l08s{display:inline-block;text-align:center;width:4.2vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l10{display:inline-block;text-align:center;width:4vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l10:hover{display:inline-block;text-align:center;width:4vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l10b{display:inline-block;text-align:center;width:4vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l10s{display:inline-block;text-align:center;width:4vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l11{display:inline-block;text-align:center;width:4.1vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l11:hover{display:inline-block;text-align:center;width:4.1vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l11b{display:inline-block;text-align:center;width:4.1vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l11s{display:inline-block;text-align:center;width:4.1vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l12{display:inline-block;text-align:center;width:3.7vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l12:hover{display:inline-block;text-align:center;width:3.7vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l12b{display:inline-block;text-align:center;width:3.7vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l12s{display:inline-block;text-align:center;width:3.7vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l14{display:inline-block;text-align:center;width:3.5vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l14:hover{display:inline-block;text-align:center;width:3.5vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l14b{display:inline-block;text-align:center;width:3.5vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l14s{display:inline-block;text-align:center;width:3.5vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l15{display:inline-block;text-align:center;width:3.4vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l15:hover{display:inline-block;text-align:center;width:3.4vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l15b{display:inline-block;text-align:center;width:3.4vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l15s{display:inline-block;text-align:center;width:3.4vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l16{display:inline-block;text-align:center;width:3.3vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l16:hover{display:inline-block;text-align:center;width:3.3vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l16b{display:inline-block;text-align:center;width:3.3vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l16s{display:inline-block;text-align:center;width:3.3vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l17{display:inline-block;text-align:center;width:3vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l17:hover{display:inline-block;text-align:center;width:3vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l17b{display:inline-block;text-align:center;width:3vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l17s{display:inline-block;text-align:center;width:3vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l18{display:inline-block;text-align:center;width:2.9vw;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l18:hover{display:inline-block;text-align:center;width:2.9vw;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l18b{display:inline-block;text-align:center;width:2.9vw;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l18s{display:inline-block;text-align:center;width:2.9vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l20{display:inline-block;text-align:center;width:2.7vw;font-size:0.9em;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l20:hover{display:inline-block;text-align:center;width:2.7vw;font-size:0.9em;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l20b{display:inline-block;text-align:center;width:2.7vw;font-size:0.9em;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l20s{display:inline-block;text-align:center;width:3vw;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l22{display:inline-block;text-align:center;width:2.6vw;font-size:0.9em;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l22:hover{display:inline-block;text-align:center;width:2.6vw;font-size:0.9em;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l22b{display:inline-block;text-align:center;width:2.6vw;font-size:0.9em;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l22s{display:inline-block;text-align:center;width:2.6vw;font-size:0.9em;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l24{display:inline-block;text-align:center;width:2.2vw;font-size:0.7em;background:#BDBDBD;color:white;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l24:hover{display:inline-block;text-align:center;width:2.2vw;font-size:0.7em;background:#F2F2F2;color:black;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}
.l24b{display:inline-block;text-align:center;width:2.2vw;font-size:0.7em;background:white;color:#BDBDBD;padding:4px 2px 4px 2px;margin:1px;border-radius:5px;}
.l24s{display:inline-block;text-align:center;width:2.2vw;font-size:0.7em;color:black;background:#F2F2F2;padding:4px 2px 4px 2px;margin:1px;border:1px solid black;border-radius:5px;}