body{
    background: linear-gradient(25deg, gray, white, gray);
    /*background: radial-gradient(circle, gray, orange, yellow, green, blue, indigo, violet, gray);*/
    /* background-color : lightgray; */
    padding:10px;
    font-family: 'Exo 2', Sans-Serif;
    text-shadow: 1px 1px 2px gray;
    
    }
     a{text-decoration: none;
        color: black;
     }
    li {
        list-style-type: disc;
    
    }
    li::marker{
        color: red;
    }
     .taille1{
    font-size : 20px;
    font-weight: 50;
    color : white;
    padding: 15px 0 15px 0;
    /*text-shadow: 1px 1px 5px white;*/
    text-shadow: 0 0 5px white, 0 0 10px yellow, 0 0 20px white;
    }
    
    .taille1mac{
    font-size : 20px;
    color : white;
    padding: 15px 0 15px 0;
    text-shadow: 0 0 10px lime, 0 0 20px lime, 0 0 30px lime;
    }
    .taille2 {
    font-size : 16px;
    font-weight: 100;
    color : black;
    text-shadow: 1px 1px 2px gray;
    padding-left: 2px;
    }
    
    .taille3 {
    font-size : 14px;
    font-weight: 150;
    color : grey;
    text-shadow: none;
    }
    
    img {
    margin-top: 10px;
    }
    
    h1 {
      font-size: 72px;
      background: -webkit-linear-gradient(#eee, #333);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    
    h2 {
    color: white;
    text-align: center;
    text-shadow: 1px 1px 10px black;
    }
    .container{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    }
    .item{
        width:300px;
        margin: 10px;
        /** padding: 8px;**/
        background-color:white ;
    /*background: linear-gradient(0deg, rgba(34,193,195,1) 0%, rgba(253,187,45,1) 100%);*/	
        box-shadow:2px 2px 5px gray;
       
        border-radius: 10px 10px 0 0;
    }
    .item2 {
        width:280px;
        margin: 5px;
        padding: 5px;
        background-color: #edf8af;
    }
    .top{
        width:300px;
        background-color:DodgerBlue ;
        text-align: center;
        border-radius: 5px 5px 0 0;
    }
    
    .topmac{
        width:300px;
        background-color:green ;
        text-align: center;
        border-radius: 5px 5px 0 0;
    }
    
    .topamd{
        width:300px;
        background-color:red ;
        text-align: center;
        border-radius: 5px 5px 0 0;
    }
    
    a.bulle span.detail{
        display: none;
    }
    a.bulle:hover span.detail{
        display: block;
        position: absolute;
        text-align:center;
        font-size:14px;
        color:black;
        background: white;
        padding: 5px;
        width: 250px;
        height: auto;
        /* border-style: 1;
        -webkit-border-radius: 75px / 40px; 
        -moz-border-radius:    75px / 40px; */
        border-radius: 5px; 
        box-shadow:2px 2px 50px #182856;
        border: white solid 1px;
        
    }
    .intel {
    color:DodgerBlue;
    text-shadow: 0 0 10px DodgerBlue, 0 0 20px DodgerBlue, 0 0 30px DodgerBlue;
    
    }
    .amd{
    color:red;
    text-shadow: 0 0 10px red, 0 0 20px red, 0 0 30px red;
    }
    .vl {
      border-left: 8px solid DodgerBlue;
      height: 20px;
      
     }
    .fond1{
    background-color: #cfce8f;
    
    }
    .fond2{
        background-color: DodgerBlue;
    }
      .head {
        text-align: center;
        background-color: DeepSkyBlue;
        padding: 5px;
      }

      .fixe {
        position: fixed;
        z-index: 5;
        top: 0;
        left: 0;
        width: 100%;
      }
      .corps {
        z-index: 2;
        position: relative;
        top: 140px;

      }
	  .retour{
	  position: relative;
top: 200px;
	  }
    @media only screen and (max-width:400px)
    {
    
    .neon-text {
      font-family: 'Arial', sans-serif;
      font-size: 2em;
      color: #fff;
      text-shadow: 0 0 10px #00f, 0 0 20px #00f, 0 0 30px #00f;
    }
    
    .taille1{
    font-size : 18px;
    /*color : white;
    text-shadow: 1px 1px 8px white;
    padding:0;*/
    font-weight: 400;
      color: rgb(243, 9, 9);
      text-shadow: 0 0 10px white, 0 0 20px yellow, 0 0 30px white;
    }
    
    .taille1mac{
    font-size : 22px;
    color : lime;
    
    
    }
    .taille2 {
    font-size : 14px;
    font-weight: 300;
    color : gray;
    text-shadow: none;
    }
    .taille3 {
    font-size:14px;
    }
    
    body{
    font-size:16px;
    background-color : #C7B097;
    }
    h2 {
    text-shadow: 5px 5px 5px grey;
    }
    a.taille3 span.detail{
        display: none;
    }
    a.taille3:hover span.detail{
    display: block;
        position: absolute;
        text-align:center;
        color:black;
        background: white;
        padding: 5px;
        width: 250px;
        height: auto;
        /* border-style: 1;
        -webkit-border-radius: 75px / 40px; 
        -moz-border-radius:    75px / 40px; */
        border-radius:         10px; 
        box-shadow:2px 2px 50px #182856;
        border: white solid 1px;
        
    }
    }