h1 {line-height: 55px; margin: 50px 0 30px 0; font-size: 55px; font-size: 5.5rem; color: #53eac4; font-weight: lighter; text-transform: uppercase;}

/* general */
#plansite > ul {line-height: 23px; font-size: 14px;}

/* premier niveau*/
#plansite > ul > li:first-child {margin-left: 0;}
#plansite > ul > li > a {margin: 0 0 20px 0; text-transform: uppercase; font-size: 16px;  font-weight: bold;}

/* second niveau */
#plansite > ul > li > ul > li {margin-left: 20px;}

/* troisieme niveau */
#plansite > ul > li > ul > li > ul > li {margin-left: 20px;}

/**
 * Responsive Design
 */

/* Grand écran */
@media screen and (min-width: 980px) {
	#plansite > ul > li {float: left; display: block; margin: 0 0 40px 25px;}
}


/* Tablette portrait */
@media screen and (min-width: 764px) and (max-width: 979px) {
	#plansite > ul > li {float: left; display: block; margin: 0 0 40px 25px;}
	/*#plansite > ul > li:nth-child(2n+1) {clear: left; margin-left: 20px;}*/
}

/* Mobile */
@media screen and (max-width: 763px) {
	#plansite > ul > li {margin: 0 0 40px 20px;}
}