/* IrigaNetworks
 * ~~~~~~~~~~~~~
 *
 * Version $Id: ick_style.css,v 1.2 2008/09/05 18:38:14 aak Exp $
 */


html, body {
	width: 100%;
	height: 100%;
}

a, a:visited {
	text-decoration : none;
	color: #6e6e6e;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:verdana, sans-serif;
	background-color:#FFFFFF; /* WHITE */
	color: black;
	text-align: center; /* pour corriger le bug de centrage IE */
}

.conteneur { /*le conteneur global du site, qui sera centré */
	width: 100%;
	height: 100%;
	text-align: left; /* on rétablit l'alignement du texte*/
	font-size:10pt;
}

/* Bloc Titre
 * ~~~~~~~~~~ */
.header {
	height: 50px;
}

.titre {
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	padding: 12px 0px 0px 0px;
}

.logoGauche {
	float: left;
	margin: 4px 0px 0px 10px;
}

.logoDroit {
	float: right;
	margin: 4px 10px 0px 0px;
}

/* 1ere zone
 * ~~~~~~~~~~ */
.zone1 {
	text-align: left;
	position: absolute;
	left: 12%;
	width: 44%;
	border-right:#ff9a22 2px solid;
}

/* 2eme zone
 * ~~~~~~~~~~ */
.zone2 {
	text-align: left;
	top: 50%;
	position: absolute;
	left: 58%;
	width: 30%;
}
/* Connect
 * ~~~~~~~~~~ */
.connect {
	border:1px solid #fc9921;
	text-align: left;
	padding-top: 10px;
	/*position: absolute;*/
	/*left: 25%;*/
	width: 50%;
	margin : auto;
}

.information {
	text-align: left;
	padding-top: 10px;
	/*position: absolute;*/
	width:975px;
	margin : auto;
	
}
.locataire {
	font-style: italic;
	font-weight: bold;
	font-size: 20px;
	font-family: arial, sans-serif;
	text-align: center;
	padding-top: 10px;
	position: absolute;
	margin : auto;
	
}
.reglement {
	
	border-style: 2px solid #ffffff; 
	overflow: scroll; 
	width: 975px;
	height: 380px; 

	text-align: left;
	padding-top: 0px;
	margin : auto;
	position: absolute;
}
.bas{
	padding-top: 350px;
}

.identification{
	text-align:center;
	border-collapse: collapse;
	margin : auto;
	width:400px;
}
/* gestionRDV
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tablegestionRDV{
	text-align:center;
	border-collapse: collapse;
	margin : auto;
	width:975px;

}
.tablegestionRDV th, .tablegestionRDV td{
	border: 1px solid black;
	padding: 0;
	margin: 0;
}

.tablegestionRDV table{
	border-collapse: collapse;
}
/* gestionCode
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.tablegestionCode{
	text-align:center;
	border-collapse: collapse;
	margin : auto;
	width:975px;

}
.tablegestionCode th, .tablegestionCode td{
	border: 1px solid black;
	padding: 0;
	margin: 0;
}

.tablegestionCode table{
	border-collapse: collapse;
}
/* gestionAdministration
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.administration{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 10px;
	/*position: absolute;*/
	width:975px;
	
}
.tableAdministration{
	text-align:center;
	border-collapse: collapse;
	margin-left: auto;
	width:975px;

}
.tableAdministration th, .tableAdministration td{
	border: 1px solid black;
	padding: 0;
	margin: 0;
}

.tableAdministration table{
	border-collapse: collapse;
}
/* gestionReservation
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gestionReservation{
	text-align: left;
	padding-top: 10px;
	/*position: absolute;*/
	width:975px;
	margin : auto;
}
.gestionReservationGestionnaire{
	text-align:center;
	border-collapse: collapse;
	margin : auto;
	width:975px;

}
.gestionReservationGestionnaire th, .gestionReservationGestionnaire td{
	border: 1px solid black;
	padding: 0;
	margin: 0;
}

.gestionReservationGestionnaire table{
	border-collapse: collapse;
}
/* gestionPaiement
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.gestionPaiement{
	text-align: left;
	padding-top: 10px;
	/*position: absolute;*/
	width:975px;
	margin : auto;
}
.gestionPaiementTable{
	text-align:center;
	border-collapse: collapse;
	margin : auto;
	width:975px;

}
.gestionPaiementTable th, .gestionPaiementTable td{
	border: 1px solid black;
	padding: 0;
	margin: 0;
}

.gestionPaiementTable table{
	border-collapse: collapse;
}
/* gestionLocataires
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.gestionLocataires {
	text-align: left;
	padding-top: 10px;
	/*position: absolute;*/
	width:975px;
	margin : auto;
	
}
.tablegestionLocataires {
	text-align: center;
	border-collapse: collapse;
	width:975px;
	margin : auto;
}

