/* Mise en page du site */
    body
    {
        font-family: Verdana;
    }
    div.independant
    {
		position: absolute;
		top: 0px;
		left: 0px;
    }
    div.message
    {
		text-align: center;
    }
	marquee
	{
		font-size: 10pt;
		color: #2343a9;
		font-weight: bold;
	}
	.test
	{
		border: 1px solid black;
	}
    /* permet de centrer les div filles de page dans firefox */
	.centre
	{
        margin-left: auto;
        margin-right: auto;
	}

/* Mise en page du Master */
    #page
    {
        text-align: center;
    }
    /* permet de centrer les div filles de page dans firefox */
    #page > div
    {
        margin-left: auto;
        margin-right: auto;
    }
    #bandeau
    {
        width: 920px;
        height: 137px;
        vertical-align: middle;
        border-left: 1px solid black;
        border-top: 1px solid black;
        border-right: 1px solid black;
    }
    #menu
    {
        width: 920px;
        height: 28px;
        border-left: 1px solid black;
        border-right: 1px solid black;
    }
    #cadrecontenu
    {
        width: 920px;
        height: 650px;
        border-left: 1px solid black;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }
    #contenu
    {
        margin-left: auto;
        margin-right: auto;
		background-color: #9cc6d5;
		position: relative;
		top: 15px;
        width: 888px;
        height: 630px;
    }
    #piedpage
    {
        width: 920px;
        height: 25px;
        color: #909195;
        font-weight: bold;
        font-size: 8pt;
        text-align: right;
        vertical-align:text-bottom;
        border-left: 1px solid black;
        border-bottom: 1px solid black;
        border-right: 1px solid black;
    }
    
/* Mise en page du Master */
.aks_bg_loading_screen {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
}
html>body .aks_bg_loading_screen {
	width: 100%;
	height: 100%;
	background: url(../design/aks_bg_loading_screen.png) repeat top left;
	position: absolute;
	top: 0;
	left: 0;
}
.aks_bg_loading_screen .aks_loading_screen {
	width: 296px;
	height: 95px;
	background: url(../design/aks_loading_screen.jpg) no-repeat top left;
	color: #aeddff;
	font-size: 12px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -148px;
	margin-top: -69px;
	padding-top: 43px;
	text-align: center;
}
.aks_bg_loading_screen .aks_loading_screen strong {
	font-size: 14px;
}
/* Mise en page du Menu */
	.menu
	{
		border-collapse: collapse;
		border-top: 2px solid black;
		border-bottom: 2px solid black;
		width:100%;
	}
	.menu td
	{
		padding: 0 0 0 10px;
	}
	.menu input
	{
		background-color: #60aff9;
		color: #2343a9;
	    
		border: 0px solid;
		font-family: Verdana;
		font-size: 12px;
		font-weight: bold;
		width: 100%;
		height: 25px;
		cursor: url("design/hand.cur");
	}
	.menu input:hover
	{
		background-color: #add8e6;
		color: #60aff9;
	}
	.menu input.select
	{
		background-color: #60faaf;
		color: #066b0a;
	}
	.menu input.select:hover
	{
		background-color: #c8ffc8;
		color: #60faaf;
	}

/* Mise en page de la page d'accueil */
	.accueilimage
	{
		position:absolute;
		border: 1px solid black;
		top:0px;
		left:0px;
        width: 888px;
        height: 630px;
        
        
	}
	.accueiltexte
	{
		position:absolute;
		top:70px;
		right:70px;
		width:520px;
		height:308px;
		color: #2343a9;
		font-weight: bold;
		font-size: 9pt;
		text-align: left;
		padding: 5px;

	}
	
	
	.accueiltexte_fond
	{
	    
		position:absolute;
		top:70px;
		right:70px;
		width:540px;
		height:315px;
		color: #2343a9;
		font-weight: bold;
		font-size: 9pt;
		text-align: left;
		padding: 5px;
		background-color:White ;
		opacity: 0.40;
		filter: alpha(opacity=40);
	}	
	.accueilcadre
	{
		position:absolute;
		top:0px;
		right:0px;
		width:520px;
		height:308px;
		background-color: #8cc6f6;
		padding: 5px;
		opacity: 0.30;
		filter: alpha(opacity=30);
		display: none;
	}
/* Mise en page de la section louer */
    #cadre
    {
        border-collapse: collapse;
        position: relative;
        top: 0px;
        left: 0px;
        width: 886px;
        height: 630px;
    }
    #cadrezone1
    {
        background-image: url('../design/zonerecherche.jpg');
        background-repeat: no-repeat;
        border-top: 2px solid black;
        border-left: 2px solid black;
        border-bottom: 2px solid black;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 345px;
        height: 630px;
    }
    #cadrezone2
    {
        border-left: 2px solid black;
        position: absolute;
        top: 0px;
        left: 345px;
        width: 521px;
        height: 80px;
    }
    #cadrezone3
    {
        border-top: 2px solid black;
        border-right: 2px solid black;
        border-bottom: 2px solid black;
        position: absolute;
        top: 80px;
        left: 345px;
        width: 541px;
        height: 550px;
    }

/* Mise en page du usercontrol ucLouerRecherche */
    #recherche
    {
        background-image: url("../design/zonerecherche.jpg");        
        background-repeat: no-repeat;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 345px;
        height: 480px;
        font-family: Verdana;
        font-weight: bold;
        font-size: 10pt;
        text-align: center;
    }
    #controle
    {
        position: absolute;
        top: 0px;
        left: 345px;
        width: 521px;
        height: 30px;
    }
    #carte
    {
        position: absolute;
        top: 120px;
        left: 345px;
        width: 521px;
        height: 480px;
    }
    img.drapeau
    {
        width: 24px;
        height: 24px;
        border: 0px solid black;
    }

