/* CSS Document */
/* Fonction gérant l'appel du fichier png.htc pour permettre l'affichage de la transparence par IE*/
.png{
behavior:url(png.htc);
}
/* *************************************************/ 
/* div gerant l'affichage des barres de  navigation du "couteau suisse" (decoupe des textes en plusieurs pages)*/

div.decoupe_haut{
display:none !important;
}
div.decoupe_bas{
font-family:Arial, Helvetica, sans-serif;
font-size:11px !important;
margin-left:auto;
margin-right:10px;
margin-top:0px;

}
div.decoupe_bas a{
text-decoration:none;
}
.pagination decoupe_bas{
text-align:right;
}
/*******************************************************************************************/
/* definition du body pour cedntrage de la page sous ie*/
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
/* fond de page de tout le site*/

/*definition du corps du site*/
#global{
/*position:absolute;*/
position:relative;
z-index:0;
/*top:10px;
left:220px;*/
margin-top:10px;
margin-left:auto;
margin-right:auto;
text-align: left; /* on rétablit l'alignement normal du texte apres avoir corrige le bug ie */
background-image:url(images/fondglobal.png);
    width:800px;
    height:600px;
    }
/*definition de l'entete et des divs contenant les logo et devise*/
#entete{
position:absolute;
top:30px;
left:30px;
z-index:1;
/*background-image:url(images/fondentete.jpg);*/

    width:740px;
    height:100px;
    }
    
#logohan{
position:absolute;
width:162px;
height:51px;
left:8px;
top:8px;
}
#logohan a img{
border:none;
}
#devise{
    position:absolute;
    width:380px;
    height:25px;
    left:250px;
    top:50px;
    font-family:Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    font-size: 19px;
    font-style: oblique;
    
}

#logopnr{
position:absolute;
left:668px;
top:10px;
width:65px;
height:80px;
}
#logopnr a img{
border:none;
}
/*definition de la ligne repere ou fil d'ariane*/
#repere{
    position:absolute;
    width:630px;
    height:15px;
    top:155px;
    left:35px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    vertical-align: middle;
    }
#repere a{
text-decoration:none;
}
/* definition de la div contenant le menu navigation langues*/

#langues  {
position:absolute;
width:240px;
height:30px;
left:540px;
top:10px;
padding-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#066d42;
text-align:center;
background-color:#FFFFFF;
}

.languencours {
background-image:url(images/bouton_lang_on.png);
background-repeat:no-repeat;
padding-left:8px;
padding-right:10px;
color:#fecb01;
text-align:center;
width:60px;
height:30px;
margin-left:5px;
margin-right:5px;
margin-top:0px;
}

/**#langues a {
color:#066d42;
text-align:center;
text-decoration:none;
}
#langues a:link{
background-image:url(images/bouton_lang_out.png);
background-repeat:no-repeat;
padding-left:8px;
padding-right:10px;
width:60px;
height:30px;
margin-left:5px;
margin-right:5px;
margin-top:0px;
}**/
#langues a {
background-image:url(images/bouton_lang_out.png);
background-repeat:no-repeat;
padding-left:8px;
padding-right:10px;
width:70px;
height:30px;
margin-left:2px;
margin-right:2px;
color:#066d42;
text-align:center;
text-decoration:none;
}
#langues a:hover {
color:#fecb01;
text-align:center;
background-image:url(images/bouton_lang_on.png);
}

/* definition de la div contenant le telechargement de la plaquette*/
#plaquette {
position:absolute;
width:90px;
height:15px;
top:135px;
left:680px;
font-size:11px;

}
#plaquette img{
width:15px;
height:15px;
}
#plaquette a img {
border:none;
margin:0px;
}

/*definition de la page*/
#page{
z-index:2;
position:absolute;
width:740px;
height:385px;
top:170px;
left:30px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
}
#page a img{
border:none;
}

/*definition du titre à l'interieur des cellules du tableau contenu dans la page*/
#page table tr td h5{
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
color:#066D42;
}
#page table tr td p{
    margin-top:0px;
    margin-bottom:0px;
    margin-left:5px;
    margin-right:5px;
    text-indent: 10px;
}
/*definition des tableaux contenus dans la div page*/
#page table tr td{
    
    border-bottom: #fecb01 outset 1px;
    border-right:#fecb01 outset 1px;
    }
    
