@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;
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%;
height:500px; /*80% du body*/
margin:0 auto;
}

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


#droite {
position:relative;
top:-35px;
width:25%;
float:left;
margin-top:9em;
margin-left:2em;
}

#carre {
	position :relative;
	top:-20px;
	float:left;
	width:70%;
 /* 70% du conteneur2*/
}
#explication-galerie {
position:absolute;
right:25%;
text-align:right;
margin-bottom:0px;
clear:both;
color:#666666;
font-style:oblique;
}




/*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%20verte.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%20verte.jpg);
TEXT-INDENT: 10px; 
TEXT-DECORATION: none;
}





/*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-encours4 {
color:#b8dad2;
font-weight:bold;
}

.Style1 {
text-align:center;
margin-bottom:5em;
visibility:hidden;

}
.Style1 a {
text-decoration:none;
color:#669999;
font-size:x-small;
}


/* coins arrondis */

.raised {background: transparent; width:99%; 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{
float:left;
margin-left:1em;
margin-top:1em;
}
.img2 { 
margin-top:1em;
margin-right:10%;
float:right;
}
.img3{ 
margin-top:1em;
margin-left:10%;
float:left;
}
h5 {/*style des paragraphes situés à droite*/
color: #336666;
margin-right:3em;
margin-left:310px; /*= taille en px de la largeur de la photo*/
margin-top:1.5em;
font-size:1em;
font-weight:bold;
}
 h5 a {
 color:#76c4bb; 
 }
h6 {/*style des paragraphes situés à gauche des photos*/
color:#336666;
margin-left:2em;
margin-right:20%;
margin-top:1.5em;
font-size:1em;
font-weight:bold;
text-align:right;
}
h6 a {
 color:#76c4bb; 
 }