.tableGestionLocataires table {
	border-collapse: collapse;
}

.tableGestionLocataires th, .tableGestionLocataires td {
	border: 1px solid black;
	padding: 0;
	margin: 0;
	
}
 
.tableGestionLocataires th {
	
	margin-top: 0em;
	height: 2em;
	font-size: 70%;
	font-weight: high;

}

.tableGestionLocataires td {
	
	color: black;
	text-align: center;
	font-size: 70%;
	font-weight: normal;
}

/* Tmenu 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.table {
	rules="all" 
	BORDER="1" 
	width=100%
}
.Tmenu {
	 PADDING-RIGHT: 4px;
    BORDER-TOP: #ff9a22 2px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: 900;
    FONT-SIZE: 11pt;
    COLOR: #6e6e6e;
    BORDER-BOTTOM: #ff9a22 2px solid;
    FONT-FAMILY: Arial, Helvetica;
    BORDER-COLLAPSE: collapse;
    TEXT-ALIGN: center;
	 background-color: #ff9a22;
}
.Tmenu a{
    text-decoration : none;
    color: white;
}
.TmenuBis {
	 PADDING-RIGHT: 4px;
    BORDER-TOP: #ff9a22 2px solid;
    PADDING-LEFT: 4px;
    FONT-WEIGHT: 900;
    FONT-SIZE: 11pt;
    BORDER-BOTTOM: #ff9a22 2px solid;
    FONT-FAMILY: Arial, Helvetica;
    BORDER-COLLAPSE: collapse;
    TEXT-ALIGN: center;
}

.TmenuBis a{
    text-decoration : none;
    color: #ff9a22;
}
	
	

/* Table des listes de rdv pour un mois
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.listeRDVMois {
	text-align: left;
	padding-top: 10px;
	position: absolute;
	left: 11%;
	right: 12%;
	
}

.tableListeRDVMois {
	text-align: center;
	border-collapse: collapse;
	margin: 10px 0 0 10px;
	width:98%;
}

.tableListeRRDVMois table {
	border-collapse: collapse;
}

.tableListeRDVMois th, .tableListeRDVMois td {
	border: 1px solid #438197;
	padding: 0;
	margin: 0;
	width: 14%;
	
}
 
.tableListeRDVMois th {
	color: #438197;
	margin-top: 0em;
	height: 2em;
	font-size: 70%;
	font-weight: high;

}

.tableListeRDVMois td {
	color: #438197;
	text-align: center;
	height: 1em;
	font-weight: normal;
}

.tableListeRDVMois1 table {
	text-align: left;
	border-collapse: collapse;
}

.tableListeRDVMois1 th, .tableListeRDVMois1 td {
	vertical-align: top;
	margin: 0;
	border: 0;
	font-size: 70%;
	height: auto;
	width: auto;
}
 
.tableListeRDVMois1 th {
	padding: 1px 0.5em 1px 1px;
	color: #438197;
	font-weight: bold;
}

.tableListeRDVMois1 td {
	padding: 0;
	color: black;
}
/* Gestion de calendrier
 * ~~~~~~~~~~~~~~~~~~~~~
 */
#basis {
	display:inline;
	position:relative;
	}
#calender {
	position:absolute;
	top:7px;
	right:0px;
	width:220px;
	background-color:#fff;
	border:3px solid #ccc;
	padding:10px;
	z-index:10;
	font-size:11px;
	}
#control {
	text-align:center;
	margin:0 0 5px 0;
	}
#control select {
	font-family:"Lucida sans unicode", sans-serif;
	font-size:11px;
	margin:0 5px;
	vertical-align:middle;
	}
#calender .controlPlus {
	padding:0 5px;
	text-decoration:none;
	color:#333;
	}
#calender table {
	empty-cells: show;
	width:100%;
	font-size:11px;
	font-weight: normal;
	table-layout:fixed;
	}
#calender .weekdays td{
	text-align:right;
	padding:1px 5px 1px 1px;
	color:#333;
	}
#calender .week td {
	text-align:right;
	cursor:pointer;
	border:1px solid #fff;
	padding:1px 4px 1px 0;
	}
#calender .week .today { 
	background-color:#ccf;
	border-color:#ccf;
	}
#calender .week .holiday {
	font-weight: bold;
	}
#calender .week .hoverEle {
	border-color:#666;
	background-color:#99f;
	color:#000;
	}
#calender .week .actuel { 
	border:2px solid #ccf;
	}
.formulaire{

}















/* ligne
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.ligne {
	border-right: 2px solid #fc9921;
	text-align: center;
}

/* Bloc principal sans scroll
 * ~~~~~~~~~~~~~~~~~~~~~~~~ */
