/*
			Feuille de style par défaut
*/


body {
	background-color: #ffffff;
	font-family:Tahoma;
	font-size: 10px;
	
    margin: 0;  /* pour éviter les marges */
	padding: 0;
    text-align: center; /* pour corriger le bug de centrage IE */
}

div#banniere_haut {
	width:990px;
	height:90px;
	position:relative;
	margin-left: auto;
    margin-right: auto;	
}

div#content {
	 border:#84a1b3 1px solid; 
	 width:990px;
	 background-color:#ffffff;
	 margin-left: auto;
     margin-right: auto;
	 text-align:left;
	 margin-top:0px;
}

/* que pour ie : */
* html div#content {
	width:990px; 
}

/* que pour ie : */
* html div#icsbox {
	width:990px; 
}


/*
	Style utilisé pour l'affichage de texte ( info client etc...)
*/

h1 {
	font-family:Tahoma;
	font-size: 26px;
	color:#7b9aae;
	margin:0;
	font-weight:normal;
}

h2 {
	font-family:Tahoma;
	font-size: 20px;
	color:#7b9aae;
	margin:0;
	font-weight:normal;
}

h3 {
	font-family:Tahoma;
	font-size: 14px;
	color:#e1007a;
	margin:0;
	font-weight:bold;
}

h4 {
	font-family:Tahoma;
	font-size: 12px;
	color:#7fa403;
	margin:0;
	font-weight:bold;
}

.txtmoyen {
	font-family:Tahoma;
	font-size: 11px;
	color:#7b9aae;
}


.rose {
	font-family:Tahoma;
	font-size: 11px;
	color:#e41d89;
	font-weight:bold;
}

.noir {
	font-family:Tahoma;
	font-size: 11px;
	color:#000000;
}

.noirmoyen {
	font-family:Tahoma;
	font-size: 12px;
	color:#000000;
}

.menu_gauche_titre {
	font-family:Tahoma;
	font-size: 11px;
	color:#d7f47e;
	font-weight:bold;
}

.box_login_titre {
	font-family:Tahoma;
	font-size: 16px;
	color:#d7f47e;
	font-weight:bold;
}

.menu_gauche_lien {
	font-family:Tahoma;
	font-size: 11px;
	color:#dde1e4;
	font-weight:bold;
}

.menu_gauche_lien_actif {
	font-family:Tahoma;
	font-size: 10px;
	color:#909ea9;
	font-weight:bold;
}

.txtmoyen2 { /* utilisé dans contact */
	font-family:Tahoma;
	font-size: 11px;
	color:#7b9aae;
}

/*.lien-accueil a {
	text-decoration:none;
	color:#7b9aae;
	font-size:11px;
	text-decoration:underline;
}

.lien-accueil a:active, a:visited {
	text-decoration:none;
	color:#000000;
	font-size:11px;
}

.lien-accueil a:hover {
	text-decoration:none;
	color:#FF0000;
	font-size:11px;
}*/

.lien_bleu {
	color:#7b9aae;
	text-decoration:underline;
	font-size:12px;
}

.lien_bas {
	color:#84a1b3;
	font-size:11px;
	font-family:Tahoma;
}

.lien_noir {
	color:#000000;
	text-decoration:none;
	font-size:12px;
}

.lien_quitter a:hover {
	color:#e31183;
	text-decoration:underline;
}

.loading {
	color:#1b5c84;
	font-weight:bold;
	font-size:12px;
}


/*
	Style utilisé pour l'affichage de texte défilant ( news )
*/
.txtdefilant {
	font-family:Tahoma;
	font-size: 11pt;
	font-weight: bold;
}




/*
	Style utilisé pour afficher le l'intitulé des comptes (ex : Détail Compte LES ROSES ...)
*/
span.titreCompte{
	font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
	color:#7b9aae;
}

.titreCompte{
	font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
}




/*
	Style utilisé pour l'affichage de message d'erreurs
*/
span.erreur {
	color: #e31183;
	font-family:Tahoma;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}






/*
	Style pour la table affichant le menu du sommaire (sommaire.php)

table.menu {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 500px;
}

td.td_menu{
	background: #D0F0E1;
	border: solid #000000 1px;
	font-family:Tahoma;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

th.th_menu,td.td_menu_titre {
	background: #218263;
	border: solid #000000 1px;
	color: White;
	font-family:Tahoma;
	font-weight: bold;
}*/

/*
	Style utilisé avec les evts onMouseOver et Out sur le tableau Menu
	NOTE : ca sert a rien de spécifier un background, il n'est pas géré sur les elts TR

tr.tr_menu_normal{
	color: #000000;
	cursor: pointer;
}

tr.tr_menu_over{
	color: #FF0000;
	cursor: pointer;
	font-weight: bold;
}
*/


