@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;}
a:link,a:visited{
	color:#000000;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
div.globale{
	width:978px;
	/*height:789px;*/
	margin:0 auto;
	background-color:#2d2a21;
	/*background-color:#4e4831;*/
	background-image:url(../images/fong_general.jpg);
	background-repeat:no-repeat;
}
img{border:none}
	div.header{
		position:relative;
		z-index:20;
		width:978px;
		height:111px;
		background:url(../images/bg-header.png) repeat-x;
	}
		div.header .logo{
			margin-left:11px;
			float:left;
			z-index:0;
		}
			div.header .logo img{
				border:0px;
			}
			
		div.header h1{display:none}
		
		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:13;
				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;
		min-height:680px;
		
	}
		
		div.contenu .contenu-page{
			width:100%;
			/*height:609px;*/
			
			float:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background-color:#4e4931;
		}
		
		div.contenu .contenu-page-accueil{
			width:100%;
			/*height:609px;*/
			background:url(../images/fond-accueil.jpg) no-repeat;
			background-position:-20px top;
			float:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			background-color:#4e4931;
		}
		
		div.contenu .contenu-page .contenu-interne{
			background:#4e4931 url(../images/fond-contenu-extensible.png) repeat-y;
			background-position:18px;
			padding-bottom:30px;
			/*height:1000px;*/
		}
			
			div.contenu .contenu-page h2{
				font-size:14px;
				color:#0091ad;
				font-size:normal;
			}
			
			div.contenu .contenu-page .breadcrumb{
				margin-top:0px;
				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 .breadcrumb h1{
					margin:0;
					padding:0;
					font-size:10px;
					display:inline;
				}
			
			div.contenu .contenu-page .sep-point{
				width:530px;
				margin-top:5px;
				margin-bottom:12px;
				height:5px;
				background-image:url(../images/rond-sep.gif);
				background-repeat:repeat-x;
				margin-left:130px;
			}
			div.contenu div#entete{
				padding-top:10px;
				background-image:url(../images/fond-contenu.jpg);
				background-repeat:no-repeat;
				min-height:135px;
			}
			div.contenu .contenu-page .visuel-entete{
				/*margin-left:76px; mac */
				position:relative;
				/*background:url(../images/bg-visuel-entete.jpg) no-repeat;*/
				background-position:1px 1px;
				margin-left:76px;
				padding-top:2px;
				min-height:115px;
				z-index:0;
				
			}
			
			div.contenu .contenu-page .contenu-texte{
				margin-left:70px;
				margin-top:5px;
				width:600px;
				
			}
				
				
				div.contenu .contenu-page .contenu-texte .titre,
				div.contenu .contenu-page .visuel-entete .titre{
					font-size:17px;
					color:#0091ad;
					text-align:left;
				}
				div.contenu .contenu-page .visuel-entete p {
					width:520px;
					margin:0 0 0 70px;
				}
				div.contenu .contenu-page .visuel-entete .titre p{
					margin-bottom:10px;
				}
				div.contenu .contenu-page .contenu-texte .photo{
					font-size:10px;
					width:240px;
					color:#0091ad;
					float:left;
					margin-right:5px;
				}
				div.contenu .contenu-page .contenu-texte .texte-page{
					position:relative;
					float:left;
					margin-top:3px;
					margin-left:0px;
					width:590px;
					/*min-height:375px;*/
					z-index:1;
				}
				
				div.contenu .contenu-page .contenu-texte .mono-titre{
					margin-top:-50px;
				}
				
				
				/*************/
				/* ACTUALITE */
				/*************/
				div.contenu .contenu-page .contenu-texte .texte-page h2.actualite{
					color:#0091ad;
					font-size:18px;
					border-bottom:1px solid #0091ad;
				}
				
				div.contenu .contenu-page .contenu-texte .texte-page img.illustration-actu{
					float:left;
					margin:0 20px 10px 0;
				}
				
				div.contenu .contenu-page .contenu-texte .texte-page p{
					text-align:justify;
				}
				
				div.contenu .contenu-page .contenu-texte .texte-page p.mise-en-avant-actu{
					color:#0091ad;
					font-weight:bold;
				}
				
			div.contenu .contenu-page-accueil .contenu-gauche{
				width:301px;
				/*height:524px;*/
				margin-left:35px;
				margin-top:2px;
				float:left;
			}
				div.contenu .contenu-page-accueil .contenu-gauche img{
					border:0px;
				}
				div.contenu .contenu-page-accueil .contenu-gauche .visite-virtuelle{
					margin-top:24px;
					margin-left:28px;
				}
				div.contenu .contenu-page-accueil .contenu-gauche .en-image{
					margin-top:24px;
					margin-left:28px;
				}
				div.contenu .contenu-page-accueil .contenu-gauche .en-video{
					margin-left:28px;
				}
			
			div.contenu .contenu-page-accueil .contenu-droite{
				width:461px;
				height:526px;
				background-image:url(../images/visuel-accueil.jpg);
				margin-left:324px;
				
			}
			
				
				div.contenu .contenu-page-accueil .contenu-droite .bouton-home{
					margin-left:105px;
					padding-top:410px;
				}
				div.contenu .contenu-page-accueil .contenu-droite .bouton-home img{
					border:0px;
				}
			
		div.contenu .bas-navig{
			position:relative;
			clear:left;
			background:#2d2a21 url(../images/bg-bas-navig.jpg) repeat-x;
			background-position:-20px top ;
			padding-top:20px;
			height:75px;
		}
		
		div.contenu .bas-navig-accueil{
			position:absolute;
			/*background:#2d2a21 url(../images/bg-bas-navig-accueil.png) repeat-x;*/
			padding-top:10px;
			height:75px;
			top:648px;
		}
				
		div.contenu .bas-navig .accroche,
		div.contenu .bas-navig-accueil .accroche{
			margin-left:50px;
			width:203px;
			float:left;
		}
		
		div.contenu .bas-navig .petite-nav,
		div.contenu .bas-navig-accueil .petite-nav{
			width:420px;
			height:60px;
			float:left;
			margin-left:70px;
		}
		
		div.contenu .contenu-menu-droite{
			position:absolute;
			margin-left:705px;
			width:273px;
			
			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;
			}
			*/
			
			/* A décommenter si on revient à un encart classique
			div.contenu .contenu-menu-droite .encart-mise-en-avant{
				position:relative;
				margin-top:10px;
				margin-left:60px;
				background:url(../images/encart-actu-eb.gif) no-repeat;
				width:213px;
				padding-top:60px;
				padding-left:12px;
				height:139px;
			}
			*/
			
			/* V Cas où encart = un visuel + lien */
			div.contenu .contenu-menu-droite .encart-mise-en-avant{
				position:relative;
				margin-top:10px;
				margin-left:60px;
				width:213px;
				height:200px;
				z-index:4;
			}
			
			div.contenu .contenu-menu-droite .encart-mise-en-avant .titre-actu a:link,
			div.contenu .contenu-menu-droite .encart-mise-en-avant .titre-actu a:visited{
				display:block;
				margin-bottom:10px;
				font-size:12px;
				/*color:#0091ad;*/
				color:#000;
				text-decoration:none;
				font-weight:bold;
				margin-left:7px;
				margin-top:-6px;
			}
			
			div.contenu .contenu-menu-droite .encart-mise-en-avant .illustration-actu{
				/*float:left;*/
				/*width:70px;*/
				margin-right:10px;
			}
			div.contenu .contenu-menu-droite .encart-mise-en-avant .resume-actu{
				float:left;
				width:100px;
				text-align:justify;
				height:82px;
				font-weight:bold;
			}
			
			div.contenu .contenu-menu-droite .encart-mise-en-avant a.lien-esp-actu{
				display:block;
				clear:both;
				margin-top:5px;
				margin-left:95px;
				
			}
			
			div.contenu .contenu-menu-droite .encart-mise-en-avant .titre-actu a:hover{
				text-decoration:underline;
			}
			
			div.contenu .contenu-menu-droite .boutons-menu-droite{
				position:absolute;
				margin-left:35px;
				margin-top:15px;
			}
			div.contenu .contenu-menu-droite .boutons-menu-droite .nouveaux-boutons{
				margin-left:18px;
				margin-bottom:8px;
			}
			div.contenu .contenu-menu-droite .boutons-menu-droite .nouveaux-boutons a{
				display:block;
				margin-bottom:4px;
			}
			
			
			div.contenu .contenu-menu-droite .boutons-menu-droite img{
				border:0px;
			}
			
			
			div.contenu .contenu-menu-droite .partenaires{
				margin-top:430px;
				margin-left:80px;
				
			}
			
			div.mentions-legales{
				margin-top:5px;
				font-size:9px;
				text-align:justify;
			}
			div.mentions-legales ul{
				
				padding-left:0px;
				list-style-position:inside;
			}
			div.mentions-legales li{
				margin-left:-15px;	
				padding-left:0;	
				margin-bottom:10px;	
			}
			div.ptzplus-po{
				width:318px;
				height:189px;
				background:url(../images/bg-ptzplus-po.gif);
				margin:10px 0;
				padding:19px 0 0 266px;
			}
			div.ptzplus-po span.mensualite{
				font-weight:bold;
				color:#0092ab;
			}
			
	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:-85px;
		margin-left:400px;
	}
	
	div#bouton-ouvrir-plan .bouton-1{
		margin-left:25px;
	}
	
	div#boutons-on-parle-de-nous{
		position:absolute; 
		top:315px; 
		z-index:100; 
		margin-left:77px;
	}
	
	/***************/
	/* PAGE ILOTS  */
	/***************/
	div.ilot{
		background:url(../images/fond-bloc-ilot.gif);
		width:196px;
		height:253px;
		float:left;
		margin-right:15px;
	}
	div.ilot div.ilot-nom{
		text-align:center;
		margin-top:13px;
		height:20px;
	}
	div.ilot div.ilot-bloc-texte{
		margin-top:20px;
		padding:0 9px;
		text-align:justify;
		height:45px;
	}
	
	div.ilot div.ilot-illustration{
		margin-top:9px;
		margin-left:10px;
		height:93px;
	}
	
	/*div.ilot div.ilot-illustration span.legende{font-size:9px;padding-top:5px;display:block}*/
	
	/*
	div.ilot div.ilot-illustration{
		margin-top:12px;
		margin-left:10px;
		height:93px;
	}
	*/
	div.ilot a.ilot-bt img{border:none;}
		
	div.ilot a.ilot-bt{
		display:block;
		margin-top:17px;
		margin-left:60px;
	}
	/***/
			
	div.footer{
		width:978px;
		height:50px;
		margin-top:-1px;
		background-color:#171715;
		clear:both;
	}
		
		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;
			}
			
