Subversion Repositories Applications.papyrus

Rev

Rev 1610 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1610 Rev 2150
Line 1... Line 1...
1
/*****************Proprietes generales******************************************/
1
/*--------------------------------------------------------------------------------------------------------------*/
2
* {margin:0; padding:0; text-indent:0;}
2
/* Structure de la page */
3
body {background:#CCCCCC; font:70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #333; text-align: center;}
-
 
4
hr {margin:2px; width:100%; color:#333;  background-color:#333; height:2px;}
-
 
-
 
3
 
5
a, a:visited {text-decoration:none; color:#4F82CB; background:inherit;}
4
#zone_bandeau {
6
a:hover {color:#4EBF37; background:inherit;}
5
    position : absolute;
7
table {width:90%; margin:2px auto; border: 1px solid #333; border-spacing:0; border-collapse:collapse;}
-
 
8
th {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border: 1px solid #CCC; height:20px;}
-
 
9
td {border: 1px solid #CCC;}
6
    top: 0%;
10
.navi {padding:0;margin:0;text-align:center;}
7
    left: 0%;
11
.other_month {color:#AAA;}
8
    width: 100%;
12
.current_day {background: #FBB63C; color: #FFF;}
9
    height: 60px;
-
 
10
}
-
 
11
 
-
 
12
#logo {
13
.label_inscription {margin: 2px;float:left; clear:both; width:170px; text-align:right; }
13
    float : left;
14
.symbole_obligatoire {color:red;}
14
    height: 20%;
15
.input_inscription {float:left;  width:180px;}
15
    width: 20%;
16
.input_inscription input, .input_inscription select {margin: 2px;border: 1px solid #000;font:12px Myriad, Arial, sans-serif; }
-
 
-
 
16
}
-
 
17
 
-
 
18
#site_nom {
17
.liste_inscription {margin: 2px;float:left; clear:both; }
19
    position : absolute;
18
.inscription_bouton {float:left;margin: 3px;}
20
    top: 0px;
19
.inscription_note_obligatoire {float:left; clear:both;}
21
    left: 100px;
20
.bazar_checkbox {float:left;width:49%;}
22
    width: 40%;
21
.bazar_fieldset {border: 1px solid #000;width:100%;margin-bottom:5px;}
23
    height: 5%;
22
.bazar_fieldset legend {font-size:15px;font-weight: bold ;}
24
    line-height: 5%;
-
 
25
}
-
 
26
 
23
.bazar_table {border:1px solid #000;width:100%;margin:5px;}
27
#menus_communs {
24
.bazar_table td, .bazar_table tr, .bazar_table th {border:1px solid #000;}
28
    position : absolute;
25
.inscription_table {border:0px;width:100%;margin:5px;}
29
    bottom: 0px;
26
.inscription_cellule_gauche {font-size:12px;width:140px;text-align:right;}
-
 
27
.inscription_cellule_droite {text-align:left;padding:5px;}
30
    left: 100px;
28
.calendrier_applette {width:180px;}
31
    margin: 0%;
29
.calendrier_applette td {text-align:center;}
32
    padding: 0%;
-
 
33
}
30
 
34
 
31
/* headers */
35
#menus_communs li {
32
h1, h2, h3 {font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif; font-weight: Bold;}
-
 
33
h1 {font-size:120%;}
36
    display: inline;
34
h2 {font-size:110%; text-transform:uppercase; color:#88ac0b;}
-
 
35
h3 {font-size:110%; color:#666666;}
37
    line-height: 5%;
-
 
38
}
36
 
39
 
37
/* images */
40
#accessibilite {
38
img {border: 2px solid #CCC;}
41
    position : absolute;
-
 
42
    bottom: 0px;
-
 
43
    right: 0px;
-
 
44
    width: 40%;
39
img.float-right {margin: 5px 0px 10px 10px;}
45
    margin: 0%;
-
 
46
    padding: 0%;
40
img.float-left {margin: 5px 10px 10px 0px;}
47
    text-align: right;
-
 
48
}
41
 
49
 
42
h1, h2, h3, p {padding: 10px; margin: 0;}
50
#accessibilite li {
43
ul, ol {margin: 5px 10px; padding: 0 20px; color: #88ac0b;}
51
    display: inline;
44
ul span, ol span { color: #666666;}
52
    line-height: 5%;
45
 
53
}
46
code {margin:5px 0; padding:10px; text-align:left; display:block; overflow:auto; font:500 1em/1.5em 'Lucida Console', 'courier new', monospace; background:#FAFAFA; border:1px solid #f2f2f2;}
-
 
47
acronym {cursor:help; border-bottom:1px solid #777;}
-
 
48
blockquote {margin:10px; padding:0 0 0 28px; border:1px solid #f2f2f2; background: #FAFAFA url(../images/quote.gif) no-repeat 5px 5px;}
-
 
49
 
54
 
50
/* form elements */
55
#selecteur_monde {
51
#main form {margin:10px; padding:0 5px; border:1px solid #f2f2f2; background-color:#FAFAFA;}
56
    position : absolute;
52
#main form li {list-style-type:none; margin:0; padding:0; color:#000;}
57
    top: 0%;
53
#main form ul {margin:0; padding:0;}
58
    right: 0%;
54
#main label, #sidebar label {display:block; font-weight:bold; margin:5px 0 0 0; }
59
    height: 10%;
55
#main select {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
-
 
56
#main input, #sidebar input {padding:2px; border:1px solid #eee; font:normal 1em Verdana, sans-serif; color:#777;}
-
 
57
#main textarea {width:400px; padding:2px; font:normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; color:#777;}
-
 
58
#main fieldset {background:#f3fce3; border:0; margin:5px; padding:5px;}
60
    width: 40%;
59
#main fieldset legend {font-weight:bolder; text-decoration:none; background-image:none; color:#4F82CB;}
61
    text-align: right;
60
#main input.button {margin:0; font:bolder 12px Arial, Sans-serif; border:1px solid #CCC; padding:2px 3px; background:#FFF; color:#88ac0b;}
-
 
-
 
62
}
61
 
63
 
-
 
64
#selecteur_monde legend {
62
/* search */
65
    display: none;
-
 
66
}
-
 
67
 
63
#main form.search {
68
#selecteur_monde fieldset {
64
    position: absolute;
69
    border: 0px;
65
    top: 35px; right: 25px;
70
    margin: 1px;
66
    background: transparent;
71
    padding: 1px;
67
    border: none;
72
    text-align: right;
68
}
73
}
-
 
74
 
69
#main form.search input.textbox {
75
#moteur_recherche {
70
    margin: 0; padding: 1px 2px;
76
    position : absolute;
-
 
77
    top: 10%;
71
    width: 120px;
78
    right: 0%;
72
    background: #FFF;
79
    height: 10%;
73
    color: #333;
80
    width: 40%;
-
 
81
    text-align: right;
74
}
82
}
-
 
83
 
75
#main form.search input.button {
84
#zone_menu {
76
    background: #CCC url(../images/headerbg.gif) repeat-x;
85
    position : absolute;
77
    color: #333;
86
    top: 60px;
-
 
87
    left: 0%;
78
    border: none;
88
    width: 20%;
-
 
89
    margin: 5px 0px 50px 5px;
79
    width: 70px; height: 21px;
90
    padding: 5px 0px 50px 5px;
80
}
91
}
81
 
92
 
-
 
93
#zone_menu #menu_n1 {
-
 
94
    margin: 0px 0px 0px 5px;
-
 
95
    padding: 0px 0px 0px 0px;
82
.liste_bouton li {display:inline;}
96
    text-align: left;
-
 
97
}
83
 
98
 
84
/********************************************
-
 
85
   LAYOUT
-
 
86
********************************************/
-
 
87
#wrap {
99
#zone_menu #menu_n2 {
88
    width: 1009px;
100
    margin: 0px 0px 0px 10px;
89
    background: #CCC url(../images/content.jpg) repeat-y center top;
-
 
90
    margin: 0 auto;
101
    padding: 0px 0px 0px 0px;
91
    text-align: left;
102
    text-align: left;
92
}
103
}
93
#content-wrap {
-
 
94
    clear: both;
-
 
95
    width: 960px;
-
 
96
    padding: 0;
-
 
97
    margin: 0 auto;
-
 
98
}
-
 
99
#header {
-
 
100
    width: 1009px;
-
 
101
    position: relative;
-
 
102
    height: 106px;
-
 
103
    background: #CCC url(../images/header.jpg) no-repeat center top;
-
 
104
    padding: 0;
-
 
105
    font-size: 14px;
-
 
106
    color: #FFF;
-
 
107
}
-
 
108
#header h1#logo-text {
-
 
109
    position: absolute;
-
 
110
    margin: 0; padding: 0;
-
 
111
    font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
-
 
112
    letter-spacing: -2px;
-
 
113
    color: #FFF;
-
 
114
    text-transform: none;
-
 
115
 
-
 
116
    /* change the values of top and left to adjust the position of the logo*/
-
 
117
    top: 40px; left: 50px;
-
 
118
}
-
 
