@charset "UTF-8";

/* ------------------------------------------
  RESET
--------------------------------------------- */




.nav-collapse,
.nav-collapse * {
 box-sizing: border-box;
  z-index:199;
  background-color:#2d4a58;
}

.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}



.nav-collapse a { 
color:#fff;
text-decoration:none;
/* font-size:11pt; */
font-size:9pt;
font-weight:bold;
text-transform:uppercase;
transition:color 2s;
} 

.nav-collapse a:hover, .nav-collapse li.fixe a  { 
color:#e8b414;
text-decoration:none;
/* font-size:11pt; */
font-size:9pt;
font-weight:bold;
text-transform:uppercase;
} 


@media screen and (min-width:600px) and (max-width: 1000px) {
.nav-collapse a { 
color:#fff;
text-decoration:none;
/* font-size:11pt; */
font-size:7pt;
font-weight:bold;
text-transform:uppercase;
transition:color 2s;
} 

.nav-collapse a:hover, .nav-collapse li.fixe a  { 
color:#e8b414;
text-decoration:none;
/* font-size:11pt; */
font-size:7pt;
font-weight:bold;
text-transform:uppercase;
} 
}



.nav-collapse ul li a #home{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/home.png');
background-size:100%;
background-repeat:no-repeat;
padding:0;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li a:hover #home, .nav-collapse ul li a:hover #voyager,
.nav-collapse ul li a:hover #access-mag, .nav-collapse ul li a:hover #participer,
.nav-collapse ul li a:hover #qui-sommes-nous, .nav-collapse ul li a:hover #contact,
.nav-collapse ul li a:hover #mon-compte-reporter, .nav-collapse ul li a:hover #communaute-facebook{
height:30px;
width:53px;
margin-bottom:5px;
}

.nav-collapse ul li.fixe a #home{
height:30px;
width:53px;
margin:auto;
margin-bottom:5px;
background-image:url('https://accesstrip.org/img/pictos/menu/home.png');
background-size:100%;
background-repeat:no-repeat;
padding:0;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

@media screen and (max-width: 600px) {
.nav-collapse ul li a #home, .nav-collapse ul li a:hover #home, .nav-collapse ul li.fixe a #home{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/home.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
transition:none;
}
}

.nav-collapse ul li a #voyager{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/voyager.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.fixe a #voyager{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/voyager.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}


@media screen and (max-width: 600px) {
.nav-collapse ul li a #voyager, .nav-collapse ul li a:hover #voyager, .nav-collapse ul li.fixe a #voyager{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/voyager.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}


.nav-collapse ul li a #access-mag{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/access-mag.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.fixe a #access-mag{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/access-mag.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

@media screen and (max-width: 600px) {
.nav-collapse ul li a #access-mag, .nav-collapse ul li a:hover #access-mag,.nav-collapse ul li.fixe a #access-mag {
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/access-mag.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}

.nav-collapse ul li a #participer{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/participer.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.fixe a #participer{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/participer.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

@media screen and (max-width: 600px) {
.nav-collapse ul li a #participer, .nav-collapse ul li a:hover #participer, .nav-collapse ul li.fixe a #participer{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/participer.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}

.nav-collapse ul li a #qui-sommes-nous{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/qui-sommes-nous.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.fixe a #qui-sommes-nous{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/qui-sommes-nous.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

@media screen and (max-width: 600px) {
.nav-collapse ul li a #qui-sommes-nous, .nav-collapse ul li a:hover #qui-sommes-nous, .nav-collapse ul li.fixe a #qui-sommes-nous{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/qui-sommes-nous.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}

.nav-collapse ul li a #contact{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/contact.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.fixe a #contact{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/contact.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}


@media screen and (max-width: 600px) {
.nav-collapse ul li a #contact, .nav-collapse ul li a:hover #contact, .nav-collapse ul li.fixe a #contact{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/contact.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}

.nav-collapse ul li a #mon-compte-reporter{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/mon-compte-reporter.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.fixe a #mon-compte-reporter{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/mon-compte-reporter.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

@media screen and (max-width: 600px) {
.nav-collapse ul li a #mon-compte-reporter, .nav-collapse ul li a:hover #mon-compte-reporter, .nav-collapse ul li.fixe a #mon-compte-reporter{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/mon-compte-reporter.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}

.nav-collapse ul li a #communaute-facebook{
height:20px;
width:35px;
margin:auto;
margin-bottom:15px;
background-image:url('https://accesstrip.org/img/pictos/menu/communaute-facebook.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

.nav-collapse ul li.hover a #communaute-facebook{
height:30px;
width:53px;
margin:auto;
margin-bottom:10px;
background-image:url('https://accesstrip.org/img/pictos/menu/communaute-facebook.png');
background-size:100%;
background-repeat:no-repeat;
border:none;
transition:width 2s, height 2s, margin-bottom 2s;
}

@media screen and (max-width: 600px) {
.nav-collapse ul li a #communaute-facebook, .nav-collapse ul li a:hover #communaute-facebook, .nav-collapse ul li.fixe a #communaute-facebook{
position:absolute;
left:0;
height:20px;
width:35px;
margin-bottom:0px;
margin:0;
background-image:url('https://accesstrip.org/img/pictos/menu/communaute-facebook.png');
background-size:100%;
float:left;
background-repeat:no-repeat;
padding:0;
border:none;
}
}





.nav-toggle {
  position: fixed;
  
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  /*width: 70px;
  height: 55px;*/
  width:100%;
  float: right;
  background-color:#2d4a58;
  padding-bottom:20px;
}

.nav-toggle:before {
	padding-top:10px;
/* background-color:#C4E256; */
color: #fff; /* Edit this to change the icon color */
position: absolute;
content: "≡ MENU";
text-indent: 0;
text-align: center;
speak: none;
width: 100%;
font-weight:bold;
/* font-size:15pt; */
font-size:11pt;
font-variant: small-caps;
top: 0;
left: 0;
}

.nav-toggle.active::before {
padding-top:10px;
content:"x FERMER";
font-weight:bold;
/* font-size:15pt; */
font-size:11pt;
font-variant: small-caps;
}