li
{
	margin : 0px;
	padding : 6px 0px 6px 0px; 		/* T R B L */
	-webkit-padding-start : 0px;
	-webkit-margin-before: 0px;
	display: inline-block;
}
.BarreSousMenuCroisieres
{
	height : 150px;
	width : 100%;
	
	float: left;
	padding: 0px;
	padding-top: 10px;
	margin: 0px;
	list-style-type: none;
	/* type: disc; */
	
	/* -webkit-padding-start: 0px; */
}
.BarreSousMenu
{
	background-image: url('/images/BarresMenus/BarreSousMenu.png');
	background-repeat: no-repeat;
	background-position: top left;
	height: 40px;
	width: 100%;
	
	padding: 0px;
	padding-top: 4px;
	margin: 0px;
	list-style-type: none;
	float: left;
}
.BarreMenuPages
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	
	-webkit-padding-start: 0px;
}
/* ----- Barres de Menus - Styles Bg & UL ----- */
.BarreMenu
{
	background-image: url('/images/BarresMenus/BarreMenu.png');
	background-repeat: repeat;
	background-position: top left;
	background-color: transparent;
	height: auto; 		/* 51px */
	width: 100%;
	
	margin: 0px;
	padding: 4px;
	list-style-type: none;
	float: left;
}
.BarreMenuBas
{
	/* background-image: url('/images/BarresMenus/BarreMenu.png'); */
	/* background-repeat: repeat; */
	/* background-position: top left; */
	background-color: transparent;
	height: auto;
	width: auto; 		/* 100%; */
	
	margin: 0px;
	padding: 12px 0px 12px 0px; 		/* T R B L */
	list-style-type: none;
	float: left;
}
.BarreSousMenu
{
	background-image: url('/images/BarresMenus/BarreSousMenu.png');
	background-repeat: repeat;
	background-position: top left;
	height: auto;
	width: 100%;
	
	padding: 4px 0px 4px 0px; 		/* T R B L */
	margin: 0px;
	list-style-type: none;
	float: left;
}
.BarreMenuDest
{
	height: auto;
	width: 100%;
	
	padding: 12px 0px 12px 0px; 		/* T R B L */
	margin: 0px;
	list-style-type: none;
	float: left;
}
ul
{
	padding : 0px;
	margin : 0px;
	-webkit-padding-start : 0px;
	-webkit-margin-before: 0px;
}
/* ----- Barres de Menus - Styles Liens ----- */
a.LiensMenu, a.LiensMenuCurrent, a.LiensSousMenu, a.LiensSousMenuCurrent, a.LiensMenuBas, a.LiensMenuBasCurrent, a.LiensMenuDest
{
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	text-decoration: none;		/* Pour enlever souligné */
	border-bottom: 0px;
	border-bottom-style: hidden;
	outline-style:none;		/* Pour enlever pointillés Firefox */
	/* float: none; */
	line-height: 110%;		/* Sinon cette merde de IE tronque le bas du texte */
}
a.LiensMenu, a.LiensMenuCurrent { padding: 0px 10px 0px 10px; }
a.LiensSousMenu, a.LiensSousMenuCurrent { padding: 0px 12px 0px 12px; }
a.LiensMenuBas, a.LiensMenuBasCurrent { padding: 0px 12px 0px 0px; }
a.LiensMenuDest { padding: 5px 0px 5px 0px; }
/* ------ Couleurs ------ */
a.LiensMenu:link, a.LiensMenu:visited { color: #FFFFFF; }
a.LiensMenu:hover, a.LiensMenu:active { color: #000000; }
a.LiensMenuCurrent { color: #000000; }
a.LiensSousMenu:link, a.LiensSousMenu:visited { color: #FFFFFF; }
a.LiensSousMenu:hover, a.LiensSousMenu:active { color: #000000; }
a.LiensSousMenuCurrent { color: #000000; }
a.LiensMenuBas:link, a.LiensMenuBas:visited { color: #FFFFFF; }
a.LiensMenuBas:hover, a.LiensMenuBas:active { color: #000000; }
a.LiensMenuBasCurrent { color:#000000; }
a.LiensMenuDest:link, a.LiensMenuDest:visited { color: #555555; }
a.LiensMenuDest:hover, a.LiensMenuDest:active { color: #FF0000; }
/* ------ Tailles ------ */
@media only screen and (min-width: 1024px) 		/* Paramètres pour Ecran >= 1024px de Large */
{
	a.LiensMenu, a.LiensMenuCurrent { font-size: 18px; }
	a.LiensSousMenu, a.LiensSousMenuCurrent { font-size: 16px; }
	a.LiensMenuBas, a.LiensMenuBasCurrent { font-size: 14px; }
	a.LiensMenuDest { font-size: 16px; }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) 		/* Paramètres pour Ecran entre 768 et 1023px de Large */
{
	a.LiensMenu, a.LiensMenuCurrent { font-size: 16px; }
	a.LiensSousMenu, a.LiensSousMenuCurrent { font-size: 14px; }
	a.LiensMenuBas, a.LiensMenuBasCurrent { font-size: 12px; }
	a.LiensMenuDest { font-size: 14px; }
}
@media only screen and (max-width: 767px) 		/* Paramètres pour Ecran entre 320 et 767 px de Large (Mobile / Portrait)  and (min-width: 320px)  */
{
	a.LiensMenu, a.LiensMenuCurrent { font-size: 14px; }
	a.LiensSousMenu, a.LiensSousMenuCurrent { font-size: 12px; }
	a.LiensMenuBas, a.LiensMenuBasCurrent { font-size: 10px; }
	a.LiensMenuDest { font-size: 12px; }
}
/* ----- Barres de Menus Hierarchique Responsive ----- */
.topnav
{
	overflow: hidden;
	/* background-color: #34C9D0; */ 		/* Turquoise */
	line-height: 100%;
	text-align: center;
}
/* .topnav a */
.topnav a, .LiensMenuHier, .LiensMenuHierCurrent
{
	float: left;
	display: block;
	text-align: center;
	padding: 12px 14px;
	text-decoration: none;
	font-size: 17px;
}
.LiensMenuHier { color: #FFFFFF; } 		/* f2f2f2 */
.LiensMenuHierCurrent { color: #000000; }
.active { background-color: #FF0000; color: white; }
.topnav .icon { display: none; }
.dropdown { float: left; overflow: hidden; }
.dropdown .dropbtn
{
	font-size: 17px; 
	border: none;
	outline: none;
	color: white;
	/* padding: 14px 16px; */
	margin: 0px;
	padding: 0px;
	background-color: inherit; 		/* Donc Turquoise */
	font-family: inherit;
	margin: 0;
}
.dropdown-content
{
	display: none;
	position: absolute;
	background-color: #34C9D0; 		/* Turquoise */
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 200;
}
.dropdown-content a
{
	float: none;
	color: #FFFFFF;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn
{
	background-color: #34C9D0; 		/* 555 */
	color: white;
	/* .Turquoise { color: #34C9D0; } */
	/* .TurquoiseF { color: #00B3BF; } */
	
}
.dropdown-content a:hover
{
	background-color: #ddd;
	color: black;
}
.dropdown:hover .dropdown-content
{
	display: block;
}
@media screen and (max-width: 820px) 		/* 600 */
{
	.topnav a:not(:first-child), .dropdown .dropbtn { display: none; }
	.topnav a.icon
	{
		float: right;
		display: block;
	}
	/* } */
	
	/* @media screen and (max-width: 1230px) 		/* 600 */ */
	/* { */
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon
	{
		position: absolute;
		right: 0;
		top: 0;
	}
	.topnav.responsive a
	{
		float: none;
		display: block;
		text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn
	{
		display: block;
		width: 100%;
		text-align: left;
	}
}