119
#header h2#slogan {
-
 
120
    position: absolute;
-
 
121
    margin: 0; padding: 0;
-
 
122
    font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
-
 
123
    text-transform: none;
-
 
124
    color: #FFF;
-
 
125
 
-
 
126
    /* change the values of top and left to adjust the position of the slogan*/
-
 
127
    top: 85px; left: 53px;
-
 
128
}
-
 
129
#header h1#titre_site {position:absolute; top:50px; left:280px;}
-
 
130
 
-
 
131
/* Menu */
-
 
132
#menu {margin:0; padding:0 0 0 45px; background:url(../images/menu.jpg) repeat-y center top; font:11px/20px Verdana, Arial, Tahoma, Sans-serif;}
-
 
133
#vous_etes_ici {width:300px; display:inline;}
-
 
134
#menus_communs {float:right; margin:-20px 36px 0 0;}
-
 
135
#menu ul {float:right; list-style: none; margin:0; padding: 0;}
-
 
136
#menu ul li {display: inline;}
-
 
137
#menu ul li a {display: block; float: left; padding: 0 8px; color: #FFF; text-decoration: none;}
-
 
138
#menu ul li a:hover {background-color: #ECECEC; color: #333;}
-
 
139
#menu ul li.menu_actif a {background-color: #FFF; color: #333;}
-
 
