html, body {margin:0;padding:0;height:100%;}

body {
   
   
    font-family:Verdana,sans-serif;

}

header,footer,section,article {
  
    margin:1px;margin-bottom:1px;padding:8px;
    background-color:white;
}
header,footer {
    color:white;margin-bottom:1px; text-align:center; 
}



.form_col {
    display: inline-block;
    margin-right: 15px;
    padding: 3px 0px;
    width: 400px;
    min-height: 1px;
    text-align: right;
}
	
input {
	padding: 2px;
	border: 1px solid #CCC;
    border-radius: 2px;
    
	outline: none; /* Retire les bordures appliquées par certains navigateurs (Chrome notamment) lors du focus des éléments <input> */
}
/*ajout mai 2021*/
input[type=text]{ width: 300px; }
input[type=email]{ width: 300px; }

	
input:focus {
	border-color: rgba(82, 168, 236, 0.75);
	box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}

h2 {
  text-align:center;
}

.mini {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; font-weight: normal; line-height: 8px;}
.mini:link {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #000000; text-decoration: none; font-weight: normal; line-height: 8px;}
.mini:visited {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #808080; text-decoration: none; font-weight: normal; line-height: 8px;}
.mini:active { font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #FFFFFF; text-decoration: underline; font-weight: normal; line-height: 8px;}
.mini:hover {font-family: Arial, Helvetica, sans-serif; font-size: 7pt; color: #808080; text-decoration: underline; font-weight: normal; line-height: 8px;}