/* Menu Debut */
 /* Fixed To Top menu Debut */
.f-nav { z-index: 9999;  left: 0; top: 0; width: 100%; }
/* Fixed To Top menu Fin */

.menu_bg { background-image: linear-gradient(180deg, rgba(98,164,214,0)0%, rgba(255,255,255,0)90%)!important; color: #E61E48!important;  }
.menu_bg_acc {   }
.menu_container { width: 100%;   position: fixed; text-align: center;   z-index: 99; background: rgba(255,255,255,0); border-bottom: 1px solid rgba(232,243,249,0); -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;  }
.menu_fit {	display: block; width: 100%; text-align: center; }
.menu_fit .toggleMenu, .menu_fit li { text-align: left; }
.toggleMenu { border-bottom: 1px solid rgba(0,0,0,0.15);
    display:  none;
    background: url(../img/ico_menu.svg) no-repeat center center;
	background-size: 2em 2em;
	background-position: right;
	padding: 1.2em 0 1.2em 0;
	width: 100%; 
	text-decoration: none;
	text-indent: 1.5em;
	font-family: 'font_varelaround', Arial, Helvetica, sans-serif;
-webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; } /*  */
/* .nav { list-style: none; font-size: 0.75em!important; font-family: 'font_varelaround', Arial, Helvetica, sans-serif;  } */
.nav { list-style: none; font-size: 0.85em; font-family: 'font_pacifico', Arial, Helvetica, sans-serif; width: 100%; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out; }
.nav:before,
.nav:after {   content: " ";  display: table; }
.nav:after {  clear: both; }
.nav ul { list-style: none; min-width: 17.2em; text-align: left; } /* Largeur sous-menus */
.nav a {  padding: 1.5em 0.75em 1em 0.75em; margin-left: -3px; color: #1B5787;   }
.nav a:hover {  background-image: linear-gradient(180deg, rgba(98,164,214,0.5)0%,  rgba(255,255,255,0)90%)!important; color: #E61E48!important; -webkit-transition: all 500ms ease-out; -moz-transition: all 500ms ease-out; -ms-transition: all 500ms ease-out; -o-transition: all 500ms ease-out; transition: all 500ms ease-out;}
.nav li img { width: 1.75em; height: 1.75em; margin: auto; margin-bottom: 0.75em; text-align: center; display: block;  -moz-border-radius: 50%;	-webkit-border-radius: 50%;	border-radius: 50%; padding: 0.08em; background: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.25);   }
.nav li {   position: relative;  vertical-align: top; }
.nav > li {	display: inline-block;  /*border-right: 1px solid rgba(255,255,255,0.15);*/ }
.nav > li > .parent { text-decoration: none; }
.nav > li > a { display: block;	text-decoration: none; }
.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 {
	font-size: 1em; letter-spacing: 0.02em;
	padding: 0.9em 1em;
	text-transform: none;
	font-family: 'font_bold', Arial, Helvetica, sans-serif;
    display: block;
    position: relative;
    z-index: 100;
    border-top: 0;
    border-bottom: 1px solid rgba(255,255,255,0.1);
	text-decoration: none;
	opacity: 0.85;
}

.nav li span, .nav li li span { display: none; }
.nav li li a:hover, .nav li li li a:hover {	opacity: 1; }
.nav li li a, .nav li li li a, .nav li li a:hover, .nav li li li a:hover { background-color: #000; }

.nav li .logo  {  z-index:999;  }
.nav li .logo a { display: block; width: 15.5em; height: auto;  margin: 0.5em 1.5em 0 0; padding: 0; }
.nav li .logo img { width: 100%; height: auto; margin: 0 2em 0 0; padding: 0; background: rgba(255,255,255,0)!important; -moz-border-radius: 0;	-webkit-border-radius: 0;	border-radius: 0; border: none; }
.nav li .logo a:hover { background: none!important;  }


@media screen and (max-width: 1365px) { /* app mobile */
.menu_container {  width: 100%; -webkit-transition: all 0ms ease-out!important; -moz-transition: all 0ms ease-out!important; -ms-transition: all 0ms ease-out!important; -o-transition: all 0ms ease-out!important; transition: all 0ms ease-out!important; border-bottom: 0!important;  }
.active { display: block; background: url(../img/ico_menu.svg) no-repeat center center;	background-size: 2em 2em;	background-position: right; padding: 1.2em 0 1.2em 0;	width: 100%; }
.nav { width: 100%; font-size: 1em!important; line-height: 1em!important; padding: 0!important; margin: 0!important; overflow: hidden!important; -webkit-transition: all 0ms ease-out!important; -moz-transition: all 0ms ease-out!important; -ms-transition: all 0ms ease-out!important; -o-transition: all 0ms ease-out!important; transition: all 0ms ease-out!important;  }
.nav a { background: rgba(255,255,255,0.5)!important; padding: 0.6em 0 0em 0.5em!important; opacity: 1; border-top: none; border-bottom: 1px solid rgba(0,0,0,0.15); width: 100%; }
.nav a:hover {  padding: 0.6em 0 0 0.5em!important; background: rgba(255,255,255,1)!important; }

.nav li li a { opacity: 1;  background: rgba(0,0,0,0.2) !important; border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 0; font-size: 1.25em; }
.nav li li li a {  opacity: 1; background: rgba(0,0,0,0.3) !important; border-top: 1px solid rgba(255,255,255,255.15); border-bottom: 0; font-size: 1.25em; }
.nav li a:hover, .nav li li a:hover, .nav li li li a:hover  {  background-color: rgba(143,198,239,1)!important; padding: 0.5em 0 0.5em 0.75em; }
.nav li li a, .nav li li li a {  border-top: 1px solid rgba(255,255,255,0.15); border-bottom: 0;  }
.nav > li {	display: block; border-right: none; }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul , .nav li li.hover ul { position: static; 	}

.nav li img { background-color: transparent!important; width: 2em!important; height: 2em!important; margin: 0; margin-top: -0.5em; margin-right: -0.25em; text-align: center; display: inline-block; border: none; vertical-align: middle;  -webkit-transition: all 0ms ease-out!important; -moz-transition: all 0ms ease-out!important; -ms-transition: all 0ms ease-out!important; -o-transition: all 0ms ease-out!important; transition: all 0ms ease-out!important; }

.nav li#accueil img, .nav li#voilier img, .nav li#coups img, .nav li#navigation img, .nav li#tarifs img, .nav li#journal img, .nav li#carnet img, .nav li#album img, .nav li#faq img, .nav li#contact img { padding: 0 0.25em 0 0; }

/* Fixed To Top menu Debut */
.f-nav { position: static; }
/* Fixed To Top menu Fin */
.menu_bg {  background: #FFF; }
.menu_bg_acc { background: #FFF; }

}
/* Menu Fin */