@charset "UTF-8";
/* CSS Document */

body{
	background-color:#121211;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}
.liensref{text-decoration:none; color:#000000;}
div.globale{
	width:978px;
	height:789px;
	margin:auto;
	background-image:url(../images/fong_general.jpg);
	background-repeat:no-repeat;
}
	div.header{
		position:relative;
		z-index:20;
		width:978px;
		height:111px;
	}
		div.header .logo{
			margin-left:26px;
			float:left;
			z-index:0;
		}
			div.header .logo img{
				border:0px;
			}
		
		div.header .menu-haut{
			position:relative;
			margin-left:283px;
			padding-top:75px;
			height:35px;
			font-weight:bold;
			text-transform:uppercase;
		}
		div.header ul{
			text-transform:none;
			font-weight:bold;
			padding:5px;
			margin:0px;
			list-style:none;
		}
		div.header ul li{
			padding-bottom:10px;
		}
		div.header ul a:hover{
			color:#FFFFFF;
		}
			div.header .element-menu{
				float:left;
				margin-right:2px;
				cursor:pointer;
				background-image:url(../images/menu-fond.jpg);
			}
			div.header .element-menu:hover{
				background-image:url(../images/menu-fond-vert.jpg);
			}
			
			div.header a, div.header a:link, div.header a:visited {
				text-decoration:none;
				color:#000000;
			}
			
			div.header a:hover{
				text-decoration:none;
			}
			
			
			div.header .centre{
				position:relative;
				float:left;
				height:26px;
				padding-top:10px;
				padding-left:5px;
				color:#000000;
				z-index:3;
			}
			div.header .droite{
				position:relative;
				z-index:2;
				float:left;
				width:17px;
				height:36px;
				margin-left:-12px;
				background-image:url(../images/menu-coin-droite.jpg);
			}
			
			div.header .sous-menu1{
				display:none;
				width:148px;
				position:absolute;
				background-image:url(../images/fond-menu-deroulant.jpg);
				background-repeat:repeat-x;
				background-position:bottom;
				background-color:#bed700;
				z-index:100;
				margin-top:36px;
			}
			div.header .sous-menu2{
				display:none;
				width:188px;
				position:absolute;
				background-image:url(../images/fond-menu-deroulant.jpg);
				background-repeat:repeat-x;
				background-position:bottom;
				background-color:#bed700;
				z-index:100;
				margin-top:36px;
				margin-left:155px;
			}
			div.header .sous-menu3{
				display:none;
				width:201px;
				position:absolute;
				background-image:url(../images/fond-menu-deroulant.jpg);
				background-repeat:repeat-x;
				background-position:bottom;
				background-color:#bed700;
				z-index:100;
				margin-top:36px;
				margin-left:347px;
			}
			div.header .sous-menu4{
				display:none;
				width:97px;
				position:absolute;
				background-image:url(../images/fond-menu-deroulant.jpg);
				background-repeat:repeat-x;
				background-position:bottom;
				background-color:#bed700;
				z-index:100;
				margin-top:36px;
				margin-left:553px;
			}
			
	div.contenu{
		width:978px;
		height:610px;
	}
		div.contenu .contenu-page{
			width:731px;
			height:609px;
			background-image:url(../images/fond-contenu.jpg);
			
			background-repeat:no-repeat;
			margin-left:15px;
			float:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
			
			div.contenu .contenu-page h3{
				font-size:14px;
				color:#347c9a;
				font-size:normal;
			}
			
			div.contenu .contenu-page .breadcrumb{
				margin-top:10px;
				margin-left:130px;
			}
				div.contenu .contenu-page .breadcrumb a{
					color:#000000;
					text-decoration:none;
			
				}
				div.contenu .contenu-page .breadcrumb a:hover{
					text-decoration:underline;
				}
			
			div.contenu .contenu-page .sep-point{
				width:100%;
				margin-top:5px;
				margin-bottom:12px;
				height:5px;
				background-image:url(../images/rond-sep.gif);
				background-repeat:repeat-x;
				margin-left:130px;
			}
			div.contenu .contenu-page .visuel-entete{
				/*margin-left:76px; mac */
				position:relative;
				margin-left:76px;
				padding-top:2px;
				
			}
			
			div.contenu .contenu-page .contenu-texte{
				margin-left:70px;
				margin-top:5px;
				width:600px;
				height:250px;
			}
				div.contenu .contenu-page .contenu-texte .titre{
					font-size:17px;
					color:#347c9a;
					text-align:left;
				}
				div.contenu .contenu-page .contenu-texte .photo{
					font-size:10px;
					width:240px;
					color:#347c9a;
					float:left;
					margin-right:5px;
				}
				div.contenu .contenu-page .contenu-texte .texte-page{
					float:left;
					margin-top:3px;
					margin-left:0px;
					width:590px;
					height:235px;
				}
				
			
			div.contenu .contenu-page .contenu-gauche{
				width:301px;
				height:524px;
				margin-left:35px;
				margin-top:2px;
				float:left;
			}
				div.contenu .contenu-page .contenu-gauche img{
					border:0px;
				}
				div.contenu .contenu-page .contenu-gauche .visite-virtuelle{
					margin-top:24px;
					margin-left:28px;
				}
				div.contenu .contenu-page .contenu-gauche .en-image{
					margin-top:24px;
					margin-left:28px;
				}
				div.contenu .contenu-page .contenu-gauche .en-video{
					margin-left:28px;
				}
			
			div.contenu .contenu-page .contenu-droite{
				width:461px;
				height:526px;
				background-image:url(../images/visuel-accueil.jpg);
				margin-left:324px;
				
				
			}
			
				
				div.contenu .contenu-page .contenu-droite .bouton-home{
					margin-left:110px;
					padding-top:400px;
				}
				div.contenu .contenu-page .contenu-droite .bouton-home img{
					border:0px;
				}
			
			
		
		div.contenu .contenu-page .accroche{
			position:absolute;
			top:655px;
			margin-left:30px;
		}
		
		div.contenu .contenu-page .petite-nav{
			position:absolute;
			width:420px;
			height:60px;
			top:640px;
			margin-left:310px;
		}
		
		div.contenu .contenu-menu-droite{
			position:relative;
			margin-left:705px;
			
			width:273px;
			height:610px;
			background-image:url(../images/fond-menu-droite.png);
			background-repeat:no-repeat;
			z-index:10;
		}
			div.form-newsletter{
				position:absolute;
				margin-left:100px;
				top:428px;
				z-index:20;
			}
			div.form-newsletter input[type=text]{
				border:0px;
				width:115px;
				padding:0;
				margin:0;
				color:#387024;
				font-weight:bold;
			}
			div.form-newsletter input[type=image]{
				position:absolute;
				top:-1px;
				left:125px;
			}
			div.contenu .contenu-menu-droite .mise-en-avant-video{
				position:relative;
				padding-top:10px;
				margin-left:60px;
			}
			div.contenu .contenu-menu-droite .mise-en-avant-video img{
				border:0px;
			}
			div.contenu .contenu-menu-droite .boutons-menu-droite{
				position:absolute;
				margin-left:35px;
				margin-top:40px;
			}
			div.contenu .contenu-menu-droite .boutons-menu-droite img{
				border:0px;
			}
	div.petite-nav ul{
		padding:0px;
		margin:0px;
		margin-top:10px;
		padding-left:10px;
		float:left;
		
	}
	div.petite-nav ul.petite-nav1{
		width:110px;
	}
	div.petite-nav ul.petite-nav2{
		width:160px;
	}
	div.petite-nav ul.petite-nav3{
		width:120px;
	}
	div.petite-nav li a{
		text-decoration:none;
		font-size:11px;
	}
	div.petite-nav li a:hover{
		text-decoration:underline;
	}
	
	div.petite-nav li.blanc{
		height:20px;
		list-style-image:url(../images/puce_blanche.gif);
		color:#f3e6d5;
	}
		div.petite-nav li.blanc a{
			color:#f3e6d5;
		}
	div.petite-nav li.vert{
		height:20px;
		list-style-image:url(../images/puce-verte.gif);
		color:#c0e581;
	}
		div.petite-nav li.vert a{
			color:#c0e581;
		}
	
	
	div#boutons-ilots{
		position:absolute;
		margin-left:60px;
		margin-top:-85px;
	}
	
	div#bouton-ouvrir-plan{
		position:absolute; 
		margin-top:-90px;
		margin-left:425px;
	}
	
	div#boutons-on-parle-de-nous{
		position:absolute; 
		top:315px; 
		z-index:100; 
		margin-left:77px;
	}
			
	div.footer{
		width:978px;
		height:50px;
		margin-top:-1px;
		background-color:#171715;
	}
		div.footer .partenaires{
			float:right;
			margin-right:30px;
		}
		div.footer .credits{
			float:left;
			margin-top:5px;
			margin-left:15px;
			color:#747373;
		}
		
		div.footer .credits a{
			color:#747373;
			text-decoration:none;
		}
		div.footer .credits a:hover{
			text-decoration:underline;
		}
		div.footer .credits .inoxia{
			color:#c1e959;
		}
		div.footer .credits .inoxia a{
			color:#c1e959;
			text-decoration:none;
		}
		div.footer .credits .inoxia a:hover{
			text-decoration:underline;
		}

