/* Menu horizontal */ 

nav {
  margin:auto;
  margin-top:10px;  
  width:1150px;
  
  
}
nav ul {
  list-style:none;
  margin: 0;
    padding: 0;
    overflow:hidden;
}

nav li {
  float:left;
  height:110px;
  width: 112.5px; 
  margin:10px 25px; 
  border-radius:25px;
  
}



nav .orange {
  margin:10px 10px 10px 20px;
}

nav .enfant {
  margin:10px 60px;
}

nav .green {
  margin: 10px 10px 10px -30px;
}

nav .soutien {
  margin:10px 10px 10px 60px;
}

nav .blue {
  margin:10px 10px 10px 20px;
}

nav .offre {
  margin:10px 10px 10px 80px;
 
}

nav li a {
  display:block;
    text-align:center;
    margin:auto;
    /*padding: 25px 10px;*/ 
     padding:26px 7px 20px 7px;        
    text-decoration:none;
    font-size:13px;
    /* font-weight:bold; */
    font-family: "Comic Sans Ms", serif;
    color:black;
    transition-duration:0.1s;
    height:65px;
    letter-spacing:0.2px;
    border-radius:25px;

}


.enfant a {
  display:block;
    text-align:center;
    margin:auto;
    /*padding: 25px 10px;*/ 
     padding:20px 7px 25px 7px;

         
    text-decoration:none;
    font-size:13px;
    /* font-weight:bold; */
    font-family: "Comic Sans Ms", serif;
    color:black;
    transition-duration:0.1s;
    height:65px;
    letter-spacing:0.2px;
}

.soutien a {
  display:block;
    text-align:center;
    margin:auto;
    /*padding: 25px 10px;*/ 
     padding:16px 7px 30px 7px;

         
    text-decoration:none;
    font-size:13px;
    /* font-weight:bold; */
    font-family: "Comic Sans Ms", serif;
    color:black;
    transition-duration:0.1s;
    height:65px;
    letter-spacing:0.2px;
}

.offre a {
  display:block;
    text-align:center;
    margin:auto;
    /*padding: 25px 10px;*/ 
     padding:26px 7px 20px 7px;

         
    text-decoration:none;
    font-size:13px;
    /* font-weight:bold; */
    font-family: "Comic Sans Ms", serif;
    color:black;
    transition-duration:0.1s;
    height:65px;
    letter-spacing:0.2px;
   -

}



/*  Survol bouton vert */

.green , .enfant{
  background-color: rgb(163,201,25);
  
}


.green a:hover , .enfant a:hover {
  background-color:rgb(163,201,25);
  color:white;
  border-radius:25px;
   box-shadow: 0 2px 2px 0 rgba(163,201,25,0.10),0 1px 5px 0 rgb(163,201,25); 

   
  -webkit-transform: rotate(-4deg) scale(1.03);
  -moz-transform: rotate(-4deg) scale(1.03);
  -o-transform: rotate(-4deg) scale(1.03);

  

}




/*  Survol bouton bleu */

.blue ,.soutien, .offre{
  background-color: rgb(63,165,235);
  
}


.blue a:hover, .soutien a:hover ,.offre a:hover{
  background-color:rgb(63,165,235);
  color:rgb(255,255,255);
  border-radius:25px;
  box-shadow: 0 2px 2px 0 rgba(63,165,235,0.10),0 1px 5px 0 rgb(63,165,235); 
  -webkit-transform: rotate(-4deg) scale(1.03);
  -moz-transform: rotate(-4deg) scale(1.03);
  -o-transform: rotate(-4deg) scale(1.03); 
  
 
}




/*  Survol bouton orange */
.orange {
  background-color: rgb(249,134,7);

  
}

.orange a:hover {
   background-color:rgb(250,164,35);
   color:white;
   border-radius:25px;
   box-shadow: 0 2px 2px 0 rgba(249,134,7,0.24),0 1px 5px 0 rgb(249,134,7); 
  
  -webkit-transform: rotate(-4deg) scale(1.03);
  -moz-transform: rotate(-4deg) scale(1.03);
  -o-transform: rotate(-4deg) scale(1.03); 
}