/* Mise en page du usercontrol ucLouerRecherche */
	#resultat
	{
		border: 0px solid orange;
		position: relative;
		top: 0px;
		left: 0px;
		width: 342px;
		height: 630px;
		font-size: 10pt;
	}
	#resultattitre
	{
		background-color: white;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 342px;
		height: 24px;
		color: #2343a9;
		font-weight: bold;
	}
	#resultatliste
	{
		position: absolute;
		top: 26px;
		left: 0px;
		width: 342px;
		height: 602px;
		overflow-y: scroll;
	}
	#resultat .gridviewpager
	{
		background-color: #D1DDF1;
		color: #333333;
		font-weight: bold;
	}
	#resultat .gridviewselect
	{
	}
/* Mise en page du usercontrol ucLot et ucLouerLot */
	.lot
	{
		position: relative;
		top: 0px;
		left: 0px;
		background-color: white;
		height: 140px;
		width: 100%;
		color: black;
		font-family: Arial;
		font-size: 10pt;
		text-align: left;
		opacity: 0.85;
		filter: alpha(opacity=85);
	}
	.lotzonephoto
	{
		position: absolute;
		top: 18px;
		left: 0px;
		height: 90px;
		width: 90px;
		text-align: center;
	}
	.lotzonelocalisation
	{
		position: absolute;
		top: 18px;
		left: 95px;
		height: 90px;
		width: 110px;
	}
	.lotzonedescription
	{
		position: absolute;
		top: 18px;
		left: 210px;
		height: 90px;
		width: 110px;
	}
	.lotphoto
	{
	}
	.lotvisiteimage
	{
		position : absolute;
		top: 92px;
		left: 0px;
	}	
	.lotvisitetxt
	{
		position : absolute;
		top: 90px;
		left: 25px;
		color: #507cd1;
		font-family: Verdana;
		font-size:8pt;
	}		
	.lotdesignation
	{
		position: absolute;
		top: 0px;
		left: 0px;
		color: #507cd1;
		font-weight: bold;
	}
	.lotdesignation:hover
	{
		color: #ce5252;
	}
	.lotadresse
	{
		font-family: Verdana;
	}
	.lotpiece
	{
		font-weight: bold;
	}
	.lotetage
	{
		font-weight: bold;
	}
	.lotsurface
	{
		font-weight: bold;
	}
	.lotdisponibilite
	{
		font-weight: bold;
	}
	.lotprix
	{
		position: absolute;
		top: 108px;
		left: 95px;
		height: 18px;
		width: 110px;
		font-weight: bold;
	}
	.lotreference
	{
		position: absolute;
		top: 108px;
		left: 210px;
		height: 18px;
		width: 110px;
	}
/* Mise en page du usercontrol ucLouerDetail */
	#detail
	{
		background-color: white;
		position: relative;
		left: 0px;
		top: 0px;
		width: 540px;
		height: 550px;
		font-family: Verdana;
		font-size: 10pt;
		overflow-y: auto;
	}
	#detailphoto
	{
		border: 1px solid black;
		text-align: center;
		position: absolute;
		left: 0px;
		width: 309px;
		height: 232px;
	}
	#detailphoto img
	{
		height: 232px;
	}
	.detailreference
	{
		position: absolute;
		left: 309px;
		top: 0px;
		width: 210px;
		height: 14px;
		text-align: right;
		font-size: 10pt;
	}
	.detaildisponibilite
	{
		position: absolute;
		left: 311px;
		top: 0px;
		width: 208px;
		height: 14px;
		text-align: left;
		font-size: 10pt;
	}
	.detaildesignation
	{
		position: absolute;
		left: 309px;
		top: 14px;
		width: 212px;
		height: 20px;
		color: #507cd1;
		vertical-align: middle;
	}
	#detailtexte
	{
		position: absolute;
		left: 309px;
		top: 34px;
		width: 212px;
		height: 136px;
		text-align: justify;
		overflow-y: auto;
	}
	#detailadresse
	{
		position: absolute;
		left: 309px;
		top: 172px;
		width: 212px;
		height: 40px;
		text-align: center;
	}
	#detailcommune
	{
		position: absolute;
		left: 309px;
		top: 212px;
		width: 212px;
		height: 20px;
		text-align: center;
	}
	#detailminiature
	{
		position: absolute;
		top: 235px;
		left: 0px;
		width: 130px;
	}
	#detailminiature .detailphotominiature
	{
		border: 1px solid black;
	}
	#detailminiature td
	{
		border: 1px solid black;
		text-align: center;
		width: 65px;
		height: 65px;
	}
.detailvisite
	{
		position: absolute;
		top: 310px;
		left: 0px;
		width: 130px;
	}	
	#detailinformations
	{
		position: absolute;
		bottom: 0px;
		left: 150px;
		width: 250px;
		height: 150px;
		color: #2343a9;
	}
	#detailinformations .libelle
	{
		text-align: left;
		padding: 0px;
		font-size: 10pt;
	}
	#detailinformations .valeur
	{
		text-align: right;
		padding: 0px;
		font-size: 10pt;
	}
	#detailcommande
	{
		vertical-align: bottom;
		text-align: right;
		position: absolute;
		bottom: 0px;
		right: 0px;
		width: 100px;
	}
    input.prix
	{
		text-align: right;
		width: 50px;
	}
	/** DPE **/
    .dpe1
    {
        position: absolute;
		bottom: 0px;
		left: 25px;
		width: 230px;
		top:570px;
		text-align:left;
		font-size: 9pt;
    }
    .dpe2
    {
        position: absolute;
		bottom: 0px;
		left: 260px;
		width: 230px;
		top:570px;
		text-align:left;
		font-size: 9pt;
    }