/*<group=general>*/

* { 
	padding: 0; margin: 0;
	font-family: Verdana, Arial, sans-serif; line-height: 16px;
	}

body { 
	 font-size : 11px;
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	 background: #FFFFFF url(images/fondvert.gif) repeat-y 50% 0;
	}
	
img {
   display: inline;
   }

h1 {
	font-size : 20px;
	color: #2299B5;
	padding: 5px 0;
	line-height: 26px;
	font-weight: lighter;
	}
		
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size : 11px;
	color: #CC6600;
	padding: 5px 0;
   }

h3 {
	font-family: Verdana, Arial, sans-serif;
	font-size : 12px;
	color: #FFFFFF;
	background-color: #009BBD;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	}
h4 {
	font-size : 20px;
	color: #CC6600;
	padding: 5px 0;
	line-height: 26px;
	font-weight: lighter;
	}
		
p {
	padding: 0;
	}
	
a {
   color: #333333; text-decoration: none;
	}
	
a:hover {
	color: #CC6600;
	text-decoration: underline;
	} 
	
a.lien2 {
	color: #CC6600;
	font-weight: bold;
	}
	
a.lien3 {
	color: #2299B5;
	font-weight: bold;
	text-decoration: none;
	}
	
a.lien4:hover {
	color: #D15987;
	text-decoration: none;
}

.exposants {
	vertical-align: text-top;
	font-size : 8px;
	}
	
.exposants2 {
	vertical-align: text-top;
	font-size : 10px;
	}
	
.vert {
	color: #8DB24A;
	font-weight: bold;
	}
	
.bleu {
	color: #2299B5;
	font-weight: bold;
	}

.bleuclair {
	color: #4FC3DE;
	font-weight: bold;
}

.bleulight {
	color: #2299B5;
}

.bold66 {
	color: #666666;
	font-weight: bold;
	}
	
.tabrates {
	font-size : 10px;
	text-align: center;
	border-color:#CCCCCC;
	}

.maxblanc {
	color: #FFFFFF;
	}
		
/*</group>*/

/*<group=site-wide components>*/

#container {
     margin-left: auto;
     margin-right: auto;
     width: 950px;
     text-align: left; /* on rétablit l'alignement normal du texte */
	}

#logo {
	margin: 200px 0 0 0; padding: 0;
	float: left;
	display: block;	
	position: relative;
	width: 200px; height:100px;
	overflow: hidden;
	}
	  
#logo a.image {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 200px; height: 100px;
	margin: 0; padding: 0;
	background: url(images/logo_ODR.gif) top left no-repeat;
	}

#left-column {
	float: left;
	width: 200px;
	}
   
#middle-column {
   float: left;
   width: 400px;
}

#flashzone {
	width: 400px; height: 267px;
	margin: 0; padding: 0;
	background: url(images/middle_photo_bg.jpg) top left no-repeat;
	}

#right-column {
	float: left;
	width: 350px;
	}

#contentappart {
	margin: 8px 0 0 20px;
	color: #666666;
	}

#mainpagecontent {
	margin: 40px 0 0 20px;
	color: #666666;
	}

#mainpagecontentgb {
	margin: 100px 0 0 20px;
	color: #666666;
	}
	
#listeprestations {
	float: left;
	margin: 0 0 0 20px;
	}
	
#listebleuetop {
	font-size : 10px;
	height: 70px;
	color: #2299B5;
	font-weight: bold;
	}
	
#listebleue {
	float: left;
	width: 100px;
	margin: 0 0 0 20px;
	}
	
#listebleuelarge {
	float: left;
	width: 142px;
	margin: 0 0 0 20px;
	}

#listebleuemedium {
	float: left;
	width: 128px;
	margin: 0 0 0 20px;
	}
			
#footer {
	float: none;
   	font: 9px Verdana, Arial, sans-serif; color: #FFF;
   	margin: 100px 0px 25px 0px;
   	text-align: center; line-height: 18px;
   	clear: both;
   }
   
#footer a {
   font: 9px Verdana, Arial, sans-serif; color: #688;
   }
   
#footer a:hover {
   color: #333; background-color: #DEE;
   }
   