/***********************/
/** DIAPORAMA ACCUEIL **/
/***********************/
div#contenu-diapo-accueil{
	margin-left:0px;
}
div#contenu-diapo-accueil .diaporama{
    position:relative;
    width:747px; /* Largeur d'une photo */
    height:610px; /* Hauteur d'une photo */
	margin:0;
	padding:0;
}
 
div#contenu-diapo-accueil .diaporama li{
    list-style-type:none;
    overflow:hidden;
    position:absolute /* Les images seront positionnées toutes au même endroit */
}

div#bloc-boutons-1{
	position:absolute;
	top:160px;
	padding-left:140px;
	width:227px;
}

div#bloc-boutons-1 img{
	margin-bottom:5px;
}

div#bloc-boutons-2{
	position:absolute;
	top:220px;
	padding-left:500px;
	width:205px;
}

div#bloc-boutons-2 img{
	margin-bottom:20px;
}

/***********************/
/** AJOUTS			  **/
/***********************/
span.legende{color:#0091ad;padding-top:5px;}
h3{color:#0091ad;}
div.legende-entete{color:#0091ad;padding-left:352px;margin-top:5px;}
div#partage-head{position:absolute;margin-top:13px;margin-left:790px;z-index:100}
div#partage-head a{margin-right:5px;}