@media only screen and (min-width: 768px)
	{	
		#main-navigation
			{
				clear: both;
				position: relative;
			}
			
		#main-navigation #block-system-main-menu ul.menu
			{
				border-bottom: 4px solid #410099;
				height: 38px;
				display: block;
			}
			
		#main-navigation #block-system-main-menu ul.menu > li 
			{
				display: block;
				float: left;
			}
			
		#page #block-system-main-menu ul.menu > li > a,
		#page #block-system-main-menu ul.menu > li > span
			{
				color: #410099;
				display: block;
				padding: 10px 1.37em;
			}
		#page #block-system-main-menu ul.menu > li.first > span
			{
				padding-left: 0;
			}
		#page #block-system-main-menu ul.menu > li.last > span
			{
				padding-right: 0;
			}
		#page #block-system-main-menu ul.menu > li > a.active,
		#page #block-system-main-menu ul.menu > li > a:hover,
		#page #block-system-main-menu ul.menu > li > span:hover
			{
				color: #f52837;
				cursor: pointer;
			}

		#main-navigation #block-system-main-menu ul.menu > li:hover .submenu  
			{
				display: block;
			}
			
		#main-navigation #block-system-main-menu ul .submenu 
			{
				display: none;
				position: absolute;
				top: 38px;
				z-index: 1000;
				padding: 15px 1.37em 25px 1.37em;
				background-color: #fefefe;
				opacity:0.9;
				border-top: 4px solid #410099;
			}
			
		#page #block-system-main-menu ul.menu > li.first > .submenu
			{
				padding-left: 0;
			}
		#page #block-system-main-menu ul.menu > li.last > .submenu
			{
				padding-right: 0;
			}

		#main-navigation #block-system-main-menu ul ul.col 
			{
				float: left;
				/* width: 240px; Projets en partenariats et mandats sur deux lignes */
				width: 250px; /* Projets en partenariats et mandats sur deux lignes */
				margin-right: 20px;
			}
		#main-navigation #block-system-main-menu ul.menu > li.last > .submenu ul ul.col 
			{
				width: auto;
			}

		#main-navigation #block-system-main-menu ul ul li 
			{
				display: block;
				margin: 0;
				padding: 0;
			}

		#main-navigation #block-system-main-menu ul ul li a 
			{
				display: block;	
				padding: 0;
			}
			
		#main-navigation #block-system-main-menu ul ul li span.nolink
			{
				color: #000;
				margin-top: 16px;
				display: block;
			}
			
		#main-navigation #block-system-main-menu ul ul li.marge-haut
			{
				margin-top: 16px;
			}
			
		#main-navigation #block-system-main-menu ul ul li.new-col > span.nolink
			{
				margin-top: 0;
			}
		
		/*Niveau utilisé ??*/
		/*#main-navigation #block-system-main-menu ul ul ul 
			{
				position:relative;
				top:auto;
				left:auto;
				width:auto;
				margin:-6px 0 0;
				padding:0 0 5px;
			}

		#main-navigation #block-system-main-menu ul ul ul li 
			{
				float:none;
				margin:0;
				border:0;
				line-height: 0.85em;
			}

		#main-navigation #block-system-main-menu ul ul ul li a 
			{
				padding:0 0 5px;
				text-transform:none;
				font-weight: 400;
			}
			
		

		#main-navigation #block-system-main-menu ul ul ul li a:hover
			{
				color:#005995;
			}
		*/
			
	}
	
@media only screen and (min-width: 950px) and (max-width: 1389px)
	{
		#page #block-system-main-menu ul.menu > li > a,
		#page #block-system-main-menu ul.menu > li > span
			{
				padding: 10px 0.9em;
			}
		#main-navigation #block-system-main-menu ul .submenu 
			{
				padding: 15px 0.9em 25px 0.9em;
			}
		#main-navigation #block-system-main-menu ul ul.col 
			{
				width: 203px;
				margin-right: 10px;
			}
	}
	
@media only screen and (min-width: 850px) and (max-width: 949px)
	{
		#page #block-system-main-menu ul.menu > li > a,
		#page #block-system-main-menu ul.menu > li > span
			{
				padding: 10px 0.6em;
			}
		#main-navigation #block-system-main-menu ul .submenu 
			{
				padding: 15px 0.6em 25px 0.6em;
			}
		#main-navigation #block-system-main-menu ul ul.col 
			{
				width: 203px;
				margin-right: 10px;
			}
	}
	
@media only screen and (min-width: 768px) and (max-width: 849px)
	{
		#page #block-system-main-menu ul.menu > li > a,
		#page #block-system-main-menu ul.menu > li > span
			{
				padding: 10px 0.4em;
			}
		#main-navigation #block-system-main-menu ul .submenu 
			{
				padding: 15px 0.4em 25px 0.4em;
			}
	}
	
@media screen and (max-width: 767px)
	{
		#main-navigation 
			{
				/*display: none;*/
			}
		#page #header
			{
				height: auto;
				min-height: 80px;
			}
		#page #header #logo
			{
				float: none;
				border-bottom: 4px solid #410099;
				padding-bottom: 20px;
			}
		#page #header #header-toogle
			{
				position: relative;
				padding-top: 100px;
				padding-bottom: 80px;
			}
			
		#page #header #block-search-form 
			{
				margin-bottom: 20px;
			}
			
		#page #header .region-header
			{
				float: none;
			}
			
		#page #header #block-system-main-menu ul.menu li 
			{
				display: block;
			}
		#page #header #block-system-main-menu ul.menu > li 
			{
				float: none;
				margin-right: 0;
				margin-bottom: 8px;
			}
		#page #header #block-system-main-menu ul.menu > li.last
			{
				float: none;
			}
		#page #header #block-system-main-menu ul.menu > li > a
			{
				display: block;
				border-bottom: 4px solid #410099;
				padding-bottom: 4px;
			}
		#page #header #block-system-main-menu ul.menu > li > a:hover,
		#page #header #block-system-main-menu ul.menu > li > a:active
			{
				border-bottom: 4px solid #f52837;
			}
			
		#page #header #block-system-main-menu ul.menu > li ul
			{
				margin-left: 23px;
				margin-top: 10px;
			}
			
		#page #header #block-system-main-menu ul.menu > li ul.col
			{
				border-bottom: 4px solid #410099;
				padding-bottom: 4px;
			}
			
		#page #header .admission,
		#page #header .langues,
		#page #header #block-search-form,
		#page #header .panier
			{
				width: 100%;
				float: none;
				margin-left: 0;
			}
		#page #header .langues
			{
				border-bottom: 4px solid #410099;
				padding-bottom: 4px;
			}
		#page #header #block-search-form
			{
				position: absolute;
				left: 0;
				bottom: 0;
			}
		/*#page #header .panier
			{
				position: absolute;
				top: 0;
				right: 70px;
				width: 30px;
			}
		#page #header .panier ul li
			{
				display: block;
			}
		#page #header .panier a
			{
				display: block;
				height: 20px;
				overflow: hidden;
				color: transparent;
			}*/
			
		/*Element non affichés*/
		#page #header .icones
			{
                margin-top: 8px;
                margin-bottom: 8px;
			}
        
        #page #header .icones img{
            width: auto!important;
            height: 26px!important;
        }
        
        #page #header .menu-secondaire .content .leaf{
            display: none;
        }
        
        #page #header .menu-secondaire .content .leaf#menu-btn-issue{
            display: block;
        }
        
        
		
	}
	
@media only screen and (min-width: 768px)
	{

		.no-desktop
			{
				display: none;
			}
			
	}