#txtintrotop {
	position: fixed;
	margin: 40px 0 0 20px;
	color: #666666;
	float: left;
	display: inline;	
	width: 330px;
	}
	
#txtintrobot {
	position: relative;
	margin: 310px 0 0 20px;
	color: #666666;
	float: left;
	display: inline;	
	width: 600px;
	}
	
			
	/*</group>*/

/*<group=main nav>*/

/* NAV */
/* FR */

div#nav { 
	height: 175px; width: 400px; 
	margin: 50px 0 0 0;
	}
	
div#nav ul#menu {
	height: 175px; width: 400px;
	background: url(images/nav.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menu li {
	list-style: none;
	position: absolute;
	}


ul#menu li, ul#menu a {
	height: 25px; width: 400px;
	display: block;
	}


div#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}
	
/*GB*/	
div#nav_gb { 
	height: 175px; width: 400px; 
	margin: 50px 0 0 0;
	}
	
div#nav_gb ul#menu {
	height: 175px; width: 400px;
	background: url(images/nav_gb.gif) top left no-repeat;
	position: relative;
	}
	
div#nav_gb ul#menu li {
	list-style: none;
	position: absolute;
	}





div#nav_gb ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
	}


/* placement FR*/

#oceandreammenu {
	top: 0;
	}

#apartmentsmenu {
	top: 25px;
	}
	
#pricesmenu {
	top: 50px;
	}

#commercialplazamenu {
	top: 75px;
	}

#cabaretemenu {
	top: 100px;
	}
	
#realestatemenu {
	top: 125px;
	}

#contactusmenu {
	top: 150px;
	}
	
	
/* placement GB*/

#oceandreammenu_gb {
	top: 0;
	}

#apartmentsmenu_gb {
	top: 25px;
	}
	
#pricesmenu_gb {
	top: 50px;
	}

#commercialplazamenu_gb {
	top: 75px;
	}

#cabaretemenu_gb {
	top: 100px;
	}
	
#realestatemenu_gb {
	top: 125px;
	}

#contactusmenu_gb {
	top: 150px;
	}
	
/* interaction FR*/

#oceandreammenu a:hover {
	background: url(images/nav.gif) -400px 0 no-repeat;
	}

#apartmentsmenu a:hover {
	background: url(images/nav.gif) -400px -25px no-repeat;
	}

#pricesmenu a:hover {
	background: url(images/nav.gif) -400px -50px no-repeat;
	}

#commercialplazamenu a:hover {
	background: url(images/nav.gif) -400px -75px no-repeat;
	}

#cabaretemenu a:hover {
	background: url(images/nav.gif) -400px -100px no-repeat;
	}

#realestatemenu a:hover {
	background: url(images/nav.gif) -400px -125px no-repeat;
	}

#contactusmenu a:hover {
	background: url(images/nav.gif) -400px -150px no-repeat;
	}	

/* interaction GB*/

#oceandreammenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px 0 no-repeat;
	}

#apartmentsmenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px -25px no-repeat;
	}

#pricesmenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px -50px no-repeat;
	}

#commercialplazamenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px -75px no-repeat;
	}

#cabaretemenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px -100px no-repeat;
	}

#realestatemenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px -125px no-repeat;
	}

#contactusmenu_gb a:hover {
	background: url(images/nav_gb.gif) -400px -150px no-repeat;
	}
	
/* select FR*/

body#oceandream #oceandreammenu {
	background: url(images/nav.gif) -400px 0 no-repeat;
	}

body#apartments #apartmentsmenu {
	background: url(images/nav.gif) -400px -25px no-repeat;
	}

body#prices #pricesmenu {
	background: url(images/nav.gif) -400px -50px no-repeat;
	}

body#commercialplaza #commercialplazamenu {
	background: url(images/nav.gif) -400px -75px no-repeat;
	}
	
body#cabarete #cabaretemenu {
	background: url(images/nav.gif) -400px -100px no-repeat;
	}

body#realestate #realestatemenu {
	background: url(images/nav.gif) -400px -125px no-repeat;
	}

body#contactus #contactusmenu {
	background: url(images/nav.gif) -400px -150px no-repeat;
	}
	
/* select GB*/

