/* CSS Document */
body {
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
}
*{
margin:0;
padding:0;
}
a {text-decoration:none;}
/*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;}

#conteneur {
position:relative;
width:80%; /*80% du body*/
margin:0 auto;
}

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

#carre {
position :relative;
float:left;
width:70%;
margin-bottom:1em;
/* 70% du conteneur2*/
}
.img3 {
position:relative;
right:0;
border:none;
width:100%;
}
#enveloppe {
position:absolute;
top:30px;
left:3em;

}
#enveloppe img {
margin-right:3px;
}
img {
border:none;}

#droite {
width:25%;
float:left;
margin-top:9em;
margin-left:2em;
}
#centre {		/*il n'y a rien pour l'instant*/
position:relative;
top:20%;
background-color:#FFFFFF;
}



/*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 é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-encours1 {
color:#e0232a;
font-weight:bold;
}

.menu-de-la-page-encours4 {
color:#b8dad2;
font-weight:bold;
}
.menu-de-la-page-encours5 {
color:#3e3f3f;
font-weight:bold;
}
.menu-de-la-page-encours6 {
color:#4e7082;
font-weight:bold;
}



.Style1 {
text-align:center;
margin-bottom:2em;

}
.Style1 a {
text-decoration:none;
color:#669999;
font-size:x-small;
}
.Style2 {
color:666;
font-size:80%;
font-weight:lighter;
font-style:italic;


}
.Style3 {
color:#bf0b2a;
margin-right:1em;
margin-top:1em;
font-size:1em;
font-weight:bold;
background-color:#6666FF;
float:right;
}
.img1 {/*chambre*/
float:none;
margin-top:1em;
}
.img2 { /*bougie*/
margin-top:1em;
float:right;
}

#pied1 {
color:#666666; /*gris foncé */
height:5px;
text-align:left;
clear:both;
margin-top:2em;
margin-left:30%;
}
#pied1 a {
color:#666666; /*gris foncé */
text-decoration:none;
}
#pied1 a:hover{
color:#76C4BB;
font-size: larger; /*turquoise*/
}

#news {
	clear:both;
	margin-left: 25px;
	width: 660px;
	margin-bottom: 15px;
}
#pied2 {
margin-top:10px;
font-size:smaller;
text-align:right;
color:#E42630; /*rouge*/
clear:both;
}
#pied2 a {
color:#E42630; /*rouge*/
text-decoration:none;
font-size:95%;
}
#pied2 a:hover{
color:#76C4BB;
font-size: larger; /*turquoise*/
}
#pied3 {
margin-top:10px;
height:15px;
text-align:left;
color:#E42630; /*rouge*/
clear:both;
margin-left:30%;

}
#pied3 a {
color:#E42630; /*rouge*/
text-decoration:none;
font-size:95%;
}
#pied3 a:hover{
color:#4E7082;
font-size: larger; /*turquoise foncé*/
}
#pied4 {
color:#666666; /*gris foncé */
height:5px;
text-align:left;
clear:both;
margin-left:30%;

}
#pied5 {
margin-top:10px;
height:15px;
font-weight:bold;
text-align:center;
color:#666; /*gris*/
clear:both;

}
#pied5 a {
color:#E42630; /*rouge*/
text-decoration:none;
font-size:95%;
}
#pied5 a:hover{
color:#4E7082;
}
#pied6 {

margin-top:10px; margin-left: 50px; 
padding-left:130px;
font-size:smaller;
text-align:right;
color:#666; /*gris*/
clear:both;
}
#pied6 a {
color:#E42630; /*rouge*/
text-decoration:none;
font-size:95%;
}
#pied6 a:hover{
color:#4E7082;
font-size: larger; 
}


				/*style du formulaire*/

.form { /*positionnement du formulaire dans la div carré*/
float:left;
margin-top:2em;
margin-left:2em;
}
label {/*intitulés champs*/
margin: 0;
padding:0.2em;
margin-top:0.3em;
text-align:right;
width:70px;
float:left;
color:#fff;
font-weight:bold;
}

legend {
width:194px;
height:30px;
position:relative;
top:-2.5em;
margin-bottom:40px;
padding-left:20px;
}


.fieldset {
float:left;
background: url(images/fond-formulaire.png) no-repeat;
border:solid 0 #fff;
 /* Opera doesn't get border:none or border:0 on fieldsets */
width:308px;
height:450px;
  }
.fieldset label {/* nom des champs*/
text-align:right;
width:70px;
float:left;
padding:0.2em;
margin:0;
margin-top:0.3em;
  }

