@media screen and (min-width : 1020px)
	{
		#menu,
		#menu ul
		{ 
			margin:0; 
			padding:0; 
			list-style:none; 
			text-align:center; 
			letter-spacing:-2px;
			border-bottom:dotted 1px #e0e0e0;
		}
		
		
		#menu 
		{ 
			margin-left:363px;
			float:right;
			border-bottom:none;
		}
		
	
			/* COULEUR DE FOND DES "SOUS-MENUS" */
			#menu .level_1 ul
			{ 
				background:url(../../interface/backgrounds/menu_subsections_ul.jpg) #275801 repeat-x;
				padding-right:1px;
			}
		
		
		#menu li 
		{ 
			display:table-cell; 
			position:relative;
			border-left:dotted 1px #e0e0e0;
			border-right:dotted 1px #e0e0e0;
			border-top:dotted 1px #e0e0e0;
		}
	
	
		#menu ul li.level_1
		{ 
			border-left:dotted 1px #e0e0e0;
		}
	
		#menu ul li.level_1:nth-child(1)
		{ 
			border-left:0px;
		}
			
			
		#menu li ul > li 
		{
			display:table;
			width:100%;
		}
			
			
		#menu ul li a 
		{ 
			display:block; 
			min-height:20px; 
			letter-spacing:normal; 
			text-decoration:none;
		}
		
		
					#menu li a span
					{ 
						color:#fff;
					}
			
		
		#menu li ul li div
		{ 
			margin:0px;
			padding:0px;
		}
		
		
		#menu li ul li a 
		{ 
			display:table;
			/*white-space: nowrap;*/
			/*min-width:250px;*/
			width:100%;
			min-width:250px;
			overflow:auto;
		}
		
		
		#menu li ul li a span
		{ 
			display:table-cell;
			padding:5px 15px 5px 10px;
			vertical-align:middle;
		}
		
				/* COULEURS DE ROLL-OVER DES SOUS-MENUS */
				#menu li ul li a:hover,
				#menu li ul li a:hover span
				{ 
					color:#2b5e00;
					background-color:#e3f0d8;
				}
		
		
				#menu li ul { left:-4000px; position:absolute; z-index:101;}
				
				
				#menu li:hover > ul { left: -1px;}
				
				/* Survol d'un lien de sous-menu */
				#menu li li:hover > ul { left: 240px; top: 5px }
		
			
				/*------
				
				SECTION DE "LEVEL 1"
				
				-------*/
				
				
				#menu .level_1
				{
					vertical-align:top;
					border:0px;
					/*border-left:dotted 1px #e0e0e0;*/
				}
			
			
					#menu a.level_1
					{
						display:block;
						overflow:auto;
						border-left:0px;
						padding:0px 5px 0px 5px;
						margin:0px 5px 0px 5px;
					}
			
			
						#menu a.level_1:hover span
						{
							background:none;
							color:#FC0;
						}
						
						
							#menu a.level_1 span
							{
								/*border-left:dotted 1px #e0e0e0;*/
								font-family:Arial, Helvetica, sans-serif;
								font-size:13px;
								
								display:table-cell;
								/*max-width:100px;*/
								/*min-width:50px;*/
								height:52px;
								vertical-align:middle;
								text-align:center;
								text-transform:uppercase;
								
								min-width:80px;
								max-width:120px;
							}
						
						
							#menu #a_984 span
							{
								min-width:50px;
								max-width:80px;
							}
						
						
							#menu #a_981 span
							{
								min-width:50px;
								max-width:80px;
							}
						
						
							#menu li.li_1365:hover ul.level_2
							{
								left:-150px;
							}
							
							
							@media screen and (min-width : 1150px)
							{
								#menu a.level_1 span
								{
									font-size:12px;
								}
							}
							
		
			
				/*------
				
				CAS PARTICULIER DES "SECTIONS" CONTENANT DES "SOUS-SECTIONS" (affichage de la flêche)
				
				-------*/
				
				
		#menu a span.label
		{
			display:table-cell;
			width:90%;
		}
					
					
		#menu a span.children
		{
			display:table-cell;
			width:10%;
			padding-left:0px;
		}
	}



	/*--------------
	
	SMARTPHONES
	
	--------------*/
	
		
	/*Responsive Styles*/
	@media screen and (max-width : 1020px)
	{
		#show-menu:checked ~ #menu
		{
			background-color:#77b50a;
			padding:10px 0px 10px 0px;
		}
		
		
		/* LABEL "AFFICHER LA LISTE DES PAGES" */		
		.show-menu 
		{
			display:block !important;
			width:100%;
			vertical-align:middle;
			height:45px;
			line-height:45px;
			color: #fff;
			text-transform:uppercase;
			text-align: center;
			font-weight:bold;
			cursor:pointer;
			font-size:18px;
		}
		
		
		/* ROLL OVER */		
		.show-menu:hover
		{
			color: #c4e4a9;
		}
		
		
		
		/* MASQUAGE DES CASES A COCHER */		
		#show-menu,
		#menu input[type='checkbox']
		{
			display: none;
			/*-webkit-appearance: none;*/
		}
		

		/*AFFICHAGE DES UL CONTENANT LES "SOUS-RUBRIQUES" */
		#show-menu:checked ~ #menu > ul 
		{
			display: block;
		}


		/*AFFICHAGE DES UL CONTENANT LES "X-SOUS-RUBRIQUES" */
		input:checked ~ ul
		{
			display: block !important;
		}
		
		
		/* LABEL "|||" */
		.show-menu-sub
		{
			display:block !important;
			width:35px;
			height:35px;
			margin:3px;
			line-height:35px;
			text-align:center;
			background:url(../../interface/icones/menu-fleche-i.png) no-repeat 0px 0px !important;
			font-weight:bold;
			color:#000;
			
			float:right;
			cursor:pointer;
		}
		
		.show-menu-sub:hover
		{
			background:url(../../interface/icones/menu-fleche-a.png) no-repeat 0px 0px !important;
			color:#000;
		}


		input.show-menu-sub-button
		{
			display:none !important;
		}


		
		/* ELEMENTS DE TREE */
		#menu ul 
		{
			position: static;
			display:none;
			margin:0px !important;
			padding:0px !important;
			border:0px !important;
			clear:both;
			list-style:none;
		}
		
		
		#menu ul li div
		{
			float:left;
		}

		#menu ul li label
		{
			display:block;
			float:right;
		}
		
		
		#menu ul li 
		{
			margin-bottom: 1px;
			overflow:auto;
		}
		
		#menu ul li:hover,
		#menu ul li:hover a,
		#menu ul li a:hover
		{
			background:none !important;
		}
		
		
		#menu ul, 
		#menu ul li, 
		#menu ul li a 
		{
			overflow:hidden;
			width: 100%;
		}
		

		#menu ul ul li a span 
		{
			border-left:solid 3px #595959;
		}
		
		#menu ul ul li a span:hover
		{
			border-left:solid 3px #ffd200;
		}
		#menu div
		{
			overflow:hidden;
			width:80%
		}
		
		
		#menu a
		{
			text-decoration:none;
			width:100%;
		}
		
		
		#menu ul li a span
		{
			display:block;
			height:33px !important;
			line-height:33px;
			margin:3px;
			width: 100%;
			color:#FFF;
			padding-left:10px;
			width:100%;
		}

		#menu ul li a span:hover
		{
			color:#ffd200;
		}


		span.children
		{
			display:none !important;
		}
		
		
		/* TABULATION */
		#menu ul ul li div
		{
			padding-left:20px;
		}
		#menu ul ul ul li div
		{
			padding-left:40px;
		}
	}