div.contenu .contenu-page .contenu-texte .texte-page ul{
	margin-left:15px;
}

/**** FORMULAIRES *****/
table.formulaire-ginko-buro{
	margin:20px 10px;
}
	
	table.formulaire-ginko-buro td.form_colonne_2{
		padding-left:10px;
	}
	
	table.formulaire-ginko-buro tr td table td{
		padding:5px;
	}

table.formulaire-residence-principale{
	margin:10px 10px 0 10px;
}
	
	table.formulaire-residence-principale td.form_colonne_2{
		padding-left:60px;
	}
	
	table.formulaire-residence-principale tr td table td{
		padding-top:5px;
	}
	
	
td.tar{
	text-align:right;
}

span.requis{
	font-weight:bold;
}

span.message-type-1{
	font-size:13px;
	font-weight:bold;
	color:#537078;
}

span.message-type-2{
	font-size:11px;
	color:#537078;
}

span.message-type-3{
	font-size:18px;
	font-weight:bold;
	color:#0f2227;
}

span.message-type-4{
	color:#0f2227;
	font-size:11px;
	font-weight:bold;	
}

div#mini-form{
	margin-left:67px;
	width:385px;
}

div#mini-form label.label-mini-form{
	color:#0f2227;
	font-size:10px;
	
}

span.mini-form-newsletter{
	color:#537078;
	font-size:11px;
	font-weight:bold;
}

/**/

/*** SITEMAP ***/
ul.sitemap{
	list-style-image:url(../images/puce-sitemap.gif);
}

li.sitemap_li{
	line-height:12px;	
}
li.sitemap_li a,li.sitemap_li a:link,li.sitemap_li a:visited{
	color:#5A858B;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

li.sitemap_li a:hover{
	text-decoration:underline;
}


			/*Message d'erreur formulaire*/
			div#stderr{
				position:absolute;
				top:135px;
				left:490px;
				width: 400px;
				color:#FF0000;
				font-weight:bold;
				font-size:12px;
				padding: 10px;
				background-color: #f9f9f9;
				border: solid 1px #e4e4e4;
				display: none;
			}
