h1
{
	text-align:center;
	color:#FF0000;
	font-family:Texte en Comic Sans MS;
	border: 3px blue solid;
	border-radius: 10px;
	box-shadow: 6px 6px 15px blue;
	text-shadow: 4px 4px 20px red;
}h09
{
	text-align:center;
	color:#8A0808;
	font-family:Texte en Comic Sans MS;
	border: 3px blue solid;
	border-radius: 10px;
	box-shadow: 6px 6px 15px blue;
	text-shadow: 4px 4px 20px red;
}
h3
{
	color:#FE9A2E;
	text-align:center;
	font-size:2.2em;
}
h2
{
	color:#F78181;
	text-align:center;
}
.test
{
	color:#2EFE2E;
}
.bleu
{
	color:#0101DF;
}
li.carre {
	background-color:#01DF01;
	width:110px;
	height:110px;
	margin:50px;
	box-shadow: 6px 6px 15px blue;
	text-shadow: 4px 4px 20px red;
	text-align: justify;
	border:1px solid #01DF01;
	padding: 0 5px 0 5px;
	word-wrap: break-word;
	font-size:19px;
	border-radius: 10px
}
li.haut-gauche {
	position:absolute;
	top:100;
	left:0;
	list-style-type:none;
}
li.haut-droit {
	position:absolute;
	top:100px;
	left:100%;
	margin-left:-160px;
	list-style-type:none;
}
li.bas-gauche {
	position:absolute;
	top:100%;
	left:0;
	margin-top:-220px;
	list-style-type:none;
}
li.bas-droit {
	position:absolute;
	top:100%;
	left:100%;
	margin-top:-220px;
	margin-left:-160px;
	list-style-type:none;
}
p,li{
	color:#000000;
	font-size:1.5em;
	font-family:"Comic Sans MS";
	font-style: italic;
    font-family: Comic Sans MS, Arial Black, Verdana, Times New Roman, sans-serif;
    text-align: justify;
}
p34{
	color:#000000;
	font-size:1.5 em;
	font-family:"Comic Sans MS";
	font-style: italic;
    font-family: Comic Sans MS, Arial Black, Verdana, Times New Roman, sans-serif;
    float: right;
}
p35{
	color:#000000;
	font-size:1 em;
	font-family:"Comic Sans MS";
	font-style: italic;
    font-family: Comic Sans MS, Arial Black, Verdana, Times New Roman, sans-serif;
    float: right;
}
img{
	position: absolute;
	left:50%;
	transform: translate(-50%,0 );
}
.TextCenter
{
	color:#0101DF;
	font-family:"Comic Sans MS";
	text-align:center;
}

.disparition_progressive
{
   opacity: 1;
   -webkit-transition: all 3s; /*compatibilité chrome*/
   -moz-transition: all 3s; /*compatibilité firefox*/
   -o-transition: all 3s; /*compatibilité opéra*/
   transition: all 3s; /* Autre navigateur */
}
.disparition_progressive:hover
{
   opacity: 0;
}
h4
{
	color:#A5DF00;
	font-size:1.5em;
	font-family:"Comic Sans MS";
}
summary
{
	font-size:1.5em;
}

.div-ecologie 
{
	background-image:url(images/écologie/ecologie.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	height:100%;
}
.div-feminisme 
{
	background-image:url(imagesEMC/SymboleFeminisme.png);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
	height:100%;
}
body
{
	max-width:1000px;
	margin:auto;
}
.flottant
{
    float: left;
    position:unset;
    left:unset;
    transform:unset;
    margin:0 10px 10px 10px;
}
.flottant-droit
{
    float: right;
    position:unset;
    left:unset;
    transform:unset;
    margin:0 10px 10px 10px;
}
.flottantes
{
    float: right;
    position:absolute;
    right:50px;
    transform:unset;
    margin:0 10px 10px 10px;
}
.Accueil 
{
	background-attachment:fixed;
	background-repeat:repeat;
	background-size:contain;
	background-position:center;
}
a:hover
{
	border-left: 3px solid black
}
a:active
{
	color:#00FFFF
}
a:visited{
	color:#08088A
}

.td{
	border: 3px solid bleu;
}
table{
	border: 3px blue solid;
	border-radius: 10px;
	border-collapse: collapse;
}
p6{
	color:#000000;
	font-size:2em;
	font-family:"Comic Sans MS";
	font-style: italic;
    font-family: Comic Sans MS, Arial Black, Verdana, Times New Roman, sans-serif;
    text-align: center;
}

.MESSAGE {background-color:#BBEEFF;padding:12px;border-radius:12px;margin-bottom:12px;}
.MESSAGE .HEURE {color:#888;font-size:80%;font-style:italic;}