140
#menu a:hover {color:#FFF;}
-
 
141
 
-
 
142
/* Main Column */
-
 
143
#main {float:right; width:730px; padding:0; margin:0;}
-
 
144
#main h1 {margin-top: 10px; font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF url(../images/square-green.png) no-repeat 3px 50%;}
-
 
145
 
-
 
146
/* Sidebar */
-
 
147
#sidebar {float:left; width:200px; padding:0; margin:0 0 0 13px;}
-
 
148
#sidebar h1 { margin-top: 10px; padding: 5px 0 5px 10px; font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif; color: #555; background: #EEF0F1 url(../images/headerbg.gif) repeat-x left bottom; border: 1px solid #EFF0F1;}
-
 
149
#sidebar .left-box {border: 1px solid #EFF0F1; margin: 0 0 5px 0;}
-
 
150
#sidebar ul.sidemenu, #sidebar ul.menu_classique_n1 {list-style: none; text-align: left; margin: 3px 0 8px 0; padding: 0; text-decoration: none;}
-
 
151
#sidebar ul.sidemenu li, #sidebar ul.menu_classique_n1 li { border-bottom: 1px solid #EFF0F1; background: url(../images/go.gif) no-repeat 5px 5px; padding: 2px 0 2px 25px; margin: 0 2px;}
-
 
152
#sidebar ul.sidemenu a, #sidebar ul.menu_classique_n1 a {font-weight: bolder; text-decoration: none; background-image: none;}
-
 
153
#sidebar ul.menu_classique_n1 li.menu_actif {background: url(../images/go_bas.gif) no-repeat 5px 5px;}
-
 
154
#sidebar li.menu_actif a {color:#FBB63C;}
-
 
155
#sidebar li.menu_inactif, #sidebar li.menu_inactif a {color:#4F82CB;}
-
 
156
#sidebar li a:hover {color:#4EBF37; background:inherit; background-image: none;}
-
 
157
#sidebar ul ul {margin:0; padding:0;}
-
 
158
#sidebar ul ul li {list-style-type:none;}
-
 
159
/* Footer */
-
 
160
#footer {color: #666666; background: #CCC url(../images/footer.jpg) no-repeat center top; clear: both; width: 1009px; height: 68px; text-align: center; font-size: 92%;}
-
 
161
#footer a {text-decoration:none;}
-
 
162
#footer a img {border:none;}
-
 
163
 
-
 
164
/* alignment classes */
-
 
165
.float-left  { float: left; }
-
 
166
.float-right { float: right; }
-
 
167
.align-left  { text-align: left; }
-
 
168
.align-right { text-align: right; }
-
 
169
 
-
 
170
/* display and additional classes */
-
 
171
.clear { clear: both; }
-
 
