/*article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
*/
* 
{margin:0;
padding:0;} 

html,body {
   min-height: 100%;
}

map,img,area,a {
	outline : none;
}

.cssback {
  display: block;
   margin-left: 0;
/*   margin-right: auto;*/
   margin-top : 1%;
}
.cssrefresh {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top : 6%;
   outline: none;
  }

.cssletitre {
   width: 8em;
   margin-left: auto ;
   margin-right: auto;
   display: block; 
   border: solid 4px #59c121;
   border-radius : 0.5em;
   box-shadow:  black 0.4em 0.4em 0.2em ;
   text-align: center;
   font-family: Helvetica, Arial, sans-serif;
   font-weight:bold;
}

.csslelien {
   width: 20em;
   margin-left: auto ;
   margin-right: auto;
 margin-top : 4%;
   display: block; 
   border: solid 6px #59c121;
   border-radius : 1em;
   padding: 0.5em;
   height : 5.5em;
   box-shadow: black 0.5em 0.5em 0.3em;
   text-align: center;
   font-family: Helvetica, Arial, sans-serif;
}

.cssdrapeau {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top : 8%;
}

footer { 
   width: 100%;
   height : 5em;/*auto;*/
   margin-top : 20%;
   margin-bottom : 0;
   display:block;
   border: 1px solid #58c121;
   text-align: center;
   position:relative;
 /*  bottom: 0;*/
}