/*
			Feuille de style par défaut
*/


/*body {
	background-color: #ffffff;
	font-family:Arial;
	font-size: 10px;	
    margin: 0;  
	padding: 0;
    text-align: center; 
}*/

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; 
}

main {
	font-family:Arial, Helvetica, sans-serif;
}

td {
	vertical-align:top !important;
}

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

h1 {
	font-family:Arial;
	font-size: 26px;
	color:#067f88;
	margin:0;
	font-weight:normal;
}

h2 {
	font-family:Arial;
	font-size: 20px;
	color:#067f88;
	margin:0;
	font-weight:normal;
}

h3 {
	font-family:Arial;
	font-size: 14px;
	color:#067f88;
	margin:0;
	font-weight:bold;
}

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

.txtmoyen {
	font-family:Arial;
	font-size: 11px;
	color:#878787;
}


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

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

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

.menu_gauche_titre {
	font-family:Arial;
	font-size: 28px;
	color:#ffffff;
}

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

.txtmoyen2 { /* utilisé dans contact */
	font-family:Arial;
	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-family:Arial;
	font-size:12px;
}

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

.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:Arial;
	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:Arial;
	font-size: 12px;
	font-weight: bold;
	color:#7b9aae;
}

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




/*
	Style utilisé pour l'affichage de message d'erreurs
*/
span.erreur {
	color: #000000;
	font-family:Arial;
	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:Arial;
	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:Arial;
	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: 628px;
	/*margin-left: auto; margin-right: auto;*/
}

caption.caption_res{
	background: transparent url(../images/test/fleche_grise.gif) no-repeat;
	font-family:Arial;
	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: #067f88;
	font-weight:bold;
	text-transform:uppercase;
	font-family:Arial;
	font-size: 9px;
}

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

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

td.td3_res{ /* couleur du fond des cases icsbox */
	background: #ffffff;
	/*border: solid #000000 1px;*/
	font-family:Arial;
	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:Arial;
	font-size: 10px;
}



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

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

.texte_commande {
	color: #033C6F;
	font-size: 11px;
	font-family:Arial;
	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:Arial;
	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:Arial;
	font-size:10px;
}

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

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

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

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

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

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

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

.top td a:hover{
	color:#FF0000;
	font-family:Arial;
	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:Arial;
	font-size:11px;
	color:#ffffff;
}

#top-box-adresse {
	position:absolute;
	top:17px;
	left:25px;
	text-align:left;
	font-family:Arial;
	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:9px; padding-right:5px; width:161px;
	line-height:22px;
}
* html div#menu_gauche_1_fond, div#menu_gauche_2_fond{
	position:relative; padding-left:9px; padding-right:0px; width:175px;
	line-height:22px;
}
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;
}


