@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 é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-encours2 {
color:#ae0d27;
font-weight:bold;
}

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

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


/* slides styling */

.photo {width:480px; height:380px; background: url(images/image-fixe.png) no-repeat 0% 38%; text-align:left; position:relative;}

.photo dl {font-size:0.9em; position:absolute; width:400px; top:150px; left:50px;}
.photo dl dt {font-family:Arial, Helvetica, sans-serif; serif;font-size:1.1em; margin-bottom:2em;}
.photo dl dd {font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; line-height:2em; margin-bottom:2em; font-size:11px;}
.photo dl dd {font-weight:bold;}
.photo ul.topic {padding:0; margin:0; list-style:none; width:480px; height:auto; position:relative; z-index:10;}

.photo ul.topic li {display:block; width:240px; height:31px; float:left;}

.photo ul.topic li a.set {display:block; font-size:11px; width:239px; height:30px; text-align:center; line-height:30px; color:#FFFFFF; text-decoration:none; border:1px solid #fff; border-width:1px 1px 0 0; background:#E0232A; font-family:verdana, arial, sans-serif;}

.photo ul.topic li a ul, 
.photo ul.topic li ul 
{display:none;}

.photo ul.topic li a:hover,
.photo ul.topic li:hover a
{color:#fff; font-size:larger; font-weight:bold; background:#e0232a;}

.photo ul.topic li a:hover ul, 
.photo ul.topic li:hover ul 
{display:block; position:absolute; left:0; top:31px; list-style:none; padding:0; margin:0; height:375px; background:#b8dad2 url(images/close-copie.png) no-repeat right top; width:479px; padding:25px 15px 20px; border:7px solid #E0232A;}

.photo ul.topic li a:hover ul li, 
.photo ul.topic li:hover ul li 
{display:inline; width:112px; height:87px; float:left; border:1px solid #fff; margin:1px;}

.photo ul.topic li a:hover ul li a, 
.photo ul.topic li:hover ul li a 
{display:block; width:110px; height:85px; cursor:default; float:left; text-decoration:none; background:#444; border:1px solid #888;}

.photo ul.topic li a:hover ul li a img, 
.photo ul.topic li:hover ul li a img 
{display:block; width:100px; height:75px; border:5px solid #eee;}

.photo ul.topic li a:hover ul li a img.large, 
.photo ul.topic li:hover ul li a img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li a:hover ul li a:hover, 
.photo ul.topic li:hover ul li a:hover 
{white-space:normal; position:relative;}

.photo ul.topic li a:hover ul li a:hover img, 
.photo ul.topic li:hover ul li a:hover img 
{position:absolute; left:-50px; top:-32px; width:200px; height:150px; border-color:#b8dad2;}

.photo ul.topic li a:hover ul li a:hover img.large, 
.photo ul.topic li:hover ul li a:hover img.large 
{position:absolute; display:block; width:0; height:0; overflow:hidden; border:0;}

.photo ul.topic li:hover ul li a:focus, 
.photo ul.topic li:hover ul li a:active,
.photo ul.topic li a:hover ul li a:active 
{position:static; outline:0;}

.photo ul.topic li:hover ul li a:focus img, 
.photo ul.topic li:hover ul li a:active img, 
.photo ul.topic li a:hover ul li a:active img 
{position:absolute; left:200px; top:170px; width:200px; height:150px; padding:0; background:#000; border:0; z-index:5;}

.photo ul.topic li:hover ul li a:focus img.large, 
.photo ul.topic li:hover ul li a:active img.large, 
.photo ul.topic li a:hover ul li a:active img.large 
{position:absolute; left:15px; top:24px; width:463px; height:358px; padding:0; background:#000; border:4px solid #fff; z-index:10;}

#explication-galerie {
	position:absolute;
	right:-78px;
	text-align:right;
	margin-bottom:0px;
	clear:both;
	color:#666666;
	font-size:smaller;
	font-style:oblique;
	top: 336px;
}