body {margin-top: 0px; margin-left: 100px; margin-right:0px; margin-bottom: 0px;font-family: Verdana}
iframe {border: 0px}
img{
	filter:drop-shadow(4px 4px 2px black);
	transition: transform .1s;
	}
img:hover{transform: scale(1.2);}
.imgfixe:hover{transform: scale(1);}	
table {margin-left: auto;margin-right: auto}
p{font-size: 2vh;text-align: center;margin-left: 40px}
td{font-size: medium}
h1{
	font-size: 1.4vw;
	text-align: center;
	vertical-align: top;
	line-height: 50%;
}	
a{
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none;
	font-size:small
}
a:hover {z-index:100}
a span{display: none}
a:hover span{
    display:block;
    position:absolute;
    top:1em; left:2em; width:max-content;
    border:1px solid #0cf;
    background-color:#4a59d8; color:#fff;
	font-size: xx-small;
	text-align: left;
}
.Grand_Titre {
	font-size: 1.6vw;
	text-align: center;
	vertical-align: top;
	line-height: 50%;
}
.Logo_Titre{
	height: 50vh;
	transform: scale(1);
}
.Intro {
	font-style: italic;
	font-size: 1.1vw;
	text-align: center;
}
.center {
	border-collapse: collapse;
}
.center_border {
	border-collapse:collapse;
	border-color: #000000;
	border-width: 2px;
}
.tab_cours {
	width: 50%;
	border-collapse: collapse;
	border-color: #000000;
	border-width: 0px;
	text-align: center;
}
.td_cours {
	text-align: center;
	font-size: 1.1vw;
}
.tab_activite {
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	border: 2px #000000 groove;
	border-radius:6px;
	background-color:white
}
.cell_bordure {
	border: 3px #000000 groove;
	border-radius:6px;
	font-size: 1.1vw;
	text-align: center;
	background-color:grey
}
.Texte_Gauche {
	font-size: 1.1vw;
	text-align: left;
}
.Texte_Centre {
	font-size: 1.1vw;
	text-align: center;
}
.Texte_Droite {
	font-size: 1.1vw;
	text-align: right;
}
.tab_bordure {
	border-collapse: collapse;
	border-color: #000000;
	border-width: 0px;
	width: 40%;
}
.tab_Texte {
	font-size: medium;
	text-align: center;
}
.tdg {
	text-align: left;
}
.tdc {
	text-align: center;
}
.tdd {
	text-align: right;
}
.tdgg {
	text-align: left;
	font-weight: bold;
}
.tdcg {
	text-align: center;
	font-weight: bold;
}
.tddg {
	text-align: right;
	font-weight: bold;
}
a.info{
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none;
	font-size:small
}
a.info:hover {z-index:120}
a.info span{display: none}
a.info:hover span{
    display:block;
    position:absolute;
    top:1em; left:2em; width:23em;
    border:1px solid #0cf;
    background-color:#4a59d8; color:#fff;
	font-size: xx-small;
	text-align: left;
}
.icone{height:2.5vw}
.icone64{height:5vw}
.pg {
	margin-left: 0px;
	margin-top: 0px;
	font-size:xx-small;
	font-style: italic;
	text-align: right;
}
.rouge {background-color:red;}
.verte {background-color:green;}
.bleu  {background-color:blue;}
.gris  {background-color:grey;}
.orange{background-color:#FFC300;}
.jaune {background-color:yellow;}
.blanc {background-color:white;}
.noir  {background-color:black;}
#nuage
{
	display: inline-block;
	position : absolute ;
	left : 0px;
	top : 0px;
	width : 25%;
    height : 25%;
}