body	{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		}

/* ONGLET 01 */



#gallery_01 {
		font:11px verdana,arial,sans-serif;
		width:701px;
		height:32px;
		background-image:url(images/titre_nos_residences.jpg);
		background-repeat:no-repeat;
		}
	
#menu {
	margin-left:200px;
	display:block;
}

#menu div.off_01 {
		color:#000;
		height:27px;
		width:94px;
		margin-right:2px;
		float:left;
		background:url(images/onglet_01_off.jpg);
		background-repeat:no-repeat;
		border-bottom-color:#000;
		cursor:pointer;
		position:relative;
		margin-top:5px;
		z-index:20;
		}

#menu div.on_01 {
		color:#c00;
		margin-right:2px;
		margin-top:1px;
		float:left;
		background:url(images/onglet_01_on.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
		border-bottom:0;
		height:27px;
		width:94px;
		position:relative;
		margin-top:5px;
		z-index:100;
		font-weight:bold;
		}
		


div.hide_01 {
		display:none;
		width:0; 
		overflow:hidden;
		}

div.show_01 {
		clear:left;
		background:#fff;
		width:689px;
		margin-top:0;
		top:-1px;
		border:1px solid #adaeb0;
		background-color:#e7f7fe;
		padding-left:10px;
		padding-bottom:20px;
		position:relative;
		z-index:50;
		font:11px verdana, arial, sans-serif;
		line-height:18px;
		display:table;
		}
		
#lyon_haut{
	height:70px ;
	margin-top:20px;
	display:inline-block;
}

#lyon_haut p.residences{
	color:#1E658A;
	font-size:15px;
}	
	
#lyon2 .off_01, #lyon2 .on_01
{
	float:left;
	cursor:pointer;
	margin-right:30px;
	font-size:13px;
}

#lyon2 .on_01
{
	font-weight:bold;
}	
		
		
#Lyon_Porte_de_Gerland.show_01, #Lyon_Parilly.show_01
{
	border:none;
	padding-left:0px;
}

div.show_01 img {
		float:left;
		margin:0 10px 10px 0;
		}
/* Fin onglet 01 */

/* ONGLET planserv */
#gallery_planserv {
		font:11px verdana,arial,sans-serif;
		width:448px;
		height:32px;
		}

#gallery_planserv div.off_planserv {
		color:#000;
		height:26px;
		width:126px;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_off.jpg);
		background-repeat:no-repeat;
		border-bottom-color:#000;
		cursor:pointer;
		position:relative;
		margin-top:3px;
		z-index:20;
		}

#gallery_planserv div.on_planserv {
		color:#c00;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_on.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
		border-bottom:0;
		height:26px;
		width:126px;
		position:relative;
		margin-top:3px;
		z-index:100;
		font-weight:bold;
		}

div.hide_planserv {
		display:none;
		width:0; 
		overflow:hidden;
		}

div.show_planserv {
		clear:left;
		background:#fff;
		width:408px;
		margin-top:0;
		top:-1px;
		padding:20px;
		position:relative;
		z-index:50;
		font:11px verdana, arial, sans-serif;
		line-height:18px;
		}

div.show_planserv img {
		float:left;
		margin:0 10px 10px 0;
		}
/* Fin onglet planserv */




/* ONGLET etienne*/
#gallery_etienne {
		font:11px verdana,arial,sans-serif;
		width:448px;
		height:32px;
		}

#gallery_etienne div.off_etienne {
		color:#000;
		height:26px;
		width:126px;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_off.jpg);
		background-repeat:no-repeat;
		border-bottom-color:#000;
		cursor:pointer;
		position:relative;
		margin-top:3px;
		z-index:20;
		}

#gallery_etienne div.on_etienne {
		color:#c00;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_on.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
		border-bottom:0;
		height:26px;
		width:126px;
		position:relative;
		margin-top:3px;
		z-index:100;
		font-weight:bold;
		}

div.hide_etienne {
		display:none;
		width:0; 
		overflow:hidden;
		}

div.show_etienne {
		clear:left;
		background:#fff;
		width:408px;
		margin-top:0;
		top:-1px;
		padding:20px;
		position:relative;
		z-index:50;
		font:11px verdana, arial, sans-serif;
		line-height:18px;
		}

div.show_etienne img {
		float:left;
		margin:0 10px 10px 0;
		}
/* Fin onglet etienne*/


/* ONGLET lyon */
#lyonpgallery, #lyongallery  {
		font:11px verdana,arial,sans-serif;
		width:448px;
		height:32px;
		}

#lyonpgallery div.off_lyon_parilly, #lyongallery div.off_lyon_gerland {
		color:#000;
		height:26px;
		width:126px;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_off.jpg);
		background-repeat:no-repeat;
		border-bottom-color:#000;
		cursor:pointer;
		position:relative;
		margin-top:3px;
		z-index:20;
		}