/*definition des paragrazphes dans la page*/
#page p{
margin-top:0px;
margin-left:0px;
display:block;
text-align:justify;
font-size:12px;
padding:0px;
}



/* css gerant la div bas de page (copyright, mentions legales,...*/
#pied{
position:absolute;
width:720px;
height:12px;
padding-top:3px;
top:558px;
left:50px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
text-align:right;
}
#pied a{
text-decoration:none;
color:#666666;
}
#pied a img{
 border:none;
 }
 #pied img{
 vertical-align:middle;
 }
/********************************************************************************************************/
/* div specifiques à la page sommaire*/
#presentation{
    position:absolute;
    z-index:2;
    top:25px;
    left:0px;
    width:350px;
    height:auto;
    max-height:240px;
    padding-top:10px;
    padding-left:5px;
    padding-right:8px;
    padding-bottom:5px;
    border-right:#fecb01 outset 1px;
    border-bottom:#fecb01 outset 1px;
}

#presentation p{
padding:Opx;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
    display:block;
    text-align:justify;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-indent: 10px;
}
#presentation h5{
margin-top:0px;
margin-bottom:0px,;
color:#066D42;
}
#presentation a{
text-decoration:none;
color:#066D42;
}
/* gestion des liens dans la rubrique liens 
#presentation tr td a{
text-decoration:none;
font-weight:bold;
border:none;
}*/

#droite{
position:absolute;
    z-index:2;
    top:5px;
    left:370px;
    width:350px;
    height:auto;
    max-height:240px;
    padding-top:10px;
    padding-left:5px;
    padding-right:8px;
    padding-bottom:10px;
    border-right:#fecb01 outset 1px;
    border-bottom:#fecb01 outset 1px;
    }
    
#droite p{
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
    display:block;
    text-align:justify;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    text-indent: 10px;
}
#droite h5{
margin-top:0px;
margin-bottom:0px,;
color:#066D42;
}
#droite a{
text-decoration:none;
color:#066D42;
}
#pagebas{
position:absolute;
top:275px;
left:0px;
width:750px;
height:100px;

}
/*classe  definissant l'affichage du partenariat voyageons autrement sur la page d'accueil*/
.voyageautrement{
position:absolute;
top:20px;
left:0px;
width:auto;
}

#chequecadeau{
position:absolute;
width:270px;
left:170px;
}
#chequecadeau table{
padding:0px;
}
#chequecadeau table tr td {
border:none;
padding-top:0px;
text-align:center;
}
#chequecadeau table tr td a{
text-decoration:none;
font-weight:bold;
font-size:14px;
color:#333333;
}
 /*classe  et div definissant l'affichage trophees tourisme*/
.logottr{
position:absolute;
top:0px;
left:180px;
}
#ttr{
position:absolute;
left:470px;
top:15px;
width:260px;
height:75px;
text-align:left;
padding-top:5px;
}
#ttr p {
         margin:0px;
    text-align:center;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    width:180px;
  }
/***************************************************************************************************/
/* div definissant la page rubrique (hotels et PNR)*/

/*definition de la div titre dans le conteneur "page" de rubrique.html*/
#titre{
z-index:2;
position:absolute;
top:5px;
left:5px;
width:700px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
text-align:left;
color:#066D42;
}

/* classe definissant l'affichage du titre dans la page article*/
.titre{
max-width:300px;
}
/*definition de la div articlehaut dans le conteneur "page" de rubrique.html*/
#articlegauche{
    position:absolute;
    z-index:2;
    top:25px;
    left:0px;
    width:350px;
    height:auto;
    max-height:240px;
    padding-top:5px;
    padding-left:5px;
    padding-right:8px;
    padding-bottom:5px;
    border-right:#fecb01 outset 1px;
    border-bottom:#fecb01 outset 1px;
}
#articlegauche h6{
margin-top:0px;
margin-left:0px;
margin-bottom:10px;
color:#066D42;
}
#articlegauche p{
    margin-top:5px;
    margin-bottom:0px;
    margin-left:0px;
    margin-right:0px;
    display:block;
    text-align:justify;
    font-size:12px;
    padding-bottom:0px;
    text-indent: 10px;
}