/*
	Style pour les tables affichant des résultats (commptes....)
*/
table.res {
	/*border: 1px solid #000000;*/
	border:0;
	border-collapse: collapse;
	border-spacing: 0px;
	width: 532px;
	/*margin-left: auto; margin-right: auto;*/
}

caption.caption_res{
	background: transparent url(../images/test/fleche_grise.gif) no-repeat;
	font-family:Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	text-indent: 0.5cm;
}

tr.tr_res{
	background: #C7C7C7;
}

th.th_res{
	/*background: #556b7b;*/
	background: #ffffff;
	/*border: solid #000000 1px;*/
	color: #e1007a;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Tahoma;
	font-size: 9px;
}

td.td1_res{ /* couleur 1 des tableaux */
	background: #e9f6fc;
	/*border: solid #000000 1px;*/
	font-family:Tahoma;
	font-size: 10px;
}

td.td2_res{ /* couleur 2 des tableaux */
	background: #fafafa;
	/*border: solid #000000 1px;*/
	font-family:Tahoma;
	font-size: 10px;
}

td.td3_res{ /* couleur du fond des cases icsbox */
	background: #ffffff;
	/*border: solid #000000 1px;*/
	font-family:Tahoma;
	font-size: 10px;
}
/*
	Style utilisé avec les evts onMouseOver et Out sur des tableaux de résultats (cf consultation doc.php)
	NOTE : ca sert a rien de spécifier un background, il n'est pas géré sur les elts TR
*/
tr.tr_normal{
	color: #000000;
	cursor: pointer;
}

tr.tr_over{
	color: #FF0000;
	cursor: pointer;
	font-weight: bold;
}

/*
	Style permettant l'ajout de scrollbars à la table des résultats
	ATTENTION : width est égal à table.res.width + 16
*/
div.scrolltable{
	height: 300px;
	margin: 0px;
	overflow: auto;
	padding: 0px;
	width: 716px;

}





/*
	classe utilitaire : permet d'avoir une cellule transparante
*/
td.td_trans{
	background: transparent;
	border: none;
}






/*
	Style pour les bouton du menu spécifique syndic/gérance (menuConsult.php)
*/
input.bouton{
	border:solid 1px #000000;
	background: #ffffff;
	cursor: pointer;
	font: 11px Verdana;
	font-weight: bold;
	width: 100px;
}

/*
	Style pour toutes les combobox du site
*/
select{
	width:100px;
	font-family:Tahoma;
	font-size: 10px;
}



/* -------- seb ---------- */

.texte_blanc {
	color: #FFFFFF;
	font-size: 11px;
	font-family:Tahoma;
}

.texte_commande {
	color: #033C6F;
	font-size: 11px;
	font-family:Tahoma;
	font-weight:bold;
}

td.case_categorie {
	background-color:#556b7b;
	color:#000000;
	border:solid 1px #000000;
	border-top:0px;
	height:24px;
	font-weight:bold;
	font-family:Tahoma;
	font-size:11px;
	font-variant:small-caps;
	letter-spacing:2px;
	border-left:none;
	text-align:center;
}

td.case_sous_categorie {
	background-image:url(../images/test/fond_case.gif);
	border:solid 1px #000000;
	border-top:0px;
	height:25px;
	border-left:none;
}

td.case_photo {
	background-color:#FFFFFF;
	border:solid 1px #000000;
	border-top:0px;
	border-bottom:0px;
	height:115px;
	border-left:none;
}

/*.menu td a:link, .menu a:visited {
	color:#000000;
	font-family:Tahoma;
	font-size:10px;
}

.menu td a:active {
	color:#FF0000;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}*/

.texte_rouge {
	color:#FF0000;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}

/*.res a:link, .res a:visited {
	color:#000099;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}

.lien td a:link, .lien td a:visited {
	color:#033C6F ;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}

.lien td a:active {
	color:#FF0000;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}

.lien td a:hover {
	color:#FF0000;
	font-family:Tahoma;
	font-size:10px;
	font-weight:bold;
}

.top td a:link, .top td a:visited, .top td a:active {
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
}

.top td a:hover{
	color:#FF0000;
	font-family:Tahoma;
	font-size:11px;
}*/

div#box-fiche-identite {
	/*border:1px #000000 solid; */
	width:500px; 
	padding :3px;
	background-color:#ffffff;
	text-align:left;
	font-size:11px;
	color:#7b9aae;
}

.case-contenu-page {
	display:none;
	background-color:#FFFFFF;
	padding:7px;
}

