/* 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 centrage de la page sous ie*/
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	
	 background-color:#fffffe;
	 /* background-image:url(charte/fond_site_jaune.png);
	 background-repeat:repeat-x;*/
     }
/*******************************************************************************************/
/*definition du corps du site*/
#global{
position:relative;
z-index:0;
margin-top:0px;
margin-left:auto;
margin-right:auto;
text-align: left; /* on rétablit l'alignement normal du texte apres avoir corrige le bug ie */
width:1000px;
height:615px;
}

#global a img {
border:none;
}
/*******************************************************************************************/
/*definition de l'entete et des differentes divs composant l'entete*/
#entete{
position:absolute;
top:0px;
left:0px;
z-index:10;
width:1000px;
height:200px;
}
	
/*definition du diaporama inerfade dans l'entete*/
#diaporama_innerfade{
position:absolute;
top:0px;
left:0px;
z-index:10;
width:1000px;
height:200px;
}
/* definition de l'affichage de la devise dans l'entete */
#diaporama_innerfade p{
font-family:"Franklin Gothic Book";
font-weight:bold;
font-size:24px;
color:#FFFFFF;
text-align:left;
height:70px;
margin-top:-90px;
margin-left:240px;

}
#diaporama_innerfade a{
text-decoration:none;
}

#diaporama_innerfade a img{
border:none;
}

/*definition de la div contenant le dégradé affiché sur le diaporama*/
#degrade{
position:absolute;
top:0px;
left:0px;
z-index:20;
width:1000px;
height:200px;
background-image:url(charte/degrades.png);
text-align:center;
}


/*div définissant la position du logo Hôtels au naturel*/
#logohan{
position:absolute;
top:5px;
left:15px;
z-index:30;
}	
#logohan a img{
border:none;
}

/*menu langues*/
#langues  {
position:absolute;
z-index:30;
width:100px;
height:55px;
left:15px;
top:140px;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#066d42;
text-align:left;
}

.languencours {
height:15px;
color:#fecb01;
text-align:left;
}

#langues a {
height:15px;
color:#066d42;
text-align:left;
text-decoration:none;
}
#langues a:hover {
color:#fecb01;
text-align:left;
}

/* Chèque Cadeau */
#cheque{
position:absolute;
z-index:30;
top:5px;
left:805px;
width:200px;
height:150px;
text-align:center;
}
#cheque a {
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#066D42;
margin-top:0px;
}
#cheque a:hover{
color:#666666;
}
#cheque img{
margin-left:60px;
}
/*******************************************************************************************/
				/* Definition de la page contenant le menu, les images et le texte */
				#page{
					position:absolute;
					z-index:30;
					top:160px;
					left:160px;
					width:830px;
					height:425px;
					background-image:url(charte/page.png);
				}
				
					
					/*definition du menu*/
				#menu{
					position:absolute;
					width:820px;
					height:50px;
					top:5px;
					left:5px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:15px;
					color:#066D42;
					text-align:center;						
				}
				
				#menu table{
				
					min-width:400px;
					width:auto;
					margin-left:auto;
					margin-right:auto;
					margin-top:2px;
					padding:0px;
					text-align:center;
					}
					   
				#menu table tr td{
					width:auto;
					margin:0px;     
					text-align: center;
					font-weight: bold;
					font-size:17px;
				   /* color:#5A5A5A;*/
					color:#066d42;
				
					}
				#menu table tr td a{
					text-decoration:none;
				   /* color:#5A5A5A;*/
					color:#066d42;
				}
				
				#menu table tr td a:hover{
					/*color:#a2d06c;*/
					color:#fecb01;
				}
				/* classe definissant l'espacement entre chaque "pipe" de separation du menu */
				.menu{
				padding-left:8px;
				padding-right:8px;
				}
				/* fin de gestion du menu */
				
				
				/*definition de la ligne repere ou fil d'ariane*/