html { margin:0; padding:0; font:normal 12px Arial; color:#878787; line-height:16px; }
body { margin:0; padding:0; background-color:#FFFFFF; text-align: center;}
input, select, textarea { font:normal 12px Arial; }
img { border:none; }
/*a, a:link, a:visited, body a:link, body a:visited { color:#067f88; text-decoration:underline; }
a:hover, body a:hover { color:#878787; text-decoration:underline; }	*/

#page{ width:990px; margin:0px auto; position:relative; /*padding:10px;*/ display:block; text-align:left }

#header { width:990px; border-bottom:1px solid #B5B5B5; }
#header .top { width:990px; height:135px; clear:both; }
#header .top .logo { display:block; float:left; width:120px; height:120px; background:url('../images/demo_msi/logo.jpg') no-repeat bottom left; }
#header .top .logo a { display:block; width:120px; height:120px; text-decoration:none; }
#header .top .ban { float:right; width:730px; height:120px; display:block; }
#header .top .ban .pub { float:right; width:728px; height:90px; display:block; z-index:-50000; }
#header .top .ban .text { float:right; width:728px; display:block; line-height:13px; font-size:11px; text-align:right; padding-top:2px; padding-top:5px; }
#header .top .ban .text a { color:#878787; }
#header .top .ban .text a:hover { color:#067f88; }	
#header .headermenu { display:block; width:970px; }
#header .headermenu ul { display:block; padding:0; margin:0; list-style:none; }
#header .headermenu li { display:block; margin:0; padding:0px 30px; line-height:30px; height:30px; float:left; font-size:16px; }
#header .headermenu li a { color:#87888A; text-decoration:none; }
#header .headermenu li a:hover { color:#171717; }
#header .headermenu li a.selected { color:#171717; font-weight:bold; }

#sitemap { padding:5px 0px; font-size:11px; }
#sitemap ul { list-style:none; padding:0px; margin:0px; height:21px; line-height:21px; font: normal 12px Arial;}
#sitemap li { float:left; list-style:none; padding:0px 7px 0px 12px; margin:0px; background:url('../images/demo_msi/separator.gif') left no-repeat; }
#sitemap li a { color:#878787; text-decoration:underline;  }
#sitemap li a:hover { color:#067f88; text-decoration:underline; }
#sitemap li.selected { }
#sitemap li.label { padding-left:0px; background:url(''); font-weight:bold; color:#878787; font: normal 12px Arial; }
#sitemap li.home { padding-left:0px; background:url(''); }


main li { list-style:inside; padding:7px 7px 7px 12px; margin:0px; }

#main { /*width:950px; border:1px solid #949494; padding:9px;*/ }

#main h1 { color:#067f88; font-weight:normal; font-size:28px; line-height:31px; padding:0; margin:0px 0px 15px 0px;}
#main h2 { color:#000000; font-weight:normal; font-size:18px; line-height:25px; padding:0; margin:0; }
/*#main strong { color:#000000; }
#main ul { padding:10px; margin:0px; }
#main ul li { list-style-type:none; padding: 2px 0px 6px 15px; margin:0px; background:url('../../images/li.gif') no-repeat left top; }*/

#main .button { }
#main .button ul { list-style:none; padding:0px; margin:0px; }
#main .button ul li { list-style:none; float:left; padding:0px; margin:0px 10px 0px 0px;}
#main .button a { display:block; height:26px; line-height:26px; text-decoration:none; text-align:center; background:url('../images/demo_msi/bgleft.png') no-repeat left; font-weight:bold; color:#FFFFFF; padding-left:10px; }
#main .button a span { color:#FFFFFF; display:block; height:26px; background:url('../images/demo_msi/bgright.png') no-repeat right; padding-right:10px; cursor:pointer; }

#main .smallbutton { }
#main .smallbutton ul { list-style:none; padding:0px; margin:0px; }
#main .smallbutton ul li { float:left; padding:0px; margin:0px 5px 0px 0px;}
#main .smallbutton a { display:block; height:22px; line-height:22px; text-decoration:none; text-align:center; background:url('../images/demo_msi/bgleftsmall.png') no-repeat left; font-weight:bold; color:#FFFFFF; font-size:11px; padding-left:8px; }
#main .smallbutton a span { color:#FFFFFF; display:block; height:22px; background:url('../images/demo_msi/bgrightsmall.png') no-repeat right; padding-right:8px; cursor:pointer; }

#main .form { background-color:#ECECED; padding:20px; font-size:12px; }
#main .form fieldset { padding:5px 0px; margin:0px; border:0px; }
#main .form fieldset p { margin:0px; padding:1px; clear:both; }
#main .form fieldset label { display:block; float:left; width:90px; text-align:right; line-height:20px; padding-right:3px; }
#main .form fieldset input { margin:0px 0px 1px 0px; padding:1px 2px;  }
#main .form fieldset select { margin:1px 0px 1px 0px; }
#main .form fieldset span { display:block; text-align:left; line-height:20px; float:left; }
#main .form fieldset span.red { color:#E51271; font-weight:bold; font-size:18px; padding-left:5px;  }
#main .form h1 { font-weight:normal; font-size:26px; line-height:29px; padding:0; margin:0px 0px 10px 0px;}
#main .form h2 { font-weight:normal; font-size:18px; line-height:25px; padding:0; margin:0; }	
#main .form strong { color:#000000; }
#main .form .block { background:url('../images/demo_msi/dotted.gif') repeat-x scroll top center; margin-top:15px; padding-top:10px; }
#main .form .button { padding-top:10px; padding-left:95px; }

#footermenu { width:990px; clear:both; color:#878787; padding-top:15px; color:#FFFFFF; font-size:12px;}
#footermenu ul { padding:0px; margin:0px; list-style:none; }
#footermenu ul li { padding:0px; margin:0px; list-style:none; text-align:center; height:50px; float:left; }
#footermenu ul li.txt { width:139px; }
#footermenu ul li.sep { width:3px; }
#footermenu a { color:#FFFFFF; text-decoration:none; height:50px; line-height:50px; display:block; background:url('../images/demo_msi/bgmenu.gif') top repeat-x; text-align:center; }
#footermenu a.cst { background:url('../images/demo_msi/bgmenucst.gif') top repeat-x; }
#footermenu a:hover { color:#FFFFFF; text-decoration:none; background-position:bottom;}

#footer { width:990px; clear:both; color:#878787; padding-top:10px; font-size:11px; text-align:right; }
#footer a { text-decoration:none; color:#87888A; }
#footer a:hover { color:#067f88; }

#form_recherche { width:280px; float:left; margin-left:20px; }
#form_recherche_top { width:250px; height:77px; background-color:#e20079; position:relative; top:0px; left:0px; padding:15px; border-bottom: 1px solid #227fc2; }
#form_recherche_top h1 { color:#FFF; font-size:28px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0 }
#form_recherche_top h2 { color:#FFF; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; padding:0; margin:0; line-height:28px; }
#form_recherche_bottom { width:250px; background-color:#62c4d8; position:relative; top:0px; left:0px; line-height:14px; padding:15px; color:#000 }
#form_recherche_bottom .sous-titre { color:#000; }
#form_recherche_bottom .textepetit { color:#000; }

#dotted { position:relative; height:8px; background-image:url('../images/demo_msi/dotted.gif'); background-position:bottom; background-repeat:repeat-x; width:98%; }


.menu_gauche_lien {
	font-family:Arial;
	font-size: 14px;
	color:#000000;
	text-decoration:none;
}

.menu_gauche_lien_actif {
	font-family:Arial;
	font-size: 14px;
	color:#ffffff;
	text-decoration:none;
}