scripts/intranet/static/css/monCompte.css

/********************************************
 *  <!-- disposition générale -->
********************************************/
#globalDiv {
    padding-left:100px;
}

/* style du titre au  dessus des onglet et des titres pour les pages PayPal */
div.domtab>h1, 
h2 {
    font-size:1.4em;
    margin:2px;
}


/********************************************
 *  <!-- onglets -->
********************************************/
/* conteneur de l'ensemble */
div.domtab{
    padding:3px;
    width:100%;
    font-size:90%;
    background:#fad163;
    clear:left;
}

/* onglets */
ul.domtabs{
    float:left;
    width:100%;
    margin:0;	
    padding:0;
    list-style-type:none;
			
}
ul.domtabs li{
    float:left;
}
ul.domtabs a:link, 
ul.domtabs a:visited, 
ul.domtabs a:active, 
ul.domtabs a:hover{
    font-weight:bold;
    display:block;
    padding:0.4em;
    text-align:center;
    background:#fad163;
}

ul.domtabs li.active a:link,
ul.domtabs li.active a:visited,
ul.domtabs li.active a:active,
ul.domtabs li.active a:hover{
    background:#fff7D7;
    color:#000;
    text-decoration:none;
}

/* les pages */
div.domtab>div {
    padding:0;
    clear:both;
    border:5px solid #fff7D7;
}
/* ancre des pages */
.mark {
    height:0;
    clear:both;
    display:none;
}

/********************************************
 *  <!-- division des pages -->
********************************************/
.tabbed_page {
    padding:0;
    margin:0;
}

ul.tabbed_page {
    list-style-type:none;
}

dl.tabbed_page>dt, 
dl.tabbed_page>dd, 
ul.tabbed_page>li {
    background:#fff7D7;
    padding:10px;
    margin:0 0 2px 0;
    font-weight:bold;
}
dl.tabbed_page>dt.last, 
dl.tabbed_page>dd.last, 
ul.tabbed_page>li.last {
    margin:0 0 0 0;
}

dl.tabbed_page>dt {
    width:40%;
    display:block;
    height:100%;
    float:left;
    clear:left;
}

dl.tabbed_page>dd {
    padding-left:45%;
}

span.actions {
    display:block;
    float:right;
    font-size:0.9em;
    font-weight:normal;
}
.tabbed_page span.actions a {
    margin:2px 10px;
}


.tabbed_page dl, 
.tabbed_page dl dt, 
.tabbed_page dl dd {
    margin:0;
    padding:0;
}

.tabbed_page dl dt {
    float:left;
    margin-right:5px;
}

.tabbed_page dl dd, 
.tabbed_page p {
    font-weight:normal;
    margin:3px;
}


span.valide {
    color:green;
    font-weight:bold;
}

span.invalide {
    color:red;
    font-weight:bold;
}

.clear {
    clear:both;
}

ul.tabbed_page li.centrer {
    padding:10px;
    margin-left:0;
    text-align:center;
}


/********************************************
 *  <!-- formulaires -->
********************************************/

.textInputNote {
    display:block;
    padding-left:0;
    font-size:0.8em;
    font-weight:normal;
}

dd .textInputNote {
    padding-left:0;
}
li .textInputNote {
    padding-left:175px;
}

label.textInputLabel{
    width:175px;
    display:block;
    float:left;
}

label.checkBoxLabel{
    float:none;
    padding-left:175px;
}

/********************************************
 *  <!-- liste machines -->
********************************************/
dl#machineList,
dl#machineList>dt {
    margin:0;
    padding:0;
}
#machineList>dt {
    
    font-size:1.2em;
    font-weight:bold;
    margin:5px 5px 5px 5px; 
    height:30px;
    padding:10px 20px;
    background:#fff7D7;
}
#machineList>dd {
	margin:0 0 2px 0;
}
.linkToggle {
	display:block;
	float:left;
	height:15px;
	width:15px;
	background:transparent url(../images/fl.png) top left;
	margin-right:1px;
}
/********************************************
 *  <!-- infos machines -->
********************************************/
.machineDetails {
	background: #fff7D7;/*/ url(../images/fondFacturesDetails.png) repeat-x top;*/
	padding:0;
	/*width:96%;*/
	display:none;
	margin:0;
}

dl.machineInfos dt, dl.machineInfos dd {
    float:left;
    margin-top:0;
    padding:.1em;
    display:block;
    width:20%;
}

dl.machineInfos dt {
    text-align:right;
    width:20%;

}
/********************************************
 *  <!-- liste alias -->
********************************************/
ul.listeAlias {
    list-style-type:none;
    margin:0;
    padding:0;
}
ul.listeAlias li span {
    color:#666;
}


/********************************************
 *  <!-- messages -->
********************************************/
#loadings {
    background:#cc0000;
    position:fixed;
    top:1px;
    right:1px;
    z-index:1000;
    display:none;
    padding:2px 3px;
    color:white;
}

.messageText {
    padding:2px 10px;
    display:block;
}
#messagePlaceHolder {
    height:0;
    overflow:visible;
    position:relative;
    top:-4em;
}

.message {
    padding:0;
    background:#fad163;
    width:300px;
    text-align:center;
    margin : 1px auto 10px auto;
}
.errorMessage {
    display:block;
    background:white;
    border:2px #cc0000 solid;
    padding:5px;
    text-align:center;
    min-width:230px;
    max-width:430px;
    font-weight:bold;
    margin : 1px auto 10px auto;
}

/********************************************
 *  <!-- popup PayPal -->
********************************************/
div#popupInnerBody {
    border:5px solid #fad163;
	background: #fff7D7;
    margin:5px;
    padding:5px;
}

div#popupInnerBody .liens {
    list-style-type:none;
    float:right;
    height:1em;
	background: #fff7D7;
    border-color:#fad163;
    border-style: none solid solid solid;
    border-width:3px;
    margin:0;
    padding:2px;
}

div#popupInnerBody .liens a {
    display:block;
    height:1em;
    float : left;
    margin:0 5px;
}

a { color:blue; }

/********************************************
 *  <!-- factures - details -->
********************************************/

table.factureDetails {
	padding:1%;
	width:96%;
	margin:0 1% 10px 1%;
}


.tdTotalDetail,
.tdTotalDetailIntitule {
    border-top:thin black solid;
}

.tdTotalDetailIntitule {
    text-align:right;
    font-weight:bold;
}

table.factureDetails th {
	border-bottom:thin black solid;
}
table.factureDetails th,
table.factureDetails td {
	border-right:thin black solid;
	margin:0;
	padding:5px 20px;
}



/********************************************
 *  divers
********************************************/
.empty {
       color:gray;
}