/* CSS - NAVIGATION */
    #main-nav {
      position: relative;
      height: 308px;
    }
		#main-nav ul a:hover {
		  text-decoration: none;
		}
		
		/* ---------> Niveau 1 */
            #main-nav ul {
                margin: 0;
                padding: 15px 0 0 0;
                top: 0px;
                left: 0px;
                z-index: 1000;
                width: 245px;
            }
                #main-nav ul li {
                    font-size: 15px;
					float: left;
					text-transform: uppercase;
					text-align: right;
					height: 21px;
					line-height: 21px;
					width: 245px;
					margin: 0px;
					background: #000;
                }
                #main-nav ul li a {
				  color: #FFF;
				  display: block;
				  padding-right: 21px;
				  line-height: 21px;
                  height: 21px;
                }
				#main-nav ul li:hover {
				  background: #807D7D;
				}
				/*#main-nav ul li.sub a:hover {
				  background: url(../images/navigation/over_level_1.png) no-repeat 228px 1%;
				}
        
        /* ---------> Niveau 2 */
           #main-nav ul ul {
				  display: none;
				  position: relative;
				  top: -21px;
				  left: 245px;
				  display: none;
				  margin: 0;
				  padding: 0;
				  float: left;
				  z-index: 10000;
				  width: 245px;
				  padding: 0;
				/*background: #0D0D0D;
                min-height: 278px;
                height: auto !important;
                height: 278px;
				
				
				
				margin: 0px;*/
            }
                #main-nav ul ul li {
					height: 21px;
					line-height: 21px;
					text-transform: none;
                    font-weight: normal;
                    text-align: left;
                    font-size: .9em;
					margin: 0px;
					background: #000;
                }
                
				#main-nav ul ul li a {
				  display: block;
				  height: 21px;
				  width: 223px;
				  padding: 0 0 0 22px;
                }
				
				#main-nav ul ul ul li {
				  background: #202020;
				}
				
		/* ------ >>>> */
				
				#main-nav div.panel-level-2 {
				  position: absolute;
				  bottom: 0px;
				  height: 308px;
				  width: 245px;
				  z-index: 100;
				  background: #000;
				  left: 245px;
				  display: none;
				}
				#main-nav div.panel-level-1 {
				  position: absolute;
				  bottom: 0px;
				  height: 308px;
				  width: 245px;
				  z-index: 100;
				  background: #202020;
				  left: 490px;
				  display: none;
				}
				
				/*#main-nav ul li div.panel-level-1 {
				  
				}
				#main-nav ul li li div.panel-level-2 {
				  background: #202020;
				  left: 490px;
				}*/
				
				
				
				
				
				
				/*#main-nav ul li.sub:hover div.panel {
				  background: #F00;
				  display: block;
				}*/
				/*#main-nav ul ul li.sub a:hover {
				  border-bottom: 1px dotted #393939;
				  background: url(../images/navigation/over_level_1.png) no-repeat 100% 50%;
                }
        
        
        /* ---------> Niveau 3 */
            /*#main-nav ul ul ul {
              background: #191919;
              font-size: 1em;
			  left: 233px;
			  margin: 0px;
            }
				#main-nav ul ul ul li {
                    font-size: 1em;
					margin: 0px;
					float: left;
                }
				
		/* ---------> Gestion des HOVER */
			/*#main-nav ul li:hover ul {
			  display: block;
			  height: 450px;
			}
			#main-nav ul li:hover ul ul {
			  display: none;
			}
			#main-nav ul ul li:hover ul {
			  display: block;
			}
			#main-nav ul ul li:hover ul ul {
			  display: none;
			}
			#main-nav ul ul ul li:hover ul {
			  display: block;
			}
			#main-nav ul ul ul li:hover ul ul {
			  display: none;
			}*/