.contenu {
	position: absolute;
	margin-left: 100px;
	right: 0;
	left: 0;
	height: 560px;
	text-decoration: none;
	
}

/* Bienvenue
 * ~~~~~~~~*/
.bienvenue {
	padding-top: 100px;
	text-align: center;
	font-size: xx-large;
}
/* Gestion en onglets
 * ~~~~~~~~~~~~~~~~~~~*/
#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid grey;
    margin: 0;
}

#tabnav li {
    float: left;
    height: 21px;
    background-color: #438197;
    margin: 2px 2px 0 2px;
    border: 1px solid grey;
}

#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

#tabnav li.active a {
    color: #438197;
}

#tabnav a {
    float: left;
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 4px;
}

#tabnav a:hover {
    background: #fff;
    color: #438197;
}
 

/* Table affichage 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~*/

.e, .show table {
	font-size: smaller;
	font-weight: bold;
	width: 100%;
}

.show input {
	font-size: normal;
}

.show td {
	text-align: left;
	padding: 1ex 1ex 0 0;
}

#showTitre {
	text-align: center;
	border-bottom: 1px solid gray;
	font-weight: bold;
	font-size: 120%;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#showTitreAdr {
	text-align: left;
	border-bottom: 1px solid gray;
	font-weight: bold;
	font-size: 120%;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#showInfo {
	text-align: right;
	color: #438197;
	width: 20em;
}
#showAdr {
	text-align: right;
	color: #438197;
	width: 20em;
}
#showSep {
	width: 1px;
}

#showBoutonRight{
	text-align: right;
}
#showBoutonLeft{
	text-align: left;
}
#showAjout{
	font-size: smaller;	
}
.show th {
	text-align: right;
}
#idCell1{
	width: 40em;
}

/* Table Formulaire 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.c, .saisie table {
	font-weight: bold;
	font-size: smaller;
	width: 100%;
}

.saisie input {
	font-size: normal;
}

.saisie td {
	text-align: left;
	padding: 1ex 2ex 1ex 0;
}

#saisieTitre {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid gray;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#saisieInfo {
	text-align: right;
	color: #438197;
}
#saisieAdr {
	text-align: right;
	color: #438197;
}

.saisie th {
	text-align: right;
}
#saisieCell1{
	width: 40em;
}

/* Affichage des produits 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.showProd table { 
	font-weight: bold;
	font-size: smaller;
	width: 100%;
}
.showProd th {
	text-align: left;
	border-bottom: 1px solid gray;
	color: #438197;

}

.showProd td {
	text-align: left;
	padding: 1ex 0 1ex 0;
}
#idShowProdAucun { 
	text-align: center;
}
#idShowProdLastInsert {

    background-color: #dddddd;
}

/* Table affiche frameBas 
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.showFrame table { 
	font-weight: bold;
	font-size: smaller;
	width: 100%;
}
.showFrame th {
	text-align: left;
	border-bottom: 1px solid gray;
	color: #438197;

}

.showFrame td {
	text-align: left;
	padding: 0 0 0 0;
}
#idShowFrameAucun { 
	text-align: center;
}
.showFrame img{
	border: 0 none;
}
#idShowFrameLastInsert {

    background-color: #dddddd;
}
.frameTitre {
	text-align: left;
	font-weight: bold;
	padding: 0 0 0.5em 0;
	margin: 0;
	border-bottom: 1px solid #438197;
	width: 100%;
}

#idShowCorres {
	text-align: left;
	font-weight: bold;
	font-size: small;
}
#idShowCorresInfos {
	text-align: left;
	padding-left: 5em;
	font-style: italic;
}
/* Table formulaire création  user
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.c, .formUser table {
	font-weight: bold;
	font-size: smaller;
	width: 100%;
}

.formUser input {
	font-size: normal;
}

.formUser td {
	text-align: left;
	padding: 1ex 2ex 1ex 0;
}

#formUserTitre {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid gray;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#formUserInfo {
	text-align: right;
	color: #438197;
	width: 20em;
}
#formUserAdr {
	text-align: right;
	color: #438197;
	width: 20em;
}

.formUser th {
	text-align: right;
}
#formCell1{
	width: 40em;
}
/* Tableau Affichage User
 * ~~~~~~~~~~~~~~~~~~~~~~~*/
.d, .showUser table {
	font-size: smaller;
	font-weight: bold;
	width: 100%;
}

.showUser input {
	font-size: normal;
}

.showUser td {
	text-align: left;
	padding: 1ex 1ex 0 0;
}