172
.gray { color: #CCC; }
-
 
173
 
-
 
174
 
-
 
175
#zone_onglets {float : right;margin : 0 20px -1px 0 ;text-align:left;font-weight:bold;}
-
 
176
#zone_onglets ul { margin:0; padding:0; list-style:none;}
-
 
177
#zone_onglets li { background:url(../images/Boutons/right_both_green.png) no-repeat right top; float:left; margin:0; padding:0; color: #006495;}
-
 
178
#zone_onglets a {float:left; display:block; color: #006495; font-size:12px; background:url(../images/Boutons/left_both_green.png) no-repeat left top; width:.1em; white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de zone_contenu_haut*/ padding:5px 15px 4px;  text-decoration:none;}
-
 
179
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/ #zone_onglets a {float:none;} /* End IE5-Mac hack */
-
 
180
#zone_onglets > ul a { width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
-
 
181
#zone_onglets li:hover { background-position:100% -150px;}
-
 
182
#zone_onglets li:hover a { background-position:0% -150px;}
-
 
183
#zone_onglets .inactif { border-bottom:0px solid; font-weight:normal;}
-
 
184
#zone_onglets .actif, #zone_onglets .actif { position:relative; background-position:100% -150px; padding-bottom:2px; font-weight:bold;}
-
 
185
#zone_onglets .actif a, #zone_onglets .actif a { position:relative; background-position:0% -150px; padding-bottom:3px;}
-
 
186
/*-------------------------------APPLETTES--------------------------------------*/
-
 
187
#moteur_recherche {position:absolute; top:80px; right:50px; width:200px; height:33px; text-align:right; background:transparent;}
-
 
188
#moteur_recherche legend {display:none;}
-
 
189
#moteur_recherche fieldset {margin:0;padding:0;border: 0;}
-
 
190
#moteur_recherche label {display:none;}
-
 
191
.form_label {float:left;/* width:250px; */padding-right:3px; text-align:right;}
-
 
192
.formulaire_element {margin:3px 0; padding:0; float:left; clear:both; }
-
 
193
.formulaire_element label {float:left; text-align:right; width:250px; margin-right:4px;}
-
 
194
#more_motif {padding:2px; width:140px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
-
 
195
#sesi_ok, #more_ok, #connexion, .liste_bouton input, #site_modifier, #form_annuler, #effacer, #choisir_site, #site_enregistrer {background:#CCC url(../images/headerbg20.gif) repeat-x; color:#333; border:none; height:20px;}
-
 
196
#selecteur_monde {position:absolute; top: 45px; right: 50px; width:200px; height:33px; text-align:right; background:transparent;}
-
 
197
#selecteur_monde select {padding:1px; width:146px; border:1px solid #eee; font:normal 0.8em Verdana, sans-serif; color:#777;}
-
 
198
#selecteur_monde legend {display: none;}
-
 
199
#selecteur_monde fieldset {border:0; margin:0; padding:0;}
-
 
200
#copyright {margin:15px 0 10px 10px; padding:0; float:left; width:400px;}
-
 
201
#copyright a {color:#006495;}
-
 
202
#copyright a:hover {color:#222;}
-
 
203
#identification {width:180px; margin:0 auto 5px auto;}
-
 
204
#identification fieldset {border:0; margin:0; padding:0;}
-
 
205
#identification form {margin:5px; padding:0 5px; width:175px; border:1px solid #f2f2f2;  background-color:#FAFAFA;  }
-
 
206
#identification legend {display: none;}
-
 
207
#identification label {display: block;}
-
 
208
#identification_message {display:none;}
-
 
209
#username, #password {width:145px;}
-
 
210
#persistant, #persistant_label {float:left;}
-
 
211
#persistant {margin:7px 2px 0 0;}
-
 
212
.rss_page{padding:2px 0 0 0;}
-
 
213
.rss_titre_site{font-size:11px; font-weight:normal; border-bottom:0;}
-
 
214
.rss_date{color:rgb(80, 80, 80); text-align:justify;}
-
 
215
.rss_titre_article{font-size:11px; text-transform:none; margin-bottom:5px;}
-
 
216
104
 
-
 
105
#zone_menu #menu_n3 {
-
 
106
    margin: 0px 0px 0px 10px;
-
 
107
    padding: 0px 0px 0px 0px;
-
 
108
    text-align: left;
-
 
109
}
-
 
110
 
-
 
111
#zone_menu #identification {
-
 
112
    width: 100%;
-
 
113
}
-
 
114
 
-
 
115
#identification fieldset {
-
 
116
    border: 0px;
