550 lines
9.5 KiB
CSS
550 lines
9.5 KiB
CSS
|
/*
|
||
|
|
* class && id principaux
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* contraint toute l'application */
|
||
|
|
#applicationhome{
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
/* Menu de gauche pour l'objet home*/
|
||
|
|
#toollefthomehaut{
|
||
|
|
position: absolute;
|
||
|
|
background: url(../media/image/milieu1.gif) 0 0 repeat;
|
||
|
|
background-position: left top;
|
||
|
|
float: left;
|
||
|
|
left: 0; /* IE !!! */
|
||
|
|
width: 35px;
|
||
|
|
height: 922px;
|
||
|
|
}
|
||
|
|
#LastCom{
|
||
|
|
position: relative;
|
||
|
|
background: url(../media/image/milieu2.gif) 0 0 no-repeat;
|
||
|
|
width: 40px;
|
||
|
|
height: 180px;
|
||
|
|
left: 0; /* IE !!! */
|
||
|
|
padding-bottom: 30px;
|
||
|
|
}
|
||
|
|
#Basgauche{
|
||
|
|
position: absolute;
|
||
|
|
background: url(../media/image/bas_gauche.gif) #233956 0 0 no-repeat;
|
||
|
|
width: 250px;
|
||
|
|
height: 118px;
|
||
|
|
left: 0; /* IE !!! */
|
||
|
|
float: left;
|
||
|
|
padding: 0;
|
||
|
|
padding-left: 30px;
|
||
|
|
}
|
||
|
|
#Basgauche a{font-weight:bold;color:#FFFFFF;}
|
||
|
|
|
||
|
|
#logoBienvenue{
|
||
|
|
background: url(../media/image/bas_bienvenue.gif) #FFFFFF 0 0 no-repeat;
|
||
|
|
display: block;
|
||
|
|
position: absolute;
|
||
|
|
width: 50px;
|
||
|
|
height: 120px;
|
||
|
|
left: 250px; /* IE !!! */
|
||
|
|
}
|
||
|
|
#Bienvenue{
|
||
|
|
position: absolute;
|
||
|
|
padding-left: 10px;
|
||
|
|
left: 295px; /* IE !!! */
|
||
|
|
width: 400px;
|
||
|
|
background-color:#E7EAED;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* img bas menu gauche */
|
||
|
|
#toollefthomebas{
|
||
|
|
position: absolute;
|
||
|
|
background: url(../media/image/bas_gauche.gif) 0 0 no-repeat;
|
||
|
|
top: 1045px;
|
||
|
|
left: 0; /* IE !!! */
|
||
|
|
width: 30px;
|
||
|
|
height: 50px;
|
||
|
|
float: left;
|
||
|
|
}
|
||
|
|
/* footer */
|
||
|
|
#footerhomeligne {
|
||
|
|
position: absolute;
|
||
|
|
left:0;
|
||
|
|
background-color: #233956;
|
||
|
|
width: 50%;
|
||
|
|
height: 60px;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
#footerhomeligne a{font-weight:bold;color:#FFFFFF;}
|
||
|
|
/* header */
|
||
|
|
#headerhome{
|
||
|
|
height: 122px;
|
||
|
|
width: 100%;
|
||
|
|
background: url(../media/image/haut_fond.gif) 0 0 ;
|
||
|
|
background-position: left top;
|
||
|
|
}
|
||
|
|
/* Logo */
|
||
|
|
#logohome{
|
||
|
|
height: 122px;
|
||
|
|
width: 100%;
|
||
|
|
background: url(../media/image/haut_logo.gif) 0 0 no-repeat;
|
||
|
|
background-position: left top;
|
||
|
|
}
|
||
|
|
/* footer */
|
||
|
|
#footerhome{
|
||
|
|
background: url(../media/image/bas_fond.gif) 0 0 ;
|
||
|
|
width: 100%;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
#footerlogohome{
|
||
|
|
background: url(../media/image/bas.gif) 0 0 ;
|
||
|
|
width: 710px;
|
||
|
|
height: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* bloc principal data */
|
||
|
|
|
||
|
|
#datahome{
|
||
|
|
padding-left: 40px;
|
||
|
|
padding-right: 10px;
|
||
|
|
padding-top: 2px;
|
||
|
|
background: url(../media/image/milieu1.gif) 0 0 no-repeat;
|
||
|
|
}
|
||
|
|
#datahome .box{
|
||
|
|
width: 99%;
|
||
|
|
border: 1px solid #333366;
|
||
|
|
border-bottom:3px solid #333366;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
#datahome #messageprint{
|
||
|
|
margin-left:0;
|
||
|
|
left:0;
|
||
|
|
}
|
||
|
|
#datahome .box .box{
|
||
|
|
width: 100%;
|
||
|
|
border: 0;
|
||
|
|
border-top: 1px solid #333366;
|
||
|
|
}
|
||
|
|
/*#datahome div{
|
||
|
|
text-align: left;
|
||
|
|
width: 99%;
|
||
|
|
}*/
|
||
|
|
/*#datahome div div{
|
||
|
|
width: 100%;
|
||
|
|
}*/
|
||
|
|
#datahome legend{
|
||
|
|
padding: 4px;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
#datahome label{
|
||
|
|
float: left;
|
||
|
|
width: 155px;
|
||
|
|
display: inline;
|
||
|
|
font-weight: normal;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
#datahome input{
|
||
|
|
width: 155px;
|
||
|
|
margin: 3px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
#datahome select{
|
||
|
|
right: 0;
|
||
|
|
margin: 3px;
|
||
|
|
width: 157px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
#datahome textarea{
|
||
|
|
right: 0;
|
||
|
|
width: 160px;
|
||
|
|
margin: 3px;
|
||
|
|
vertical-align: middle;
|
||
|
|
}
|
||
|
|
#datahome h1, #datahome h2, #datahome h3{
|
||
|
|
padding-left: 2px;
|
||
|
|
}
|
||
|
|
#datahome .selectGroup select{
|
||
|
|
width: 230px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* gestion des fieldset (-> cas a gerer: dans .box et en dehors )*/
|
||
|
|
/*#data .fieldset {
|
||
|
|
display: block;
|
||
|
|
border: 1px solid #333366;
|
||
|
|
border-top: 20px solid #333366;
|
||
|
|
margin-bottom: 10px;
|
||
|
|
width: 99%;
|
||
|
|
border-spacing: 0;
|
||
|
|
}
|
||
|
|
#data .box .fieldset{
|
||
|
|
width: 100%;
|
||
|
|
border-left: 0;
|
||
|
|
border-right: 0;
|
||
|
|
border-bottom: 0;
|
||
|
|
margin-bottom: 0;
|
||
|
|
}
|
||
|
|
#data .fieldset legend, #data .box .fieldset legend{
|
||
|
|
text-align: left;
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #333366;
|
||
|
|
color: #FFFFFF;
|
||
|
|
}*/
|
||
|
|
#datahome .fieldset, #datahome .confirm{
|
||
|
|
display: block;
|
||
|
|
border: 1px solid #333366;
|
||
|
|
margin: 15px;
|
||
|
|
}
|
||
|
|
#datahome .area{
|
||
|
|
width: 98%;
|
||
|
|
}
|
||
|
|
#datahome .charte{
|
||
|
|
float: left;
|
||
|
|
padding: 2px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
#datahome .fieldsethome{
|
||
|
|
display: block;
|
||
|
|
margin: 2px;
|
||
|
|
width: 30%;
|
||
|
|
}
|
||
|
|
#datahome .fieldsethome legend{
|
||
|
|
color:#FFFFFF;
|
||
|
|
}
|
||
|
|
#datahome .fieldsethome input{
|
||
|
|
width: 200px;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
#datahome .fieldsethome select{
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
#datahome .textCom{
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#datahome .decalage{
|
||
|
|
width: 45%;
|
||
|
|
float: left;
|
||
|
|
padding-left: 30px;
|
||
|
|
}
|
||
|
|
#datahome .fieldset legend, #datahome .confirm legend{
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
/* Pour les suppressions*/
|
||
|
|
#datahome .confirm{
|
||
|
|
border: 1px solid rgb(255, 153, 0);
|
||
|
|
}
|
||
|
|
#datahome .confirm legend{
|
||
|
|
color: rgb(255, 153, 0);
|
||
|
|
}
|
||
|
|
#datahome .confirm .action {
|
||
|
|
border-top: 1px solid rgb(255, 153, 0);
|
||
|
|
}
|
||
|
|
#datahome .confirm .action .next{
|
||
|
|
border: 1px solid rgb(255, 153, 0);
|
||
|
|
background-color: rgb(255, 153, 0);
|
||
|
|
color: #FFFFFF;
|
||
|
|
width: 60px;
|
||
|
|
}
|
||
|
|
/* fin gestion des fieldset */
|
||
|
|
|
||
|
|
.important{
|
||
|
|
color: rgb(255, 153, 0);
|
||
|
|
padding: 4px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*Gestion des derniére communauté*/
|
||
|
|
#datahome .Com{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 600px;
|
||
|
|
padding-left: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#datahome .cadre1, #datahome .cadre2, #datahome .cadre3, #datahome .cadre4{
|
||
|
|
width: 110px;
|
||
|
|
padding: 12px 2px 12px 30px;
|
||
|
|
margin: 3px;
|
||
|
|
right: 0;
|
||
|
|
height: 30px;
|
||
|
|
/* font-weight: bolder; */
|
||
|
|
float: left;
|
||
|
|
vertical-align:baseline;
|
||
|
|
}
|
||
|
|
|
||
|
|
#datahome .cadre1{
|
||
|
|
background: url(../media/image/gros_picto.gif) #99CCFF 4px 5px no-repeat;
|
||
|
|
}
|
||
|
|
#datahome .cadre2{
|
||
|
|
background: url(../media/image/gros_picto.gif) #9999CC 4px 5px no-repeat;
|
||
|
|
}
|
||
|
|
#datahome .cadre3{
|
||
|
|
background: url(../media/image/gros_picto.gif) #6699CC 4px 5px no-repeat;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*fin gestion des derniéres communauté*/
|
||
|
|
|
||
|
|
|
||
|
|
#datahome .field{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 49%;
|
||
|
|
}
|
||
|
|
#datahome .field label{
|
||
|
|
height: 20px;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
#datahome .txt{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
font-weight: bold;
|
||
|
|
width: 48%;
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
#datahome .txt p{
|
||
|
|
display: inline;
|
||
|
|
float: left;
|
||
|
|
width: 100%;
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
#datahome .boxcheck{
|
||
|
|
display: block;
|
||
|
|
width: 30%;
|
||
|
|
float: left;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#datahome .boxcheck label{
|
||
|
|
width: 150px;
|
||
|
|
float: left;
|
||
|
|
font-weight: normal;
|
||
|
|
}
|
||
|
|
#datahome .boxcheck input{
|
||
|
|
width: 15px;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
#datahome .valid{
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
#datahome .valid label{
|
||
|
|
font-weight: bold;
|
||
|
|
float: none;
|
||
|
|
width: 475px;
|
||
|
|
}
|
||
|
|
#datahome .valid input{
|
||
|
|
width: 15px;
|
||
|
|
border: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Definition des tableaux de presentation par defaut
|
||
|
|
*/
|
||
|
|
/*#data table{
|
||
|
|
display: block;
|
||
|
|
border-spacing:1px;
|
||
|
|
margin: 0 15px 15px 15px;
|
||
|
|
}
|
||
|
|
#data .box > table{
|
||
|
|
padding: 0 15px 15px 15px;
|
||
|
|
margin: 0;
|
||
|
|
}*/
|
||
|
|
#datahome table{
|
||
|
|
display: block;
|
||
|
|
border-spacing:1px;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
#datahome table th{
|
||
|
|
background: #333366;
|
||
|
|
color: #FFFFFF;
|
||
|
|
text-align: center;
|
||
|
|
font-weight: bold;
|
||
|
|
padding-left: 10px;
|
||
|
|
padding-right: 10px;
|
||
|
|
white-space:nowrap;
|
||
|
|
}
|
||
|
|
#datahome table tr{
|
||
|
|
background: #333366;
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
#datahome table tr td{
|
||
|
|
background: #E7EAED;
|
||
|
|
text-align: left;
|
||
|
|
padding: 1px 1px 1px 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#datahome tr:hover td{
|
||
|
|
background: #FFFFFF;
|
||
|
|
}
|
||
|
|
|
||
|
|
#datahome table caption{
|
||
|
|
font-weight: bold;
|
||
|
|
text-align: left;
|
||
|
|
padding:15px 0 4px 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
#datahome table ul, .list{
|
||
|
|
padding-left: 20px;
|
||
|
|
list-style: square;
|
||
|
|
}
|
||
|
|
.list{
|
||
|
|
float: left;
|
||
|
|
width: 45%;
|
||
|
|
}
|
||
|
|
#datahome table tr td a{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
#datahome table .action{ border-top: 0; padding:0; width:258px; margin:0;}
|
||
|
|
#datahome table .action a{ margin: 0;}
|
||
|
|
/* Fin des tableaux */
|
||
|
|
|
||
|
|
|
||
|
|
nobr{
|
||
|
|
white-space:nowrap;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* doit etre utilise ici sinon plantage dans l'affichage fck d'IE !!!!!*/
|
||
|
|
#datahome iframe{}
|
||
|
|
|
||
|
|
/* sert pour la gestion des options d'affichage */
|
||
|
|
.option{
|
||
|
|
padding: 2px;
|
||
|
|
border-bottom: 1px solid #333366;
|
||
|
|
}
|
||
|
|
|
||
|
|
.clean{
|
||
|
|
height: 0px;
|
||
|
|
width: 0px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
.nodisplay{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* -> Gestion des onglets
|
||
|
|
*/
|
||
|
|
.tabe{vertical-align: bottom;}
|
||
|
|
|
||
|
|
.tabe ul {
|
||
|
|
height: 20px;
|
||
|
|
list-style: none;
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
.tabe ul li {
|
||
|
|
height: 19px;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* informations de l'objet */
|
||
|
|
/* utilise pour les headers*/
|
||
|
|
#datahome .header{
|
||
|
|
width: 100%;
|
||
|
|
padding: 3px 0 3px 0;
|
||
|
|
}
|
||
|
|
#datahome .header h1,#datahome .header h2,#datahome .header h3{
|
||
|
|
padding-top: 5px;
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
/* Utilise pour les infos contextuelles*/
|
||
|
|
#datahome .info{
|
||
|
|
border: 0;
|
||
|
|
padding: 4px;
|
||
|
|
text-align:center;
|
||
|
|
}
|
||
|
|
#datahome .info h1,#datahome .info h2,#datahome .info h3{
|
||
|
|
padding-top: 5px;
|
||
|
|
padding-bottom:5px;
|
||
|
|
}
|
||
|
|
/* Fin informations */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* legende d'un tableau */
|
||
|
|
#datahome .legend{
|
||
|
|
background: url(../media/picto/sort.gif) #FFFFFF 0 2px no-repeat;
|
||
|
|
border-bottom: 1px solid #333366;
|
||
|
|
height: 22px;
|
||
|
|
}
|
||
|
|
#datahome .legend div, #datahome .legend .pictodelete{
|
||
|
|
float: left;
|
||
|
|
width: 100px;
|
||
|
|
height: 16px;
|
||
|
|
text-align: left;
|
||
|
|
padding: 4px;
|
||
|
|
padding-left: 24px;
|
||
|
|
}
|
||
|
|
/* Fin legende */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* barres de boutons */
|
||
|
|
#datahome .action{
|
||
|
|
text-align: center;
|
||
|
|
width: 100%;
|
||
|
|
border-top: 1px solid #333366;
|
||
|
|
background: #E7EAED;
|
||
|
|
height: 27px;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
#datahome .action input, #datahome .action a{
|
||
|
|
width: 90px;
|
||
|
|
margin: 3px;
|
||
|
|
}
|
||
|
|
/* plus d'elements dans boutton.css */
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* sert pour les détails de liste (non visible) + BB Wysi....-> ce cas reste à reprendre */
|
||
|
|
.recap{
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
padding: 2px;
|
||
|
|
padding-left: 150px;
|
||
|
|
width: 27%;
|
||
|
|
}
|
||
|
|
.tableauInfo{
|
||
|
|
border: 2px solid #333366;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
/* gestion des barre d'outils */
|
||
|
|
/*#data .tool{
|
||
|
|
background: url(../media/picto/sort.gif) #c1d2ee 0 2px no-repeat;
|
||
|
|
border-bottom: 1px solid #333366;
|
||
|
|
padding-left: 20px;
|
||
|
|
height: 22px;
|
||
|
|
}
|
||
|
|
#data .tool a{
|
||
|
|
display: block;
|
||
|
|
padding-top: 5px;
|
||
|
|
}
|
||
|
|
#data .tool input{
|
||
|
|
width: 100px;
|
||
|
|
margin: 0;
|
||
|
|
height: 22px;
|
||
|
|
}
|
||
|
|
#data .tool .check{
|
||
|
|
border: 0;
|
||
|
|
background: #c1d2ee;
|
||
|
|
width: 12px;
|
||
|
|
height: 12px;
|
||
|
|
padding: 10px;
|
||
|
|
}
|
||
|
|
#data .tool label, #data .tool input, #data .tool select{
|
||
|
|
display: inline;
|
||
|
|
width: auto;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
/*
|
||
|
|
* Fin du main
|
||
|
|
*/
|