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



/*Accueil */
ul#navbuttons li#list1 {
    max-width: 40px;
    width:4.0983%; /* 42px / 976px = 0.04303278688524590163934426229508 */
}
/*Expérience */
ul#navbuttons li#list2 {
    max-width: 105px;
    width:10.7581%; /* 107px / 976px = 0.10963114754098360655737704918033  */
}
/*Régions */
ul#navbuttons li#list3 {
    max-width: 80px;
    width:8.1967%; /* 82px / 976px = 0.08401639344262295081967213114754 */
}
/*Activités */
ul#navbuttons li#list4 {
    max-width: 90px;
    width: 10.2%; /* 84px / 976px = 0.08606557377049180327868852459016 */
}
/*Événements */ 
ul#navbuttons li#list5 {
    max-width: 115px;
    width:11.78%; /* 97px / 976px = 0.09938524590163934426229508196721 */
}
/*Hébergement */ 
ul#navbuttons li#list6 {
    max-width: 117px;
    width:12%; /* 109px / 976px = 0.11168032786885245901639344262295 */
}
/*Forfaits */ 
ul#navbuttons li#list7 {
    max-width: 80px;
    width:8.1967%; /* 82px / 976px = 0.08401639344262295081967213114754 */
}
/*Promotions */
ul#navbuttons li#list8 {
    max-width: 95px;
    width:9.938524590163934426229508196721%; /* 97px / 976px = 0.09938524590163934426229508196721 */
}
/*Magazine */
ul#navbuttons li#list9 {
    max-width: 74px;
    width:7.5819%; /* 96px / 976px = 0.0983606557377049180327868852459 */
}
/*sorties */ 
ul#navbuttons li#list10 {
    max-width:76px;
    width:7.7868%; /* 78px / 976px = 0.0799180327868852459016393442623 */
}
/*Reportages */
ul#navbuttons li#list11 {
    max-width: 115px;
    width: 11.7827%; /* 102px / 976px = 0.10450819672131147540983606557377 */
}



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

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

.loginFB {  
background: url(../images/boutons_FR-EN.gif) 0px -239px no-repeat;
width: 283px; 
height: 30px;
float:left;
} 
.headerideessorties {  
background: url(../images/boutons_FR-EN.gif) 0px -300px no-repeat;
width: 174px; 
height: 24px;
}
.headerreservation {  
background: url(../images/boutons_FR-EN.gif) 0px -353px no-repeat;
width: 175px; 
height: 28px;
margin: 0px 0px 0px 10px;
}

.headermagazine {  
background: url(../images/bg_magazine_visionneuse_fr.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 -520px no-repeat;
width: 137px; 
height: 25px;
}
.boutonplusinfo {  
background: url(../images/boutons_FR-EN.gif) -226px -104px no-repeat;
width: 166px;
height: 25px;
}
.boutonbilletterie{  
background: url(../images/boutons_FR-EN.gif) -174px -52px no-repeat;
width: 137px; 
height: 25px; 
float:left;
margin:0 5px 5px 0;
}
.boutoncoupon{  
background: url(../images/boutons_FR-EN.gif) -190px -300px no-repeat;
width: 197px; 
height: 25px; 
}
.boutondispo{  
background: url(../images/boutons_FR-EN.gif) 0px -547px no-repeat;
width: 118px; 
height: 25px; 
}
.boutonenvoyer{  
background: url(../images/boutons_FR-EN.gif) 0px -104px no-repeat;
width: 84px; 
height: 25px; 
}
.btnListeOff{
	background: url(../images/boutons_FR-EN.gif) -0px -199px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;
}
.btnListeOff:hover, .btnListeOn{
	background: url(../images/boutons_FR-EN.gif) -0px -218px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;
    
}
.btnCarteOff{
	background: url(../images/boutons_FR-EN.gif) -51px -199px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;
}
.btnCarteOff:hover, .btnCarteOn{
	background: url(../images/boutons_FR-EN.gif) -51px -218px no-repeat;
	width:50px;
	height:18px;
	float:left;
	margin-left:3px;    
}
.btnreserver{  
    background: url(../images/boutons_FR-EN.gif) 0px -496px no-repeat;
    width: 124px; 
    height: 17px;
}
.btnReservezEnLigne{  
    background: url(../images/boutons_FR-EN.gif) -183px -603px no-repeat;
    width: 197px; 
    height: 26px;
}

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

.reportage_visionneuse_background {
    /*background:url(/../images/bg_reportage_visionneuse_hiver_fr.jpg) no-repeat;*/
    background:url(/../images/bg_reportage_visionneuse_fr.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:920px)
{
    #navtoprow {
        height:102px;
    }
    #nav_top_left_links {
        width:100%;
        padding-top:8px;
    }
}

@media screen and (max-width:855px)
{
    .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:730px)
{
    #navfunctions {
        margin-left:70px;
    }
}

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

@media screen and (max-width:350px)
{
    div.ficher_reserver_container div.verdana11 {
        float:left;
        padding:0 0 10px 0;
        width:100%;
    }
}