/* -- Pour modifier les propriétés CSS si l'utilisateur à un petit écran -- */
@media screen and (max-width : 1100px) {
	body div#menu { width : 70%; }
	body div#menu ul#principal_menu { width : 620px; }
	body div#menu ul#principal_menu li.sup { width : 120px; }
	body div#menu ul#principal_menu li.sup  ul { width : 118px; }
	body div#corps, body div#header { width : 96%; }
}

@media screen and (max-width: 1250px) and (min-width : 1100px) {
	body div#menu { width : 70%; }
	body div#menu ul#principal_menu { width : 670px; }
	body div#menu ul#principal_menu li.sup { width : 130px; }
	body div#menu ul#principal_menu li.sup  ul { width : 128px; }
	body div#corps, body div#header { width : 90%; }
}

@media screen and (max-width: 1400px) and (min-width : 1250px) {
	body div#menu { width : 70%; }
	body div#menu ul#principal_menu { width : 720px; }
	body div#menu ul#principal_menu li.sup { width : 140px; }
	body div#menu ul#principal_menu li.sup  ul { width : 138px; }
	body div#corps, body div#header { width : 86%; }
}