/* body, nav, ul, li, a  {margin: 0; padding: 0;} */


nav, ul, li, a
	{
	margin:0;
	padding:0;
	
		
		
	}
/*
body {
	font-family: dejavu_sansbook, "Trebuchet MS", Verdana, sans-serif;
	}
	*/
	/* clear_sans_lightregular */

/* Part of origin menu.css


.container {
    width: 90%;
    max-width: 900px;
    margin: 10px auto;
}
*/
a {text-decoration: none;}

.menuwrapper {

		width:100%;
		background-color:black;
		
		}

.toggleMenu {
	display: none;
	background: #666;
	padding: 10px 15px;
	color: #fff;
}
.nav {
	list-style: none;
     *zoom: 1;
	background:rgba(50,50,50,.7);
	/* origine */
	/* max-width:790px; */
	/* jll */
	/* avant mahieu max-width:650px; */
	/* suppr. nos agences max-width:790px; */
	max-width:610px;
	}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a {
    padding: 10px 15px;
    color:#fff; 
    
}
.nav li {
    position: relative;
}
.nav > li {
    float: left;
    border-top: 1px solid #104336;
}
.nav > li > .parent {
    background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
/* jll  */
/* .nav > li > .parent .groupe */
.nav > li > .groupe:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}
.nav > li > .groupe:hover {
	background:rgba(255,193,0,.9);
	color:#000;
	}
/* .nav li li a (jll)*/
.nav li li .sub-groupe {
	background:rgba(255,193,0,.4);
	border-top: 1px inset #ffc100;
	color:#000;
	color:white;
}
.nav li li .sub-groupe:hover {
	background:rgba(255,193,0,.6);
	border-top: 1px inset #ffc100;
	color:#0632e9;
	text-decoration: none;
	
}
.nav > li > .activites:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}

/* .nav > li > .parent .activites */
.nav > li > .activites:hover {
	background:rgba(0,203,0,.9);
	color:#000;
	
	}
.nav > li > .realisations:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}

.nav > li > .realisations:hover {
	background:rgba(0,183,250,.9);
	color:#000;
	
	}
.nav > li > .clients:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}

.nav > li > .clients:hover {
	background:rgba(246,0,142,.9);
	color:#000;
	
	}
.nav > li > .equipe:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}

.nav > li > .equipe:hover {
	background:rgba(179,0,255,.9);
	color:#000;
	
	}
.nav > li > .agences:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}

.nav > li > .agences:hover {
	background:rgba(0,50,255,.9);
	color:#000;
	
	}
.nav > li > .contacts:visited {
	background:rgba(50,50,50,.7);
	color:#FFF;
	}

.nav > li > .contacts:hover {
	background:rgba(255,0,0,.9);
	color:#000;
	
	}

.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #1d7a62;
    position: relative; 
    z-index:100;
    border-top: 1px solid #175e4c;
}

/*------------------------------------*/
.nav li li .sub-activites {
    
	background:rgba(0,203,0,.4);
	border-top: 1px inset #00cb00;
	color:#000;
	color:white;
}
.nav li li .sub-activites:hover {
    
	background:rgba(0,203,0,.6);
	border-top: 1px inset #00cb00;
	color:#ed0a0a;
	text-decoration:none;
}

.nav li li .sub-realisations {
    
	background:rgba(0,183,250,.6);
	border-top: 1px inset #00b7fa;
	color:#000;
}
.nav li li .sub-clients {
    
	background:rgba(246,0,142,.6);
	border-top: 1px inset #f6008e;
	color:#000;
}
.nav li li .sub-equipe {
    
	background:rgba(179,0,255,.6);
	border-top: 1px inset #b300ff;
	color:#000;
}
.nav li li .sub-agences {
    
	background:rgba(0,50,255,.6);
	border-top: 1px inset #0032ff;
	color:#000;
}
.nav li li .sub-contacts {
    
	background:rgba(255,0,0,.4);
	border-top: 1px inset #ff0000;
	color:white;
}
.nav li li .sub-contacts:hover {
    
	background:rgba(255,0,0,.6);
	border-top: 1px inset #ff0000;
	color:#000;
	color:rgba(255,193,0,1);
	/* background:rgba(255,193,0,.9); */
	text-decoration:none;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}
/* max-width: 767px d'origine */
@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
  
    .nav > li > .parent {
   background-image: none; 
  }
    .nav li .more {
        background-image: url("http://webdesigntutsplus.s3.amazonaws.com/tuts/378_tessa/tessa-lt-dropdowns-21c7868/images/downArrow.png");
		
		
        background-repeat: no-repeat;
        background-position: 95% 50%;
        float: right;
      	width: 20%;
    	border-left: 1px solid rgba(255,255,255,.3);
    	padding: 8px 15px;
    	margin: 2px 5px 2px 0px;
        cursor: pointer;
    	z-index: 200;
        position: relative;
    }
  .nav li .more:before {
  content: "";
  background: rgba(0,0,0,.3);
  width: 1px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -2px;
  }
  
  
  
    .nav ul {
        display: block;
        width: 100%;
    }
   	.nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }
   

}
/* CSS Document */