/*	===================================
		EXTRA
		===================================	*/
#extra {
	width:980px;
	height:178px;
	border:10px solid #fff;
	background:#fff url(/images/tenant/header-bkgd-tenant.jpg) top left repeat-x;
}
/*	===================================
		LEFT COLUMN
		===================================	*/
/*	-----------------------------------
		Offres privilege
		-----------------------------------	*/
#PrivilegesTitle {
	margin-top:32px;
	color:#FFF;
	background:url(/images/leftmenu/tenant.jpg) right no-repeat;
	padding:2px 2px 2px 5px;
	font-weight:bold;
	height:16px;
}
#Privileges {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color: #2a849d;
	background-color:transparent;
	padding-left:4px;
	padding-right:4px;
}
#Privileges p {
	padding-top:5px;
	padding-bottom:5px;
}
#Privileges a.current {
	color:#F90;
}
/*	-----------------------------------
		Menu espace locataire
		-----------------------------------	*/
#MenuTitle {
	margin-top:32px;
	color:#FFF;
	background:url(/images/leftmenu/tenant.jpg) right no-repeat;
	padding:2px 2px 2px 5px;
	font-weight:bold;
	height:16px;
}
#Menu {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	color: #2a849d;
	background-color:transparent;
	padding-left:4px;
	padding-right:4px;
}
#Menu p {
	padding:5px 0;
}
#Menu a {
	color: #2a849d;
	display: block;
}
#Menu a:hover {
	color:#F90;
	background-color: #e2f5fb;
}
#Menu a.current {
	color:#F90;
}
/*	===================================
		CENTER COLUMN
		===================================	*/
#CenterCol {
	background-color:#fff;
	border:1px solid #D1D0B1;
	border-top:none;
	margin:0 4px;
	min-height:360px;
	_height:360px;
	padding:10px;
}
.CenterCol {
	font-size:12px;
	padding:10px 5px 10px 205px;
}
.CenterCol form {
	font-family:Arial, Helvetica, sans-serif;
	color:#2a849d;
}
.paiement {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: 0;
	background-color:#fff;
	border-left:1px solid #D1D0B1;
	border-right:1px solid #D1D0B1;
	margin:0 4px;
	padding:10px;
}
.paiement .prix {
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#595442;
}
.paiement table.arguments {
	width: 100%;
	border-collapse:collapse;
}
.paiement table.arguments tr td {
	padding-bottom:20px;
	text-align: left;
}
.paiement table.arguments tr:first-child td {
	padding-top: 20px;
}
.paiement table.arguments tr td:first-child {
	padding-right:20px;
}
.paiement table.arguments tr td img {
	float:left;
	vertical-align: top;
	margin-right: 20px;
}
.paiement table.methodes {
	border-collapse:collapse;
	margin:0 auto;
}
.paiement table.methodes tr td {
	padding: 20px 20px 10px 20px;
	width: 230px;
}
.paiement table.methodes tr td a.cb, .paiement table.methodes tr td a.cheque, .paiement table.methodes tr td a.fastt {
	display: block;
	height: 34px;
	background-repeat: no-repeat;
	line-height: 25px;
	font-size: 13px;
	color: #666;
}
.paiement table.methodes tr td a.cb {
	width: 166px;
	padding-left:64px;
	background-image: url("/images/paiement/paiement-cb.jpg");
}
.paiement table.methodes tr td a.cheque {
	width: 154px;
	padding-left:76px;
	background-image: url("/images/paiement/paiement-cheque.jpg");
}
.paiement table.methodes tr td a.fastt {
	width: 174px;
	padding-left:56px;
	background-image: url("/images/paiement/paiement-fastt.jpg");
}
.paiement table.methodes tr td div #tooltip {
	font-size: 10px;
	font-style: italic;
}
.paiement p.infos {
	font-size: 12px;
	text-align: center;
}
.paiement p.infos a {
	color: #666;
	border-bottom: 1px dotted #999;
}
.paiementsubtitle {
	background-color:#fff;
	border-left:1px solid #D1D0B1;
	border-right:1px solid #D1D0B1;
	margin:0 4px;
}
.paiementsubtitle h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color: #68ACC0;
	border-bottom:1px dotted #68ACC0;
	margin:0 4px;
}
/* Nouvelle page */
.paiement table.methodes tr td a.diffuser {
	display: block;
	height: 38px;	
	width: 298px;
	background-image: url("/images/paiement/paiement.png");
	background-repeat: no-repeat;
	line-height: 36px;
	padding-left: 15px;
	font-size: 13px;
	font-weight: bold;
	color: #fff;
}
#paiementpopup_container {
	position: absolute;
	z-index:1;
}
#paiementpopup {
	position: relative;
	top:-5px;
	left: 5px;
	width: 260px;
	padding: 10px;
	border-right: 2px solid #2b86bf;
	border-bottom: 2px solid #2b86bf;
	border-left: 2px solid #2b86bf;
	background-color: #fff;
}
#paiementpopup ul li {
	list-style-type: none;
	margin-bottom: 10px;
}
#paiementpopup ul li.phrase {
	font-size: 12px;
	font-style: italic;
	text-align: center;
}
#paiementpopup ul li a.popupCB {
	display: block;
	height: 40px;
	line-height: 40px;
	width: 180;
	padding-left: 70px;
	background: #fff url("/images/paiement/cb.png") no-repeat left center;
	color: #666;
}
#paiementpopup ul li a.popupCheque {
	display: block;
	height: 40px;
	line-height: 40px;
	width: 180;
	padding-left: 70px;
	background: #fff url("/images/paiement/cheque.png") no-repeat left center;
	color: #666;
}
#paiementpopup ul li a.popupFastt {
	display: block;
	height: 40px;
	line-height: 40px;
	width: 180;
	padding-left: 70px;
	background: #fff url("/images/paiement/fastt.png") no-repeat left center;
	color: #666;
}
#paiementpopup ul li a:hover {
	background-color: #E8F0FF;
}

