p{
	font-family: Verdana;
	font-size: medium;
	text-align: left
}
li{text-align: left}
img{
	filter:drop-shadow(4px 4px 2px black);
	transition: transform .1s;
	}
img:hover{transform: scale(1.2);}
.imgfixe:hover{
	transform: scale(1);
	}
.img_nuage {width:40vw}
.img_ap_2i2d {width:6vw}
.img_fablab {width:10vw}
.img_sujets {width:14vw; height:20vh }
.icone_petite{height:18px}
.img_ico{height:32px}
.icone_grande{height:48px}
.icone_big{height:64px}
.logo{height:8vh}
.logo6{height:6vh}
.logo4{height:4vh}
.podium{width:10vw}
.Grand_Titre {
	font-size: x-large;
	font-weight:bold;
	text-align: center
}
.Titre_Pages {
	font-size: x-large;
	font-weight:bold;
	text-align: center;
}
.Titre_Gauche {
	font-size: large;
	text-align: left;
	color :blue;
	font-weight:bold
}
.pg{
	font-size: xx-small;
	text-align: right;
	font-style:italic
}
.Texte_Gauche {text-align: left}
.Texte_Centre {text-align: center}
.Txd {text-align: right}
.Txc {text-align: center}
.Txg {text-align: left}
.Podium_Place {text-align: center; font-style: italic; font-size: small}
.gras{font-weight:bold;}
.souligne{text-decoration: underline;}
.italique{font-style: italic;}
.bleu{color:blue}
.blanc{color:white}
.rouge{color:red}
.vert{color:green}
.jaune{color:yellow}
a{
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none;
	font-size:small;
}
a:hover {z-index:70}
a span{display: none}
a:hover span{
    display:block;
    position:absolute;
    top:1em; left:2em; width:max-content;
    border:1px solid black;
    background-color:#4a59d8; color:white;
	line-height:120%;
	font-size:small;
	text-align:left;
}
a.info12{
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none;
	font-size:small;
}
a.info12:hover {z-index:100}
a.info12 span{display: none}
a.info12:hover span{
    display:block;
    position:absolute;
    top:1em; left:2em; width:12em;
    border:1px solid #0cf;
    background-color:#4a59d8; color:white;
	font-size:small;
	text-align: left;
}
a.info20{
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none;
	font-size:small;
}
a.info20:hover {z-index:70}
a.info20 span{display: none}
a.info20:hover span{
    display:block;
    position:absolute;
    top:1em; left:1em; width:20em;
    border:1px solid #0cf;
    background-color:#4a59d8; color:white;
	line-height:120%;
	font-size:small;
	text-align: left;
}
a.info24{
    position:relative;
    z-index:25;
    color:#000;
    text-decoration:none;
	font-size:small;
}
a.info24:hover {z-index:70}
a.info24 span{display: none}
a.info24:hover span{
    display:block;
    position:absolute;
    top:1em; left:1em; width:24em;
    border:1px solid #0cf;
    background-color:#4a59d8; color:white;
	line-height:120%;
	font-size:small;
	text-align: left;
}