*	{	
	margin:0;
	padding:0;
	box-sizing:border-box;
}
header	{
	height:5vh;
	font-size:3.5rem;
	text-align:right;
	padding:5px;
	padding-right:55px;
	background:url(../image/back.jpg);
}
nav	{
	height:10vh;
	display:flex;
	flex-direction:row;
	justify-content:space-evenly;
	align-items:center;
}
main{
			height:80vh;
}
h1	{
			font-size:2rem;
}
h2	{
			font-size:1.2rem;
}
/*Le flex général*/

div.acc	{
			height:80vh;
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			}



/*Le flex des cours*/
div.panel	{
			display:flex;
			flex-direction:row;
			flex-wrap:wrap;
			justify-content:space-around;
			align-items:center;
			}
/*Le flex de chaque carte*/
div.panel div.carte	{
			width:200px;
			display:flex;
			flex-direction:column;
			flex-wrap:wrap;
			justify-content:start;
			box-shadow:0 4px 8px grey;
			margin:10px;
			}			
div.panel div.titreCSS	{
				background:CornflowerBlue;
				padding:3px;
			}
div.panel div	.contenu{
				background:;
				padding:3px;

		
			}
/*Pour la présentation des exercices*/
div.pres	{
	display:flex;
	flex-direction:column;
	justify-content:start;
	
}
ul	{
	margin-left:30px;
	list-style-type:decimal;
}
ul li	{
	margin:5px;
}
.imCss	{
	position:relative;top:-40px;
}
footer{
		height:5vh;
		text-align:center;
}