#showUserTitre {
	text-align: center;
	border-bottom: 1px solid gray;
	font-weight: bold;
	font-size: 120%;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#showUserTitreAdr {
	text-align: left;
	border-bottom: 1px solid gray;
	font-weight: bold;
	font-size: 120%;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#showUserInfo {
	text-align: right;
	color: #438197;
	width: 15em;
}
#showUserAdr {
	text-align: right;
	color: #438197;
	width: 15em;
}
#showUserSep {
	width: 1px;
}

#showUserBouton{
	text-align: right;
}
.showUser th {
	text-align: right;
}
#idCell1{
	width: 40em;
}




/* Tableau form site 
 *~~~~~~~~~~~~~~~~~~~~~~~~*/

.c, .formSite table {
	font-weight: bold;
	font-size: smaller;
	width: 100%;
}

.formSite input {
	font-size: normal;
}

.formSite td {
	text-align: left;
	padding: 1ex 2ex 1ex 0;
}

#formSiteTitre {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px solid gray;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#formSiteInfo {
	text-align: right;
	color: #438197;
}
#formSiteAdr {
	text-align: right;
	color: #438197;
}

.formSite th {
	text-align: right;
}
#formCell1{
	width: 40em;
}





/* Tableau affichage site 
 *~~~~~~~~~~~~~~~~~~~~~~~~*/


.e, .showSite table {
	font-size: smaller;
	font-weight: bold;
	width: 100%;
}

.showSite input {
	font-size: normal;
}

.showSite td {
	text-align: left;
	padding: 1ex 1ex 0 0;
}

#showSiteTitre {
	text-align: left;
	border-bottom: 1px solid gray;
	font-weight: bold;
	font-size: 120%;
	padding: 1ex 0 1ex 0;
	color: #438197;
}
#showSiteInfo {
	text-align: right;
	color: #438197;
	width: 15em;
}
#showSiteAdr {
	text-align: right;
	color: #438197;
	width: 15em;
}
#showSiteSep {
	width: 1px;
}
	width: 25em;

#showSiteBouton{
	text-align: left;
}
#showSiteAjout{
	font-size: smaller;
}
.showUser th {
	text-align: right;
}
#idCell1{
	width: 40em;
}

/* Affichage des groupes 
 * ~~~~~~~~~~~~~~~~~~~~~~~*/

/* Blocs de selection
 * ~~~~~~~~~~~~~~~~~~*/
.selection {
	text-align: left;
	padding: 0 0 0.5em 0;
	margin: 0;
	border-bottom: 1px solid #438197;
	width: 100%;
}

.selectTitre {
	padding: 0;
	margin: 0.5em 0 0 10px;
	font-size: large;
}

.selectForm {
	padding: 0;
	margin: 0.5em 0 0 10px;
}


/* Blocs affichage recherche abonne
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.showSearch table { 
	font-weight: bold;
	font-size: smaller;
	width: 100%;
}
.showSearch th {
	text-align: center;
	border-bottom: 1px solid gray;
	color: #438197;

}

.showSearch td {
	text-align: center;
	padding: 1ex 0 1ex 0;
}
#idShowSearchAucun { 
	text-align: center;
}


/* Style Facture
 * ~~~~~~~~~~~~~~~~~~
 */
.infosOrga{
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid gray;


}
.logoDroite{
	position: absolute;
	right: 0;
	top: 0;
	border: 1px solid gray;
	/*background-image: url(ick_logo.gif);	*/
}
.libelle{
	position: absolute;
	left: 0;
	top: 15em;
	border: 1px solid gray;
}
.infosUser{
	position: absolute;
	right: 0;
	top: 15em;
	border: 1px solid gray;
}
.factUser{
	position: absolute;
	right: 0;
	left: 0;
	top: 25em;
	border: 1px solid gray;


}



/* Boutons de la page
 * ~~~~~~~~~~~~~~~~~~
 */
.bouton, .bouton:visited, .bouton:hover {
	background-color: #ece9d8;
	color: black;
	text-decoration: none;
	font-family: Arial;
	font-weight: normal;
	font-size: x-small;
	text-align: center;
	vertical-align: middle;
	padding: 2px 10px;
}

.bouton, .bouton:visited {
	border: 2px outset;
}

.bouton:hover {
	border: 2px inset;
}



/* Description de la classe Erreur fatale
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.erreurFatale {
	clear:both;
	width: 60%;
	margin: 30px;
	padding: 10px;
	border: 3px solid #438197;
	background-color: white;
	color: black;
	font-size:120%;
}

#debug {
	position: absolute;
	bottom:0;
	color:red;
	margin:0;
	padding:0;
	font-size:x-small;
}

.anneeLocataire{
	text-align:center;
	border-collapse: collapse;
	margin : auto;
	width:100%;
}
.anneeLocataire td,.anneeLocataire th{
	text-align:center;
	border:1px solid black;
	width:33%;
}