/*definition de la div portfolio(contenant les vignettes du diaporama) du conteneur "page" de rubrique.html */ 
#portfolio{
position:absolute;
width:360px;
height:auto;
max-height:310px;
top:15px;
left:380px;
text-align:center;
border-right:#fecb01 outset 1px;
    border-bottom:#fecb01 outset 1px;
    padding:0px;
}
#portfolio h6{
text-align:right;
color:#666666;
margin:0px;
font-size:8px;
}

#portfolio table{
margin-left:auto;
    margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}
#portfolio table tr td{
margin-top:0px;
margin-bottom:0px;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#666666;
}
#portfolio a img{
border:none;
}
/*definition de la div vignette (contenant la vignette de la plaquette papier) du conteneur
"page" de rubrique.html*/
#vignette{
position:absolute;
width:100px;
height:100px;
top:295px;
left:0px;
text-align:center;
}
/*definition de la div coordonnées de la page rubrique.html (affichage coordonnées hotels et pnr)*/
#coordonnees{
position:absolute;
top:290px;
left:110px;
width:170px;
height:100px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;

}
/*#coordonnees a{
text-decoration:none;
color:#000000;
}
#coordonnees a img{

text-decoration:none;
border:none;
}*/
/* div gérant l'affichage des boutons liens des hotels ou pnr*/
#liens {
padding-top:10px;
position:absolute;
top:290px;
left:285px;
width:80px;
height:100px;

}
#liens p{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
margin-bottom:5px;
}
#liens a {
height:20px;
padding-top:2px;
background-image:url(images/bouton_liens_out.png);
background-repeat:no-repeat;
text-decoration:none;
color:#000000;
display:block;
color:#066D42;
}

#liens a:hover{
background-image:url(images/bouton_liens_on.png);
background-repeat:no-repeat;
color:#fecb01;
}
#liens a img {
text-decoration:none;
border:none;
}
/*definition de la div articledte dans le conteneur "page" de rubrique.html, correspondant à la gestion environnementale hôtels ou pnr*/
#articledte{
    position:absolute;
    
    top:325px;
    left:380px;
    width:320px;
    height:20px;
    padding-top:5px;
    padding-left:5px;
    
}

#articledte p{
    /*margin:0px;*/
    margin-top:0px;
margin-left:0px;
margin-bottom:10px;
    display:block;
    text-align:justify;
    font-size:12px;
    font-weight:bold;
    padding-bottom:0px;
    text-indent: 10px;
    color:#066D42;
float:left;
}
#articledte p a img{
border:none;
text-decoration:none;
}
#articledte p a{
text-decoration:none;
}
/*definition de la div articlebas dans le conteneur "page" de rubrique.html, correspondant à la liste des hôtels dans le pnrconcerné, ou */
#articlebas{
    position:absolute;
    
    top:355px;
    left:380px;
    width:320px;
    height:20px;
    padding-top:5px;
    padding-left:5px;
    
}

#articlebas p{
    /*margin:0px;*/
    margin-top:0px;
margin-left:0px;
margin-bottom:10px;
    display:block;
    text-align:justify;
    font-size:12px;
    font-weight:bold;
    padding-bottom:0px;
    text-indent: 10px;
    color:#066D42;
float:left;
}
#articlebas p a img{
border:none;
text-decoration:none;
}

#articlebas p a {
text-decoration:none;
}
/***************************************************************************************************/
/* dic definissant la page rubrique-13(rubrique specifique à la carte repere)*/

/* definition  global gere la forme de la rubrique-13.html (rubrique specifique à la carte repere)*/
#globalcarte{
/*position:absolute;*/
position:relative;
z-index:0;
top:10px;
/*left:250px;*/
margin-left:auto;
margin-right:auto;
text-align:left;/* on realigne le texte à gauche apres avoir contre le bug ie (voir body pour centrer la page*/
background-image:url(images/fondglobalcarte.png);
    width:800px;
    height:770px;
    }
    

    


/* div pour localiser la carte des PNR page rubrique-13.html*/
#carte{
z-index:2;
position:absolute;
top:95px;
left:115px;
width:570px;
height:540px;

}
/*classe definissant la position de la legende "PNR" sur la carte*/
.pnr {
position:absolute;
top:8px;
left:55px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#686969;
}
/*classe definissant la position de la legende "PNR avec HAN" sur la carte*/

