/*<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_coaching.jpg) 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: 40px 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: 225px; width: 400px; 
	margin: 50px 0 0 0;
	}
	
div#nav ul#menu {
	height: 225px; 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: 225px; width: 400px; 
	margin: 50px 0 0 0;
	}
	
div#nav_gb ul#menu {
	height: 225px; 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*/

#coachingimmobiliermenu {
	top: 0;
	}

#prestationsmenu {
	top: 25px;
	}
	
#contratmenu {
	top: 50px;
	}

#servicesmenu {
	top: 75px;
	}

#questionsmenu {
	top: 100px;
	}
	
#fiscalitesmenu {
	top: 125px;
	}

#aboutusmenu {
	top: 150px;
	}
	
#contactmenu {
	top: 175px;
	}
	
#blogmenu {
	top: 200px;
	}
	
/* placement GB*/

#coachingimmobiliermenu_gb {
	top: 0;
	}

#prestationsmenu_gb {
	top: 25px;
	}
	
#contratmenu_gb {
	top: 50px;
	}

#servicesmenu_gb {
	top: 75px;
	}

#questionsmenu_gb {
	top: 100px;
	}
	
#fiscalitesmenu_gb {
	top: 125px;
	}

#aboutusmenu_gb {
	top: 150px;
	}
	
#contactmenu_gb {
	top: 175px;
	}

#blogmenu_gb {
	top: 200px;
	}
	
/* interaction FR*/

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

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

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

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

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

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

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

#contactmenu a:hover {
	background: url(../images/nav.gif) -400px -175px no-repeat;
	}
	
#blogmenu a:hover {
	background: url(../images/nav.gif) -400px -200px no-repeat;
	}	

/* interaction GB*/

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

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

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

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

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

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

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

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

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

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

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

body#services #servicesmenu {
	background: url(../images/nav.gif) -400px -75px no-repeat;
	}
	
body#questions #questionsmenu {
	background: url(../images/nav.gif) -400px -100px no-repeat;
	}

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

body#aboutus #aboutusmenu {
	background: url(../images/nav.gif) -400px -150px no-repeat;
	}
	
body#contact #contactmenu {
	background: url(../images/nav.gif) -400px -175px no-repeat;
	}

body#blog #blogmenu {
	background: url(../images/nav.gif) -400px -200px no-repeat;
	}
	
/* select GB*/

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

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

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

body#services #servicesmenu_gb {
	background: url(../images/nav_gb.gif) -400px -75px no-repeat;
	}
	
body#questions #questionsmenu_gb {
	background: url(../images/nav_gb.gif) -400px -100px no-repeat;
	}

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

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

body#contact #contactmenu_gb {
	background: url(../images/nav_gb.gif) -400px -175px no-repeat;
	}
	
body#blog #blogmenu_gb {
	background: url(../images/nav_gb.gif) -400px -200px 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.fiscalites {
	color: #D15987;
	text-decoration: none;
	font-weight: bold;
	}

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

a.fiscalites: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.fiscalitesok {
	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;
}