/*------------------------- NAVBAR FR 2010 ----------------------------*/

#navtoprow {  
	background: url(../images/navbartop_logo_fr.gif) no-repeat, url(../images/navbar/navbartop_background.png) repeat-y;
	max-width: 976px; 
	width:100%;
	min-height:78px;
	background-color:#0087ca;
} 

#navbuttons {  
	/*background: url(../images/navbar_boutons_1_fr.gif) 0px 0px no-repeat;*/
	background-color:#0087ca;
	height: 30px;  
	max-width: 976px; 
    width:100%;
	margin: 0 auto;  
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	overflow-y:hidden;
} 

#navbuttons a { display: block; height: 23px;  text-align:center;color:#E6E6E6;text-decoration:none;padding-top:7px; }

/*Accueil */
ul#navbuttons li#list1 {
    background:url('../images/navbar_butons/navbar_boutons_home_1.png') no-repeat 100%;

    max-width: 42px;
    width:4.303278688524590163934426229508%; /* 42px / 976px = 0.04303278688524590163934426229508 */
}
/*Expérience */
ul#navbuttons li#list2 {
    background:url('../images/navbar_butons/navbar_boutons_107_1.png') no-repeat 100%;
    max-width: 107px;
    width:10.963114754098360655737704918033%; /* 107px / 976px = 0.10963114754098360655737704918033  */
}




/*Régions */
ul#navbuttons li#list3 {
    background:url('../images/navbar_butons/navbar_boutons_82_1.png') no-repeat 100%;
    max-width: 82px;
    width:8.401639344262295081967213114754%; /* 82px / 976px = 0.08401639344262295081967213114754 */
}
/*Activités */ 
ul#navbuttons li#list4 {
    background:url('../images/navbar_butons/navbar_boutons_84_1.png') no-repeat 100%;
    max-width: 84px;
    width:8.606557377049180327868852459016%; /* 84px / 976px = 0.08606557377049180327868852459016 */
}
/*Événements */ 
ul#navbuttons li#list5 {
    background:url('../images/navbar_butons/navbar_boutons_97_1.png') no-repeat 100%;
    max-width: 97px;
    width:9.938524590163934426229508196721%; /* 97px / 976px = 0.09938524590163934426229508196721 */
}
/*Hébergement */ 
ul#navbuttons li#list6 {
    background:url('../images/navbar_butons/navbar_boutons_109_1.png') no-repeat 100%;
    max-width: 109px;
    width:11.168032786885245901639344262295%; /* 109px / 976px = 0.11168032786885245901639344262295 */
}
/*Forfaits */ 
ul#navbuttons li#list7 {
    background:url('../images/navbar_butons/navbar_boutons_82_1.png') no-repeat 100%;
    max-width: 82px;
    width:8.401639344262295081967213114754%; /* 82px / 976px = 0.08401639344262295081967213114754 */
}
/*Promotions */
ul#navbuttons li#list8 {
    background:url('../images/navbar_butons/navbar_boutons_97_1.png') no-repeat 100%;
    max-width: 97px;
    width:9.938524590163934426229508196721%; /* 97px / 976px = 0.09938524590163934426229508196721 */
}
/*Magazine */
ul#navbuttons li#list9 {
    background:url('../images/navbar_butons/navbar_boutons_96_1.png') no-repeat 100%;
    max-width: 96px;
    width:9.83606557377049180327868852459%; /* 96px / 976px = 0.0983606557377049180327868852459 */
}
/*sorties */ 
ul#navbuttons li#list10 {
    background:url('../images/navbar_butons/navbar_boutons_78_1.png') no-repeat 100%;
    max-width:78px;
    width:7.99180327868852459016393442623%; /* 78px / 976px = 0.0799180327868852459016393442623 */
}
/*Reportages */ 
ul#navbuttons li#list11 {
    background:url('../images/navbar_butons/navbar_boutons_102_1.png') no-repeat 100%;
    max-width:102px;
    width:10.450819672131147540983606557377%; /* 102px / 976px = 0.10450819672131147540983606557377 */
}

#list1 a:hover, #list2 a:hover,
#list3 a:hover, #list4 a:hover,
#list5 a:hover, #list6 a:hover,
#list7 a:hover, #list8 a:hover, 
#list9 a:hover, #list10 a:hover {  
    color:#fff;
} 

#list1 a:hover img {
    content:url('../images/navbar_butons/navbar_boutons_home_white.png');
}

.list1ahover {  
    background:url('../images/navbar_butons/navbar_boutons_home_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list2ahover {  
    background:url('../images/navbar_butons/navbar_boutons_107_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list3ahover {  
    background:url('../images/navbar_butons/navbar_boutons_82_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list4ahover {  
    background:url('../images/navbar_butons/navbar_boutons_84_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list5ahover {  
    background:url('../images/navbar_butons/navbar_boutons_97_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list6ahover {  
    background:url('../images/navbar_butons/navbar_boutons_109_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list7ahover {  
    background:url('../images/navbar_butons/navbar_boutons_82_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list8ahover {  
    background:url('../images/navbar_butons/navbar_boutons_97_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list9ahover {  
    background:url('../images/navbar_butons/navbar_boutons_96_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list10ahover {  
    background:url('../images/navbar_butons/navbar_boutons_78_3.png') no-repeat 100%;
    color:#fff !important;
} 
.list11ahover {  
    background:url('../images/navbar_butons/navbar_boutons_102_3.png') no-repeat 100%;
    color:#fff !important;
} 


 /*    ----------------------------------------------- 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; 
}
.offresvedette{  
background: url(../images/boutons_FR-EN.gif) 0px -414px no-repeat;
width: 269px; 
height: 35px; 
margin:0px 0px 0 -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;
}
.btnVisiterSiteWeb{  
    background: url(../images/boutons_FR-EN.gif) 0px -603px no-repeat;
    width: 167px; 
    height: 26px;
}
.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_au_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%;
    }
}