#repere{
    position:absolute;
    width:630px;
    height:15px;
    top:45px;
    left:35px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight:bold;
    vertical-align: middle;
	color:#666666;
    }
#repere a{
text-decoration:none;
color:#666666;
}
				
					/* Conteneur Image (carte dans le sommaire) */
					#galerie{
					position:absolute;
					top:65px;
					left:25px;
					width:380px;
					height:360px;
					text-align:center;
					}
					#galerie a {
					text-decoration:none;
					color:#066d42;
					}
					
					#galerie a img{
					border:none;
					}
.spip_doc_titre{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.spip_documents{
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
					
					/* Conteneur Texte*/
					#texte{
					position:absolute;
					top:65px;
					left:420px;
					width:400px;
					height:360px;
					
					}
					
					
					#texte a {
					text-decoration:none;
					}
					#texte p{
					text-indent:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					text-align:justify;
					margin-left:20px;
					margin-right:10px;
					margin-bottom:0px;
					margin-top:0px;	
							
					}
					/* div definissant la zone d'affichage du texte dans la div TEXTE */
					#descriptif{
					height:190px;
					overflow:auto;
					}
					#descriptif p{
					text-indent:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					text-align:justify;
					margin-left:20px;
					margin-right:10px;
					margin-bottom:0px;
					margin-top:0px;
					}
					
					/* classe definissant la positiond e la mention "en savoir +" en fin de presentation */
					.savoirplus{
					padding-top:5px;
					text-align:right !important;
					font-weight:bold;
					color:#066d42;}
					
					
					#descriptif p a{
					text-decoration:none;
					color:#066d42;
					}
					#descriptif p a:hover{
					color:#fecb01;
					}
					
					#texte h4{
					margin-top:0px;
					margin-bottom:5px;
					font-family:Arial, Helvetica, sans-serif;
					color:066d42;
					}
					
					
					/* classe definissant la position du texte de la page sommaire */
					.texte_sommaire{
					padding-top:50px;
					max-height:310px !important;
					height:310px;
					}
					/* div definissant la position du texte de la page article */
					#article{
					position:absolute;
					top:65px;
					left:70px;
					width:700px;
					height:350px;
					overflow:auto;
					}
					#article h4{
					margin-top:0px;
					margin-bottom:10px;
					font-family:Arial, Helvetica, sans-serif;
					color:066d42;
					font-size:14px;
					}
					#article p{
					text-indent:10px;
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					text-align:justify;
					margin-left:20px;
					margin-right:10px;
					margin-bottom:0px;
					margin-top:0px;	
						}
						#article p a{
					text-decoration:none;
					color:#000000;
					}
					#article p a:hover{
					color:#066D42;
					font-size:12px;
					font-weight:bold;
					}
						/* classe definissant le titre H4 dans la page article */
						.titre_article{
						margin-top:70px;
						margin-left:50px;
						font-family:Arial, Helvetica, sans-serif;
						color:066d42;
						}
						#article table{
					margin-left:15px;
					}
					#article table tr td a{
					text-decoration:none;
					color:#000000;
					font-size:14px;
					font-weight:bold;
					}
					#article table tr td a:hover{
					color:#066D42;
					font-size:14px;
					font-weight:bold;
					}
					#article table tr td a img{
					vertical-align:middle;
					}
					/*classe definissant la position des coordonnées de la page rubrique.html (affichage coordonnées hotels et pnr)*/
.coordonnees{
position:absolute;
top:215px;
left:5px;
height:120px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
width:180px;
}
/* classe definissant l'affichage de la categorie de prix dans la page hotels */
.prix{
margin-left:20px;
height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
text-align:left;
font-weight:bold;
}

