| 49 |
jpm |
1 |
/** Les CSS de l'application COEL */
|
| 308 |
jp_milcent |
2 |
*{
|
|
|
3 |
margin:0;
|
|
|
4 |
padding:0;}
|
| 60 |
jpm |
5 |
/* #------------------------------------------------------------------------------------------------------# */
|
|
|
6 |
/* CHARGEMENT APPLICATION */
|
|
|
7 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
8 |
#loading{
|
| 360 |
jp_milcent |
9 |
position:absolute;
|
|
|
10 |
left:45%;
|
|
|
11 |
top:40%;
|
|
|
12 |
margin-left:-45px;
|
|
|
13 |
padding:2px;
|
|
|
14 |
z-index:20001;
|
|
|
15 |
height:auto;
|
|
|
16 |
border:1px solid #ccc;
|
| 125 |
jpm |
17 |
width:400px;}
|
| 308 |
jp_milcent |
18 |
#loading a{
|
| 360 |
jp_milcent |
19 |
color:#225588;}
|
| 308 |
jp_milcent |
20 |
#loading .loading-indicator{
|
| 360 |
jp_milcent |
21 |
background:white;
|
|
|
22 |
color:#444;
|
|
|
23 |
font:bold 13px tahoma, arial, helvetica;
|
|
|
24 |
padding:10px;
|
|
|
25 |
margin:0;
|
|
|
26 |
height:auto;}
|
| 308 |
jp_milcent |
27 |
#loading .loading-indicator img{
|
| 60 |
jpm |
28 |
margin-right:8px;
|
|
|
29 |
float:left;
|
|
|
30 |
vertical-align:top;}
|
| 308 |
jp_milcent |
31 |
#loading-msg{
|
| 360 |
jp_milcent |
32 |
font:normal 10px arial, tahoma, sans-serif;}
|
| 66 |
jpm |
33 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
34 |
/* GÉNÉRAL */
|
| 66 |
jpm |
35 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
36 |
.attention{
|
| 125 |
jpm |
37 |
font:bold 14px;
|
|
|
38 |
color:red;}
|
| 60 |
jpm |
39 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
40 |
/* ENTÊTE */
|
| 60 |
jpm |
41 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
42 |
#coel-entete{
|
| 66 |
jpm |
43 |
color:white;
|
| 60 |
jpm |
44 |
height:100px;
|
|
|
45 |
background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
|
|
|
46 |
border:0pt none;
|
|
|
47 |
padding-left:3px;}
|
| 308 |
jp_milcent |
48 |
#coel-titre{
|
| 60 |
jpm |
49 |
font-family:tahoma, arial, sans-serif;
|
|
|
50 |
font-size:16px;
|
|
|
51 |
font-size-adjust:none;
|
|
|
52 |
font-stretch:normal;
|
|
|
53 |
font-style:normal;
|
|
|
54 |
font-variant:normal;
|
|
|
55 |
font-weight:normal;
|
|
|
56 |
line-height:normal;
|
| 66 |
jpm |
57 |
padding:0 0 8 6px;}
|
|
|
58 |
#coel-identification{
|
|
|
59 |
float:right;
|
|
|
60 |
margin:2 5 0 0px}
|
| 60 |
jpm |
61 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 66 |
jpm |
62 |
/* AIDE */
|
|
|
63 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
64 |
#coel-id-panneau-aide{
|
| 360 |
jp_milcent |
65 |
font-size:11px;
|
| 66 |
jpm |
66 |
margin:5px;}
|
| 308 |
jp_milcent |
67 |
#coel-id-panneau-aide ul{
|
|
|
68 |
list-style-type:disc;
|
|
|
69 |
padding-left:15px;}
|
|
|
70 |
#coel-id-panneau-aide ol{
|
|
|
71 |
list-style-type:decimal;
|
|
|
72 |
padding-left:15px;}
|
| 66 |
jpm |
73 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 360 |
jp_milcent |
74 |
/* CONNEXION/DECONNEXION */
|
|
|
75 |
/* #------------------------------------------------------------------------------------------------------# */
|
|
|
76 |
#coel-identification-zone-msg{
|
|
|
77 |
text-align:center;
|
|
|
78 |
background-color:#F8B9B9;
|
|
|
79 |
border:1px solid red;
|
|
|
80 |
margin:5px 0;}
|
|
|
81 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
82 |
/* PANNEAU DÉTAIL */
|
| 60 |
jpm |
83 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
84 |
.coel-detail{
|
| 360 |
jp_milcent |
85 |
height:55px;
|
|
|
86 |
background-color:#ddd;
|
|
|
87 |
border-bottom:1px solid silver;}
|
| 308 |
jp_milcent |
88 |
.coel-detail h1{
|
| 360 |
jp_milcent |
89 |
font-weight:bold;
|
|
|
90 |
font-size:12px;
|
|
|
91 |
padding:5 0 2 5px;}
|
| 308 |
jp_milcent |
92 |
.coel-detail h2{
|
| 360 |
jp_milcent |
93 |
font-size:11px;
|
|
|
94 |
font-weight:normal;
|
|
|
95 |
padding:0 5 0 5px;}
|
| 308 |
jp_milcent |
96 |
.coel-detail h3{
|
| 360 |
jp_milcent |
97 |
font-size:11px;
|
|
|
98 |
font-weight:normal;
|
|
|
99 |
padding:0 5 5 5px;}
|
| 60 |
jpm |
100 |
.coel-detail-body {
|
| 360 |
jp_milcent |
101 |
padding:12px;}
|
| 308 |
jp_milcent |
102 |
/* Liste de définition : style provenant de pompage.net : http://pompage.net/pompe/listesdefinitions/ */
|
|
|
103 |
dl.hb_affichage_tabulaire{
|
| 360 |
jp_milcent |
104 |
width:61em;}
|
| 308 |
jp_milcent |
105 |
.hb_affichage_tabulaire dt{
|
| 360 |
jp_milcent |
106 |
width:20em;
|
|
|
107 |
float:left;
|
|
|
108 |
margin:0;
|
|
|
109 |
padding:.2em;}
|
| 60 |
jpm |
110 |
/* hack de commentaire avec un antislash pour ie5 mac \*/
|
| 308 |
jp_milcent |
111 |
dt{
|
| 360 |
jp_milcent |
112 |
clear:both;}
|
| 60 |
jpm |
113 |
/* end hack */
|
| 308 |
jp_milcent |
114 |
.hb_affichage_tabulaire dd{
|
| 360 |
jp_milcent |
115 |
float:left;
|
| 60 |
jpm |
116 |
z-index:1;
|
| 360 |
jp_milcent |
117 |
width:40em;
|
|
|
118 |
margin:0;
|
|
|
119 |
padding:.2em;}
|
| 308 |
jp_milcent |
120 |
h2, .parent, .hb_espace, .hb_ligne{
|
| 360 |
jp_milcent |
121 |
clear:both;}
|
| 308 |
jp_milcent |
122 |
.hb_titre_en_ligne{
|
| 360 |
jp_milcent |
123 |
display:inline;
|
|
|
124 |
padding-top:1em;}
|
| 60 |
jpm |
125 |
#hb_renseignement_admin{
|
|
|
126 |
max-width:650px;
|
|
|
127 |
float:left;}
|
| 308 |
jp_milcent |
128 |
#hb_logo{
|
| 60 |
jpm |
129 |
float:right;}
|
| 308 |
jp_milcent |
130 |
dt, label{
|
| 360 |
jp_milcent |
131 |
font-weight:bold;}
|
| 308 |
jp_milcent |
132 |
form ul{
|
| 360 |
jp_milcent |
133 |
list-style-type:none;}
|
| 308 |
jp_milcent |
134 |
.hb_img_icone{
|
| 60 |
jpm |
135 |
border:0;
|
|
|
136 |
width:9px;
|
|
|
137 |
height:9px;}
|
| 308 |
jp_milcent |
138 |
.hb_img_fermer{
|
| 60 |
jpm |
139 |
border:0;
|
|
|
140 |
width:9px;
|
|
|
141 |
height:9px;}
|
| 308 |
jp_milcent |
142 |
.hb_ligne{
|
| 360 |
jp_milcent |
143 |
border:.2em dotted;
|
| 60 |
jpm |
144 |
width:4em;}
|
|
|
145 |
.hb_plier_deplier td{
|
|
|
146 |
padding:0;
|
|
|
147 |
margin:0;
|
|
|
148 |
text-align:left;
|
|
|
149 |
height:12px;
|
|
|
150 |
border-width:0;}
|
|
|
151 |
.hb_arborescence td{
|
|
|
152 |
padding:0;
|
| 360 |
jp_milcent |
153 |
margin:-5px 0 0 0;
|
| 60 |
jpm |
154 |
text-align:left;
|
|
|
155 |
vertical-align:top;
|
|
|
156 |
border-width:0;}
|
|
|
157 |
.pair{
|
| 360 |
jp_milcent |
158 |
background-color:#FAD2C6;}
|
| 60 |
jpm |
159 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
160 |
/* ÎCONES */
|
| 60 |
jpm |
161 |
/* #------------------------------------------------------------------------------------------------------# */
|
| 308 |
jp_milcent |
162 |
.no-icone{
|
|
|
163 |
padding:0;}
|
|
|
164 |
.icone-aide{
|
|
|
165 |
background:url(images/icones/aide.png) no-repeat center left !important;}
|
|
|
166 |
.icone-ajouter{
|
|
|
167 |
background:url(images/icones/ajouter.png) no-repeat center left !important;}
|
|
|
168 |
.icone-appli{
|
|
|
169 |
background:url(images/icones/application.png) no-repeat center left !important;}
|
|
|
170 |
.icone-appli-panneau-liste{
|
|
|
171 |
background:url(images/icones/application_panneau_liste.png) no-repeat center left !important;}
|
|
|
172 |
.icone-bascule{
|
|
|
173 |
background:url(images/icones/fleche_bascule.png) no-repeat center left !important;}
|
|
|
174 |
.icone-bel{
|
|
|
175 |
background:url(images/icones/livre_ouvert.png) no-repeat center left !important;}
|
|
|
176 |
.icone-cel{
|
|
|
177 |
background:url(images/icones/images.png) no-repeat center left !important;}
|
|
|
178 |
.icone-connexion{
|
|
|
179 |
background:url(images/icones/connexion.png) no-repeat center left !important;}
|
|
|
180 |
.icone-deconnexion{
|
|
|
181 |
background:url(images/icones/deconnexion.png) no-repeat center left !important;}
|
| 341 |
jp_milcent |
182 |
.icone-deplier-tout{
|
|
|
183 |
background:url(images/icones/deplier_tout.png) no-repeat center left !important;}
|
| 308 |
jp_milcent |
184 |
.icone-form-ajouter{
|
|
|
185 |
background:url(images/icones/formulaire_ajouter.png) no-repeat center left !important;}
|
|
|
186 |
.icone-form-modifier{
|
|
|
187 |
background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
|
|
|
188 |
.icone-imprimer{
|
|
|
189 |
background:url(images/icones/imprimer.png) no-repeat center left !important;}
|
|
|
190 |
.icone-information{
|
|
|
191 |
background:url(images/icones/information.png) no-repeat center left !important;}
|
|
|
192 |
.icone-modifier{
|
|
|
193 |
background:url(images/icones/formulaire_modifier.png) no-repeat center left !important;}
|
|
|
194 |
.icone-param{
|
|
|
195 |
background:url(images/icones/engrenages.png) no-repeat center left !important;}
|
|
|
196 |
.icone-preference{
|
|
|
197 |
background:url(images/icones/groupe_engrenage.png) no-repeat center left !important;}
|
|
|
198 |
.icone-supprimer{
|
|
|
199 |
background:url(images/icones/supprimer.png) no-repeat center left !important;}
|
|
|
200 |
.icone-table{
|
|
|
201 |
background:url(images/icones/table.png) no-repeat center left !important;}
|
|
|
202 |
.icone-utilisateur{
|
|
|
203 |
background:url(images/icones/utilisateur.png) no-repeat center left !important;}
|
|
|
204 |
.icone-vcard-ajouter{
|
|
|
205 |
background:url(images/icones/vcard_ajouter.png) no-repeat center left !important;}
|
|
|
206 |
.icone-vcard-supprimer{
|
|
|
207 |
background:url(images/icones/vcard_supprimer.png) no-repeat center left !important;}
|
|
|
208 |
.icone-rafraichir{
|
|
|
209 |
background:url(images/icones/rafraichir.png) no-repeat center left !important;}
|
| 341 |
jp_milcent |
210 |
.icone-replier-tout{
|
|
|
211 |
background:url(images/icones/replier_tout.png) no-repeat center left !important;}
|
| 308 |
jp_milcent |
212 |
/* #------------------------------------------------------------------------------------------------------#*/
|
|
|
213 |
/* IMAGES */
|
|
|
214 |
/* #------------------------------------------------------------------------------------------------------#*/
|
|
|
215 |
.conteneur-image-centre{
|
| 360 |
jp_milcent |
216 |
text-align:center;}
|
| 308 |
jp_milcent |
217 |
.logo-personne{
|
| 360 |
jp_milcent |
218 |
max-height:250px;}
|
| 308 |
jp_milcent |
219 |
/* #----------------------------------------------------------------------------------------------------------#*/
|
|
|
220 |
/* PANNEAU PUBLICATION */
|
|
|
221 |
/* #----------------------------------------------------------------------------------------------------------#*/
|
|
|
222 |
.x-formulaire-auteur{
|
| 360 |
jp_milcent |
223 |
padding-left:100px;}
|
| 308 |
jp_milcent |
224 |
.x-formulaire-auteur-label{
|
| 225 |
aurelien |
225 |
padding:3px 0 !important;
|
|
|
226 |
text-align:left;
|
|
|
227 |
clear:left;
|
|
|
228 |
display:block;
|
|
|
229 |
float:left;
|
|
|
230 |
padding:3px 3px 3px 0;
|
|
|
231 |
position:relative;
|
|
|
232 |
width:100px;
|
|
|
233 |
z-index:2;
|
|
|
234 |
font-weight:bold;
|
|
|
235 |
font-family:tahoma,arial,helvetica,sans-serif;
|
|
|
236 |
font-size:12px;
|
|
|
237 |
font-size-adjust:none;
|
|
|
238 |
font-style:normal;
|
|
|
239 |
font-variant:normal;
|
| 355 |
gduche |
240 |
line-height:normal;}
|
|
|
241 |
/* #----------------------------------------------------------------------------------------------------------#*/
|
| 360 |
jp_milcent |
242 |
/* AUTRES */
|
| 355 |
gduche |
243 |
/* #----------------------------------------------------------------------------------------------------------#*/
|
|
|
244 |
#main-button button{
|
|
|
245 |
font-weight:bold;
|
| 360 |
jp_milcent |
246 |
text-decoration:underline;}
|