body{
	background: white;
	font-size: 75%;
	font-family: 'EB Garamond', serif;
}
/*************************************************************************************************************
* CLASSES DE TEXTES
*************************************************************************************************************/
body, input, div, td, p, h1, h2, h3, h4, h5, h6, textarea, select, form{
	font-family: 'EB Garamond', serif;
	padding: 0;
	margin: 0;
	color: gray;
}
h1, h2, h3, h4, h5, h6{
	text-align: inherit;
	color: gray;
}
.section_accueil p, #newsletter p, #paddinged{
	padding: .5em;
}
.gras{
	font-weight: bold;
}
h1{
	font-size: 1.2em;
	margin-top: 0;
	margin-bottom: 1em;
	margin-right: 1em;
	border-bottom: 1px solid gray;
	font-weight: normal;
	padding: .3em;
}
.small{
	font-size: .8em;
}
.red{
	color: #DE0000;
}
hr{
	height: 1px; border: 0; background-color: silver; color: silver;
}
div.clear{
	clear: both;
}
a{
	color: gray;
	text-decoration: none;
}
a:hover h3, a:hover input{
	color: #6b5b41;
	text-decoration: none;
	background-color: transparent;
	border: #6b5b41 1px solid;
	outline: none;
}

input{
	height: 28px;
	text-indent: 1em;
	font-size: 17px;
}
input.btn{
	background-color: #6b5b41;
	color: white;
	border: 0;
	margin-top: .2em;
	margin-bottom: .2em;
	height: 34px;
	float: right;
	margin-right: 2px;
}

input.btnp{
	background: url(images/btnp.png) no-repeat;
	color: white;
	border: 0;
	margin-top: .2em;
	margin-bottom: .2em;
	height: 34px;
}
/*************************************************************************************************************
* POSITIONNNEMENT PRINCIPAL DE LA PAGE
*************************************************************************************************************/
.taille-ecran{
	width: 79.1em;
	margin: 0 auto 0 auto;
	clear: left;
}
#bandeau{
	margin-top: 1em;
	position: relative;
}
#bandeau #logo{
	margin: 1em 0 .5em 20%;
}
#navig{
  width: 100%;
	background: #F5F4F4;
	float: left;
}
#mainpage{
	margin-top: 1em;
	position: relative;
}
.overview p, .overview ul, #newsletter form{
	font-size: 1em;
	/*0.85em avant*/
}
.overview p.accueil{
  text-align:right;
	font-size: 0.9em;
}

#footer{
	position: absolute;
	text-align: center;
	width: 100%;
	margin: 0;
}
#menu-bas{
	text-indent:0px;
}
#langues{
	position: absolute;
	right: 0;
	top: 0;
}
#langues a{
	color: white;
}
#langues a:hover{
	text-decoration: underline;
}
#certifie{
	position: absolute;
	right: 0;
	bottom: 0;
}

.article{
  min-height:150px;
  min-width:600px;
 /*  max-height:1000px;
   overflow:auto;*/

}
.article h3{
	padding-left: 10px;
}

.gauche{
float:left;
margin:10px;
vertical-align:text-top;
}

.droite{
float:right;
margin:10px;
vertical-align:text-top;
}
ul {
list-style-type: none; 
font-size: 1.2em;

}

.formulaire label {
width:280px;

}

.section_accueil{
padding-top: -20px;

}
.space{
	padding-top: 20px;
}
.underline a{
	text-decoration: underline;
}
.buttons{
	display: flex;
	justify-content: space-between;
}