body > corps {
height : 100%;
font-family : 'Comic Sans MS', cursive;
font-size : small;
margin : 15px 8px 0 0;
padding : 0;
}

.centrage_vertical1 {
  display: flex;
  align-items: center; /* Centre verticalement */
/*  justify-content: center; /* Centre horizontalement */
  height: 70vh; /* Assurez-vous que le conteneur occupe toute la hauteur de la fenêtre */
}

audio {
width : 250px;
height : 30px;
}
.flotte {
float : left;
}
h1, h2, h3 {
text-align : center;
color : black;
font-family : "Dancing Script", cursive;
}
h1 { font-size : 200%; }
h2 { font-size : 160%; }
h3 { font-size : 120%; }
/*
a[href*="#"] {
color : #008000;
}
*/
a[href*="https://www.youtube"] {
color : green;
text-decoration : underline;
}
a[href*="#"] {
color : #000064;
text-decoration : none;
}

a[lien] {
color : #007000;
background : transparent;
text-decoration : none;
}

/* <a href="#">Info bulle<span>Contenu</span></a> */
a span{	
	display:none;
	color : black; font-weight : bold;
	background: khaki;
	padding:8px;
	border-radius : 6px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	width:500px;
	text-align:center;
	position: absolute;
	z-index:10;
	cursor : help;
}
a { 
	display: inline-block;
}
a:hover span{ 
	display:block; 
}

body > a:hover { color : red ; text-decoration : none;}
body > a:active, a:focus { color : blue ; text-decoration : none; }
body > a:link { color : blue ;  text-decoration : none; }
body > a:visited { color : blue ; text-decoration : none; }


.infobulle {
position : relative;
color : green;
cursor : help;
text-align : center;
padding : 2px 2px;
}
.infobulle:hover::after, .infobulle:focus::after {
content : attr(aria-label);
position : absolute;
padding : 5px 10px;
border-radius : 6px;
color : black;
font-weight : bold;
background-color : khaki;
width : 500px;
margin-left : -250px;
top : 100%;
left : 50%;
}
.bulle {
position : relative;
display : inline-block;
color : green;
border-bottom : 1px dotted black;
}
.bulle .tooltiptext {
visibility : hidden;
width : 300px;
text-align : center;
color : black;
font-weight : bold;
background-color : green;
border-radius : 6px;
padding : 5px 0;
position : absolute;
z-index : 1;
top : 100%;
left : 50%;
margin-left : -60px;
}
.bulle .tooltiptext::after {
content : " ";
position : absolute;
bottom : 100%;
left : 50%;
margin-left : -10px;
border-width : 1px;
border-style : solid;
border-color : transparent transparent black transparent;
}
.bulle:hover .tooltiptext {
visibility : visible;
}
.shadowbox {
border : #333 solid 1px;
border-radius : 10px;
box-shadow : 8px 8px 5px #444;
padding : 8px 12px;
background-image : linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}

.img-zoom-hover .img-zoom {
overflow : hidden;
position : relative;
}
.img-zoom-hover .img-zoom img {
max-width : 100%;
transition : all 0.8s;
}
.img-zoom-hover .img-zoom * {
box-sizing : border-box;
margin : 0;
padding : 0;
}
.img-zoom-hover:hover .img-zoom img {
transform : scale(1.1);
}
.zoom1 img {
width : 150px;
height : 150px;
opacity : 90%;
}
.zoom1 img:hover {
width : 150px;
height : 150px;
opacity : 99%;
}
.zoom2 img {
width : 190px;
height : 190px;
}
.zoom2 img:hover {
width : 195px;
height : 195px;
}
.opac {
opacity : 0.7;
transition : opacity 1s;
}
.opac:hover {
opacity : 1;
transition : opacity 1s;
}
img {
border-radius : 10px;
}
.flotte {
float : left;
}
TABLE, TD {
border-radius : 10px;
}
hr {
margin-left : 0;
margin-right : 0;
}
#corps {
margin : 10px;
padding : 10px;
color : black;
}
p {
margin : 16px;
padding : 0;
}
br {
margin : 4px;
padding : 0;
}
blanc {
color : #fff;
}
gris {
color : #777;
}
noir {
color : #000;
}
rouge {
color : red;
}
vert {
color : #050;
}
bleu {
color : #1E90FF;
}
kbleu {
color : #0f0;
}
marron {
color : #D2691E;
}
jaune {
color : #DAA520;
}
petit {
font-size : x-small;
}
strong {
border : blue solid 1px;
}
kbd {
background-color : gray;
color : white;
border-radius : 5px;
padding : 1px 2px 0;
border : black solid 1px;
}
kbc {
background-color : white;
color : black;
border-radius : 5px;
padding : 1px 2px 0;
border : black solid 1px;
}
kbd2 {
background-color : gray;
color : white;
border-radius : 5px;
padding : 1px 2px 0;
border : black solid 1px;
cursor : grab;
}
.centrer {
text-align : center;
}
.gauche {
text-align : left;
}
.droit {
text-align : right;
}
loc {
position : absolute;
bottom : 60px;
text-align : center;
}
loc25 {
position : absolute;
bottom : 60px;
}