#lyonpgallery div.on_lyon_parilly, #lyongallery div.on_lyon_gerland {
		color:#c00;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_on.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
		border-bottom:0;
		height:26px;
		width:126px;
		position:relative;
		margin-top:3px;
		z-index:100;
		font-weight:bold;
		}

div.hide_lyon_parilly, div.hide_lyon_gerland {
		display:none;
		width:0; 
		overflow:hidden;
		}

div.show_lyon_parilly, div.show_lyon_gerland {
		clear:left;
		background:#fff;
		width:408px;
		margin-top:0;
		top:-1px;
		padding:20px;
		position:relative;
		z-index:50;
		font:11px verdana, arial, sans-serif;
		line-height:18px;
		}
/* Fin onglet lyon */


/* ONGLET marseille */
#marseillegallery {
		font:11px verdana,arial,sans-serif;
		width:448px;
		height:32px;
		}

#marseillegallery div.off_marseille {
		color:#000;
		height:26px;
		width:126px;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_off.jpg);
		background-repeat:no-repeat;
		border-bottom-color:#000;
		cursor:pointer;
		position:relative;
		margin-top:3px;
		z-index:20;
		}

#marseillegallery div.on_marseille {
		color:#c00;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_on.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
		border-bottom:0;
		height:26px;
		width:126px;
		position:relative;
		margin-top:3px;
		z-index:100;
		font-weight:bold;
		}

div.hide_marseille {
		display:none;
		width:0; 
		overflow:hidden;
		}

div.show_marseille	{
		clear:left;
		background:#fff;
		width:408px;
		margin-top:0;
		top:-1px;
		padding:20px;
		position:relative;
		z-index:50;
		font:11px verdana, arial, sans-serif;
		line-height:18px;
		}
/* Fin onglet marseille */

/* ONGLET angers*/
#angersgallery {
		font:11px verdana,arial,sans-serif;
		width:448px;
		height:32px;
		}

#angersgallery div.off_angers {
		color:#000;
		height:26px;
		width:126px;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_off.jpg);
		background-repeat:no-repeat;
		border-bottom-color:#000;
		cursor:pointer;
		position:relative;
		margin-top:3px;
		z-index:20;
		}

#angersgallery div.on_angers {
		color:#c00;
		margin-right:2px;
		float:left;
		background:url(images/bouton_planserv_on.jpg);
		background-repeat:no-repeat;
		cursor:pointer;
		border-bottom:0;
		height:26px;
		width:126px;
		position:relative;
		margin-top:3px;
		z-index:100;
		font-weight:bold;
		}

div.hide_angers {
		display:none;
		width:0; 
		overflow:hidden;
		}

div.show_angers {
		clear:left;
		background:#fff;
		width:408px;
		margin-top:0;
		top:-1px;
		padding:20px;
		position:relative;
		z-index:50;
		font:11px verdana, arial, sans-serif;
		line-height:18px;
		}

/* Fin onglet angers*/

.clear {
		clear:both;
		}


/* mise en pages interieure résidences */

#cadre_residences_gauche	{
		width:455px;
		position:relative;
		float:left;
		margin-top:20px;
		}
		
#cadre_residences_gauche1	{
		width:455px;
		position:relative;
		float:left;
		margin-top:20px;
		}

.titre_residences	{
		font-size:15px;
		color:#1e658a;
		display:block;
		text-align:center;
		padding-top:4px;
		}
#sstitre_residences	{
		}

.texte_residences	{
		color:#1e658a;
		text-align:justify;
		clear:left;
		}
		
table.texte_residences	{
	border-collapse : collapse;
	text-align : center;
}


table.texte_residences td, table.texte_residences th{
	border : 2px solid #1e658a;
	padding : 5px;
}

#cadre_planservices	{
		width:448px;
		height:100%;
		background-color:#FFFFFF;
		background-image:url(images/titre_planservices.jpg);
		background-repeat:no-repeat;
		background-position:top;
		display:table;
		}

.titre_planserv	{
		display:block;
		font-size:12px;
		color:#FFFFFF;
		padding-left:27px;
		margin-top:4px;
		}
#image_services	{
		margin-left:-15px;
		margin-top:-15px;
		margin-bottom:-40px;
		}

#cadre_plan_gauche	{
		position:relative;
		float:left;
		width:306px;
		margin-left:-15px;
		margin-top:-10px;
		}

#cadre_plan	{
	margin:0;
		}
#plan_img	{
		margin:0;
		padding-left:15px;
		border:none;
		}

#pictos_services	{
		height:50px;
		color:#1e658a;
		}

#cadre_residences_droite	{
		position:relative;
		margin-top:20px;
		float:left;
		margin-left:20px;
		width:193px;
		height:325px;
		background-image:url(images/fond_residences_droite.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		background-color:#FFFFFF;
		}

#photo_residence_01	{
		padding:14px;
		padding-bottom:5px;
		border:none;
		}
#photos_supp	{
		padding-left:4px;
		padding-right:4px;
		border:none;
		}
#boutons_dispo	{
		padding-left:14px;
		padding-right:14px;
		}

#border	{
		border:none;
		}