.pnr_han{
position:absolute;
top:30px;
left:55px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#686969;
}
/******************************************************************************/
/* div gerant la page recettes rubrique-45.html*/

#recette{
z-index:2;
position:absolute;
width:740px;
height:385px;
top:170px;
left:30px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;

}
#recette h5{
margin-top:20px;
margin-bottom:10px;
color:#066D42;
text-align:left;
margin-left:50px;
clear:left;
}
#articlerecette{
width:520px;
margin-left:110px;
margin-right:110px;
    text-align:left;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px; 
    }
#listerecette {
width:250px;
height:30px;
float:left;
}
    

#recette a img{
border:none;
margin:0px;
padding:0px;
height:20px;

}
/****************************************************************************/
/*gestion de la page rubrique 50 "partenaires"*/

/*definition de la div qui regit le titre de la partie liens pnr et sites de la rubrique "partenaires"*/
#titrelienspnr {
position:absolute;
top:3px;
left:5px;
width:320px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
color:#066D42;
}
/*div  definissant le titre de l apartie liens partenaires de la rubrique "partenaires"*/
#titrelienspartenaires {
position:absolute;
top:3px;
left:400px;
width:320px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-align:center;
color:#066D42;
}
/*definition des diférentes div qui gerent l'affichage dans les pages, div logo, div liens, div commentaires*/
#logo{
margin-left:0px;
margin-right:5px;
float:left;
width:30px;
height:45px;
}
#lienpnr{

margin-left:50px;
margin-top:20px;
width:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#686969;
text-align:left;
}
#lienhotel{

clear:left;
margin-top:5px;
margin-left:60px;
width:220px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#066d42;
text-align:left;
}
#lienpartenaire{

margin-top:25px;
margin-bottom:25px;
width:330px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#066d42;
text-align:left;
}
#texte{
clear:left;
background-color:#EEEEEE;
margin-top:5px;
margin-left:80px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
padding-top:3px;
width:240px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
text-indent:20px;
}


/* classe definissant le style d'affichage du texte dans l'article.html*/
#article{
position:absolute;
top:180px;
left:50px;
width:700px;
height:350px;

overflow:auto;
}

#article p{
display:block;
text-align:justify;
margin-top:25px;
margin-right:20px;
padding:0px;
}
/*****************************************************************************/
/* gere le style du menu deroulant*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/*definition du menu*/
#menu{
    position:absolute;
    z-index:20;
    width:640px;
    height:20px;
    top:133px;
    left:32px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#066D42;
        
}

#menu dl {
    float: left;
    width:100px;
    margin-right:10px;
}

#menu dt {
    text-align: center;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    /*color:#066D42;*/
    color:#fecb01;
    }

#menu dd {
z-index:20;
position:absolute;
    width:100px;
    display:none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    /*font-weight:bold;
color:#066D42;*/
        color:#fecb01;
}
/*#menu dd li{
border-bottom:#066D42 solid 1px;
vertical-align:middle;
}*/
#menu li {
    text-align: left;
    }

#menu li a, #menu dt a {
padding-top:3px;
text-decoration: none;
background-image:url(images/bouton_mouse_out.png);
background-repeat:no-repeat;
background-position:center;
display:block;
height:100%;
color:#066D42;
}

#menu li a:hover, #menu dt a:hover {
color:#fecb01;
background-image:url(images/bouton_mouse_on.png);
background-repeat:no-repeat;
background-position:center;
display:block;

}
/* fin de gestion du menu deroulant*/


/*******************************************************/
/* CSS definissant la forme des layers ("calques") sur la carte repere*/
/* classe definissant la forme des cellules du tableau contenu dans le layer, ou s'affiche les noms d'hotels*/
.tablelayer{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#066D42;
border-bottom:#fecb01 outset 1px;
border-right:#fecb01 outset 1px;
}
    /* classe definissant la forme generale du layer*/
    .layer{
    position:absolute;
    width:180px;
    height:auto;
    z-index:50;
    background-color:#fecb01;
    display:none;
    border-left:#066D42 solid 1px;
    border-bottom:#066D42 solid 1px;
    border-right:#066D42 solid 1px;
    }
    /* classe definissant la forme du paragraphe en haut du layer contenant la nom du PNR*/
    .player{
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#fecb01; 
    text-align:left;
    margin:0; 
    background-color:#066D42
    }