/*Width: 100% pour rorcer le menu à s'afficher sur une ligne si la taille de la police est très grande*/

@import url(http://fonts.googleapis.com/css?family=Fjalla+One);

.menu {
	/*information du cadre du menu principale 	le menu commence ou le <div class="menu"> commence 	OU nous pouvons déplacer ce menu avec un position absolute 	*/
	border:none;
	/*border:2px dotted #ff0000; bordure du cadre du menu principale*/ 
	font-size:100%; /*taille de la police du menu principale */
	font-weight:normal;/*style de la police du menu principale */
	/*font-family: Arial, Helvetica, sans-serif;/*style de la police de tous les menus si pas modifié plus bas */*/
	font-family: 'Fjalla One', sans-serif;    
	position: absolute;
	z-index: 2000;/* */

	top: 139px; /* hauteur du menu en px*/
	width: 260px;
	padding:0px;
	right:auto;
	left:auto/* position horizontale du menu (transation sur l'axe des x)*/;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 1px;
	
}
.menu ul {
	background:#f3efd5;/*couleur background de la ligne complète*/
	/*height:36px;*/ /*hauteur du cadre du menu principale*/
	list-style:none;
	width: 260px; /*largeur du cadre du menu principale*/
	/*si le site est centré */
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom: 0px;
	/*si le site est positionné a gauche
	margin:0;
	*/
	padding:0;
}
.menu li {
	/*float:left;*/
	padding:0px;
	/*width: 120px; pour fixer une largeur aux items de menu principale, peut être automatique en l'enlevant */
}
.menu li a {
	background:#f3efd5 url("../../images/13_Elements_graphiques/Separateur.png") bottom right no-repeat;
	color:#585103; /*couleur des items de menu principale SI ils ont un lien */
	display:block;
	font-weight:normal;
	line-height:30px; /*hauteur de la zone de texte pour centrer le texte verticalement*/
	margin:0px;
	padding:0px 25px; /* espace entre les textes d'items de menu principale */
	text-align:left; /*centre le texte dans le bouton important si la largeur des boutons sont fixées*/
	text-decoration:none;
	/*text-transform: uppercase;*/
	font-family: 'Fjalla One', sans-serif;
	font-size: 17px;
}
.menu li a:hover, .menu ul li:hover a {
	/*background: #747054;*/
	background:#747054 url("../../images/13_Elements_graphiques/Separateur_over.png") bottom right no-repeat;
	color:#ffffff; /* couleur du texte de l'intem de menu principale on mouse over*/
	text-decoration:none;
}
.menu li ul { /*les sous menus*/
	background:#5b5843; /*couleur de background des sous menu*/
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:250px; /* largeur des items de sous menu*/
	z-index:2001; /* pour apparaitre au dessus des autres éléments*/
		}

	
.menu li:hover ul {
	display:block;
	/*position: relative;*/
	left: 261px;
	margin-top: -30px;
}

.menu li li {
	/*background:url('../../images/menu/sub_sep.gif') bottom left no-repeat;*/
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:250px; /*largeur du roll over des sous-menus  - doit être le même que la largeur des sous-menus*/
}

.menu li:hover li a {
	background:none;
}
.menu li ul a {
	display:block;
	height:26px; /* hauteur des sous-menus*/
	line-height:26px; /*espace pris par le texte des sous-menus pour le centrer verticalement*/
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px; /*espace droite et gauche pour les sous-menus: gauche est plus grand pour laiiser de la place a l'image */
	text-align:left;/* position du texte dans le sous-menu*/
}
.menu li ul a:hover, .menu li ul li:hover a {
	background:#716A3E url('../../images/menu/hover_sub.html') center left no-repeat;
	border:0px solid #b55f2a; /*bordure du sous menu*/
	width:225px ;
	color:#ffffff;
	text-decoration:none;
}
.menu p {
	clear:left;
}

#menu_27536  a, #menu_27949 a 
{
	width: 12px !important;
	margin: 0px !important;
	padding: 0px !important;
	position: absolute;
	top: -2000px;
}
#menu_27387	ul { /*les sous menus*/
	width:600px!important; /* largeur des items de sous menu*/
		}	
		