-
 
117
    margin: 1px;
-
 
118
    padding: 1px;
-
 
119
}
-
 
120
 
-
 
121
#identification legend {
-
 
122
    display: none;
-
 
123
}
-
 
124
 
-
 
125
#identification p {
-
 
126
    margin: 0%;
-
 
127
    padding: 0%;
-
 
128
}
-
 
129
 
-
 
130
#identification label {
-
 
131
    display: block;
-
 
132
}
-
 
133
 
-
 
134
#zone_contenu {
-
 
135
    position : absolute;
-
 
136
    top: 60px;
-
 
137
    right: 0%;
-
 
138
    width: 75%;
-
 
139
    margin: 5px 5px 5px 5px;
-
 
140
    padding: 5px 5px 5px 5px;
-
 
141
}
-
 
142
 
-
 
143
#zone_contenu #zone_pied p {
-
 
144
    text-align: center;
-
 
145
}
-
 
146
 
-
 
147
/*--------------------------------------------------------------------------------------------------------------*/
-
 
148
/* Décoration */
-
 
149
 
-
 
150
body {
-
 
151
    font-size: 90%;
-
 
152
    font-family: arial, verdana, sans-serif;
-
 
153
    color:black;
-
 
154
    background-color: white;
-
 
155
    margin: 0px 0px 0px 0px;
-
 
156
}
-
 
157
 
-
 
158
h1 {
-
 
159
    font-size: 2em;
-
 
160
    color:black;
-
 
161
    background-color:transparent;
-
 
162
    text-align:left;
-
 
163
}
-
 
164
 
-
 
165
h2 {
-
 
166
    font-size: 1.8em;
-
 
167
    color:black;
-
 
168
    background-color:transparent;
-
 
169
    text-align:left;
-
 
170
}
-
 
171
 
-
 
172
h3 {
-
 
173
    font-size: 1.6em;
-
 
174
    color:black;
-
 
175
    background-color:transparent;
-
 
176
    text-align:left;
-
 
177
}
-
 
178
 
-
 
179
p {
-
 
180
    background-color:transparent;
-
 
181
    text-align:left;
-
 
182
    margin-left:0px;
-
 
183
    margin-right:0px;
-
 
184
}
-
 
185
 
-
 
186
form ul {
-
 
187
    list-style-type: none;
-
 
188
}
-
 
189
 
-
 
190
li {
-
 
191
    background-color:transparent;
-
 
192
    text-align:left;
-
 
193
    margin-left:0px;
-
 
194
    margin-right:0px;
-
 
195
}
-
 
196
 
-
 
197
a {
-
 
198
    font-weight: bold;
-
 
199
    color: black;
-
 
200
    background-color:transparent;
-
 
201
    text-decoration:none;
-
 
202
}
-
 
203
 
-
 
204
a:link {
-
 
205
    color: blue;
-
 
206
}
-
 
207
 
-
 
208
a:visited {
-
 
209
    color: #8b008b;
-
 
210
}
-
 
211
 
-
 
212
a:hover {
-
 
213
    background-color: #ffd700;
-
 
214
}
-
 
215
 
-
 
216
table {
-
 
217
    border-color:transparent;
-
 
218
    border-style:solid;
-
 
219
    border-width:1px;
-
 
220
}
-
 
221
 
-
 
222
td {
-
 
223
    text-align:left;
-
 
224
    background-color:transparent;
-
 
225
    border-color:transparent;
-
 
226
    border-style:solid;
-
 
227
    border-width:1px;
-
 
228
}
-
 
229
 
-
 
230
#zone_bandeau {
-
 
231
    border: 1px dashed red;
-
 
232
}
-
 
233
 
-
 
234
#zone_bandeau #logo h1 {
-
 
235
    font-size: 1em;
-
 
236
}
-
 
237
 
-
 
238
#zone_menu {
-
 
239
    border: 1px dashed blue;
-
 
240
}
-
 
241
 
-
 
242
#zone_menu ul {
-
 
243
    font-size: 100%;
-
 
244
    list-style-type: none;
-
 
245
}
-
 
246
 
-
 
247
#zone_contenu {
-
 
248
    border: 1px dashed green;
-
 
249
}
-
 
250
 
-
 
251
/*--------------------------------------------------------------------------------------------------------------*/
-
 
252
/* Camouflage du tableau de chronométrage */
-
 
253
 
-
 
254
#chrono {
-
 
255
    display: none;
-
 
256
}
-
 
257