@charset "utf-8";
/* CSS Document */
/*GENERAL */

* {
 box-sizing: border-box;
/* box-sizing est appliqué à tous les éléments */
}


#menu {
	height: 100px;
	min-width: 1000px;
	list-style : none;
	width: 100%;
	padding: 0;
	list-style: none;
	text-align: center;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: 100;
	min-width: 960px;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: 5px;
	z-index: 2;
	 vertical-align: middle;
 }


#menu ul li ul {
 display:none;
 }
#menu ul li:hover ul {
 display:block; 

 }
#menu li:hover ul li {
 float:none;
 }
#menu li ul {
position: absolute;
 width:16.3%;


 /*ICI */
 }


 
 #menu li a {
 display:block;
 width:100%;
 color:white;
 text-decoration:none;
 padding:5px;
 height: 35px;
 padding-top:9px;

 }
 
#menu2  {
 margin-left:-2px;
  margin-right:2px;
 z-index: 3;
 }
 
 #menu2 li.base {
 float:left;
 width:100%;
 background-color:#b71c7b;
 border-style: solid;
 border-width: 1px 2px 1px 2px;
 min-width: 157px;
 }
 
 #menu2 li.menulanguesec {
	  float:left;
 width:100%;

 border-style: solid;
 border-width: 1px 2px 1px 2px;
 min-width: 157px;
    background-color:#77074b;
}


 
 #menu ul {
 padding:0;
 list-style-type:none;
 text-align:center;

 }
 
/*----------------------------------------


----------------------------*/


/* CLASSE BOUTON GENERAL - OLD */

.nav li { 
    display:inline-block;
    width:16.3%;
    margin:0;
    padding:0;
	float:left;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
 vertical-align: middle;

}

.nav a {
	text-align: center;
	padding: 12px 0 13px 0;
	margin: 0;
	display: block;
	text-decoration: none;

	color: #FFF;
}
.nav a:hover { 
    background:#A26A42;
	padding: 12px 0 13px 0;
    border:none;
}



/* CLASSE COULEUR BOUTON 1 - ACCUEIL */
li.bt1 {
    background-color:#067cca;
}

li.bt1 a:hover { 
    background:#0087cc;
}

/* CLASSE COULEUR BOUTON 2 - NOS PUBLICATIONS */
li.bt2 {
    background-color:#b71c7b;
}

li.bt2 a:hover { 
    background:#e13ea2;s
}





/* CLASSE COULEUR BOUTON 3 - POUR LES PROFESSEURS */
li.bt3 {
    background-color:#68ad1a;
		min-width: 165px;
}

li.bt3 a:hover { 
    background:#85d826;
}

/* CLASSE COULEUR BOUTON 4 - POUR NOUS JOINDRE */
li.bt4 {
    background-color:#eaad00;
}

li.bt4 a:hover { 
    background:#fbc838;
}

/* CLASSE COULEUR BOUTON 5 - POUR COMMANDER */
li.bt5 {
    background-color:#ac3d06;
}

li.bt5 a:hover { 
    background:#d95c1f;
}

/* CLASSE COULEUR BOUTON 6 - A PROPOS */
li.bt6 {
    background-color:#4b5a96;
}

li.bt6 a:hover { 
    background:#6377c8;
}


/*NIVEAU 2 ------------------------------------------------------------------------------------------- */