body#oceandream #oceandreammenu_gb {
	background: url(images/nav_gb.gif) -400px 0 no-repeat;
	}

body#apartments #apartmentsmenu_gb {
	background: url(images/nav_gb.gif) -400px -25px no-repeat;
	}

body#prices #pricesmenu_gb {
	background: url(images/nav_gb.gif) -400px -50px no-repeat;
	}

body#commercialplaza #commercialplazamenu_gb {
	background: url(images/nav_gb.gif) -400px -75px no-repeat;
	}
	
body#cabarete #cabaretemenu_gb {
	background: url(images/nav_gb.gif) -400px -100px no-repeat;
	}

body#realestate #realestatemenu_gb {
	background: url(images/nav_gb.gif) -400px -125px no-repeat;
	}

body#contactus #contactusmenu_gb {
	background: url(images/nav_gb.gif) -400px -150px no-repeat;
	}
	

/*</group>*/

/*<group=subnav>*/

/* placement */

#subnav {
	text-align: left;
	margin: 78px 0 0 20px;
	height: 90px;
	}

#subnav ul {
	list-style: none;
	}

#subnav ul li {

	}

/* interaction */

#subnav ul li a {
	font-size : 11px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}

#subnav ul li a:hover {
	color: #CC6600;
	padding: 4px 0;
	}
	
#subnav ul li a:hover, body.studiojardin #studiojardinmenu, body.studiomer #studiomermenu, body.2chambres #2chambresmenu, body.3chambres #3chambresmenu {
	color: #CC6600;
	padding: 4px 0;
	}

/* select */
	
	/*</group>*/


/* INDEX */
div#nav ul#menuindex {
	height: 175px; width: 400px;
	background: url(images/nav_index.gif) top left no-repeat;
	position: relative;
	}
	
div#nav ul#menuindex li {
	list-style: none;
	position: absolute;
	}


ul#menuindex li, ul#menuindex a {
	height: 25px; width: 400px;
	display: block;
	}


div#nav ul#menuindex li a {
	text-indent: -9999px;
	text-decoration: none;
	}

	
/* placement index*/

#englishmenu {
	top: 50px;
	}

#frenchmenu {
	top: 75px;
	}
	
	
/* interaction index */

#englishmenu a:hover {
	background: url(images/nav_index.gif) -400px -50px no-repeat;
	}

#frenchmenu a:hover {
	background: url(images/nav_index.gif) -400px -75px no-repeat;
	}


/* OCEAN DREAM PLAZA */
a.plaza {
	color: #666666;
	text-decoration: none;
	font-weight: bold;
	}

a.plaza:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #009BBD;
	background-repeat: repeat-x;
	}
		
a.plaza span { /* définition de la balise <span> inclue dans <a> */
	display: none;
	}

a.plaza:hover span { /* définition de la balise <span> au survol */
	display: inline;
	position: static;
	top: 250px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	left: 200px;
	width: 400px;
	height: 267px;	
	}

/* REAL ESTATE */
a.realestate {
	color: #D15987;
	text-decoration: none;
	font-weight: bold;
	}

a.realestate:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #D15987;
	background-repeat: repeat-x;
	}
		
a.realestate span { /* définition de la balise <span> inclue dans <a> */
	display: none;
	}

a.realestate:hover span { /* définition de la balise <span> au survol */
	display: inline;
	position: static;
	top: 250px; /* positions et dimensions du calque, que vous pouvez changer à loisir */
	left: 200px;
	width: 400px;
	height: 267px;	
	}

a.realestateok {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	background-color: #D15987;
	background-repeat: repeat-x;
	}

/*<group=projects>*/

/* project window control */

#project-window {
	float: left;
	width: 350px;
	margin-bottom: 30px;
   }
   
#project {
	position: relative;
	width: 350px; height: 350px;
	overflow: hidden;
	}

#project span {
	display: block;
	position: absolute;
	left: 0; top: 0;
	z-index: 1;
	width: 350px; height: 350px;
	}

/* individual project classes */

#project span.homepage {
	background: url(/images/terribly_thoughtful.jpg) top left no-repeat;
	}
a.plaza2:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #009BBD;
	background-repeat: repeat-x;
}
a.plaza2 {
	color: #666666;
	text-decoration: none;
}