body {
padding : 10 px;      				/* espace qui apparait entre le contenu d'un élément et son cadre */
background-color:rgb(255,255,255);	/* couleur du fond */
font-family: 'Times New Roman';		/* choix de la police */
					/* le site occupe 95% de la fenêtre, d'où l'espace qui apparait sur chaque bord */
}
#conteneur-menu{
position : fixed;
top: 50%;
margin-top:1em;
background: #56c9f1 ;
height:40px;		/* pour que le menu ait la même hauteur que le dl */
position:relative;
}
p.sujet1{
min-height:1800px;
height:auto;}

dl{									/* definition list */
height:40px;						/* hauteur */
margin:0; padding:0;				/* suppression des marges par défaut */
display:block;						/* forme un block */
float:left;							/*à la ligne sur la gauche */
}

dt{									/* definition term : MENU */
display:block;
width:150px;
height:40px;
color:black;
line-height:40px;					/* hauteur des éléments du menu */
text-align:center;					/* texte centré */
border-right:solid 1px #556b93;		/* bordure de largeur 20px et couleur bleu */
cursor:pointer;
}

dd{									/* definition menu : sous menu */
display:block;
margin:0; padding:0;				/* suppression des marges par défaut */
background:  #9bdcf4;
}	

dd ul{
margin:0; padding:0;
list-style:none;
text-align:center;
}

dd ul li{
margin:0; padding:0;
display:block;
}


dd ul li a{
color:#556b93;
display:block;
text-decoration:none;
height:30px;
line-height:30px;
border-top:solid 1px #556b93;
border-bottom:solid 1px #799fe5;
}		
		
dd ul li a:hover{	/* qd la souris passe sur le sous menu */
background:#56c9f1;
color:black;
}

dl dd{ 			/* quand pas d'activité, pas d'affichage du dd */
display:none;
}

dl:hover dd{	/* quand je passe sur le dl, j'affiche le dd*/
display:block;
}

h1 {
text-align:center;					/* le titre de niveau 1 sera centré */
color: black;						/* le titre de niveau 1 sera noir */
}

h2 {
background-color: #56c9f1;	/* couleur du fond du titre de niveau 2*/
text-align: center;					/* le titre de niveau 2 sera centré */
color: black;						/* le titre de niveau 2 sera gris */
}

h3 {
background-color:  #9bdcf4  ;
text-align: left;					/* le titre de niveau 2 sera à gauche */
color: grey;
}
.zoom1 {
height:400px;
display:block;						/* forme un block */
/*float:left;*/
	/*position:abolute;	*/
}
.zoom1 p {
text-align:center;
}
.zoom1 img{
 width:300px;
 height:202px;
}
.zoom1 img:hover{
opacity: 1;
   width:1200px;
   height:808px;
}
.zoom2 {
height:200px;
position:relative;
}
.zoom2 p {
text-align:center;
}
.zoom2 img{
 width:202px;
 height:300px;
}
.zoom2 img:hover{
   width:808px;
   height:1200px;
}
.video{
float : right;
}
img.droite{
float: right;
margin-left: 10px;
}
video.align-right{
float : right;
margin-left : 10px;
}

p.colonne{
	margin-left: 50px;
	width : 250px;
	border : 2px solid #0088dd;
	padding : 10px;
	float : left;
}

table {
margin-top: 0px;
padding-top: 0px;
}
td {
border : 1px solid;
padding : 15px;

a:link {
	color: black }
a:visited {
	color: purple }

/* sites élèves*/
.media_container {
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.media_container img {
  border-radius: 10px;
  width: 70%;
}
.media_container p {
  color:  #cccccc;
  text-align: center;
  font-size: 14px;
}