/* Fin Nouvelle page */
/*	-----------------------------------
		Commentaire
		-----------------------------------	*/
#Comment {
	position:absolute;
	top:145px;
	left:382px;
	width:598px;
	height:121px;
	color:#595442;
	background-color:transparent;
}
#Comment h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	padding-bottom:10px;
	margin-top: 10px;
}
#CommentText {
	font-size:13px;
	text-align:left;
	line-height: 20px;
}
/*	-----------------------------------
		Action
		-----------------------------------	*/
#Action {
	position:absolute;
	top:266px;
	right:30px;
}
#Action a {
	display:block;
	background:url(/images/tenant/bouton.png) center no-repeat;
	width:266px;
	height:37px;
	line-height:35px;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
	color:#FFF;
	font-size: 13px;
}
#Action a:hover {
	text-decoration:none;
}
a.Action {
	display:block;
	background:url(/images/tenant/bouton250.png) center no-repeat;
	width:250px;
	height:26px;
	line-height:25px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	font-size: 13px;
}
a.Cancel {
	display:block;
	text-align:center;
	font-weight:bold;
	color: #FFF;
	background:url(/images/tenant/cancel.jpg) center no-repeat;
	text-decoration:none;
	width:103px;
	height:24px;
	line-height:20px;
}
a.Cancel:hover {
	text-decoration:none;
}
/*	-----------------------------------
		Informations sur fonctionnemeent
		-----------------------------------	*/
#Infos h1 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #595442; 
	margin-bottom: 15px;
}
#Infos h2 {
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #4ba7c1;
	margin-bottom: 0px;
}
#Infos img {
	float: left;
	margin: 3px 10px 0 0; 
}
#Infos div {
	font-size:12px;
	margin-bottom: 30px;
}
#Infos .retrait {
	margin-left: 120px;
} 
/*	-----------------------------------
		Offres privileges : liste des offres
		-----------------------------------	*/
