*
{margin:0px;
padding:0px;
box-sizing: border-box;}

body
{text-align:center;
font-family:calibri;
}

#tete
{width:100%;
position:fixed;
margin-top:-22px;
z-index:1000;
box-shadow: 5px 5px 15px black;
display:flex;
flex-direction:column;}

nav
{width:100%;
display:flex;
flex-direction:row;
justify-content:space-between;
background-color:#858585;}

header
{background-color:#727272;
font-size:0.9em;
display:flex;
flex-direction:row;
justify-content:space-between;
padding:0 30px;}

header .icon-menu
{float:right;
font-size:1.6em;}

header a
{text-decoration:none;
color:white;
padding-top:15px;}

header h1
{display:inline-block;}

header h1.fin
{width:80%;
float:left;
text-align:left;}

h1, h2
{color:white;
padding:10px;}

.fin
{font-weight:normal;}

/*Estilos Generales*/
.bt 
{display:inline-block;
font-size:1.4em;	
background:#7f8c8d;
font-family:calibri;
color:#fff;
padding:8 8px;
text-align:center;
text-decoration:none;
margin:0;
}
  
/*Colores*/
a.bt.ho {background:#727e7f;flex-grow:1;} 
a.bt.wo {background:#3498db;flex-grow:2;} 
a.bt.ac {background:#e74c3c;flex-grow:2;}
a.bt.cr {background:#f1c40f;color:black;flex-grow:2;}
a.bt.pwt {background:#e68e22;flex-grow:3;}
a.bt.c2 {background:#9b59b6;flex-grow:2;}
a.bt.ex {background:#8ab82d;flex-grow:2;}

.bt.ho:hover {background:dimgray;}
.bt.wo:hover {background:#1976d2;} 
.bt.ac:hover {background:#D32F2F;}
.bt.cr:hover {background:#f1b10f;color:white;}
.bt.pwt:hover {background:#e67e22;}
.bt.c2:hover {background:#7B1FA2;}
.bt.ex:hover {background:#83a900;}

#lecontenu
{padding-top:150px;}

#bb
{width:90%;
margin:auto;
display:flex;
flex-direction:row;}

aside
{display:flex;
flex-direction:column;
margin:10px;}

#seance, #exercice, #extra
{border-radius:20px;
margin:0 20 20 20px;
box-shadow: 5px 5px 15px black;}

#seance
{text-align:center;
flex-grow:0;}

#exercice 
{height:280px;
width:240px;
}

#extra {height:180px;
width:240px;
}

#seance h1, #exercice h1, #extra h1
{border-radius:20px 20px 0px 0px;
margin:0px;
padding:10px;
color:white;
font-weight:normal;}

#exercice h1, #seance h1
{font-size:1.2em;}

#seance li
{list-style-type:none;
padding:12px;}

.rond
{display:block;
border-radius:50px;
color:white;
width:30px;
height:30px;
padding:7 8 8 8px ;
font-size:0.8em;
margin:auto;
}

#seance ul li a
{text-decoration:none;
color:black;
font-style:italic;}

#exercice, #extra
{color:white;
padding-bottom:20px;
margin-bottom:30px;}

#exercice a, #extra a
{color:black;
text-decoration:none;}

#exercice ul, #extra ul
{margin-top:20px;}

#exercice ul li, #extra ul li
{list-style-type:none;
padding:0 10px;}

section.main
{box-shadow: 5px 5px 15px black;
border-radius:20px;
margin:10px;
max-width:1500px;
padding-bottom:60px;}

td
{padding:10px;}

section.main h1
{color:white;
border-radius:20px 20px 0px 0px;
margin:0px;
padding:10px;}

.main article{padding:20px;text-align:center;}

.main article {
	margin-bottom: 25px;
	padding-bottom:35px;
	border-bottom:1px solid #000;
}
 
.main article:nth-last-child(1){
	margin-bottom: 20;
	padding-bottom: 20;
	border-bottom:none;
margin-left:0;
}
 
article h4
{text-align:left;}

article
{text-align:center;
margin-left:20px;}

article img
{max-width:95%;}

article table tr td
{cellpadding:4px;}

article ul, article ol
{width:90%;
text-align:left;
margin: 20px auto;}

p {text-align:justify;
margin:20px auto;}

.menubar{display:none;}

#leo a
{text-decoration:none;
font-style:italic;}

#leo a:link, #leo a:visited, #leo a:hover
{color:white;}



#leo
{font-size:0.9em;
text-align:right;
margin:50px;
color:white;}

#ag
{display:flex;
flex-direction:column;
margin:0;
padding:0;}

@media screen and (min-width:1290px)
{aside {flex-direction:row;}
}

@media screen and (max-width:852px)
{#tete {font-size:0.9em;}
}

@media screen and (max-width:784px)
{#tete {font-size:0.8em;}
#lecontenu{padding-top:130px;}
#bb{flex-direction:column;}

aside {order:2;margin:0px;padding:0px;}

#seance, #exercice 
{width:100%;margin:23 10px;}
section.main
{width:100%;margin:23 10px;}
}


@media screen and (max-width:714px)
{
.menubar
{display:block;
background-color:#727272;
font-size:1.6em;
text-align:left;
padding: 7 20px;}

.menubar a
{text-decoration:none;
color:white;}

.menubar .icon-menu
{float:right;}

header
{display:none;}
#lecontenu{padding-top:80px;}

#tete
{box-shadow:0px 0px 0px black;}
nav 
{flex-direction:column;
width:80%;
box-shadow: 5px 5px 15px black;
}

#seance, #exercice section.main
{width:100%;margin:5 10px;}
}