/*Voici un commentaire : il permet de commenter chaque ligne du fichier afin de savoir  � quoi elle correspond*/
body
	{background: #F4FA58;
	font-family:Apple Chancery, cursive;
	}
h1
	{color : #DF0101;
	font-size : 300%;
	background : #F4FA58;
	text-align : center;
	}
h2
	{color : #DF0101;
	font-size : 150%;
	background : #F4FA58;
	text-align : center;
	}
h3
	{color : #DF0101;
	font-size : 100%;
	background : #F4FA58;
	text-align : center;
	}
ul
	{color:black;
	list-style-type : disc;
	}
a
	{color:black;
	}

section
	{border-style : solid;
	border-width : 2px;
	border-color : black;
	}
table0
	{width:30%;
	margin-left:300px;
	margin-right:300px;
	}
p1
{
	margin:auto;
}
	
table, td, th
	{border: solid 1px black;
	border-collapse: collapse;
	border-spacing: 2px;
	margin:auto;
	
	}

p
{
font-size:125%;
}

.diff
	{font-weight : bold;
	text-align : right;
	}
ol.niveau1
	{color : black;
	list-style-type : decimal;
	}	
ol.niveau2
	{color : black;
	list-style-type : lower-latin;
	}

a:hover
	{color:white;
	background: #DF0101;
	}

.taille
	{
		width: 300px;
	}
footer
{
	text-align:center;
}

script
	{width:200%;
	margin-left:400px;
	margin-right:0px;
	}


#slider {
	position: relative;
	width: 1200px;
	margin: auto;
	display: flex;
	align-items: center;
}
#precedent,
#suivant {
    cursor: pointer;
    transition: opacity 0.3s ease;
    opacity: 0;
    position: absolute;
    font-size: 100px;
    color: rgba(220, 220, 220, 0.8);
    background-color: rgba(0, 0, 0, 0.8);
    padding: 10px;
}

#precedent {
    left: 0;
}

#suivant {
    right: 0;
}

#slider:hover #precedent,
#slider:hover #suivant {
    opacity: 1;
}

#slide{
	display : block;
	margin : auto;
}

#toto{
	display : block;
	margin : auto;
}