div#box-accueil {
	width:710px;
	background-color:#ffffff;
	/*border:1px #000000 solid;*/
	padding:3px;
	position:relative;
}

td.fond-site {
	background-color:#ffffff;
}

/* que pour ie : */
* html div#box-accueil {
	width:100%;
}

.titre-box-accueil{
	position:absolute;
	top:-18px; 
	left:5px;
	color:#e31183;
	font-size:14px;
	font-weight:bold;
	font-variant:small-caps;
}

div#div-news-immeuble {
	width:930px; 
	background-color:#FFFFFF; 
	border:#FF0000 1px solid; 
	padding:3px;
	position:relative;
}

* html div#div-news-immeuble {
	width:100%;
}

#top-box-quitter {
	position:absolute; 
	top:15px; 
	right:20px; 
	text-align:right;
	font-family:Tahoma;
	font-size:11px;
	color:#ffffff;
}

#top-box-adresse {
	position:absolute;
	top:17px;
	left:25px;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
}

.ligne-lots {
	background-color:#ffffff;
}

.table-icsbox {
	 font-size:10px;
	 color:#7b9aae;
}


/* menus msi */
div#menu_gauche_1_fond, div#menu_gauche_2_fond{
	position:relative; padding-left:10px; padding-right:10px; width:155px;
}
* html div#menu_gauche_1_fond, div#menu_gauche_2_fond{
	position:relative; padding-left:10px; padding-right:10px; width:175px;
}
div#nouveaute_fond{
	position:relative; padding-left:20px; padding-right:20px; width:211px;
}
* html div#nouveaute_fond{
	position:relative; padding-left:20px; padding-right:20px; width:251px;
}


/* Head */
#content #header { width:990px; height:190px; }
#content #header #headertop { width:990px; height:120px; clear:both; background:#B1C4D2 url('../images/demo_msi/header/bg.gif') repeat-x; }
#content #header #headertop #logo { float:left; display:block; width:400px; height:120px; background:url('../images/demo_msi/header/logo.gif') no-repeat; }
#content #header #headertop #logo a { display:block; width:400px; height:120px; text-decoration:none; }
#content #header #headertop #head { float:left; display:block; width:590px; height:120px; background:url('../images/demo_msi/header/img.jpg') no-repeat; }

/* Header menu */
#header #headermenu { background:url('../images/demo_msi/header/bgmenu.gif') repeat-x center top; clear:both; height:65px; font-family:Arial;}
#header #headermenu a { text-decoration:none; }
#header #headermenu ul { margin:0; padding:0; display:inline;}
#header #headermenu li { margin:0; padding:0; display:inline; list-style:none; float:left; background:center top; background-repeat:no-repeat;}
#header #headermenu li.active { background-position:center bottom; }
#header #headermenu li.sep { width:1px; height:32px; background:url('../images/demo_msi/header/sep.gif') no-repeat; }
#header #headermenu ul span { cursor:default; display:block; height:32px; text-indent:-1000em; }
#header #headermenu li span a { cursor:pointer; display:block; height:32px; text-indent:-1000em; }
#header #headermenu ul ul { margin:1px 0px 0px 0px; padding:0; width:990px; display:none; position:absolute; height:32px;}
#header #headermenu ul ul li { display:inline; float:left; line-height:32px; color:#84A1B3; padding:0px 10px; text-transform:uppercase; font-size:11px;}
#header #headermenu ul ul li.sep { height:32px; width:1px; margin:0px;padding:0px; background:url('../images/demo_msi/header/sep.gif') no-repeat;}
#header #headermenu ul ul li a { color:#000000; }
#header #headermenu ul ul li a:hover { color:#DD1377; }
#header #headermenu ul ul .selected { color:#DD1377; font-weight:bold; }
#header #headermenu ul ul .selected a, #header #headermenu ul ul .selected a:hover { color:#DD1377; }
#header #headermenu li.active ul { display:block; }

/* Menu */
#header #headermenu li.loueracheter { background-image:url('../images/demo_msi/header/fr/btn1.gif'); width:247px; }
#header #headermenu li.loueracheter ul{ margin-left:0px; }
#header #headermenu li.service { background-image:url('../images/demo_msi/header/fr/btn2.gif'); width:247px; }
#header #headermenu li.service ul{ margin-left:-248px; }
#header #headermenu li.client { background-image:url('../images/demo_msi/header/fr/btn3.gif'); width:247px; }
#header #headermenu li.client ul{ margin-left:-496px; }
#header #headermenu li.msi { background-image:url('../images/demo_msi/header/fr/btn4.gif'); width:246px; }
#header #headermenu li.msi ul{ margin-left:-744px; }