body,
html {
    padding: 5px;
    margin: 5px;
    font-size: 16px;
    color: #333;
    background: #ffaf6a;
   /* background-image: url("maillot_recto.png");*/
    cursor: default;
    font-family: 'Original Surfer', cursive;
    /*font-family: 'Open Sans', sans-serif;*/
}
h1 {
    font-family: 'Original Surfer', cursive;
    /*font-family: 'Droid Serif', serif;*/
    font-size: 1.8rem;
    width: 100%;
    font-weight: 900;
    line-height: 2.8rem;
}
p {
    font-size: 1.3rem;
    line-height: 1,1;
    text-align: justify;
}
.special {
  color: #2485c0;
  font-weight: bold;
}
a:visited {
  color: blue;
}
.styled {
    text-decoration: none/*underline*/;
    border: 1px solid #f77300;
    margin: 20px 20px 20px 20px;
    line-height: 34px;
    width: 149px;
    padding: 0px 5px 0px 5px;
    font-size: 15px;
    text-align: center;
    /*text-shadow: 1px 1px 1px #000;*/
    border-radius: 10px;
    background-color: #f77300;
    background-image: linear-gradient(to top left,
                                      rgba(58,128,180, .1),
                                      rgba(253,115,29, .1) 50%,
                                      rgba(255,215,158, 1));
/*box-shadow: 19px 14px 27px 0px rgba(55,140,204,0.50), 17px 13px 11px 0px rgba(55,140,204,0.42);*/
}
.styled:hover {
    background-color: #7596ad;
}
.button {
    padding:5px;
    margin:5px;
    background-color: #aab7b8;
    background-image: linear-gradient(to top left,
                                      rgba(65,255,131, .1),
                                      rgba(65,255,167, .1) 50%,
                                      rgba(65,148,255, 1));
    text-decoration: none;
    color: #2c70a3;
    border: 2px solid #e4a94d;
    border-radius: 10px;
    width: 100%;
    height:100%;
    font-weight: bold;
    font-size: 14px;
    position: relative;
    font-size: bold;
    text-align: center;
    transition: 300ms ease-out;
    transition-property: background;
    transition-duration: 300ms;
    transition-timing-function: ease-out;
    transition-delay: 0s;
    box-sizing: border-box;
}
.button:hover {
    background-color: #e5aa4e;
    color: white;
    border: 2px solid #3f96ff;
    cursor: pointer;
    width: 100%;
    height:100%;
}
header{
    background-image: linear-gradient(to top left,
                                      rgba(58,128,180, .1),
                                      rgba(253,115,29, .1) 50%,
                                      rgba(255,215,158, 1));
    background-color: #f77300;
    /*box-shadow: 10px 10px 10px 0px rgba(55,140,204,0.50), 10px 10px 10px 0px rgba(55,140,204,0.42);*/
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 0px;
    width: 100%;
    border-radius: 20px;
    border: 0px solid #f77300;
    align-items: center;
    color: #2c70a3;
  /*text-shadow: #000 0 0 .2em;*/
}
footer{
    background-image: linear-gradient(to top left,
                                      rgba(58,128,180, .1),
                                      rgba(253,115,29, .1) 50%,
                                      rgba(255,215,158, 1));
  margin: 20px 0px 0px 0px;
  position: static;
  display: flex;
  background-color: #f77300;
    /*box-shadow: 10px 10px 10px 0px rgba(55,140,204,0.50), 10px 10px 10px 0px rgba(55,140,204,0.42);*/
    display: flex;
    text-align: center;
    justify-content: center;
    padding: 0px;
    width: 100%;
    border-radius: 20px;
    border: 0px solid #f77300;
    align-items: center;
    color: #2c70a3;
  /*text-shadow: #000 0 0 .2em;*/
}
div.a {
margin: 3px 0px 0px 0px;
padding: 0px;
display: flex;
  left: 0px;
  position: relative;
  border: 0px solid red;
  top: 0px;
}
  img {
  padding: 20px 
  display: flex;
  margin: 0px;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  /*box-shadow: 10px 10px 10px 0px rgba(55,140,204,0.50), 10px 10px 10px 0px rgba(55,140,204,0.42);*/
}
figure {
width: 100%;
  height: 100%;
  margin: 0px 3px 3px 3px;
  padding: 3px;
  background:#2c70a3;
  border: 3px solid #f77300;
  border-radius: 10px;
  width:100%;
}
figcaption{
padding:0px 5px 0px 5px;
width:initial;
height: 50%;
display: block;
text-align:left;
font-size: 14px;
color: black;
background-color: #7596ad;
/*text-shadow: 1px 1px 1px #000;*/
border-radius: 10px;
}