/* Menu horizontal */

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

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

nav li a {
	display:block;
   	text-align:center;
   	margin:auto;
    /*padding: 25px 10px;*/ 
  	 padding: 42px 7px 4px 7px;

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

}


/*  Survol bouton vert */

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


.green a:hover {


	   background: rgb(163,201,25);
	   background: -webkit-gradient(linear, left top, left bottom, from(rgb(185,277,36)), to(rgb(163,201,25)));
	   background: -webkit-linear-gradient(top, rgb(185,277,36), rgb(163,201,25));
	   background: -moz-linear-gradient(top, rgb(185,277,36), rgb(163,201,25));
	   background: -ms-linear-gradient(top, rgb(185,277,36), rgb(163,201,25));
	   background: -o-linear-gradient(top, rgb(185,277,36), rgb(163,201,25));

	
	color:white;
	border-radius:30px;
	
	-webkit-transform: rotate(-4deg) scale(1.03);
	-moz-transform: rotate(-4deg) scale(1.03);
	-o-transform: rotate(-4deg) scale(1.03);

	
}

.green a:active {
		/* color:#f7e479; */
	 background: rgb(163,201,25);
	   background: -webkit-gradient(linear, left top, left bottom, from(rgb(163,201,25)), to(rgb(185,277,36)));
	   background: -webkit-linear-gradient(top, rgb(163,201,25)), rgb(185,277,36));
	   background: -moz-linear-gradient(top, rgb(163,201,25)), rgb(185,277,36));
	   background: -ms-linear-gradient(top, rgb(163,201,25)), rgb(185,277,36));
	   background: -o-linear-gradient(top, rgb(163,201,25), rgb(185,277,36));

}


/*  Survol bouton bleu */

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


.blue a:hover {


	 background: rgb(63,165,235);
	   background: -webkit-gradient(linear, left top, left bottom, from(106,187,249), to(rgb(63,165,235)));
	   background: -webkit-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	   background: -moz-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	   background: -ms-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	   background: -o-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	
	color:white;
	border-radius:30px;
	
	-webkit-transform: rotate(-4deg) scale(1.03);
	-moz-transform: rotate(-4deg) scale(1.03);
	-o-transform: rotate(-4deg) scale(1.03);
	

}
.blue a:active {
		/* color:#f7e479; */
	 background: rgb(63,165,235);
	   background: -webkit-gradient(linear, left top, left bottom, from(rgb(63,165,235)), to(#80c4f2));
	   background: -webkit-linear-gradient(top, rgb(63,165,235),(#80c4f2));
	   background: -moz-linear-gradient(top, rgb(63,165,235),(#80c4f2));
	   background: -ms-linear-gradient(top, rgb(63,165,235),(#80c4f2));
	   background: -o-linear-gradient(top, rgb(63,165,235),(#80c4f2));
}

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

	
}

.orange a:hover {

	   background: rgb(249,134,7);
	   background: -webkit-gradient(linear, left top, left bottom, from(rgb(250,164,69)), to(rgb(249,134,7)));
	   background: -webkit-linear-gradient(top, rgb(250,164,69),rgb(249,134,7));
	   background: -moz-linear-gradient(top, rgb(250,164,69), rgb(249,134,7));
	   background: -ms-linear-gradient(top, rgb(250,164,69), rgb(249,134,7));
	   background: -o-linear-gradient(top, rgb(250,164,69), rgb(249,134,7));



   background-color:orange;
   color:white;
	border-radius:30px;
	
	-webkit-transform: rotate(-4deg) scale(1.03);
	-moz-transform: rotate(-4deg) scale(1.03);
	-o-transform: rotate(-4deg) scale(1.03);
	
}


.orange a:active {
		/* color:#f7e479; */
	background: rgb(249,134,7);
	   background: -webkit-gradient(linear, left top, left bottom, from(rgb(249,134,7)), to(rgb(250,164,69)));
	   background: -webkit-linear-gradient(top, rgb(249,134,7),rgb(250,164,69));
	   background: -moz-linear-gradient(top, rgb(249,134,7),rgb(250,164,69));
	   background: -ms-linear-gradient(top, rgb(249,134,7),rgb(250,164,69));
	   background: -o-linear-gradient(top, rgb(249,134,7),rgb(250,164,69));
}



#syntax a {
	display:block;
   	text-align:center;
   	margin:auto;
    /*padding: 25px 10px;*/ 
  	 padding:30px 7px 15px 7px;

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





#syntax a:hover {


	 background: rgb(63,165,235);
	   background: -webkit-gradient(linear, left top, left bottom, from(106,187,249), to(rgb(63,165,235)));
	   background: -webkit-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	   background: -moz-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	   background: -ms-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	   background: -o-linear-gradient(top, rgb(106,187,249), rgb(63,165,235));
	
	color:white;
	border-radius:30px;
	-webkit-transform: rotate(-4deg) scale(1.03);
	-moz-transform: rotate(-4deg) scale(1.03);
	-o-transform: rotate(-4deg) scale(1.03);
	
}


.syntax a:active {
		/* color:#f7e479; */
	 background: rgb(63,165,235);
	   background: -webkit-gradient(linear, left top, left bottom, from(rgb(63,165,235)), to(#80c4f2));
	   background: -webkit-linear-gradient(top, rgb(63,165,235),(#80c4f2));
	   background: -moz-linear-gradient(top, rgb(63,165,235),(#80c4f2));
	   background: -ms-linear-gradient(top, rgb(63,165,235),(#80c4f2));
	   background: -o-linear-gradient(top, rgb(63,165,235),(#80c4f2));
}
}