body {padding-left: 1em; font-family: Times New Roman,Arial,Times,serif; color: black;background-color: #F0F0FF;}
/* SELECT */
SELECT {
	color: #CC0000;
	background-color: #99CCFF;
	font-size: 10px;
	font-family: arial;
	width: 13em;
}

h1 {
	font-size: 2.5em;
	text-align: center;
	font-family: Times New Roman;
	margin-top: 1em;
	margin-bottom: 0.1em;
	border: medium outset #BBB5FF;
	letter-spacing: 0.5em;
	word-spacing: 1em;
}
h2 {
	border-bottom:    thin outset #bbb5ff;
	font-family:     "Times New Roman";
	font-size: 1em;
	margin-top: 0em;
	margin-bottom: 0.5em;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #C6CAFB;
	font-weight: bolder;
	letter-spacing: 0.2em;
}
/* Tableau haut */
table.tableaup {margin-top: -0.5em; width: 100%}
table.tableaup td {
	padding: 0.1em;
	empty-cells: show;
	background-color: transparent;
	color: black;
	font-size: 0.95em;
	font-style: normal;
}
table.tableaup td.cote {
	padding: 0.1em;
	empty-cells: show;
	background-color: transparent;
	color: black;
	font-size: 0.95em;
	font-style: normal;
	width: 20%;

}
table.tableaup td.millieu {
	padding: 0.1em;
	empty-cells: show;
	background-color: transparent;
	color: black;
	font-size: 0.95em;
	font-style: normal;
	width: 100%;

}
/* Tableau commentaire */
table.tableaucom {
	border-bottom: thin solid silver;
	margin-top: 0.2em;
	width: 100%;
}
table.tableaucom td {
	empty-cells: show;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1em;
	width: 100%;
}
div.comlong {
	empty-cells: show;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	width: 100%;
	font-size: 85%;
}
div.messages {
	empty-cells: show;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2em;
	width: 100%;
	font-size: 100%;
	font-weight: bold;
	border: thin solid #FF0000;
	text-align: center;



}
/* Tableau commentaire internautes*/
table.cominter {
	margin-top: 0.2em;
	background-color: #E3FBFD;
}
table.cominter td {
	empty-cells: show;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
}
/* Tableau adresse client */
table.client {margin-top: 0.2em;}
table.client a {text-decoration: none;}
table.client a:hover {color: black}
table.client td {padding: 0.1em; empty-cells: show; font-size: 1em;}
table.client td.c1 {empty-cells: show; font-size: 1em; padding:   0.1em; text-decoration: underline}
table.client td.c3 {
	font-style: italic;
	padding: 0.1em;
}
table.client td.c33 {
	font-style: normal;
	padding: 0.1em;
	font-weight: bold;
}
table.client td.c4 {
	font-style: italic;
	padding: 0.1em;
	font-size: 0.65em;
}
/* Tableau client1 */
table.client1 {margin-top: 0.2em;}
table.client1 td {padding: 0.1em; empty-cells: show; font-size: 1em;}
table.client1 td.c1 {empty-cells: show; font-size: 1em; padding:   0.1em; text-decoration: underline}
table.client1 td.c2 {
	color: olive;
	empty-cells: show;
	font-size: 1.3em;
	padding:    0.1em;
	width: 10em;
	text-indent: 1em;
}
table.client1 td.c22 {
	color: olive;
	empty-cells: show;
	font-size: 1em;
	padding:    0.1em;
	width: 10em;
	text-indent: 1em;
}
/* Tableau notes */
table.notes {margin-top: 0.2em;}
table.notes td.c3 {
	font-style: normal;
	padding: 0.1em;
	margin-left: 5em;
	text-align: center;
}
table.notes td.c33 {
	font-style: italic;
	padding: 0.1em;
	margin-left: 10em;
	margin-right: 10em;
	font-size: .80em;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
/* Tableau liste criteres  */
table.tableauind {
	border-collapse: collapse;
	padding: -1em;
	width: 100%;

}
table.tableauind td.vert {color: green; font-size: 12px; margin:  1px 0; padding-left: 15px}
table.tableauind td.gris {margin: 1px 0; padding-left: 15px; font-size: 12px; color: #A9A9A7}

/* Tableau chambre */
table.chambre { width: 100%}
/* Tableau chambre */
table.chambre th.x1 {
	padding:   0em;
	font-size: 0.8em;
	text-align: center;
	font-style: normal;
	font-family: "Times New Roman", Times, serif;
}
table.chambre th.x2 {padding:   0em; font-size: 0.5em; text-align: center}
table.chambre td.cc1 {
	background-color: #D9DDDF;
	empty-cells: show;
	font-size: 0.75em;
	padding:   0em;
	width: 200px;
	border: 0em #D9DDDF;
	font-family: "Times New Roman", Times, serif;
}
table.chambre td.cc1 a:hover {color: black}
table.chambre td.cc2 {
	empty-cells: show;
	font-size: 0.75em;
	padding: 0em 1em;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
table.chambre td.cc22 {
}

table.chambre td.cc3 {background-image: url(images/tick.gif); background-position: center; background-repeat: no-repeat; empty-cells: show; font-size: 0.85em; padding:    0em 1em; text-align: center; width: 10px}
table.chambre td.cc4 {background-image: url(images/crossvide.gif); background-position: center; background-repeat: no-repeat; empty-cells: show; font-size: .85em; padding:  0em 1em; text-align: center; width: 10px}
/* chekbox */
label.checkbox_checked {background: no-repeat transparent; color: green; display: block; font-size: 12px; margin:  1px 0; padding-left: 15px}
label.checkbox_unchecked {background: no-repeat transparent; display: block;  margin: 1px 0; padding-left: 15px; font-size: 12px; color: #A9A9A7}
/* Hover State */
label.highlighted {border: 1px solid #333;}
.crirHidden {position: absolute;  left: -1000px;}
.case {
	font-size: 12px;
	color: black;

}
/* Tableau recherche  */
table.tableauindr {
	border-collapse: collapse;
	background-image: url(images/fbleu.png);
	background-repeat: repeat;
	width: 9em; 
	border: thin solid;

}

table.tableauindr td {
	border-spacing: 0;
	empty-cells: show;
	height: 0.2em;
	font-size: 0.8em;
}
table.tableauindr td.critere {
	border-spacing: 0;
	empty-cells: show;
	border-style: none;
	text-decoration: underline;

}

h3 {
	border-bottom:    1px solid #000000;
	font-family:     Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	background-image: url(images/pbleu.png);
	font-weight: bold;
	margin:0;
	padding:0;
	margin-bottom: 2px;
	margin-top: 2px;
}
h4 {
	border-bottom:    1px solid #000000;
	font-family:     Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: left;
	background-image: url(images/pbleu.png);
	font-weight: bold;
	margin-bottom: -10px;

}

div.pvilles {
	margin-left: 145px;
	width: 675px;



}
div.pvilles p {
	margin:0;
	padding:0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 3px;

}
div.pvilles li {
	padding:0;
	font-size: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 1px;
	margin-top: 1;
	color: #00005E;
	letter-spacing: 0.1em;
	font-weight: bold;

}
div.listebas {
	width: 19%;
	float: left;
	margin-left: 2px;



}
div.listebas li {
	padding:0;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	list-style-type: none;



}
div.bas {
	width: 100%;
	font-size: 10px;
	float:left;
	clear: left;




}

.f4 {
	font-family:     "Times New Roman";
	font-size: 2em;
	text-align: left;
	width: 100%;
	margin-left: 30%;
	font-weight: bold;
}
h5 {
	font-family:     "Times New Roman";
	font-size: 1em;
	text-align: left;
	font-style: normal;
}
.f5 {
	font-family:     "Times New Roman";
	font-size: 1.5em;
	text-align: left;
	font-style: normal;
}
.f6 {
	font-style: italic;
	padding: 0.1em;
	font-size: 0.65em;
}
.imageclient {
	float: left;
	height: 20%;
	width: 20%;
	padding: 2px;
	margin-left: 10px;
}
.imageclientpagehotel {
	float: left;
	height: 40%;
	padding: 2px;
	margin-left: 10px;
}

.imagex2 {
	height: 2em;
	width: 2em;
}

/* Menu de navigation ;  couleur blanc sur fond bleu */
table.navigation0{
	border-top: 0.1em solid silver;
	border-bottom: 0.1em solid silver;
	width: 100%;
	background-image: url(images/haut.jpg);
	height: 80px;

}
img.navigationbas{
	border-top: 0.1em solid silver;
	border-bottom: 0.1em solid silver;
	width: 100%;
	height: -2em;

}

table.navigation {
	font-size: 1.1em;
	width: 100%;

}

table.navigation a {color: #003399;; padding: 16px;  font-size: 0.9em;  text-decoration: none;}

table.navigation td.t1 {background-color: transparent; border-style:  none; empty-cells: show; font-family: arial;
 font-size: 1.3em; padding:  0.1em}
table.navigation td.t11 {background-color: transparent; border-style:  none; empty-cells: show; font-family: cursive;
 font-size: 1.3em; padding:  0.1em}
/* Liens en bleu (entre clair et foncé) */
table.navigation a:visited {color: black;}
div.navigation {
	position: absolute;
	top: 75px;
	left: 5px;

}
/* et en noir (comme le texte normal, mais souligné) si déjà visités 
 Lors du passage de la souris ou activation, */
table.navigation a:hover, a:active {color: #0B0FBB;}
/* Ne pas entourer les images, même s'ils contiennent des liens 
 Dans le cas d'une icône suivie d'un texte, par exemple */
img.imageh {
	border: none;
	vertical-align: middle;
	margin-right: -1em;
	margin-left: -1em;
}
table.plage {
	border-collapse: collapse; font-size: 0.75em;}
.prix {
	font-size: 0.8em;
}
/* Tableau haut */
table.province {}
table.province td.titre {
	padding: 0.1em;
	empty-cells: show;
	color: black;
	font-size: 0.8em;
	font-style: normal;
	background-image: url(images/pbleu.png);
	background-repeat: repeat-x;
	text-align: center;


}
table.province td.ligne {
	padding: 0.1em;
	empty-cells: show;
	color: black;
	font-size: 0.9em;
	font-style: normal;
}

#conteneur {width:auto; margin:0 auto;}

#dhgauche {float:left; width:145px;}
#dhmilieu {
	margin-left:145px;
	width: 74%;
}
#dhdroite {
	position: absolute;
	top: 25em;
  right: 1%;
  width: 10%;
}
#dhdetailbas {
position: absolute;
  top: 1035px;
  left: 24px;
  width:145px;
}
#dhdetailbasprovince {
	margin-left:145px;
	width: 74%;
}

img {
 border:0
 } 

.thumblistev a {
 width:60px;
 height:60px; 
 margin:1px;
 float:left; 
 background-color:#D3D3D3; 
 display:block;
 } 


.thumblistev a:hover {
 position:absolute;	
 }	 
	
/*hack pour permettre le rollover 
de gauche à droite avec mozilla*/

.thumblistev a:hover {	  
 position:relative;	 
 }	
	
.thumblistev a img { 
 margin:0;
 padding:0;
 width:60px;
 height:60px; 
 }

.thumblistev a:hover img {
 position:relative;
 left:0px;
 top:0px;
 width:200px;
 height:135px;  
  border:3px solid #000000
}