#menu
{
	height:80px;
	background:white;
	padding-right:20px;
	border-bottom:1px solid #39B54A;
	margin-bottom:30px;
	font-family: "Open Sans","PT Sans";
	text-align: right;
	z-index: 20000000;
}

#logotype
{
	position:absolute;
	left:5px;
	top:10px;
}

#logotype img
{
	padding-top:5px;
	width:250px;
}

/* Les LI sous menu */
.under
{
	width:200px;
}

#menu ul {
	margin:0 0 0 -25px;
	padding:0;
	list-style-type:none;
	z-index:2000;
}

#menu li {
	display: inline-block;
	vertical-align: middle;
	padding:0;
	background:white;
	height:80px;
	line-height:70px;
	border-right:0px dotted grey;
	font-weight: bold;
	text-transform:uppercase;
}

/* l'UL de sous menu */
#submenu
{
	text-align: left;
}

.li_rond
{
	margin-right: 4%;
	white-space: nowrap; /* Empeche le retour chariot */
}

/*#menu li a::after {
	content:'';
	position:relative;
	border-right: 1px solid black;
	margin-left:50%;
}*/

#menu li a {
	display:block;
	color: #525252;
	text-decoration:none;
	padding:0px;
	margin:0 5%;
	font-size:15px;
}

#menu li a:hover {
	color:#39B54A;
}

#menu ul li ul { /* Etat caché */
	display:none;
}

#menu ul li:hover ul { /* Déclenche le drilldown */
	display:block;
	white-space: normal;
}

#enu li:hover ul li {
	float:none;
	text-align: left;
}

#menu li ul {
	position:absolute;
}

#menu li ul li a
{
	font-size:12px;
}

#mobile
{
	display:none;
}

/*-------------------Petit format--------------*/

@media screen and (min-width:768px) and (max-width:979px)
{

	#logotype img
	{
		width:180px;
	}

	.li_rond
	{
		margin-right: 10px;
	}

	#logotype
	{
		margin-right: 5px;
	}

	/* Les LI sous menu */
	.under
	{
		width:100px;
	}

	#menu li a
	{
		font-size:11px;
	}

	#menu li ul li a
	{
		font-size:10px;
	}

}

/* Moyen format */
@media screen and (min-width:980px) and (max-width:1199px)
{
	.li_rond
	{
		margin-right: 3%;
	}

	/* Les LI sous menu */
	.under
	{
		width:150px;
	}

	#logotype
	{
		margin-right: 7%;
	}

	#menu li a
	{
		font-size:13px;
	}

	#menu li ul li a
	{
		font-size:12px;
	}

}

@media screen and (min-width:1600px)
{

	.li_rond
	{
		margin-right: 6%;
	}

	#logotype
	{
		margin-right: 24%;
	}

	#menu li a
	{
		font-size: 16px;
	}

	#menu li ul li a
	{
		font-size:15px;
	}

}

/*----------------------------------------------Format smartphone------------------------------------*/
@media screen and (max-width:767px)
{
	#menu
	{
		display:none;  /* En format mobile, on masque le menu classique */
	}

	#mobile
	{
		background: #E9954A;
		background: white;
		box-shadow: 0 0 3px 2px rgba(0,0,0,0.3);
		display:block;
	}

	html
	{ /*Empeche le highlight sur mobile */

		-webkit-tap-highlight-color: transparent;
		-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

	a
	{
		text-decoration:none;
	}

	#mmenu
	{
		display:none;
	}

	#toggle-bar
	{
		margin-bottom:10px; /* Espace de respiration sous la barre de menu */
	}

	#logo_mob
	{
		margin:20px 0 0 5px;
		width:190px;
	}

	#mobile #toggle-bar
	{
		line-height:70px;
		height:70px; /* Epaisseur de la barre */
	}

	#mobile strong a
	{
		margin-left:30px;
		border:1px solid #444;
		padding:10px;
	}

	#mobile .navicon
	{
		float: right;
		height: 5px; /* Ecart entre 2nd et 3eme ligne */
		width: 30px;
		margin: 24px;
		border-top: 13px double #E9954A; /* Epaisseur des 2 premières lignes*/
		border-bottom: 4px solid #E9954A;  /* Epaisseur de la dernière ligne */
		font-size:30px;
	}

	#mobile ul li
	{
		clear:both;
		list-style:none;
		width:95%;
	}

	/* La liste d'items */
	#mobile ul li a
	{
		display:block;
		color:white;
		color:#E9954A;
		text-transform:uppercase;
		letter-spacing:.12em;
		margin:5px 0;
		padding:6px 0 6px 8px;
		font-family:'open sans';
		font-weight:bold;
		text-decoration:none;
	}

	/* Style spécifique pour les SOUS MENUS */

	/* Styles pour les liens au survol et au focus */
	#mobile ul li a:hover,
	#mobile ul li a:focus
	{
		background-color: #e1801d; /* Couleur de fond lors du survol ou du focus */
		color: #244f31; /* Changer si vous voulez une couleur de texte différente */
	}

	#mobile ul li > ul
	{
		display: none; /* Cache le sous-menu par défaut */
		background: white; /* La même couleur de fond que le menu principal */
		width: 100%; /* ou la largeur spécifique que vous souhaitez pour le sous-menu */
	}

	#menu-item-mypot .submenu
	{
		display: none; /* Le sous-menu est caché par défaut */
	}

	#menu-item-mypot.active .submenu
	{
		display: block; /* Le sous-menu est affiché lorsque 'menu-item-mypot' a la classe 'active' */
	}

	/* Marges et padding du sous-menu */
	#menu-item-mypot.active .submenu {
		/* Autres styles */
		margin: 0; /* Ajustez les marges si nécessaire */
		padding: 10px; /* Ajustez le padding si nécessaire */
	}

}

