* {
	font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
}
html {
    font-size: 62.5%;
}
body {
    font-family:"Verdana", Helvetica, Arial, Geneva, sans-serif;
    font-size: 14px; font-size: 1.400rem;/* =14px */
}

a {text-decoration: none;
}

#container-menu {
    width: 100%;
    max-width: 1024px;
	height: 36px;
    margin-left: 0px auto;
	margin-right: auto;
	background: #04265b; /*le bandeau du menu principal pour ie8 qui ne prend pas les dégradés*/
}

.toggleMenu { /*le bandeau du menu principal dans les versions à partir de 966px*/
    display:  none;
	width: 100%;
    background: #366c9a;
	padding: 7px 0px 8px 0px; /*sous menu haut-droit-bas-gauche */
	margin: 0 0 0 0; /*sous menu haut-droit-bas-gauche */
    color: #fff;
	background-image: url("../images/iconemenu.png");
    background-repeat: no-repeat;
    background-position: 98%;
	z-index: 10;
}

.nav { /*le bandeau du menu principal*/
    list-style: none;
	font-size: 14px; font-size: 1.400rem;/* =14px */
	height: 26px;
	margin: 0px auto;
	line-height: 13px; line-height: 1.3rem;
	padding: 10px 0px 0px 12px; /*sous menu haut-droit-bas-gauche */
    *zoom: 1;
    background: -moz-linear-gradient(#79b5e8, #04265b); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #04265b),color-stop(1, #79b5e8));	
	background: -webkit-linear-gradient(#79b5e8, #04265b);	
	background: -o-linear-gradient(#79b5e8, #04265b);
	background: -ms-linear-gradient(#79b5e8, #04265b);
	background: linear-gradient(#79b5e8, #04265b);
}

.nav a {
	padding: 0px 19px 0px 0px; /*sous menu haut-droit-bas-gauche */
    color:#fff;
}
.nav a:hover {
	color: #fb060c; /*couleur du texte au survol*/
}
.nav li {
    position: relative;
	margin: 0 0 0 0; /*sous menu haut-droit-bas-gauche */
}
.nav > li {
    float: left;
}

@media screen and (max-width: 1024px) {

	/* Le premier petit bandeau*/
#le-haut {
	padding-top:7px;
	padding-bottom:6px;
}
}

@media screen and (max-width: 980px) {
    
.active {
      display: block;
 } 
.nav { /*pour faire disparaitre le menu normal*/
	height: 0px;
	padding: 0px;
	font-size: 16px; font-size: 1.600rem;/* =16px */
}
.nav > li {
    float: none;
	height: 23px;
	background: #437caa;/*couleur des premiers sous menus*/
	top: 0;
	border-top: 1px solid #79b5e8;
	padding: 9px 0px 6px 16px; /*sous menu haut-droit-bas-gauche */
	width: 150px;
	z-index: 10;
}	
.toggleMenu { /*la position du hamburger*/
  	background-position: 98%;
	z-index: 10;
}
}

@media screen and (max-width: 800px) {
    
.nav { /*le bandeau du menu principal*/
	list-style: none;
	line-height: 13px; line-height: 1.3rem;
}
.nav ul {
    font-size: 12px; font-size: 1.200rem;/* =14px */
	list-style: none;   
}
.toggleMenu { /*la position du hamburger*/
    background-position: 98%;
	z-index: 10;
}
}

@media screen and (max-width: 768px) {
    
.toggleMenu { /*la position du hamburger*/
    background-position: 98%;
}
}

@media screen and (max-width: 640px) {
    
.toggleMenu { /*la position du hamburger*/
    background-position: 95%;
}
}

@media screen and (max-width: 603px) {
    
.toggleMenu { /*la position du hamburger*/
    background-position: 95%;
}
}

@media screen and (max-width: 568px) {
   
.toggleMenu { /*la position du hamburger*/
    background-position: 95%;
}
}

@media screen and (max-width: 460px) {
    
.toggleMenu { /*la position du hamburger*/
    background-position: 93%;
}
}

@media screen and (max-width: 360px) {
    
.toggleMenu { /*la position du hamburger*/
    background-position: 92%;
}
}

@media screen and (max-width: 320px) {
    

.toggleMenu { /*la position du hamburger*/
    background-position: 92%;
}
}