/*css des pages d'hotels pour la france*/
body {
	/*background-color:#005C85;*/
	background-color:#FFFFFF;
	background-position: top;
	margin: 0;
	padding: 0;
}

a {
	outline:none;
}
a:link {
	outline:none;
}
a:visited {
	outline:none;
}
a:hover {
	outline:none;
}

#cache {
    position:absolute; top:0px; z-index:20000; height:100%; width:100%;
}

.TexteLienVert {	/*le texte du lien vert "regardez nos autres hotels a proximité" */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #4A9A1F;
	text-decoration: none;
}
.TexteLienVert:link {	/*le texte du lien vert "regardez nos autres hotels a proximité" */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #4A9A1F;
	text-decoration:underline;
}
.TexteLienVert:visited {	/*le texte du lien vert "regardez nos autres hotels a proximité" */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #4A9A1F;
	text-decoration:underline;
}
.TexteLienVert:hover {	/*le texte du lien vert "regardez nos autres hotels a proximité" */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 13px;
	color: #4A9A1F;
	text-decoration: none;
}

.TexteContenu {	/*le texte principal affiché en bas a droite*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #646464;
	text-decoration: none;
}
.TexteContenu:link {	/*le texte principal affiché en bas a droite*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #646464;
	text-decoration:underline;
}
.TexteContenu:visited {	/*le texte principal affiché en bas a droite*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #646464;
	text-decoration:underline;
}
.TexteContenu:hover {	/*le texte principal affiché en bas a droite*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #646464;
	text-decoration: none;
}

.TexteContenu2 {	/*Ne pas toucher*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.NomHotel{ /*le nom de l'hotel en haut a  gauche*/	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 16px; 
	font-weight:bold;
	color: #018EC0;
	text-decoration: none;
}

.AdresseHotel{ /*l'adresse de l'hotel en haut a gauche*/	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #4E4E4E;
	text-decoration: none;
}
.TexteColonneGauche {	/*texte des prestations*/
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #F3EDD5;
	text-decoration: none;
}
.TexteTitre{ /*le titre des prestations*/	
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #cc0152;
	text-decoration: none;
}

.TexteTableauDispo{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.lien_piedpage {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #6b5d3f;
}
.lien_piedpage:link {
	font-family: Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #ffaa44;
}
.lien_piedpage:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #6b5d3f;
}
.lien_piedpage:hover {
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration:none;
	background-color: #46c0eb;
}

.txtgrisbold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #004C72;
	text-decoration: none;
	font-weight: bold;
}
.txtgrisbold:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
.txtgrisbold:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
	font-weight: bold;
}
.txtgrisbold:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}

.Onglet{/* style des onglets quand ils ne sont pas l'onglet actif*/
cursor:pointer;
FONT: 14px Arial;
COLOR: #FFFFFF;
FONT-WEIGHT: normal;
TEXT-ALIGN: center;

HEIGHT: 35px;
background-image:url(../images2006/hotels-france/onglet-normal.jpg);
}

.OngletSelectionne{/* style de l'onglet actif */
FONT: 14px Arial;
COLOR: #4F4F4F;
FONT-WEIGHT: 600;
TEXT-ALIGN: center;

HEIGHT: 35px;
background-image:url(../images2006/hotels-france/onglet-clique.jpg);
}

#colonne_droite{
	position: relative;
}
#contenu0{
	position: absolute;
	left:0px;
}
#contenu1{
	position: absolute;
	left:0px;
}
#contenu2{
	position: absolute;
	left:-10000px;
}
#contenu3{
	position: absolute;
	left:0px;
}

#bas{
	position: relative;
}

.bouton-resa{
	/*padding:.3em .9em;
	font-size:1.5em;*/
	padding: 7px 21px;
	font-size: 24px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color:#57BB30;
	color:#FFF;
	border:4px solid #E8E8E8;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-opera-border-radius:15px;
	border-radius:15px;
	/*-moz-box-shadow:1px 1px 2px #999;
	-webkit-box-shadow:1px 1px 2px #999;
	box-shadow:1px 1px 2px #999;*/
}
.bouton-resa:hover{
	text-decoration:none;
	background-color:#61CF00;
	cursor:pointer;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
}

.bouton-verif{
	/*padding:.3em .9em;
	font-size:1.5em;*/
	width:154px;
	padding: 3px 0px;
	font-size: 16px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color:#57BB30;
	color:#FFF;
	border:4px solid #D7D9D6;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-opera-border-radius:15px;
	border-radius:15px;
	/*-moz-box-shadow:1px 1px 2px #999;
	-webkit-box-shadow:1px 1px 2px #999;
	box-shadow:1px 1px 2px #999;*/
}
.bouton-verif:hover{
	text-decoration:none;
	background-color:#61CF00;
	cursor:pointer;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
}

