body
{
	color: white;

 background-color: white;
 background-attachment: fixed;

}

h1
{
	color: white;
}

.header
{
	margin-left: 20em;
	margin-right: 20em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-style: solid;
}
.i1
{
	text-align: center;
}
.imagemain
{
text-align: center;			
}
.citation
{
color: red;
font-size: 0.8em;
font-style: italic;
text-align: center;
}

/*corps principale*/
.superbloc
{
	display: flex;
	flex-direction: column;
	margin-top: 4em;
}
/* tête de corps*/
.content
{
	background-color: black;

}
.leftbar
{
	display: flex;
	flex-direction: column;
	align-content: center;
}
.main
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.element1
{
	text-align: left;
	color: white;

    border-style: ridge;
    border-width: 0.7em;
    border-radius: 1em;
    border-color: #D7EAF7;

    margin-left: 0.2em;
    width: 11em;
    height: 9em;
    background-color: rgba(231, 230, 230,0.85);
}
.weektest
{
	border-style: ridge;
    border-width: 0.7em;
    border-radius: 1em;
    border-color: #D7EAF7;

	margin-top: 2em;
	background-color: rgba(231, 230, 230,0.85);
}

.element2
{
	text-align: center;
	color: black;
	background-color: rgba(231, 230, 230,0.85);
	background-blend-mode: 25%;
	margin-left: 2em;
	margin-right: 2em;
	flex: 1;
	border-radius: 2em;
}

h2
{
	text-align: center;
	font-size: 1.7em;
	color: black;
	border-style: solid;
	border-radius: 2em;
	background-color:  rgba(231, 230, 230,0.95);

}
.element3
{
	width: 11em;
	background-color: green;
	border-right: 0.2em;
	border-radius: 3.5em;
}


/* STYLE DE LA BARRE DE NAVIGATION Start */
<style>
/* Style The Dropdown Button */
.dropbtn 
{
    background-color: #9E9D9C;
    color: white;
    padding: 18px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown 
{
  	position
    display: inline-block;
    margin-left: 0.2em;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content 
{
    display: none;
    position: absolute;
    background-color: #E0EDF5;
	border-width: 2px;   
    border-style: solid;
    border-color: blue;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a 
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #98D5FA}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #98D5FA;
}
</style>
/* Barre de navigation style END */

/* corps principale */




/* Block actu */