html {
    
    background-color: #2EFE64;
   <!-- background-image: -webkit-linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);-->
    background-image: linear-gradient(270deg,rgb(230,233,233) 0%,rgb(216,221,221) 100%);
    -webkit-font-smoothing: antialiased;
}

body {
    margin: 0 auto;
    padding: 2em 2em 4em;
    max-width: 1500px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    color: ##2EFE64;
  
    background-color:#2EFE64;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.06);
}

td{
background-color:#fff;
-moz-border-radius:40px 0;
-webkit-border-radius:40px 0;
border-radius:40px 0;
padding:5px;
}

h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3em;
}
.autoroute{
    color: red;
}

h2 {
    margin-top: 1.3em;
}

a {
    color: #DF0101;
    text-decoration:none;
    text-align:center;
    size: 16px;
}

b, strong {
    font-weight: 600;
}
.ecole{
background-color: #000;
}
   background-color: #FFF;
    color: #333;
    line-height: 1.1em;
    font-size: 0.9em;
    font-family: "liberation mono","free mono","droid mono","courier new",sans;
    margin: 0px 10px 10px;
    padding: 10px;
    border: 1px dotted #000;
}
pre, fieldset, legend, .css_codage {
    text-shadow: none;
}
pre {
    white-space: pre-wrap;
}
em
{
color:#DF0101;
}

h2 {
    margin-top:20px;
   animation-duration: 3s;
    animation-name: slidein;
   text-align:center;
    animation-iteration-count:1;
animation-direction: alternate;
  }
  
  @keyframes slidein {
    from {
      margin-left: 100%;
      width: 100%

    }
    
    to {
      margin-right: 0%;
      width: 100%;
    }
  }