@charset "utf-8";


*{margin: 0; padding: 0; font-family: 'averia', verdana;}

@font-face {
  font-family: 'averia';
  src: url('../font/AveriaSans-Regular.eot'); 
  src: url('../font/AveriaSans-Regular.woff') format('woff'),
  url('../font/AveriaSans-Regular.svg#abcd') format('svg'),
  url('../font/AveriaSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* header */

header{width: 100%;}
header nav {top:0; height: 70px; width: 100%;  position: fixed; z-index: 100;}
header ul {font-family: 'averia'; color: black; font-size: 22px; letter-spacing: 1px;}
header a {text-decoration: none; color: black;}
header a:hover{font-weight:bold; }

/* Page conventionnel menu */

@media (max-width:949px){
  header{height: 400px;}
	.desktop{display: none ;}
  #menu{background-color: white; border-bottom: 1px solid #e8e8e8;}
  #chemin-aventure {color: black; display: none;}
  #logonav {background-image: url(../../media/images/joya-magazine-voyage.jpg);  background-color: white; cursor: pointer; position: fixed; top: 10px; left:50%; margin-left: -60px; width: 120px; height: 50px; background-size: contain; background-position: center; background-repeat: no-repeat;}
  #burger {background-image: url(../../media/images/m.jpg); cursor: pointer; position: fixed; top: 10px; right: 10px; width: 60px; height: 50px; z-index: 101; background-size: 100%; background-position: center;}
  #chemin-aventure {border-left: 1px solid #e8e8e8; overflow-y: auto; width: 320px; height: 100%; position: fixed; top: 70px; right: 0; background-color: white;}
  #chemin-aventure li {display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid grey; }
  #chemin-aventure {border-top: 1px solid #e8e8e8;}
  #chemin-aventure li a{width: 100%; height: 100%; display: block;}
  #chemin-aventure .annexe {background-color: #e8e8e8; font-size: 18px;
display: block; width: 100%; height: 50px; line-height: 50px; text-align: center; border-bottom: 1px solid grey;
  }
  .hideontel{display: none !important;}
}
@media (min-width:950px){
  .tel {display: none !important;}
  .navcolor {color: white;}
  .navcolorblack {color: black;}
	header #chemin-aventure{height: 70px; margin: 0 auto; display: flex; justify-content: space-evenly; }
  @supports (-ms-ime-align:auto) { header #chemin-aventure{justify-content: space-between;} } /* Edge */
  header #chemin-aventure li{display: block; line-height: 70px; }
	header #chemin-aventure li a:hover {cursor: pointer;}
	header nav .desktop{height: 100%; width: 5px; line-height: 68px;}
  .menublanc {background-color: white; border-bottom: 1.5px solid black;}
  /* sousmenu */
  .sousmenu{ display: none; top:70px; background-color: white; border-top: 1px solid #e8e8e8; border-bottom: 1.5px solid black;  height: 110px; width: 100%;  position: fixed; z-index: 101;}
  .sousmenu ul {justify-content: space-between; flex-flow: row; width: 80%; display: flex; height: 80px; margin: 15px auto;}
  #menucrea ul {max-width: 1200px;}
  #menupays ul {max-width: 1100px;}
  .sousmenu li {border: 1px solid black; display: block; height: calc (100% - 2px); width: 150px; background-color: grey;}
  .sousmenu li a {width: 100%; height: 100%; display: block;}
  /* soumenu fin */
}

@media (min-width:950px) AND (max-width:1900px){
  header{height: 640px;}
  header #chemin-aventure{width: 780px;}
}

@media (min-width:1900px){
  header{height: 780px;}
  header #chemin-aventure{width: 1000px;}
  header #fullimg {margin: 0 auto;  /* max-width: 1905px; */}
}

@media (min-width:2600px){
  header{height: 980px;}
}
@media (min-width:3400px){
  header{height: 1600px;}
}

/* Footer */
footer li:not(:last-child):after{content: " | "}