#Partners h1, #SpaceCol #Partners h1 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #595442; 
	border-bottom:1px dotted #595442;
	padding:0;
}
#Partners p {
	color:#666;
	padding:5px;
	margin-bottom:10px;
}
#Partners p.head {
	margin:10px auto;
	border: 1px dashed #089ec6;
	background-color: #def2f8;
	color: black;
	line-height: 22px;
}
#Partners p img {
	vertical-align:middle;
	margin:0 5px;
}
#Partners a {
	color:#666;
	text-decoration:none;
}
/*	-----------------------------------
		Offres privileges : contenu d'une offre
		-----------------------------------	*/
#PartnersContent {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #808080;
	line-height: 18px;
}
#PartnersContent h1, #SpaceCol #PartnersContent h1 {
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #595442; 
	border-bottom:1px dotted #595442;
	padding:10px 0 0 0;
}
#PartnersContent h2 {
	margin-top:10px;
	margin-left:5px;
	text-align:left;
	font-size:14px;
	color:#4ca104;;
	width:50%;
	border-bottom:1px solid #4ca104;;
}
#PartnersContent a {
	color:#808080;
	text-decoration:none;
}
#PartnersContent a:hover {
}
#PartnersContent a.special {
	text-decoration:underline;
	font-style:italic;
}
#PartnersContent ul {
}
#PartnersContent li {
	margin-left:30px;
}
#PartnersContent p {
	color:#666;
	padding:5px;
	margin-bottom:10px;
}
/*	===================================
		Espace locataire
		===================================	*/
#SpaceCol {
	margin:0 4px;
	background-color:#fff;
	border:1px solid #D1D0B1;
	border-top:none;
	min-height:400px;
	_height:400px;
	color: #666;
}
#SpaceCol.noMenu {
	margin-bottom:0;
}
#SpaceCol h1, #CenterCol h1 {
	padding:10px 0;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #595442; 
}
#SpaceCol h1.submenu, #CenterCol h1.submenu {
	margin-bottom:0;
}
#SpaceCol h2.submenu, #CenterCol h2.submenu {
	height:25px;
	border-bottom:#68ACC0 3px solid;
}
#SpaceCol h2.submenu a, #CenterCol h2.submenu a {
	display:block;
	height:25px;
	font-size:14px;
	line-height:24px;
	font-weight:normal;
	text-align:left;
	color:#666;
	background-position:bottom right;
	background-repeat:no-repeat;
	text-decoration:none;
	float:right;
}
#demande {
	padding-left:5px;
	width:194px;
	background-image:url(/images/tenant/onglet-demande.jpg);
}
#offres {
	padding-left:5px;
	width:181px;
	background-image:url(/images/tenant/onglet-op.jpg);
}
#SpaceCol h2.submenu a:hover, #CenterCol h2.submenu a:hover {
	background-position:bottom left;
	color:#FFF;
}
#SpaceCol h2.submenu a.actif, #CenterCol h2.submenu a.actif {
	background-position:bottom left;
	color:#FFF;
}

