body {
  margin: 5px 50px 50px 50px;
  padding: 5px 50px 50px 50px;
  background: #DDD top center no-repeat;
  font-family: "Comic Sans MS",Arial;
  font-size: 15px;
  color: #1a1718;
  line-height: 1;
}
header, nav, aside, footer, figure, section, article,  {
  display: block;
}
* {
  outline: #000;
}

a {
  color: #3371FF;
  padding-left: 30px;    
}
a:hover {
  color: #d53948;
  text-decoration: underline;
  padding-left: 30px;          
  font-size: 18px;    
}

#content {
  width: 500px; 
  margin: 10px auto;
  height: auto;
    
background: #FFFFFF;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
 display: flex;
 flex-direction: column; 
}

li{
    padding: 5px;
}

.Attention{
    color :darkorange;
    font-size: 19px;
    line-height: 1.1;
}
/*
 *==============================================================
 * HEADER
 *=========
 */
header {
  height: 300px;
  position: relative;
}
#logo {
  position: absolute;
  top: 5px;
  left: 50px;
  display: block;
  width: 500px;
  height: 300px;
  background: url(logo%20club.png) top left no-repeat;
  text-indent: -7000px;
}
#Contentmain {
  margin: 20 20 20 20px;
}
input,option {
font-family:  "Comic Sans MS",Arial;
}

#Probleme{
    color :darkorange;
    font-size: 19px;
    line-height: 1.1;
}

span{
    color :blue;
    font-size: 17px;
    line-height: 1.1;
}

h2{
    line-height: 1.1;
}


/*
 *==============================================================
 * FOOTER
 *=========
 */

#copyright{
/*
    position: relative;
    bottom: 20;
    height: 220px;
*/ 
    padding: 10px;
    text-align: center;
    line-height: 2em;
    
}