.bouton-voir-tarifs{
	width:120px;
	padding: 3px 0px;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	background-color:#01ADCE;
	color:#FFF;
	border:4px solid #FFFFFF;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-opera-border-radius:15px;
	border-radius:15px;
}
.bouton-voir-tarifs:hover{
	text-decoration:none;
	background-color:#003580;
	cursor:pointer;
	-webkit-transition:all .1s ease-in-out;
	-moz-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
}



/************************************/
/* styles de la barre de navigation */
.tableau {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight: normal;
	color: #004c72;
}
.tableau:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	color: #004c72;
}
.tableau:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: underline;
	font-weight: normal;
	color: #004c72;
}
.tableau:hover {
	color: #004c72;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
}

.titreSection {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color: #018EC0;
	text-decoration: none;
}

.section{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #4E4E4E;
	text-decoration: none;
}

.titreSectionPetit{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #018EC0;
	text-decoration: none;
}

/************ Styles pour le google map  */
div.vidFrame {
	position:absolute;
	display: none;
	/*background-color: #FFDA00;*/
	/*border: 1px solid #FFFFFF;*/
	width: 640px;
	height: 508px;
	/*cursor: move;*/
	z-index:200;
	left: 50%;
	top: 10px;
	margin-left: -310px;
	
    /*margin-top: -285px;*/
}

body > div.vidFrame {
	position: fixed; 
	display: none;
	/*background-color: #FFDA00;*/
	/*border: 1px solid #FFFFFF;*/
	width: 640px;
	height: 508px;
	/*cursor: move;*/
	z-index:200;
	left: 50%;
	top: 10px;
	margin-left: -310px;
}

/*.transparent{
	background-color: #000000;
	opacity:0.4;
	filter:alpha(opacity=40);	
}*/

.close_map {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-decoration: none;
	font-weight: bold;
}
.close_map:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-decoration: underline;
	font-weight: bold;
}
.close_map:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-decoration: underline;
	font-weight: bold;
}
.close_map:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #585858;
	text-decoration: none;
	font-weight: bold;
}

.descriptif {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: none;
}

.tableau {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: none;
}
.tableau:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: none;
}
.tableau:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #074F75;
	text-decoration: underline;
}

.tableau_prix {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}

.googlemap_infobulle_chargement{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #0178A0;
	text-decoration: none;	
}

.googlemap_infobulle_titre{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #0178A0;
	text-decoration: none;	
}

.vert11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#55AD00;
	text-decoration: none;
}

.bleu9 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#0178A0;
	text-decoration: none;
}

.jaune11 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFE046;
	text-decoration: none;
}

.blanc11_sans_soulignement {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}

/************ fin des styles pour le google map */

/************ styles pour rates-direct-online */
.td_padding {
	padding: 3px 5px;
}

.td_titre{
	font-size:13px;
	color:#FFFFFF;
	background-image:url(../images2006/hotels-france/page_france_barre_tarif2.jpg);
}

table#tableau_prix{
	border-width:1px;
	border-color:#FFFFFF;
	border-style:solid;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	color: #000000;
}

table#tableau_prix td{
	border-width:1px;
	border-color:#FFFFFF;
	border-style:solid;
}

table#tableau_details_chambre{
	border-width:2px;
	border-color:#FFD200;
	border-style:solid;
	border-collapse:collapse;
	background-color:#FFFFFF;
}
table#tableau_details_chambre td{
	background-color:#FFFFFF;
}

.liens_bleu { color: #018EC0; font-size:12px; font-weight:bold; text-decoration: none; }
.liens_bleu:link {	color: #018EC0;	font-size:12px; font-weight:bold; text-decoration: underline; }
.liens_bleu:visited { color: #018EC0; font-size:12px; font-weight:bold; text-decoration: underline; }
.liens_bleu:hover { color: #018EC0; font-size:12px; font-weight:bold; text-decoration: none; }

.liens_invisible { color: #000; text-decoration: none; }
.liens_invisible:link { color: #000; text-decoration: none; }
.liens_invisible:visited { color: #000; text-decoration: none; }
.liens_invisible:hover { color: #000; text-decoration: none; }

.prix_vert{
	color:#4A9A1F;
	font-size:14px;
	font-weight:bold;
}

/* css pour la tooltip jquery lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip jquery image preview */
#preview{
        position:absolute;
        /*border:1px solid #ccc;*/
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip jquery normal */
#tooltip{
        position:absolute;
		width:380px;
        border:1px solid #333;
        background:#018EC0;/*background:#f7f5d1*/
        padding:2px 5px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:normal;
		font-size:13px;
        color:#fff;
        display:none;
}
/************ fin des styles pour rates-direct-online */