/* definition de la div affichant la liste des HAN dans la page PNR */
#listehotels {
position:absolute;
top:240px;
left:190px;
height:100px;
overflow:auto;
width:195px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
}
#listehotels p{
text-indent:0px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
margin-bottom:5px;
margin-left:0px;
margin-right:0px;
}
#listehotels a{
text-decoration:none;
margin-right:2px;
color:#066D42;
}
#listehotels a:hover{
color:#fecb01;
}
					/* definition de la table contenant les liens Mail, web et reservation */
					#texte table{
					position:absolute;
					top:335px;
					left:0px;
					height:20px;
					}
					#texte table tr td {
					font-family:Arial, Helvetica, sans-serif;
					font-size:13px;
					font-weight:bold;
					}
					#texte table tr td a{
					text-decoration:none;
					color:#066d42;
					}
					#texte table tr td a:hover{
					color:#fecb01;
					}
					
	/*******************************************************************************************/
/*définition de l'affichage des références (parie gauche du site)*/
#references{
position:absolute;
top:200px;
left:20px;
width:115px;
}
/*******************************************************************************************/
/*classe  definissant l'affichage du lien facebook */
#cleverte{
position:absolute;
top:210px;
left:20px;
width:115px;
height:100px;
text-align:center;

}
#cleverte a img{
border:none;
}
				
/*******************************************************************************************/
/*classe  definissant l'affichage du trophée du tourisme*/
#trophees{
position:absolute;
top:320px;
left:20px;
width:115px;
height:121px;
}
#trophees a{
text-decoration:none;
width:115px;
color:#666666;
}
.titre_trophees{
position:absolute;
top:83px;
left:0px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
width:115px;
}

/*******************************************************************************************/
/*classe  definissant l'affichage du partenariat voyageons autrement */
.voyageautrement{
position:absolute;
top:450px;
left:20px;
width:auto;
}



/*******************************************************************************************/
/* definition de la position du logo Accueil des parcs */
#logopnr{
position:absolute;
left:25px;
top:520px;
width:80px;
height:95px;
text-align:center;
}
#logopnr a img{
border:none;
}

/*******************************************************************************************/
/* css gerant la div bas de page (copyright, mentions legales,...*/
#pied{
	position:absolute;
	width:830px;
	height:20px;
	padding-top:3px;
	top:590px;
	left:160px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#666666;
	text-align:center;
	}
#pied a{
	text-decoration:none;
	color:#666666;
	}
#pied a img{
 	border:none;
 }
#pied img{
 	vertical-align:middle;
}	
	/***********************************************************************************************************/
	/***********************************************************************************************************/
/* CSS definissant la rubrique 13 CARTE */
	/* Definition de la page dans le rubrique 13 CARTE */
				#page_carte{
				position:absolute;
				top:0px;
				width:800px;
				height:670px;
				top:0px;
				left:100px;
				background-image:url(charte/page_carte.png);
				}			
/* div listant les pnr et les hotels sur la page carte (rubrique 13) */
#liste_hotels{
position:absolute;
top:90px;
left:20px;
width:250px;
height:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
#liste_hotels ul{
padding-left:0px;
margin-left:0px;
margin-top:0px;
}
#liste_hotels ul li{
list-style:none;
}
#liste_hotels ul li a{
text-decoration:none;

}
.lipnr{
margin-top:6px;
}
.lipnr_a{
color:#066D42;
}
.lihan{
margin-left:15px;
}
.lihan_a{
color:#686969;
}
/* div pour localiser la carte des PNR page rubrique-13.html*/
#carte{
z-index:2;
position: absolute;
left:230px;
top:10px;
width:570px;
height:540px;
}

/* 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
    }

/*classe definissant la position de la legende "PNR" sur la carte*/
#page_carte img{
vertical-align:middle;
}
.pnr {
position:absolute;
top:15px;
left:60px;
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:45px;
left:60px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#686969;
}	

	
	
	
	
	
	
	
	
	
	
	
	
    


/*************************************************************************************/
/* FIN DE LA NOUVELLE CSS ************************************************************/