#nav-icon3 {
  width: 24px;
  height: 24px;
  position: relative;
  /*margin: 0 auto;*/
  float:right;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon3 span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: white;
  border-radius: 0px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 8px;
}

#nav-icon3 span:nth-child(4) {
  top: 16px;
}

#nav-icon3.open span:nth-child(1) {
  top: 8px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}


.menu {
  background: #003366;
  background: linear-gradient(#336699, #003366);
  font-family: Verdana;
}

.menu a {
  color:white;
}

.menu-container {
  background: #003366;
  background: linear-gradient(#336699, #003366);  
  width: 940px;
  margin: 0 auto;
  height:59px;
	z-index:9999999;
}


.white-background {
  background: white;
}

.menu-mobile {
  display: none;
  text-decoration:none;
}

.sub-menu-open-mobile {
	display:none;
}


.sub-menu-open-desktop {
	vertical-align:middle;
}

a.menu-mobile {
	color:white;
}

a.menu-mobile:selected {
	color:white;
}

.menu > ul {
  margin: 0 auto;
  width: 100%;
  list-style: none;
  padding: 0;
  position: relative;
  /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
  box-sizing: border-box;	
}

.menu > ul:before,
.menu > ul:after {
  content: "";
  display: table;
}

.menu > ul:after {
  clear: both;
}

.menu > ul > li {
  float: left;
  background: #003366;
  background: linear-gradient(#336699, #003366);
  padding: 0;
  margin: 0;	
}

.menu > ul > li a {
  text-decoration: none;
  /*padding: 1.25em 1.39em;*/
	padding: 20px 23px;
  display: block;
}

.menu-en > ul > li a {
  /*padding: 1.25em 1.8em;*/
	padding: 20px 28px;
}

.menu > ul > li:hover {
  background: #002255;
}

.menu > ul > li#no_hover:hover {
  background: red;
  
}


.menu > ul > li > ul {
  display: none;
  width: 100%;
  background: #002255;
  padding: 20px;
  position: absolute;
  z-index: 99;
  left: 0;
  margin: 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li {
  margin: 0;
  padding-bottom: 0;
  list-style: none;
  width: 40%;
  background: none;
  float: left;
}

/*
.menu > ul > li > ul > li.canada-left {
  width:450px;
}

.menu > ul > li > ul > li.canada-right {
  margin-left:70px;
}
*/

.menu > ul > li > ul > li a, .menu > ul > li > ul > li span {
  color: white;
  padding: 0.2em 0;
  width: 95%;
  display: block;
  border-bottom: 1px solid #ccc;
}

.menu > ul > li > ul > li > a:hover {
  text-decoration:underline;
}

.menu > ul > li > ul > li > ul {
  display: block;
  padding: 0;
  margin: 10px 0 0;
  list-style: none;
  box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
  content: "";
  display: table;
}

.menu > ul > li > ul > li > ul:after {
  clear: both;
}

.menu > ul > li > ul > li > ul > li {
  float: left;
  width: 100%;
  padding: 10px 0;
  margin: 0;
  font-size: 0.97rem;
}

.menu > ul > li > ul > li > ul > li a {
  border: 0;
}
.menu > ul > li > ul > li > ul > li a:hover {
  text-decoration:underline;
}


.menu > ul > li > ul.normal-sub {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}


.menu > ul > li > ul.sub-cabinet {
  width: 300px;
  left: auto;
  padding: 10px 20px;
}

.menu > ul > li > ul.sub-services {
  width: 480px;
  left: auto;
  padding: 10px 20px;
}

.menu > ul > li > ul.sub-autres {
  width: 480px;
  left: auto;
  padding: 10px 20px;
}

/*
.menu > ul > li > ul.usa-sub-fr {
  width:360px;
}
.menu > ul > li > ul.usa-sub-en {
  width:368px;
}

.menu > ul > li > ul.europe-sub-fr {
  width:375px;
}
.menu > ul > li > ul.europe-sub-en {
  width:350px;
}
*/



.menu > ul > li > ul.normal-sub > li {
  width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
  border: 0;
  padding: 1em 0;
}


/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
	position: fixed;
	top: 0;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
.sticky + #content {}


.stop-overflow {
	overflow:hidden;
}

.transparent {
	opacity:0.2;
}

.submenu-usa {
	width:500px;
}



/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 959px) {
  .menu-container {
    width: 100%;
		z-index:9999999;	
  }

	#menu-ul {
		overflow-y:scroll;
		overflow-x:hidden;
	}
	
  .menu-mobile {
    display: block;
  }
	
	#menu-logo {
		height:28px;
		width:65px;
		background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NSAyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUgMjg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxnIGlkPSJYTUxJRF8xXyI+DQoJPGcgaWQ9IlhNTElEXzQ5XyI+DQoJCTxwYXRoIGlkPSJYTUxJRF81M18iIGNsYXNzPSJzdDAiIGQ9Ik0yMi4zLDI1LjJWMTMuNWMwLTAuOS0wLjItMS43LTAuNy0yLjJjLTAuNS0wLjYtMS4zLTAuOS0yLjQtMC45Yy0xLjMsMC0yLjQsMC41LTMuMywxLjR2MTMuMw0KCQkJaC0yLjZWMTMuNGMwLTAuOS0wLjMtMS43LTAuOS0yLjJjLTAuNi0wLjUtMS41LTAuOC0yLjYtMC44Yy0wLjcsMC0xLjIsMC0xLjYsMC4xYy0wLjQsMC4xLTAuOCwwLjItMS4zLDAuNHYxNC4ySDQuMVY5LjgNCgkJCUM0LjksOS41LDUuOCw5LjIsNi42LDljMC45LTAuMiwxLjktMC4zLDMuMS0wLjNjMS4yLDAsMi4yLDAuMiwzLDAuNWMwLjgsMC4zLDEuNCwwLjgsMiwxLjVjMC42LTAuNiwxLjMtMS4xLDIuMS0xLjQNCgkJCWMwLjgtMC40LDEuOC0wLjUsMi45LTAuNWMxLjgsMCwzLjEsMC41LDQsMS40YzAuOSwwLjksMS4zLDIuMSwxLjMsMy40djExLjdIMjIuM3oiLz4NCgkJPHBhdGggaWQ9IlhNTElEXzUwXyIgY2xhc3M9InN0MCIgZD0iTTMyLjUsMjUuNWMtMSwwLTItMC4xLTIuOC0wLjNzLTEuNS0wLjUtMi0wLjhWMS42aDIuNnY3LjljMC41LTAuMiwxLTAuNCwxLjUtMC41DQoJCQljMC41LTAuMSwxLjEtMC4yLDEuOC0wLjJjMS45LDAsMy40LDAuNyw0LjUsMi4yYzEuMSwxLjQsMS43LDMuNCwxLjcsNS44YzAsMi43LTAuNiw0LjgtMS45LDYuM0MzNi43LDI0LjcsMzQuOSwyNS41LDMyLjUsMjUuNXoNCgkJCSBNMzMsMTAuNGMtMC42LDAtMS4xLDAuMS0xLjQsMC4xYy0wLjQsMC4xLTAuOCwwLjMtMS4yLDAuNXYxMi40YzAuMywwLjEsMC42LDAuMiwxLDAuM2MwLjQsMC4xLDAuOCwwLjEsMS4zLDAuMQ0KCQkJYzEuNiwwLDIuOC0wLjYsMy41LTEuOGMwLjctMS4yLDEuMS0yLjksMS4xLTVjMC0xLjktMC40LTMuNS0xLjEtNC43UzM0LjQsMTAuNCwzMywxMC40eiIvPg0KCTwvZz4NCjwvZz4NCjxnIGlkPSJYTUxJRF8zXyI+DQoJPGcgaWQ9IlhNTElEXzQxXyI+DQoJCTxwYXRoIGlkPSJYTUxJRF80Ml8iIGNsYXNzPSJzdDAiIGQ9Ik01NS42LDI1LjVjLTIuMSwwLTMuNi0wLjQtNC42LTEuMmMtMS0wLjgtMS41LTItMS41LTMuNWMwLTIsMC44LTMuNCwyLjQtNC4zDQoJCQljMS42LTAuOSwzLjgtMS41LDYuNy0xLjh2LTFjMC0xLjItMC4zLTItMC45LTIuNWMtMC42LTAuNS0xLjUtMC43LTIuNi0wLjdjLTAuNywwLTEuNCwwLjEtMiwwLjNjLTAuNiwwLjItMS4zLDAuNC0xLjksMC43DQoJCQlsLTAuNi0xLjZjMC41LTAuMywxLjMtMC42LDIuMS0wLjhjMC45LTAuMiwxLjgtMC40LDIuOC0wLjRjMS43LDAsMywwLjQsNC4xLDEuMmMxLjEsMC44LDEuNiwyLjIsMS42LDR2MTAuNA0KCQkJYy0wLjcsMC40LTEuNCwwLjYtMi4zLDAuOEM1Ny44LDI1LjQsNTYuOCwyNS41LDU1LjYsMjUuNXogTTU4LjUsMTZjLTIuMiwwLjMtMy45LDAuNy00LjksMS40Yy0xLDAuNy0xLjYsMS43LTEuNiwzLjMNCgkJCWMwLDEuMSwwLjMsMiwxLDIuNXMxLjYsMC44LDIuOCwwLjhjMS4xLDAsMi0wLjIsMi43LTAuNVYxNnoiLz4NCgk8L2c+DQo8L2c+DQo8ZyBpZD0iWE1MSURfNV8iPg0KCTxwYXRoIGlkPSJYTUxJRF80XyIgY2xhc3M9InN0MCIgZD0iTTQ2LjgsMTloMy41djAuM2MtMC41LDAuMS0wLjksMC4yLTEuMiwwLjRDNDguOCwyMCw0OC40LDIwLjQsNDgsMjFjLTAuNiwwLjgtMSwxLjUtMS40LDINCgkJYzAuNywxLjIsMS40LDEuNywyLjIsMS43YzAuNSwwLDAuOS0wLjIsMS4zLTAuNmgwLjRjLTAuMywwLjUtMC43LDAuOC0xLjEsMXMtMC44LDAuMy0xLjQsMC4zYy0wLjYsMC0xLTAuMS0xLjQtMC4zDQoJCWMtMC40LTAuMi0wLjgtMC41LTEuMi0xYy0wLjYsMC41LTEuMywwLjgtMS44LDFjLTAuNiwwLjItMS4yLDAuMy0xLjksMC4zYy0xLDAtMS45LTAuMy0yLjQtMC44Yy0wLjYtMC41LTAuOC0xLjItMC44LTIuMQ0KCQljMC0xLDAuNC0xLjksMS4zLTIuN2MwLjYtMC41LDEuNy0xLDMuNS0xLjZjMC0wLjIsMC0wLjQtMC4xLTAuNnMwLTAuNCwwLTAuNWMwLTEuMiwwLjMtMi4xLDAuOS0yLjhjMC42LTAuNywxLjQtMSwyLjItMQ0KCQljMC42LDAsMS4xLDAuMiwxLjQsMC41YzAuMywwLjMsMC41LDAuNywwLjUsMS4yYzAsMC42LTAuMiwxLjItMC43LDEuOGMtMC41LDAuNi0xLjQsMS4xLTIuNywxLjVjMC40LDEuNywwLjksMy4yLDEuNSw0LjMNCgkJYzAuOS0xLjEsMS4zLTEuOSwxLjMtMi42YzAtMC4xLTAuMS0wLjMtMC4yLTAuM3MtMC4zLTAuMS0wLjYtMC4yVjE5eiBNNDMuMiwxOC43Yy0xLjEsMC40LTEuOSwwLjktMi40LDEuNXMtMC43LDEuMi0wLjcsMS45DQoJCWMwLDAuNywwLjIsMS4zLDAuNywxLjhjMC41LDAuNSwxLjEsMC43LDEuOCwwLjdjMC40LDAsMC44LTAuMSwxLjEtMC4yYzAuMy0wLjEsMC44LTAuNCwxLjMtMC44Yy0wLjQtMC42LTAuNy0xLjMtMS4xLTIuMw0KCQlDNDMuNiwyMC40LDQzLjQsMTkuNSw0My4yLDE4Ljd6IE00NC42LDE3LjZjMC45LTAuNCwxLjUtMC43LDEuOC0xLjFjMC40LTAuNSwwLjYtMSwwLjYtMS41YzAtMC40LTAuMS0wLjctMC4zLTAuOQ0KCQljLTAuMi0wLjItMC41LTAuMy0wLjgtMC4zYy0wLjQsMC0wLjgsMC4yLTEuMSwwLjVzLTAuNCwxLTAuNCwxLjhjMCwwLjIsMCwwLjQsMCwwLjdDNDQuNSwxNyw0NC41LDE3LjMsNDQuNiwxNy42eiIvPg0KPC9nPg0KPGcgaWQ9IlhNTElEXzJfIj4NCjwvZz4NCjxnIGlkPSJYTUxJRF8xNl8iPg0KPC9nPg0KPGcgaWQ9IlhNTElEXzE3XyI+DQo8L2c+DQo8ZyBpZD0iWE1MSURfMTlfIj4NCjwvZz4NCjxnIGlkPSJYTUxJRF8yMF8iPg0KPC9nPg0KPGcgaWQ9IlhNTElEXzIxXyI+DQo8L2c+DQo8L3N2Zz4NCg==");
		float:left;
		margin:15px 10px 10px 15px;
	}
	
	
  .sub-menu-open-mobile {
    font-family: monospace;
    font-size:1.4rem;
    display:inline-block;
    cursor: pointer;
    float: right;
    margin-right:50px;
    color: #FFF;
  }
	
	.sub-menu-open-desktop {
		display:none;
	}
  
  .menu > ul {
    display: none;
    position:absolute;
		height:100vh;
		overflow-y:scroll;
		-webkit-overflow-scrolling: touch;		
  }
	
  .menu > ul > li {
    width: 100%;
    float: none;
    display: block;
    background: #003366; 
    border-top:1px solid #CCC;
  }
	
  .menu > ul > li:first-child {
    border-top:0;
  } 
	
  .menu > ul > li a {
    padding: 1.5em;
    width: 100%;
    display: block;
  }
	
  .menu > ul > li > ul {
    position: relative;
  }
	
  .menu > ul > li > ul.normal-sub {
    width: 100%;
  }
	
  .menu > ul > li > ul > li {
    float: none;
    width: 100%;
    margin-top: 0px;
    margin-left: 10px;
  }
	/*
	.menu > ul > li > ul > li.canada-left {
		width:100%;
	}
	
  .menu > ul > li > ul > li.canada-right {
    margin-left:10px;
  }
  */
  .menu > ul > li > ul > li > ul {
    position: relative;
  }
  .menu > ul > li > ul > li > ul > li {
    float: none;
    margin-left:10px;
  }
  .menu .show-on-mobile {
    display: block;
  }

		
	/* The sticky class is added to the navbar with JS when it reaches its scroll position */
	.sticky {
		position: fixed;
		top: 0;
		width: 100%;		
	}

	/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
	.sticky + #content {
		padding-top: 68px;
	}
}


/* FOR VERY SMALL SCREENS */
/*
@media only screen and (max-width: 330px) {
	
}
*/