/*------------------------- NAVBAR EN 2010 ----------------------------*/
@import "https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css";
#navtoprow {  
	background: url(../images/navbartop_logo_en.gif) no-repeat;
	max-width: 976px; 
	width:100%;
	min-height:78px;
	background-color:#0087ca;
} 




/*Accueil */
ul#navbuttons li#list1 {
    max-width: 40px;
    width: 40px; /* 42px / 976px = 0.04303278688524590163934426229508 */
}
/*Expérience */
ul#navbuttons li#list2 {
    max-width: 120px;
    width: 120px; /* 112px / 976px = 0.11475409836065573770491803278689 */
}
/*Régions */
ul#navbuttons li#list3 {
    max-width: 84px;
    width: 84px; /* 99px / 976px = 0.10143442622950819672131147540984 */
}
/*Activités */
ul#navbuttons li#list4 {
    max-width: 90px;
    width: 90px; /* 102px / 976px = 0.10450819672131147540983606557377 */
}
/*Événements */
ul#navbuttons li#list5 {
    /*max-width: 99px;
    width:10.143442622950819672131147540984%;*/ /* 99px / 976px = 0.10143442622950819672131147540984 */
    max-width: 78px;
    width: 78px;
}
/*Hébergement */
ul#navbuttons li#list6 {
    /*max-width: 105px;
    width:10.75819672131147540983606557377%;*/ /* 105px / 976px = 0.1075819672131147540983606557377 */
    max-width: 98px;
    width: 98px;
}
/*Forfaits */
ul#navbuttons li#list7 {
    max-width: 93px;
    width: 93px; /* 105px / 976px = 0.1075819672131147540983606557377 */
}
/*Promotions */
ul#navbuttons li#list8 {
    max-width: 103px;
    width: 103px; /* 105px / 976px = 0.1075819672131147540983606557377 */
}
/*sorties */
ul#navbuttons li#list10 {
    max-width: 110px;
    width: 110px; /* 112px / 976px = 0.11475409836065573770491803278689 */
}
/*Reportages */
ul#navbuttons li#list11 {
    /*max-width:95px;
    width:9.733606557377049180327868852459%;*/ /* 95px / 976px = 0.09733606557377049180327868852459 */
    max-width: 118px;
    width: 118px;
}

.nav_blogue {display:none;}

/*Magazine remplacer par Map */
ul#navbuttons li#list9 {
    /*max-width: 99px;
    width:10.143442622950819672131147540984%;*/
    max-width: 60px;
    width: 60px;
}




 /*    ----------------------------------------------- BOUTONS EN  -------------------------------------------------- */ 
 
.boutonRecherche {  
background: url(../images/boutons_FR-EN.gif) 0px -164px no-repeat; 
width: 121px; 
height: 33px;
} 

.btnrechercher{  
background: url(../images/boutons_FR-EN.gif) -129px -153px no-repeat;
width:68px;
height:19px;
float:right;
} 

.loginFB {  
background: url(../images/boutons_FR-EN.gif) 0px -269px no-repeat;
width: 283px; 
height: 30px;
float:left;
} 
.headerideessorties {  
background: url(../images/boutons_FR-EN.gif) 0px -325px no-repeat;
width: 174px; 
height: 24px;
}
.headerreservation {  
background: url(../images/boutons_FR-EN.gif) 0px -383px no-repeat;
width: 175px; 
height: 28px;
margin: 0px 0px 0px 10px;
}
.headermagazine {  
background: url(../../images/bg_magazine_visionneuse_en.jpg) no-repeat;
max-width: 760px; 
width:100%;
height: 300px; 
padding: 10px 0 0 0; 
background-color:#fff;
}

.boutonreserver {  
background: url(../images/boutons_FR-EN.gif) -255px -494px no-repeat;
width: 137px; 
height: 25px;
}
.boutonplusinfo {  
background: url(../images/boutons_FR-EN.gif) -255px -78px no-repeat;
width: 137px; 
height: 25px; 
}
.boutonbilletterie{  
background: url(../images/boutons_FR-EN.gif) -190px -355px no-repeat;
width: 111px; 
height: 25px; 
float:left;
margin:0 5px 5px 0;
}
.boutoncoupon{  
background: url(../images/boutons_FR-EN.gif) -190px -383px no-repeat;
width: 197px; 
height: 25px; 
}
.boutondispo{  
background: url(../images/boutons_FR-EN.gif) 0px -575px no-repeat;
width: 99px; 
height: 25px; 
}
.boutonenvoyer{  
background: url(../images/boutons_FR-EN.gif) -87px -104px no-repeat;
width: 84px; 
height: 25px; 
}
.btnListeOff{
	background: url(../images/boutons_FR-EN.gif) -105px -199px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;
}
.btnListeOff:hover, .btnListeOn{
	background: url(../images/boutons_FR-EN.gif) -105px -218px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;
    
}
.btnCarteOff{
	background: url(../images/boutons_FR-EN.gif) -156px -199px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;
}
.btnCarteOff:hover, .btnCarteOn{
	background: url(../images/boutons_FR-EN.gif) -156px -218px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;   
}
.btnreserver{  
    background: url(../images/boutons_FR-EN.gif) -126px -496px no-repeat;
    width: 91px; 
    height: 17px; 
}
.btnReservezEnLigne{  
    background: url(../images/boutons_FR-EN.gif) -183px -629px no-repeat;
    width: 142px; 
    height: 26px;
}

.link_telephone_mobile {
    float:left;
    background:url(../images/boutons_FR-EN.gif) -174px 0px no-repeat;
    width:137px;
    height:23px;
    cursor:pointer;
    margin:0 5px 5px 0;
}

.reportage_visionneuse_background {
    /*background:url(../../images/bg_reportage_visionneuse_hiver_e.jpg) no-repeat;*/ 
    background:url(../../images/bg_reportage_visionneuse_e.jpg) no-repeat; 
    max-width: 760px; 
    width:100%; 
    height: 265px; 
    display:inline-block; 
    position:relative; 
    padding: 10px 0 0 0;
}


/*--------------------------------- RESPONSIVE STYLES ---------------------------------*/

@media screen and (max-width:994px)
{
    .accueil_container .title_accueil {font-size:18px;}
}


@media screen and (max-width:825px)
{
    .visionneuse_accueil_voir_toutes {
        width:120px;
        padding:7px 3px 0 0;
    }
    .visionneuse_accueil_voir_toutes .plus { margin-top:12px; }
    .visionneuse_accueil_voir_toutes .text { width:80%; }
}

@media screen and (max-width:790px)
{
    #navtoprow {
        height:102px;
    }
    #nav_top_left_links {
        width:100%;
        padding-top:8px;
    }
}

@media screen and (max-width:767px)
{
    .accueil_container .title_accueil {font-size:24px;}
}

@media screen and (max-width:730px)
{
    #navfunctions {
        margin-left:70px;
    }
}

@media screen and (max-width:480px)
{
    #navfunctions {
        margin-left:15%;
    }
}