/*	===================================
		GLOBAL
		===================================	*/
html {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
		background-color:#C2BDAA;
	background-repeat:no-repeat;
	background-position:center bottom;
		background-image:url(/images/common/fond.jpg);
		}
body {
	width:1000px;
	margin:0 auto;
	position:relative;
	}
body .nohead {
}
a {
	color: #4E94C3;
	text-decoration:none;
}
strong {
	font-weight:bold;
}
img.arrow, img.carte {
	vertical-align:middle;
}
img.icon16x16 {
	width:16px;
	height:16px;
}
img.icon20x16 {
	width:20px;
	height:16px;
}
.oneOfTwo {
	width:50%;
}
.oneOfThree {
	width:33.33%;
}
.oneOfFour {
	width:25%;
}
.oneOfFive {
	width:20%;
}
.centered {
	margin-left:auto;
	margin-right:auto;
}
.uimasque {
	display:none;
}
* {
	margin:0;
	padding:0;
}
/*	===================================
		HEADER
		===================================	*/
#header {
	height:100px;
}
#logo {
	float:left;
	width:362px;
	height:100px;
}
#logo p {
	font-size:14px;
	color: #69f;
	background-color:transparent;
}
#bandeau {
	position:absolute;
	top:31px;
	right:0;
	height:60px;
}
/*	===================================
		Temoignages
		===================================	*/
#TemoignagesTitle {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	top:144px;
	left:185px;
	width:175px;
	font-size:14px;
	text-align:left;
}
#TemoignagesTitle strong {
	font-weight: normal;
	color:#0380AF;
}
#TemoignagesTitle span {
	font-size: 12px;
}
#Temoignages {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	top:165px;
	left:165px;
	width:167px;
	height:98px;
	padding:10px 10px 13px 24px;
	background:transparent url(/images/common/bulle.png) top left no-repeat;
	font-size:12px;
	overflow:hidden;
}
#Temoignages a, #TemoignagesLink a {
	color: #666;
	font-weight:normal;
	text-decoration:none;
}
#Temoignages a:hover, #TemoignagesLink a:hover {
	color:#666;
	text-decoration:none;
	border-bottom: 1px dotted #595442;
}
#Temoignages p {
	padding:0;
}
#TemoignagesLink {
	font-family:Georgia, "Times New Roman", Times, serif;
	position:absolute;
	top:264px;
	left:165px;
	width:167px;
	padding:0 10px 0 24px;
	font-size:12px;
	text-align:right;
}
#TemoignagesLink a {
	border-bottom:1px dotted #666;
}
/*	===================================
		Choix Proprietaire/Locataire
		===================================	*/
#Choices {
	position:absolute;
	top:160px;
	left:400px;
}
#Choices table {
}
#Choices td {
}
#Choices a:link, #Choices a:visited, #Choices a:hover {
}
#Choices span.click {
	display:none;
}
#Choices a {
	display:block;
	text-decoration:none;
	font-weight:normal;
	color:#fff;
}
#Choices a.locataire {
	width:182px;
	height:72px;
	padding:5px 33px 12px 62px;
	background:transparent url(/images/common/go-tenant.png) center center no-repeat;
}
#Choices a.proprietaire {
	width:190px;
	height:72px;
	padding:5px 20px 12px 67px;
	background:transparent url(/images/common/go-owner.png) center center no-repeat;
}
#Choices span.tenant_title, #Choices span.owner_title {
	display:block;
	font-size:24px;
	text-transform:uppercase;
}
#Choices span.tenant_label, #Choices span.owner_label {
	display:block;
	font-size:16px;
}
/*	===================================
		TOP MENU
		===================================	*/
#topmenu {
	height:28px;
	width:982px;
	margin:0 auto;
}
#topmenu div.onglet {
	position:absolute;
	top:129px;
	height:7px;
	z-index:99;
	background-color:transparent;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#topmenu div.accueil {
	left:9px;
	width:130px;
	background-image:url(images/menu/flechemenu.png);
}
#topmenu div.locataire {
	left:139px;
	width:139px;
	background-image:url(images/menu/flechemenu-tenant.png);
}
#topmenu div.proprietaire {
	left:278px;
	width:166px;
	background-image:url(images/menu/flechemenu-owner.png);
}
#topmenu div.etudiant {
	left:444px;
	width:151px;
	background-image:url(images/menu/flechemenu.png);
}
#topmenu div.cote {
	left:595px;
	width:177px;
	background-image:url(images/menu/flechemenu.png);
}
#topmenu #submenuloyer {
	position: absolute;
	top: 136px;
	left: 459px;
	width: 450px;
	height: 135px;
	background-color: #fff;
	border: 4px solid #0873A0;
	color: gray;
	z-index: 2;
}
#topmenu #submenuloyer div {
	float:left;
	margin: 10px 0;
	height: 115px;
	padding: 0 10px 0 10px;
}
#topmenu #submenuloyer div a {
	color: gray;
	text-decoration: none;
}
#topmenu #submenuloyer div a:hover i {
	border-bottom: 1px dotted #999;
}
#topmenu #submenuloyer div a img {
	border: none;
	margin-top: 10px;
}

#topmenu #submenuetudiant {
	position: absolute;
	top: 136px;
	left: 147px;
	width: 635px;
	height: 150px;
	background-color: #fff;
	border: 4px solid #0873A0;
	color: gray;
	z-index: 2;
}
#topmenu #submenuetudiant div {
	float:left;
	margin: 10px 0;
	height: 115px;
	padding: 0 10px 0 10px;
}
#topmenu #submenuetudiant div a {
	color: gray;
	text-decoration: none;
}
#topmenu #submenuetudiant div a:hover i {
	border-bottom: 1px dotted #999;
}
#topmenu #submenuetudiant div a img {
	border: none;
	margin: 10px 0 5px 0;
}

