* {
	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 */
}
nav, ul, li, a  {margin: 0; padding: 0;}

a {text-decoration: none;
}

#container-menu {
    width: 100%;
    max-width: 1024px;
	height: 36px;
    margin-left:  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 1024px*/
    display:  none;
	width: 100%;
    background: #366c9a;
	padding: 8px 0px 8px 15px; /*sous menu haut-droit-bas-gauche */
    color: #fff;
	background-image: url("../images/iconemenu.png");
    background-repeat: no-repeat;
    background-position: 97%;
}

.nav { /*le bandeau du menu principal*/
    list-style: none;
	font-size: 14px; font-size: 1.400rem;/* =14px */
	height: 34px;
	line-height: 13px; line-height: 1.3rem;
	padding: 0px 0px 0px 0px; /*sous menu haut-droit-bas-gauche */
    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:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    font:12px Verdana,Arial;
	list-style: none;
	width: 192px; /*sous menu*/
}
.nav a {
    padding: 10px 15px;
    color:#fff;
}
.nav a:hover {
color: #fb060c; /*couleur du texte au survol*/
}

.nav li {
    position: relative;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
	background-image: url("../images/downArrow.png");
	background-repeat: no-repeat;
    background-position: right;
}
.nav li li .parent {
	background-image: url("../images/rightArrow.png");
	background-repeat: no-repeat;
    background-position: 98% 50%;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a { /*le bandeau du premier sous-menu principal*/
    display: block;
    background: #3c76a7;/*couleur des sous menus*/
	top:1px;
	padding: 9px 0px 9px 6px; /*sous menu haut-droit-bas-gauche */
    position: relative;
    z-index:100;
    border-top: 1px solid #79b5e8;
}
.nav li li li a { /*le bandeau du sous sous-menu principal*/
    background:#508aba; /*couleur des sous sous menus*/
	padding: 9px 0px 9px 6px; /*sous menu haut-droit-bas-gauche */
    z-index:200;
    border-top: 1px solid #79b5e8;
}

.nav li li li li a { /*le bandeau des sous sous sous-menus*/
    background:#508aba;
	padding: 9px 0px 7px 6px; /*sous menu haut-droit-bas-gauche */
    z-index:200;
    border-top: 1px solid #79b5e8;
}

#blogs-select {
	padding-top:11px;
}

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

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

}


@media screen and (max-width: 966px) {
.active {
      display: block;
 }    
.nav { /*pour faire disparaitre le menu normal*/
height: 0px;
}
.nav > li {
float: none;
background: #437caa;/*couleur des premiers sous menus*/
top: 0px;
border-top: 1px solid #79b5e8;
width: 270px;
}
.nav li li a { /*le bandeau du premier sous-menu principal*/
background: #578bb8;/*couleur des sous menus suivants*/
padding: 9px 0px 7px 30px; /*sous menu haut-droit-bas-gauche */
width: 240px;
}
.nav li li li a { /*le bandeau du sous sous-menu principal*/
background:#6197c4; /*couleur des sous sous menus*/
padding: 9px 0px 7px 50px; /*sous menu haut-droit-bas-gauche */
width: 220px;
}
.nav > li > .parent {
background-position: 95% 50%;
}
.nav li li .parent {
background-image: url("../images/downArrow.png");
background-repeat: no-repeat;
background-position: 95% 50%;
}
.nav ul {
display: block;
width: 100%;
font-size: 13px; font-size: 1.300rem;/* =13px */
list-style: none;   
}
.nav > li.hover > ul , .nav li li.hover ul {
position: static;
}
.toggleMenu { /*la position du hamburger*/
    background-position: 96%;
}
}

@media screen and (max-width: 768px) {
    
.nav { /*le bandeau du menu principal*/
	font-size: 14px; font-size: 1.400rem;/* =14px */
	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: 96%;
}
}

@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%;
}
}