@charset "utf-8";
/* CSS Document */

body {
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
*{
margin:0;
padding:0;
}
/*les grandes div du site*/
#body2 {
margin:0 auto;
background-image:url(../images/immeuble.jpg);
background-repeat:no-repeat;
border:#666666;
border-width:medium;
width:98%;
height:749px;
}

#bookingblock {
width:948px; height:100px;
margin:0 auto;
}
input,textarea,select,button {color : #666666; font-family : Verdana, Arial, Helvetica; font-size : xx-small; }
table {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#666666;	text-decoration: none; bgcolor: none;}

table a {text-decoration:none;
color:#666;}
		
/*les grandes div du site*/
#conteneur {
position:relative;
width:80%; /*80% du body*/
margin:0 auto;

}

#conteneur2 {
width:95%;
max-width:1400px;
min-width:850px;
margin-top:10px;
}



#droite {
right:10px;
width:25%;
float:left;
margin-top:9em;
margin-left:2em;

}


/*les classes des menus et les styles des menus ici le padding sert à jouer sur marge par défaut des ul sur opéra et firefox*/
ul {
margin-left:0;
padding:10px;
}
li {
margin-left:0;
list-style-position:inside;
}
ul li a{
	COLOR:#666666; 
	TEXT-DECORATION: none;
}
ul li a:hover {
	LIST-STYLE-IMAGE:url("images/puce verte.jpg");
	color:#76C4BB;
	TEXT-INDENT: 10px; 
	TEXT-DECORATION: none;
}
/*ici pour que le décalage du hover fonctionne sous opéra et firefox*/
li:hover {
LIST-STYLE-IMAGE:url("images/puce verte.jpg");
TEXT-INDENT: 10px; 
TEXT-DECORATION: none;
}

/*ici les classes des éléments particuliers */



/*ici les classes des puces*/
.rouge {
	LIST-STYLE-IMAGE:url(images/puce-rouge.png);
		list-style-position:inside;
}
.carmin {
	LIST-STYLE-IMAGE:url(images/puce-carmin.png);
		list-style-position:inside;
}
.turquoise {
	LIST-STYLE-IMAGE:url(images/puce-turquoise.png);
		list-style-position:inside;
}
.vertdo {
	LIST-STYLE-IMAGE:url(images/puce-vertdo.png);
		list-style-position:inside;
}
.gris {
	LIST-STYLE-IMAGE:url(images/puce-grise.png);
		list-style-position:inside;		
}
.outremer {
list-style-image:url(images/puce-outremer.png);
list-style-position:inside;
}
.menu-de-la-page-encours3 {
color:#76c4bb;
font-weight:bold;
}


/* coins arrondis */

.raised {background: transparent; width:70%; float:left;}
.raised h1, .raised p {margin:0 10px;} /* ici parasite le p stylé plus bas*/
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:3.5em;}
.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}

.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#dbeff2; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#dbeff2; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#dbeff2; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block; background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #999;}


.Style1 {
text-align:center;
margin-bottom:2em;
visibility:hidden;
}
.Style1 a { /*paragraphe du "header"*/
text-decoration:none;
color:#669999;
font-size:x-small;
}
.clearthefloats {
clear:both;
}
.prestations{ /* = texte des prestations de la page chambres wifi etc.*/
font-weight:bold;
color: #336666;
text-align:center;
margin-top:2em;
}
.img0 {
position:relative;
text-align:center;
width:auto;
margin:2% 20% 0;

}

.img1{/*images de gauche*/
margin-top:1em;
margin-left:5em;
float:left;
}
.img2 { /*images de droite*/
margin-top:1em;
margin-right:5em;
float:right;
}
h5 {/*style des paragraphes situés à droite*/
color: #336666;
margin-right:3em;
margin-left:320px; /*= taille en px de la largeur de la photo*/
margin-top:3em;
font-size:1em;
font-weight:bold;
}
h6 {/*style des paragraphes situés à gauche des photos*/
color:#336666;
margin-left:2em;
margin-right:320px;
margin-top:3em;
font-size:1em;
font-weight:bold;
text-align:right;
}
.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
	.hov a {background:none;
	color:none; text-decoration:underline;}
	.hov b {display:none; font-weight:normal;}
	.hov:hover {position:relative;top:0; right:200px; z-index:100;}
	.hov a:hover,
	.hov:hover a {border:0; text-decoration:underline; position:relative;}
	.hov:hover b, 
	.hov b a {white-space:nowrap; color:#000; text-decoration:underline; background:transparent; display:block;}
	.hov b a:hover {text-decoration:underline;}