#menu_27387 li {
	width:50%; /*largeur du roll over des sous-menus  - doit être le même que la largeur des sous-menus*/
	float: left;
	
}
#menu_27387 ul a:hover, #menu_27387 ul li:hover a {
	width:275px;
}
#menu_27387_32665, #menu_27387_32671, #menu_27387_32677, #menu_27387_32685, #menu_27387_32686 { width:100%!important; clear:both!important;}
#menu_27387_32665 a , #menu_27387_32665 a:hover, #menu_27387_32686 a, #menu_27387_32686 a:hover  /*titre de sous menu*/
{	width:575px!important;
	clear:both;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a39d74;	
}
#menu_27387_32671 a , #menu_27387_32671 a:hover, #menu_27387_32677 a, #menu_27387_32677 a:hover, #menu_27387_32685 a, #menu_27387_32685 a:hover /*titre de sous menu*/
{	width:575px!important;
	clear:both;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a39d74;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a39d74;	
}

/*COPIE DE SITE*/

#menu_27913  a 
{
	width: 12px !important;
	margin: 0px !important;
	padding: 0px !important;
	
}
#menu_27910	ul { /*les sous menus*/
	width:600px!important; /* largeur des items de sous menu*/
		}	
		
#menu_27910 li {
	width:50%; /*largeur du roll over des sous-menus  - doit être le même que la largeur des sous-menus*/
	float: left;
	
}
#menu_27910 ul a:hover, #menu_27910 ul li:hover a {
	width:275px;
}
#menu_27910_161021, #menu_27910_161027, #menu_27910_161032, #menu_27910_161038, #menu_27910_161038 { width:100%!important; clear:both!important;}

#menu_27910_161021 a , #menu_27910_161021 a:hover, #menu_27910_161039 a, #menu_27910_161039 a:hover  /*titre de sous menu*/
{	width:575px!important;
	clear:both;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a39d74;	
}
#menu_27910_161030 a , #menu_27910_161030 a:hover, #menu_27910_161032 a, #menu_27910_161032 a:hover, #menu_27910_161038 a, #menu_27910_161038 a:hover /*titre de sous menu*/
{	width:575px!important;
	clear:both;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a39d74;	
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a39d74;	
}

.menuhaut 
{
    position: absolute;
    top: -142px;
    right:auto;
	left:auto;
	margin-right: auto;
	margin-left: 450px;
}


/*MENU VERSIONS SIMPLIFIÉES*/
#menu_28069, #menu_28070 
{
    width: 91%;
    
}
#menu_28069 a, #menu_28070 a
{
    line-height: 65px;
    font-size: 18px;
    border: 1px solid #bd8c0b !important;
    background-image: none;
    margin-left: 23px;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #ffffff !important;
    background-color: #716A3E !important;
    padding-left: 70px !important;
    padding-right: 0px !important;
}


#menu_28069 a:hover, #menu_28070 a:hover
{
    border: 1px solid #716A3E !important;
    background-image: none;
    
    background-color:#b0bb3b !important;
	color:#ffffff !important; 
	
    
}


#menu_28069 a, #menu_28069 a:hover /*TEXTE SIMPLIFIÉ*/
{
    background:#f3efd5 url("../../images/13_Elements_graphiques/txt-simplifie_64.png") bottom left no-repeat;
    background-position-x: 3px;
    background-position-y: -2px;
}

#menu_28070 a, #menu_28070 a:hover /*ORTHGRAPHE ALTERNATIVE*/
{
    background:#f3efd5 url("../../images/13_Elements_graphiques/txt-alternatif_64.png") bottom left no-repeat;
    background-position-x: 3px;
}