/* Switching box model for all elements */
* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.top-bar /* SUP menu  */ { width: 100%; margin: 0; font-size: .80em; padding: 0; background: #009984 url(../img/banner-haut.png) no-repeat center top; }
.top-bar ul {margin: 0; padding: 0;}
.top-bar ul li { padding: 5px; margin:5px; text-transform: uppercase; letter-spacing: 0.04em; border: 2px solid #ffed00; color: white;}

.top-bar ul li a {text-decoration: none; color: white;}

.top-bar ul li a:hover { border:  none; color: #e62f42;}

/* FIN>>>>>>>>>>>>>>>>> TOP BAR */

.fixed-nav-bar /* Holder navigation menu  */ {

  width: 100%; margin: 0; padding: 0;  background: #6DAD51;
	
}
       
.sticky {position: fixed; background-color: #004a26; margin: 0; padding: 0;
  top: 0;
  left: 0;
  right: 0;
 z-index: 9999; 
 }
.mini-logo img { width:15%;/* width="50px" height="50px" */ padding: 5px; float: left; }


/*Strip the ul of padding and list styling*/

nav ul { font-size: .90em; letter-spacing: .05em; text-transform: uppercase; 
	list-style-type:none;
	margin: 0px;
	padding:0;
	position: absolute;
}

/*Create a horizontal list with spacing*/
nav li {
	display:inline-block;
	
	margin-right: 1px;
}

/*Style for menu links*/
nav li a {
	display:block;
	
	height: 50px;
	text-align: center;
	line-height: 50px;
	
	color: #FFFFFF;
 padding:0  5px 0 5px ;
	text-decoration: none;
}

/*Hover state for top level links*/
nav li:hover a {
	background: #672263;
; color: #ffffff;
}

/*Style for dropdown links*/
nav li:hover ul a {
	background: #e5b94f;
	color: #672263;
	
	line-height: 18px;
}

/*Hover state for dropdown links*/
nav li:hover ul a:hover {
	background: #00A19A;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
nav li ul {
	display: none;
}

/*Make dropdown links vertical*/
nav li ul li {
	display: block;
	float: none;
}

/*wordpress dropdown children*/
.children ul li {
	display: inline;
	float: none; z-index: 1;
}

/*Prevent text wrapping*/
nav li ul li a {
	width: auto;
	
	padding: 0px;
}

/*Display the dropdown on hover*/
nav ul li a:hover + .children, .children:hover {
	display: block; z-index: 1;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {font-family: 'Genericons';text-decoration: none;color: #fff;float: right;text-align: center; padding: 5px; margin: 5px; }
.genericon-menu:before {content: '\f419'; 	font-size: 2.5em; }
.show-menu:hover {
background: #672263; color: white; padding: 5px; float: right; }
/*Hide checkbox*/
nav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
nav input[type=checkbox]:checked ~ #menu{
    display: block;
}



/*Style 'show menu' label button Display 'show menu' link
....................................................*/
/* 
.genericon-menu:before {content: '\f419'; 	font-size: 2.5em; }
.show-menu:hover {
background: #672263; color: white; padding: 5px; float: right; }
Hide checkbox
nav input[type=checkbox]{
    display: none;}

Show menu when invisible checkbox is checked
nav input[type=checkbox]:checked ~ #menu{
    display: block;}

END  'show menu' 
....................................................*/

@media  (min-width: 767px) { 
	
	.mini-logo img { width:5%;/* width="50px" height="50px" */ padding: 5px; float: left; }
    
.top-bar ul li, .top-bar ul li a { padding: 5px 10px 5px 10px; margin-right: 5px; text-decoration: none;  }
	
.top-bar ul li a:hover {   border:  none; color: #e62f42;}

nav ul {   display: inline; list-style-type:none; margin: 0 0 0 50px;  padding:0; margin: 0px;
border: none;
	}
	.show-menu  { display:none;}
}
@media handheld, only screen and (max-width: 767px) {
		/*MENU*/

	/*Make dropdown links appear inline*/
	nav ul {
		position: static;
		display: none; 
	}
	/*Create vertical spacing*/
	nav li {
		margin-bottom: 1px; 
	}
	
	/*Style for menu links*/
nav li a { border-bottom: 2px dotted white;
	color: #ffffff;  padding:0   ;	
	text-decoration: none;
}
	/*Make all menu links full width*/
	nav ul li, li a {
		width: 100%;
	}
	
	
	


} 