#Access {
	margin:50px auto;
	width:430px;
}
#Access .label {
	width:120px;
	text-align:right;
	padding-right:10px;
}
#Access .field {
	width:220px;
	text-align:left;
}
#Access input {
	width:200px;
}
#List {
	clear:both;
}
#List.spaced {
	margin-bottom:5px;
}
#List th {
	font-weight:normal;
	background: url(/images/menu/locataire_barre.jpg) repeat-y;
	color: #FFF;
}
#List th.oneIcon, #List td.oneIcon {
	width:24px;
	text-align:center;
}
#Record {
}
#Record h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:left;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	color: #68ACC0;
	border-bottom:1px dotted #68ACC0;
	margin-bottom: 12px;
}
#Record p {
}
#Record p.comment {
	margin: 10px;
	padding-left: 45px;
	min-height: 40px;
	_height:40px;
	background: #D6EFF6 url(/_images/itenant.png) no-repeat 1% center;
	border: 1px solid #089EC6;
	line-height: 20px;
	color: #333333;
}
#Record p.comment u {
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
#Record p.infos a {
	border-bottom: 1px dotted #4E94C3;
}
#Record ul {
}
#Record li {
	margin-left:20px;
}
#Record a.lienlocataire {
	color:#666;
}
#SpaceCol form, #CenterCol form {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
#SpaceCol a.delete {
	display:block;
	width:103px;
	height:24px;
	line-height:22px;
	margin:10px auto;
	text-align:center;
	background:url(/images/tenant/bouton-supprimer.jpg) center no-repeat;
	color: #C03;
	text-decoration:none;
	font-weight:bold;
}
#SpaceCol a.delete:hover {
	text-decoration:underline;
}
#SpaceCol a.command, #CenterCol a.command {
	display:block;
	width:80px;
	height:24px;
	line-height:22px;
	margin:10px auto;
	text-align:center;
	background:url(/images/tenant/bouton80.png) center no-repeat;
	color: #FFF;
	text-decoration:none;
}
#SpaceCol a.command:hover, #CenterCol a.command:hover {
	text-decoration:underline;
}
#SpaceCol a.demandePrevCmd, #SpaceCol a.demandeNextCmd, #CenterCol a.demandePrevCmd, #CenterCol a.demandeNextCmd {
	display:block;
	height:30px;
	line-height:30px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:bold;
	padding:0;
	overflow:hidden;
}
#SpaceCol a.demandePrevCmd, #CenterCol a.demandePrevCmd {
	background-position:left;
	text-align:left;
	padding-left:32px;
	color: #999;
	float:right;
}
#SpaceCol a.demandeNextCmd, #CenterCol a.demandeNextCmd {
	background-position:right;
	text-align:right;
	padding-right:32px;
	color: #FFF;
	float:left;
}
#SpaceCol a.demandePrevCmd:hover, #CenterCol a.demandeNextCmd:hover {
	text-decoration:none;
}
#SpaceCol a.right, #CenterCol a.right {
	margin:10px 0 10px auto;
}
#SpaceCol a.left, #CenterCol a.left {
	margin:10px auto 10px 0;
}
#SpaceCol a.large200, #CenterCol a.large200 {
	background:url(/images/action/tenant/bouton200.jpg) center no-repeat;
	width:200px;
}
#SpaceCol a.large250, #CenterCol a.large250 {
	background:url(/images/tenant/bouton250.png) center no-repeat;
	width:250px;
}
#SpaceCol input, #CenterCol input {
	color:#2a849d;
}
#SpaceCol select, #CenterCol select {
	color:#2a849d;
}
#Demande input[type="text"], #Demande input[type="password"] {
	color:#2a849d;
	background-color: #fff;
	border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	padding: 5px 1px 5px 1px;
	vertical-align: middle;
	font-size: 13px;
	}
#Demande input[type="text"]:hover, #Demande input[type="password"]:hover, #Demande select:hover, #Demande input[type="text"]:focus, #Demande input[type="password"]:focus  {
	border-color: #089EC6;
}
#Demande select {
	color:#2a849d;
	background-color: #fff;
	border-color: #CCCCCC #B3B3B3 #B3B3B3 #CCCCCC;
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	padding: 3px 1px 3px 1px;
	vertical-align: middle;
	font-size: 13px;
}
#Demande select:disabled, #Demande input:disabled {
	background-color: #F1F1F1;
}
#SpaceCol select.select200, #CenterCol select.select200, #SpaceCol input.input200, #CenterCol input.input200 {
	width:200px;
}
#SpaceCol select.select180, #CenterCol select.select180, #SpaceCol input.input180, #CenterCol input.input180 {
	width:180px;
}
#SpaceCol select.select80, #CenterCol select.select80 {
	width:80px;
}
#SpaceCol input.input230, #CenterCol input.input230 {
	width:230px;
}
#SpaceCol textarea, #CenterCol textarea {
	/*
	width:796px;
	height:250px;
	*/
}
#SpaceCol h2.title, #CenterCol h2.title {
	font-size:12px;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	background: url(/images/menu/locataire_barre.jpg) repeat-y;
	margin-bottom:1px;
}
a.Return {
	display:block;
	text-align:center;
	font-weight:bold;
	color: #FFF;
	background:url(/images/tenant/bouton100.jpg) center no-repeat;
	text-decoration:none;
	width:100px;
	height:20px;
	line-height:22px;
	margin:10px auto;
}
a.Return:hover {
	text-decoration:underline;
}
#Help {
	padding:10px;
}
#Help li {
	margin-left:10px;
}
/*	===================================
		TENANT SUB MENU
		===================================	*/
