Subversion Repositories eFlore/Applications.coel

Rev

Rev 516 | Rev 778 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
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;}
393 jp_milcent 39 
.coel-label{
40 
	font-weight:bold;
41 
	line-height:18px;}
42 
.coel-fieldset{
43 
	float:left;
424 jp_milcent 44 
	padding:5px;
45 
	width:45%;}
393 jp_milcent 46 
.coel-clear{
47 
	clear:both;
48 
	line-height:0;
413 jp_milcent 49 
	border:none;
50 
	width:0;/*Pour IE*/}
393 jp_milcent 51 
.coel-meta{
52 
	font-size:10px;
53 
	font-weight:normal;}
425 jp_milcent 54 
.coel-indentation{
55 
	padding-left:15px;}
60 jpm 56 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 57 
/*												ENTÊTE 														*/
60 jpm 58 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 59 
#coel-entete{
66 jpm 60 
	color:white;
60 jpm 61 
	height:100px;
62 
	background:#1E4176 url(images/bg/hd-bg.png) repeat-x scroll 0pt;
63 
	border:0pt none;
64 
	padding-left:3px;}
308 jp_milcent 65 
#coel-titre{
60 jpm 66 
	font-family:tahoma, arial, sans-serif;
67 
	font-size:16px;
68 
	font-size-adjust:none;
69 
	font-stretch:normal;
70 
	font-style:normal;
71 
	font-variant:normal;
72 
	font-weight:normal;
73 
	line-height:normal;
66 jpm 74 
	padding:0 0 8 6px;}
75 
#coel-identification{
539 jp_milcent 76 
	color:white;
66 jpm 77 
	float:right;
78 
	margin:2 5 0 0px}
60 jpm 79 
/* #------------------------------------------------------------------------------------------------------#	*/
66 jpm 80 
/*												AIDE														*/
81 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 82 
#coel-id-panneau-aide{
360 jp_milcent 83 
	font-size:11px;
66 jpm 84 
	margin:5px;}
308 jp_milcent 85 
#coel-id-panneau-aide ul{
86 
	list-style-type:disc;
87 
	padding-left:15px;}
88 
#coel-id-panneau-aide ol{
89 
	list-style-type:decimal;
90 
	padding-left:15px;}
66 jpm 91 
/* #------------------------------------------------------------------------------------------------------#	*/
360 jp_milcent 92 
/*												CONNEXION/DECONNEXION										*/
93 
/* #------------------------------------------------------------------------------------------------------#	*/
94 
#coel-identification-zone-msg{
95 
	text-align:center;
96 
	background-color:#F8B9B9;
97 
	border:1px solid red;
98 
	margin:5px 0;}
99 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 100 
/*												PANNEAU DÉTAIL												*/
60 jpm 101 
/* #------------------------------------------------------------------------------------------------------#	*/
379 jp_milcent 102 
#coel-detail-entete{
393 jp_milcent 103 
	height:37px;
360 jp_milcent 104 
	background-color:#ddd;
105 
	border-bottom:1px solid silver;}
379 jp_milcent 106 
#coel-detail-entete h1{
360 jp_milcent 107 
	font-weight:bold;
108 
	font-size:12px;
109 
	padding:5 0 2 5px;}
379 jp_milcent 110 
#coel-detail-entete h2{
360 jp_milcent 111 
	font-size:11px;
112 
	font-weight:normal;
113 
	padding:0 5 0 5px;}
393 jp_milcent 114 
#coel-detail-entete .coel-meta{
115 
	position:absolute;
116 
	top:0;
117 
	right:0;
118 
	padding:5px;}
119 
 
379 jp_milcent 120 
.coel-detail-corps-contenu{
393 jp_milcent 121 
	padding:0 12px;
379 jp_milcent 122 
	background-color:white;}
123 
.coel-detail-corps-contenu h2{
124 
	font-size:14px;
125 
	color:#1C3C78;
393 jp_milcent 126 
	padding:12px 0 5px 0;}
127 
.coel-detail-corps-contenu h3{
128 
	font-style:italic;
129 
	padding:12px 0 5px 0;}
130 
 
379 jp_milcent 131 
.coel-detail-corps-contenu table{
393 jp_milcent 132 
	border:1px solid #1C3C78;
379 jp_milcent 133 
	border-collapse:collapse;
413 jp_milcent 134 
	width:100% !important;width:95%;/*Pour IE*/
379 jp_milcent 135 
	margin:auto;}
136 
.coel-detail-corps-contenu thead, .coel-detail-corps-contenu tfoot{
137 
	background-color:#D0E3FA;
138 
	background-image:url(sky.jpg);
393 jp_milcent 139 
	border:1px solid #1C3C78;}
379 jp_milcent 140 
.coel-detail-corps-contenu tbody{
141 
	background-color:#FFFFFF;
393 jp_milcent 142 
	border:1px solid #1C3C78;}
379 jp_milcent 143 
.coel-detail-corps-contenu th{
144 
	font-family:monospace;
393 jp_milcent 145 
	border:1px dotted #1C3C78;
379 jp_milcent 146 
	padding:5px;
147 
	background-color:#EFF6FF;
148 
	width:25%;}
149 
.coel-detail-corps-contenu td{
150 
	font-family:sans-serif;
151 
	font-size:80%;
393 jp_milcent 152 
	border:1px solid #1C3C78;
379 jp_milcent 153 
	padding:5px;
154 
	text-align:left;}
393 jp_milcent 155 
.coel-detail-corps-contenu caption{
379 jp_milcent 156 
	font-family:sans-serif;}
60 jpm 157 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 158 
/*												ÎCONES 														*/
60 jpm 159 
/* #------------------------------------------------------------------------------------------------------#	*/
308 jp_milcent 160 
.no-icone{
161 
	padding:0;}
162 
/* #------------------------------------------------------------------------------------------------------#*/
163 
/*                                              IMAGES                                                     */
164 
/* #------------------------------------------------------------------------------------------------------#*/
165 
.conteneur-image-centre{
360 jp_milcent 166 
	text-align:center;}
308 jp_milcent 167 
.logo-personne{
360 jp_milcent 168 
	max-height:250px;}
308 jp_milcent 169 
/* #----------------------------------------------------------------------------------------------------------#*/
170 
/*                                              PANNEAU PUBLICATION                                            */
171 
/* #----------------------------------------------------------------------------------------------------------#*/
172 
.x-formulaire-auteur{
360 jp_milcent 173 
    padding-left:100px;}
308 jp_milcent 174 
.x-formulaire-auteur-label{
225 aurelien 175 
	padding:3px 0 !important;
176 
	text-align:left;
177 
	clear:left;
178 
	display:block;
179 
	float:left;
180 
	padding:3px 3px 3px 0;
181 
	position:relative;
182 
	width:100px;
183 
	z-index:2;
184 
	font-weight:bold;
185 
	font-family:tahoma,arial,helvetica,sans-serif;
186 
	font-size:12px;
187 
	font-size-adjust:none;
188 
	font-style:normal;
189 
	font-variant:normal;
355 gduche 190 
	line-height:normal;}
191 
/* #----------------------------------------------------------------------------------------------------------#*/
360 jp_milcent 192 
/*                                              AUTRES				                                           */
355 gduche 193 
/* #----------------------------------------------------------------------------------------------------------#*/
194 
#main-button button{
195 
	font-weight:bold;
360 jp_milcent 196 
	text-decoration:underline;}