html {scroll-behavior: smooth;}
body {
	background-color: #000000;
	/*background-image: linear-gradient(black, #313131);*/
	background-repeat: no-repeat;
}

a {
  color: white;
}

table {
  background-color: white;
  border: 1px solid black;
  width: 100%;
}

th {
  background-color: red;
  color: white;
  height: 50px;
  text-align: left;

}

td {

  color: black;
  height: 50px;
  vertical-align: bottom;
	border: 1px solid black;
}

tr:hover {
	background-color: #f5d23d;
}

.button {
	background-color: #4CAF50; /* Green */
	border: white;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
}

.button1 {border-radius: 2px;}
.button2 {border-radius: 4px;}
.button3 {border-radius: 8px;}
.button4 {border-radius: 12px;}
.button5 {border-radius: 50%;}


.btn {
	/*border: none;*/
	background-color: inherit;
	padding: 14px 28px;
	font-size: 16px;
	cursor: pointer;
	display: inline-block;
}

/* On mouse-over*/
.btn:hover {background: #eee;}
.success {color: green;}
.info {color: dodgerblue;}
.warning {color: orange;}
.danger {color: red;}
.default {color: pink;}

.grand_titre {
	border-style: dotted solid;
	border-width: 3px 3px;
	color: #FFFFFF; /*LightGreen;*/
	text-align: center;
	font-family: bahnschrift;
}

.sommaire {
	border: 3px solid rgb(255, 255, 255);
	border-radius: 20px;
	/*color: rgb(255, 219, 77);text-align: center;*/
    color: rgb(255, 255, 255);
	text-align: center;
	font-family: alef;
	font-size: 30px;
}

.sommaire_liste_1 {
	/*border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-left: groove;*/
	color: rgb(255, 255, 255);
	text-align: center;
	font-family: ubuntu;
	font-size: 40px;
}

.sommaire_liste_2 {
	/*border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-left: groove;
	color: rgb(255, 0, 0);*/
	text-align: center;
	font-family: ubuntu;
	/* Salut, je sers seulement à décorer, je suis un commentaire */
	font-size: 40px;
}
#sommaire_liste_2bis {
	text-align: left;
	font-family: ebrima;
	/* Salut, je sers seulement à décorer, je suis un commentaire */
	color: #FFAB00;
	font-size: 40px;
}

.sommaire_liste_3 {
	/*border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-left: groove;*/
	/*color: #FFD83E;*/
	text-align: center;
	font-family: ubuntu;
	/* Salut, je sers seulement à décorer, je suis un commentaire */
	font-size: 40px;
	padding-bottom: 800px;
}

.sommaire_liste_3bis {
	/*border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-left: groove;*/
	color: rgb(255, 255, 255);
	text-align: center;
	font-family: ubuntu;
	font-size: 40px;
	margin-top: 50px;
}
#paragraphe1 {
	font-family: bahnschrift;
	/* Moi aussi je suis un commentaire
	mais sur plusieurs lignes */
	/*color: #FFFFFF;*/
	font-size: 25px;
	max-width: 1300px;
	padding-top: 0px;
	padding-bottom: 800px;
}

#paragraphe2 {
	font-family: bahnschrift;
	/* Moi aussi je suis un commentaire
	mais sur plusieurs lignes */
	/*color: #FFFFFF;*/
	font-size: 25px;
	text-align: left;
	padding-top: 0px;
	padding-bottom: 800px;
	padding-left: 0px;
	padding-right: 0px;
}

#paragraphe2bis {
	font-family: bahnschrift;
	/* Moi aussi je suis un commentaire
	mais sur plusieurs lignes */
	/*color: #FFFFFF;*/
	font-size: 25px;
	text-align: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

#paragraphe3 {
	font-family: consolas;
	/* Moi aussi je suis un commentaire
	mais sur plusieurs lignes */
	/*color: #FFFFFF;*/
	font-size: 25px;
	text-align: center;
	padding-top: 0px;
	padding-bottom: 800px;
	padding-left: 0px;
	padding-right: 0px;
}

p {
	color: white;
	font-family: alef;
	font-size: 20px

}

img {
	border: 1px solid #ddd;
	border-radius: 20px;
	padding: 5px;
	width: 100%;
	height: 100%;
}

.zoom img {
	width:960px;
	height:455px;
	margin-left: 450px
}
.zoom img:hover {
	width:1280px;
	height:720px;
	margin-left: 275px
}

.column {
  text-align: center;
}

.column-gauche {
  float: left;
  padding: 30px;
  width: 50%;

}

.column-droite {
  float: right;
  padding: 30px;
  width:780px;
  height:400px;
}