#submenu {
	width:826px;
	height:21px;
	margin:0 auto;
	clear:both;
	line-height:18px;
}
#submenu ul {
	display:inline;
}
#submenu ul li {
	display:inline;
	list-style:none;
}
#submenu ul li div {
	display:block;
	float:left;
	text-align:center;
	width:116px;
	height:21px;
	line-height:18px;
	font-size:12px;
	text-decoration:none;
	background-image:url(/images/tenant/demande/step.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	color:#999;
	margin:1px;
}
#submenu ul li div.done {
	color:#2a849d;
}
#submenu ul li div.first {
	background-image:url(/images/tenant/demande/step0.jpg);
}
#submenu ul li div.last {
}
#submenu ul li div.current {
	background-position:bottom right;
	color:#2a849d;
}
#submenuindicator {
	width:826px;
	margin:0 auto;
}
#submenuindicator ul {
	display:inline;
}
#submenuindicator ul li {
	display:inline;
	list-style:none;
}
#submenuindicator ul li div {
	display:block;
	float:left;
	text-align:center;
	width:116px;
	margin:1px;
	height: 25px;
}
#submenuindicator ul li div.first {
}
#submenuindicator ul li div.last {
}
#submenuindicator ul li div.current {
}
#submenuindicator ul li div img {
	visibility:hidden;
}
#submenuindicator ul li div.current img {
	visibility:visible;
}
/*	===================================
		SPECIALS
		===================================	*/
a.caution {
	border-bottom:dashed 1px #2a849d;
	text-decoration:none;
	color:#2a849d;
}
div.caution {
	position:absolute;
	display:none;
	width:200px;
	border:1px solid #000;
	background-color:#FFF;
}
div.caution p {
	padding:5px;
	text-align:left;
}
div.autocomplete {
	width:198px;
	background-color:#FFF;
	border:1px solid #888;
	margin:0;
	padding:0;
	z-index:99;
}
div.autocomplete ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.autocomplete ul li {
	list-style-type:none;
	display:block;
	margin:0;
	cursor:default;
	padding: 0.1em 0.5em;
	color:#444;
	height:1.5em;
	line-height:1.5em;
}
div.autocomplete ul li span.informal {
	display:block;
	width:100%;
	height:1.5em;
	background-color:#CDDDF6;
	color:#2a849d;
	font-weight: bold;
	margin:-0.1em -0.5em;
	padding: 0.1em 0.5em;
	overflow:hidden;
}
div.autocomplete ul li.selected {
	background-color:#f4dead;
	font-weight: bold;
}

form table tr td {
	height:30px;
}
td.withUI {
	cursor:pointer;
}
.enteteop {
	width: 200px;
	height: 26px;
	font-size: 14px;
	color: #089ec6;
	background: transparent url('/images/enteteop.jpg') top left no-repeat;
	line-height: 26px;
	text-align: left;
	margin-top: 20px;
	padding-left: 10px;
}
.opl {
	width: 198px;
	padding: 5px;
	border-left: 1px solid #089ec6;
	border-bottom: 1px solid #089ec6;
	border-right: 1px solid #089ec6;
	font-size: 14px;
	color: #F90;
	text-align: center;
}

