body {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Questrial';
	font-size: 15px;
	height: 100%;
/*	font-family: verdana, arial, helvetica, sans-serif;*/
	background-color: #FFFFFF;
	text-align: left;
	color: rgba(0,0,0,1);

	}
#haut {
     position: fixed;
     top: 0px;
     left: 0px;
     margin: 0px 0px 0px 0px;
     width: 100%;
     background-color: #FFFFFF;
     height: 220px;
     z-index: 1;
     /*border-bottom: 1px solid black;*/
}
#centre {
        padding: 5px 5px 5px 5px;
	position: relative;
	top: 220px;
	margin: 0 auto;
	width: 75%;
}
#gauche {
        padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	width: 49.8%;
	min-height: 100%;
	float: left;
	border: 1px solid black;
	background-color: #E2DEE238;
}

#droite {
        padding: 10px 10px 10px 10px;
	box-sizing: border-box;
	width: 49.8%;
	min-height: 100%;
	float: right;
	border: 1px solid black;
	background-color: #69FA8D0F;
}
#droite2 {
        padding: 10px 10px 10px 10px;
	margin: 5px 0px 0px 0px;
	box-sizing: border-box;
	width: 49.8%;
	min-height: 100%;
	float: right;
	border: 1px solid black;
	background-color: white;
}
.logogauche {
     margin: 5px 5px 5px 0px;
     position: fixed;
     top: 10px;
     left: 12.5%;
     height: 170px;
     width: auto;
}
.photo {
     margin: 5px 0px 5px 5px;
     position: fixed;
     top: 10px; 
     right: 12.5%;
     height: 160px;
     width: auto;
}
.titre-div {
     position: relative;
     text-align: center;
     top: 10px;
     margin: 0px 0px 0px 0px;
     left: 30%;
     width: 40%;
     background-color: #FFFFFF;
     height: 75px;
}
.inner-contact {
	padding: 0px 0px 0px 0px;
	display: inline-block;
}
.contact {
	position: relative;
	text-align: center;
	top: 10px;
	left: 30%;
	width: 40%;
	color: #FFFFFF;
	padding: 0px 0px 0px 0px;
	color: rgba(0,0,0,0.8);
	font-size: 12px;
	display: inline-block;
}
.nom {
	font-family: 'Questrial';
	font-size: 40px;
	font-weight: bolder;
	color: rgba(0,0,0,0.9);
}
.noirtitre {
	font-family: 'Questrial';
	font-size: 21px;
	font-weight: none;
	color: rgba(0,0,0,0.9);
}
.ttt {
	font-size: 13px;
	font-family: 'Anonymous Pro', monospace;
	font-weight: bold;
}
.titre {
	color: black;
	font-size: 18px;
	text-decoration: none;
}
.titrerech {
	font-family: 'Questrial';
	font-size: 20px;
	color: black;
	font-weight: bold;
	text-align: center;
}
.auteur {
	color: #466;
	font-size: 15px;
	font-weight: none;
}
.revue {
	color: rgba(0,0,0,1);
	font-size: 14px;
	font-weight: none;
}
.logorech {
	position: fixed;
	top: 190px;
	right: 12.5%;
	display: inline-block;
}
.logo {
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	text-decoration: none;
}
dt {
	 /*color: #006400;*/		/* DarkGreen */
	 font-size: 100%;
	 margin: 5px 0;
		}

dt:before {
     content: ;
		  }

dd {
     border-left : 2px solid #466;
     padding-left: 10px;
     font-weight: normal;
     font-style: none;
     font-size: 80%;
     color: #000000;
     margin-bottom: 20px;
}
@font-face {
    font-family: 'Questrial';
    src: url('fonts/Questrial-Regular.woff2') format('woff2'),
         url('fonts/Questrial-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}