.fieldset .nobr {display:none;}  
.fieldset .textfield {
margin:3px;
padding-left:7px;
height:20px;
width:200px;
border:solid 0 #fff;
background:transparent url(../images/champs-texte-nom.png) no-repeat;
}
.fieldset .textarea {
margin:3px;
padding-left:7px;
height:165px;
width:200px;
border:solid 0 #fff;
background:transparent url(../images/champs-votre-demande.png) no-repeat;
}

.submit {
margin:3px;
padding-bottom:2px;
height:20px;
border:solid 0 #fff;
width:80px;
background:transparent url(../images/champs-envoyer.png) no-repeat;
}
.submit:hover {
background-color:transparent;
background-image:none;
}

.reset {
margin:3px;
padding-bottom:2px;
height:20px;
border:solid 0 #fff;
width:80px;
background:transparent url(../images/champs-envoyer.png) no-repeat;
}
.reset:hover {
background-color:transparent;
background-image:none;
}

/*classe des tarifs*/
.tarifs {
float:right;

}
#situation-hotel{
position:relative;
margin-right:10%;
text-align:right;
color:#666666;
font-style:oblique;
}
/* coins arrondis boites de la page plan et contacts*/

.raised {background: transparent; width:30%; float:right; margin-top:26px; margin-right:20px;}/*on a enlevé display block*/
.raised h1, .raised p {margin:0 10px;} /* ici parasite le p stylé plus bas*/
.raised h1 {font-size:2em; color:#660066; letter-spacing:1px;}
.raised p {padding-bottom:3.5em;}
.raised .top, .raised .bottom {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:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#e9f5f5; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#e9f5f5; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#e9f5f5; 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 {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #999;color:#666; }/*on a enlevé display block*/
.raised .boxcontent a {
color:#e0232a; text-decoration:underline;
}



.raised1 {background: transparent; width:30%; float:right; margin-top:10px; margin-right:20px;}/*on a enlevé display block*/
.raised1 h1, .raised1 p {margin:0 10px;} /* ici parasite le p stylé plus bas*/
.raised1 h1 {font-size:2em; color:#660066; letter-spacing:1px;}
.raised1 p {padding-bottom:3.5em;}
.raised1 .top, .raised1 .bottom {background:transparent; font-size:1px;}
.raised1 .b1, .raised1 .b2, .raised1 .b3, .raised1 .b4, .raised1 .b1b, .raised1 .b2b, .raised1 .b3b, .raised1 .b4b {display:block; overflow:hidden;}
.raised1 .b1, .raised1 .b2, .raised1 .b3, .raised1 .b1b, .raised1 .b2b, .raised1 .b3b {height:1px;}
.raised1 .b2 {background:#d2ebf2; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised1 .b3 {background:#d2ebf2; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised1 .b4 {background:#d2ebf2; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised1 .b4b {background:#d2ebf2; border-left:1px solid #eee; border-right:1px solid #999;}
.raised1 .b3b {background:#d2ebf2; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised1 .b2b {background:#d2ebf2; border-left:1px solid #aaa; border-right:1px solid #999;}
.raised1 .b1 {margin:0 5px; background:#fff;}
.raised1 .b2, .raised1 .b2b {margin:0 3px; border-width:0 2px;}
.raised1 .b3, .raised1 .b3b {margin:0 2px;}
.raised1 .b4, .raised1 .b4b {height:2px; margin:0 1px;}
.raised1 .b1b {margin:0 5px; background:#999;}
.raised1 .boxcontent {background:#d2ebf2; border-left:1px solid #fff; border-right:1px solid #999;color:#666;}/*on a enlevé display block*/
.raised1 .boxcontent a {
color:#e0232a; text-decoration:underline;
}


.raised2 {background: transparent; width:30%; float:right; margin-top:10px; margin-right:20px; }/*on a enlevé display block*/
.raised2 h1, .raised2 p {margin:0 10px;} /* ici parasite le p stylé plus bas*/
.raised2 h1 {font-size:2em; color:#660066; letter-spacing:1px;}
.raised2 p {padding-bottom:3.5em;}
.raised2 .top, .raised2 .bottom {background:transparent; font-size:1px;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b4, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b, .raised2 .b4b {display:block; overflow:hidden;}
.raised2 .b1, .raised2 .b2, .raised2 .b3, .raised2 .b1b, .raised2 .b2b, .raised2 .b3b {height:1px;}
.raised2 .b2 {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised2 .b3 {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised2 .b4 {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised2 .b4b {background:#e9f5f5; border-left:1px solid #eee; border-right:1px solid #999;}
.raised2 .b3b {background:#e9f5f5; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised2 .b2b {background:#e9f5f5; border-left:1px solid #aaa; border-right:1px solid #999;}
.raised2 .b1 {margin:0 5px; background:#fff;}
.raised2 .b2, .raised2 .b2b {margin:0 3px; border-width:0 2px;}
.raised2 .b3, .raised2 .b3b {margin:0 2px;}
.raised2 .b4, .raised2 .b4b {height:2px; margin:0 1px;}
.raised2 .b1b {margin:0 5px; background:#999;}
.raised2 .boxcontent {background:#e9f5f5; border-left:1px solid #fff; border-right:1px solid #999;color:#666; text-align:center;}/*on a enlevé display block*/
.raised2 .boxcontent a {
color:#e0232a; text-decoration:underline;
}


.raised3 {background: transparent; width:30%; float:right;margin-top:10px; margin-right:20px; }/*on a enlevé display block*/
.raised3 h1, .raised3 p {margin:0 10px;} /* ici parasite le p stylé plus bas*/
.raised3 h1 {font-size:2em; color:b8dad2; letter-spacing:1px;}
.raised3 p {padding-bottom:3.5em;}
.raised3 .top, .raised3 .bottom {background:transparent; font-size:1px;}
.raised3 .b1, .raised3 .b2, .raised3 .b3, .raised3 .b4, .raised3 .b1b, .raised3 .b2b, .raised3 .b3b, .raised3 .b4b {display:block; overflow:hidden;}
.raised3 .b1, .raised3 .b2, .raised3 .b3, .raised3 .b1b, .raised3 .b2b, .raised3 .b3b {height:1px;}
.raised3 .b2 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised3 .b3 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised3 .b4 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised3 .b4b {background:#dbeff2; border-left:1px solid #eee; border-right:1px solid #999;}
.raised3 .b3b {background:#dbeff2; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised3 .b2b {background:#dbeff2; border-left:1px solid #aaa; border-right:1px solid #999;}
.raised3 .b1 {margin:0 5px; background:#fff;}
.raised3 .b2, .raised3 .b2b {margin:0 3px; border-width:0 2px;}
.raised3 .b3, .raised3 .b3b {margin:0 2px;}
.raised3 .b4, .raised3 .b4b {height:2px; margin:0 1px;}
.raised3 .b1b {margin:0 5px; background:#999;}
.raised3 .boxcontent {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #999;color:#666;}/*on a enlevé display block*/
.raised3 .boxcontent a {
color:#e0232a; text-decoration:underline;
}




.raised4 {background: transparent; width:30%; float:right;margin-top:10px; margin-right:20px; }/*on a enlevé display block*/
.raised4 h1, .raised3 p {margin:0 10px;} /* ici parasite le p stylé plus bas*/
.raised4 h1 {font-size:2em; color:b8dad2; letter-spacing:1px;}
.raised4 p {padding-bottom:3.5em;}
.raised4 .top, .raised4 .bottom {background:transparent; font-size:1px;}
.raised4 .b1, .raised4 .b2, .raised4 .b3, .raised4 .b4, .raised4 .b1b, .raised4 .b2b, .raised4 .b3b, .raised4 .b4b {display:block; overflow:hidden;}
.raised4 .b1, .raised4 .b2, .raised4 .b3, .raised4 .b1b, .raised4 .b2b, .raised4 .b3b {height:1px;}
.raised4 .b2 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised4 .b3 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised4 .b4 {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised4 .b4b {background:#dbeff2; border-left:1px solid #eee; border-right:1px solid #999;}
.raised4 .b3b {background:#dbeff2; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised4 .b2b {background:#dbeff2; border-left:1px solid #aaa; border-right:1px solid #999;}
.raised4 .b1 {margin:0 5px; background:#fff;}
.raised4 .b2, .raised3 .b2b {margin:0 3px; border-width:0 2px;}
.raised4 .b3, .raised3 .b3b {margin:0 2px;}
.raised4 .b4, .raised3 .b4b {height:2px; margin:0 1px;}
.raised4 .b1b {margin:0 5px; background:#999;}
.raised4 .boxcontent {background:#dbeff2; border-left:1px solid #fff; border-right:1px solid #999;color:#666; }/*on a enlevé display block*/

#contenu-blocs-couleur {
margin:0 5px 0 5px;
}



.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;}