#topmenu div.guide {
	left:772px;
	width:219px;
	background-image:url(images/menu/flechemenu.png);
}
#topmenu ul {
	position:absolute;
	height:35px;
	background-color:transparent;
	background-position:center bottom;
	background-repeat:no-repeat;
}
#topmenu ul li {
	margin:0 1px;
	display:inline;
	list-style:none;
}
#topmenu ul li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	float:left;
	text-align:center;
	height:28px;
	line-height:28px;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#595442;
}
#topmenu ul li a:hover {
	background-position:right bottom;
	color:#FFF;
}
#topmenu ul li a.current {
	background-position:right bottom;
	color:#FFF;
}
#accueil {
	width:130px;
	background:url(images/menu/accueil.png) left bottom no-repeat;
}
#locataire {
	background:url(images/menu/locataire.png) left bottom no-repeat;
	width:139px;
}
#proprietaire {
	width:166px;
	background:url(images/menu/proprietaire.png) left bottom no-repeat;
}
#etudiant {
	width:151px;
	background:url(images/menu/etudiant.png) left bottom no-repeat;
}
#cote {
	width:177px;
	background:url(images/menu/cote.png) left bottom no-repeat;
}
#guide {
	width:219px;
	background:url(images/menu/guide_location.png) left bottom no-repeat;
}
/*	===================================
		LOGIN
		===================================	*/
#LogTitle, #LogCoteTitle {
	position:absolute;
	top:0;
	height:23px;
	font-size:10px;
	line-height:20px;
	text-align:center;
	color:#fff;
	z-index:2;
	font-weight: bold; 
}
#LogTitle {
	background:transparent url(/images/common/deja-inscrit.png) left top no-repeat;
	width:92px;
	right:519px;
}
#LogCoteTitle {
	background:transparent url(/images/common/deja-inscrit-cote.png) left top no-repeat;
	width:160px;
	right:451px;
}
#Log, #LogCote {
	position:absolute;
	top:0;
	right:9px;
	height:26px;
	padding-right:125px;
	font-size:10px;
	line-height:20px;
	color:#595442;
	overflow:hidden;
	white-space:nowrap;
	background:transparent url(/images/common/login-bkgd.png) left top no-repeat;
}
#Log {
	padding-left:92px;
	width:385px;
}
#LogCote {
	padding-left:160px;
	width:317px;
}
#Log form, #LogCote form {
	display:inline;
}
#Log .submit, #LogCote .submit {
	border:none;
	vertical-align:middle;
}
#Log img, #LogCote img {
	border:none;
	vertical-align:bottom;
}
#Oubli {
	position:absolute;
	top:0;
	right:0;
	width:125px;
	text-align:center;
	background:transparent url(/images/common/login-spacer.jpg) left top no-repeat;
}
#Log #identifiant, #LogCote #identifiant {
	height:12px;
	vertical-align:baseline;
	font-size:10px;
}
#Log #identifiant {
	width:90px;
}
#LogCote #identifiant {
	width:90px;
}
#Log #password, #LogCote #password {
	height:12px;
	vertical-align:baseline;
	font-size:10px;
}
#Log #password {
	width:90px;
}
#LogCote #password {
	width:70px;
}
#Unlog {
	margin-top:10px;
	color: #36F;
	background-color:transparent;
	padding:4px;
}
#Unlog p {
	margin:6px 0;
}
/*	===================================
		YOU ARE HERE
		===================================	*/
#YouAreThere {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:11px;
	color:#595442;
	background-color:#E9E0CF;
	border:1px solid #D1D0B1;
	margin:0 4px;
	padding-left:10px;
	height:14px;
	line-height:12px;
}
.nohead #YouAreThere {
	padding-top:7px;
}
#YouAreThere a {
	color:#595442;
	text-decoration:none;
}
#YouAreThere a:hover {
	text-decoration:underline;
}
/*	===================================
		BOTTOM MENU
		===================================	*/
#bottommenu {
	clear:both;
	font-size:10px;
	text-align:center;
	color:#fff;
	background-color:transparent;
	padding-top:5px;
	margin-top:30px;
}
#bottommenu a:link, #bottommenu a:visited {
	color:#ccc;
	background-color:transparent;
	text-decoration:none;
}
#bottommenu a:hover {
	text-decoration:underline;
}
/*	===================================
		FOOTER
		===================================	*/
#footer {
	clear:both;
	font-size:10px;
	text-align:center;
	background-color:transparent;
	color: #fff;
	margin-bottom:10px;
	width:100%;
}
#footer a:link, #footer a:visited {
	color:#ccc;
	background-color:transparent;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/*	===================================
		LEFT COLUMN
		===================================	*/
#SpecialLeftCol {
	position:absolute;
	width:190px;
	padding:0 10px;
	font-size:11px;
}
#StdLeftCol {
	position:absolute;
	top:155px;
	left:5px;
	width:190px;
	padding:0 10px;
	font-size:11px;
}
#StdLeftCol a, #SpecialLeftCol a {
	color: #666;
	text-decoration:none;
}
#StdLeftCol a:hover, #SpecialLeftCol a:hover {
	color:#4E94C3;
	text-decoration:none;
}