@charset "utf-8";
/* CSS Document */

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:100%;
	width:100%;
	background-color:#4fa5bf;
	background-image:url(img/fds.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	-webkit-overflow-scrolling: touch;
}

.lien {
	color:#00C;
	text-decoration:underline;	
}
.lien:hover {
	text-decoration: none;	
	color: #000000;
	background-color:#FFFFFF;	
}
.top{
	display:block;
	position:relative;
	width:980px;
	left:50%;
	margin:5px;
	margin-left:-490px;
}
.barre{
	display:block;
	position:relative;
	visibility:visible;	
	width:100%;
	height:30px;
	background-image:url(img/fds_opac.png);
}
.langue{
	position:fixed;
	visibility:visible;	
	left:50%;
	margin-left:20%;
	top:20px;
}
#menu {
	display:block;
	position:relative;
	width:auto;
	height:1600px;
	top:-16px;
	left:50%;
	margin-left:-490px;
	padding-left:5px;
	border-collapse: separate;
	border:0;
	overflow:hidden;
	vertical-align:top;	
}
#menu > li {
	width: auto;
	display:list-item;
	cursor:pointer;
}
.menu1 {
	height:0px;
	visibility:hidden;
}
.box {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	height: 14px;
	 
	border-radius: 5px;
    font-weight: 400;
	border: 2px solid #FFF;
	background-color:#CCC;
}
.boxnok {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	height: 14px;
	
	border-radius: 5px;
    font-weight: 400;
	border: 2px solid #FFF;
	background-color:#009;
}
.case_full{
	display:block;
	position:absolute;
	background-image:url(img/fds_opac.png);
	top:110px; 
	width:100%;
	max-width:722px; 
	height:auto; 
	left:50%; 
	margin-left:-255px; 
	border-radius: 5px; 
	overflow:auto;
	font-size:0.9rem;
	padding:5px;
}
.case_full_accueil{
	display:block;
	position:absolute;
	background-image:url(img/fds_accueil.png);
	background-position:top left;
	top:110px; 
	width:100%;
	max-width:722px; 
	height:auto; 
	left:50%; 
	margin-left:-255px; 
	border-radius: 5px; 
	overflow:auto;
	font-size:0.9rem;
	padding:5px;
}
.case_full_bail{
	display:block;
	position:absolute;
	background-image:url(img/fds_bail.png);
	background-position:bottom right;
	top:110px; 
	width:100%;
	max-width:722px; 
	height:auto; 
	left:50%; 
	margin-left:-255px; 
	border-radius: 5px; 
	overflow:auto;
	font-size:0.9rem;
	padding:5px;
}
.case_full_chantier{
	display:block;
	position:absolute;
	background-image:url(img/fds_chantier.png);
	background-position:top right;
	top:110px; 
	width:100%;
	max-width:722px; 
	height:auto; 
	left:50%; 
	margin-left:-255px; 
	border-radius: 5px; 
	overflow:auto;
	font-size:0.9rem;
	padding:5px;
}
.case_full_concierge{
	display:block;
	position:absolute;
	background-image:url(img/fds_concierge.png);
	background-position:top right;
	top:110px; 
	width:100%;
	max-width:722px; 
	height:auto; 
	left:50%; 
	margin-left:-255px; 
	border-radius: 5px; 
	overflow:auto;
	font-size:0.9rem;
	padding:5px;
}
.case_full_commerce{
	display:block;
	position:absolute;
	background-image:url(img/fds_commerce.png);
	background-position:top right;
	top:110px; 
	width:100%;
	max-width:722px; 
	height:auto; 
	left:50%; 
	margin-left:-255px; 
	border-radius: 5px; 
	overflow:auto;
	font-size:0.9rem;
	padding:5px;
}
ul{
	list-style-image : url(img/puce.png);
	}
.case_bail_prix{
	display:block;
	position:absolute;
	top:120px; 
	width:250px;
	left:50%; 
	margin-left:205px; 
	border-radius: 5px; 
	background-image:url(img/fds_opac.png);	
	font-size:0.9rem;
	padding:5px;	
}
.titre{ 
    color:#03C;
	text-transform:uppercase;
	display:none;
}

.bottom{
	position:fixed;
	width:980px;
	height:50px;
	bottom:0px;
	left:50%;
	margin-left:-490px;
	background-image:url(img/bottom.png);
	text-align:right;
}

@media all and (max-width: 980px) {
	.top{
		display:block;
		position:relative; 		
		width:100%;
		top:auto;
		left:0px;
		margin:5px;
	}
	.barre{
		height:0;	
	}
	#menu {
		display:block;
		position:relative;
		top:auto; 
		width:95%;		
		height:30px;
		left:0px;
		margin-left:0;		
		overflow:hidden;
	}
	#menu:hover, #menu:active  {	
		height:auto;
	}	
	#menu > li {
		width: auto;
		min-width:0;
		padding-left:5px;
		display:list-item;
	}
	.menu1 {
		height:30px;
		visibility:visible;
	}
	.case_full{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
	}
	.case_full_accueil{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
		background-image:url(img/fds_opac.png);
	}	
	.case_full_bail{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
		background-image:url(img/fds_opac.png);
	}		
	.case_full_chantier{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
		background-image:url(img/fds_opac.png);
	}	
	.case_full_concierge{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
		background-image:url(img/fds_opac.png);
	}
	.case_full_commerce{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
		background-image:url(img/fds_opac.png);
	}	
	.case_bail_prix{
		position:relative;
		display:block;
		top:inherit; 
		width:95%;
		max-width:none;
		height:auto; 
		left:1%; 
		margin-left:0px;
		margin-top:5px;
	}	
	.bottom{
		width:100%;
		left:0px;
		margin-left:0px;		
	}	
}

img {
    max-width: 100%;
    height: auto;
}

div {
	text-align:justify;
}