| 1041 |
gduche |
1 |
/**
|
|
|
2 |
* Définition des polices exotiques
|
|
|
3 |
* */
|
|
|
4 |
@font-face {
|
|
|
5 |
font-family:Helveticaneue;
|
|
|
6 |
src:url('/commun/polices/helvetica_light.ttf');
|
|
|
7 |
}
|
|
|
8 |
|
|
|
9 |
/**
|
|
|
10 |
* Balises HTML classiques
|
|
|
11 |
**/
|
|
|
12 |
* html body { overflow:hidden; }
|
|
|
13 |
body { font-family:Arial, sans-serif; font-size:.8em; line-height:1.5em;
|
|
|
14 |
background:url("http://www.tela-botanica.org/sites/botanique/generique/images/graphisme/bandeau_botanique_trait.png") repeat-x scroll 0 2px transparent;
|
|
|
15 |
margin:0; padding:0; }
|
|
|
16 |
body, select, input, textarea { color:black }
|
|
|
17 |
* html div.menu-fixe { height:100%; overflow:auto; }
|
|
|
18 |
|
|
|
19 |
header {margin:0; height:120px}
|
|
|
20 |
header h1 { font-family: Helveticaneue, arial; font-size:2em; line-height:1.3em; text-align:center;}
|
|
|
21 |
header h2 { font-family: Helveticaneue, arial; font-size:1.4em; line-height:1.1em; text-align:center;}
|
|
|
22 |
|
|
|
23 |
h1, h2, h3, h4 { font-weight:bold; letter-spacing:0; }
|
|
|
24 |
h1 { font-size:1.5em; margin:20px 0 10px 0; text-transform:uppercase; color:#fd8c13; }
|
|
|
25 |
h2 { font-size:1.4em; font-weight:700; margin:0 0 3px; padding:0; color:#FD8C13;}
|
|
|
26 |
h3 { color:#454341; font-size:1.3em; margin:0}
|
|
|
27 |
h4 { color:black; font-size:1.1em;}
|
|
|
28 |
h1 a, h2 a, h3 a, h4 a { color:inherit; border-bottom: dotted 1px; }
|
|
|
29 |
|
|
|
30 |
a:hover { color:#598000; text-decoration:underline; }
|
|
|
31 |
a, a:visited { color:#86A01F; border-bottom:dotted 1px #BBB; text-decoration:none; }
|
|
|
32 |
h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited { color:inherit }
|
|
|
33 |
h3 a, h4 a { border-color:#CCCCCC; }
|
|
|
34 |
|
|
|
35 |
a, a:active, a:visited {text-decoration:none;}
|
|
|
36 |
a.actif {text-shadow:0 0.5px 0 #FFF;}
|
|
|
37 |
|
|
|
38 |
strong, b { font-weight:bold;}
|
|
|
39 |
i {font-style:italic}
|
|
|
40 |
hr { clear:both; color:#FFF; border:dotted 1px #86A01F; border-width: 1px 0 0 0; height:1px; width:100%; margin:5px 0; }
|
|
|
41 |
ul { margin:0; padding:5px 0 5px 20px; }
|
|
|
42 |
li { margin-bottom:0px; padding:0; }
|
|
|
43 |
|
|
|
44 |
p { font-size:12px; line-height:18px; text-align:justify; }
|
|
|
45 |
footer {margin:10px 0;}
|
|
|
46 |
|
|
|
47 |
textarea, input { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border-color:#CCCCCC #999999 #999999 #CCCCCC; border-right:1px solid #999999; border-style:solid; border-width:1px;}
|
|
|
48 |
textarea:focus, input:focus { background-color:#FFFFCC; }
|
|
|
49 |
|
|
|
50 |
/**
|
|
|
51 |
* Classes spécifiques
|
|
|
52 |
**/
|
|
|
53 |
.nettoyage { clear:both; }
|
|
|
54 |
.column { margin: 0 10px; overflow: hidden; float: left; display: inline;}
|
|
|
55 |
.arrondisbas {font-size:11px; background-color:#EFEFEF; border:1px solid #CCCCCC;}
|
|
|
56 |
.borderradius .arrondisbas { border-bottom-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px;
|
|
|
57 |
border-bottom-left-radius:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px;}
|
|
|
58 |
.cssgradients .arrondisbas { background-image:-moz-linear-gradient(0% 22px 90deg, #CCCCCC, #EFEFEF);
|
|
|
59 |
background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#EFEFEF), to(#CCCCCC));}
|
|
|
60 |
.no-cssgradients .arrondisbas, .no-js .arrondisbas {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC);
|
|
|
61 |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC)"; }
|
|
|
62 |
.boxshadow.rgba .arrondisbas { -moz-box-shadow:2px 2px 2px rgba(100,100,100,.75); -webkit-box-shadow:2px 2px 2px rgba(100,100,100,.75); box-shadow:2px 2px 2px rgba(100,100,100,.75); }
|
|
|
63 |
.arrondisbas a {color:#444; text-decoration:none; display:inline-block; margin:4px 10px;}
|
|
|
64 |
.arrondisbas a:hover {text-decoration:underline;}
|
|
|
65 |
.menu-fixe {z-index:9998; width:960px; position:absolute; top:0;}
|
|
|
66 |
@media screen{
|
|
|
67 |
body div.menu-fixe{
|
|
|
68 |
position: fixed;
|
|
|
69 |
}
|
|
|
70 |
}
|
|
|
71 |
|
|
|
72 |
.opacity .menu-fixe { opacity:0.8; }
|
|
|
73 |
.no-opacity .menu-fixe {
|
|
|
74 |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE8 */
|
|
|
75 |
filter: alpha(opacity=80); /* IE 5-7 */
|
|
|
76 |
}
|
|
|
77 |
|
|
|
78 |
/* degrades et ombres en css3 */
|
|
|
79 |
.borderradius #topnav { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
|
|
|
80 |
.cssgradients #topnav { background-image:-moz-linear-gradient(0% 22px 90deg, #CCCCCC, #EFEFEF); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#EFEFEF), to(#CCCCCC)); }
|
|
|
81 |
.boxshadow.rgba #topnav { -moz-box-shadow:2px 2px 2px rgba(100,100,100,.75); -webkit-box-shadow:2px 2px 2px rgba(100,100,100,.75); box-shadow:2px 2px 2px rgba(100,100,100,.75); }
|
|
|
82 |
.no-cssgradients #topnav, .no-js #topnav {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC);
|
|
|
83 |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC)"; }
|
|
|
84 |
.no-js #topnav li:hover ul { display:block; }
|
|
|
85 |
|
|
|
86 |
|
|
|
87 |
.cssgradients #topnav li:hover, .cssgradients #topnav li.liste-active { background-image:-moz-linear-gradient(0% 100px 90deg, #EFEFEF, #CCCCCC); background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCCCCC), to(#EFEFEF)); }
|
|
|
88 |
.borderradius #topnav ul ul {
|
|
|
89 |
-moz-border-radius-bottomleft:4px;
|
|
|
90 |
-moz-border-radius-bottomright:4px;
|
|
|
91 |
-webkit-border-bottom-left-radius:4px;
|
|
|
92 |
-webkit-border-bottom-right-radius:4px;
|
|
|
93 |
border-bottom-left-radius:4px;
|
|
|
94 |
border-bottom-right-radius:4px;
|
|
|
95 |
}
|
|
|
96 |
.borderradius #topnav ul ul ul {
|
|
|
97 |
-moz-border-radius-topright:4px;
|
|
|
98 |
-webkit-border-top-right-radius:4px;
|
|
|
99 |
border-top-right-radius:4px;
|
|
|
100 |
}
|
|
|
101 |
|
|
|
102 |
.boxshadow.rgba #topnav ul ul {
|
|
|
103 |
background-color:rgba(239,239,239,.95);
|
|
|
104 |
-moz-box-shadow:2px 2px 2px rgba(100,100,100,.95);
|
|
|
105 |
-webkit-box-shadow:2px 2px 2px rgba(100,100,100,.95);
|
|
|
106 |
box-shadow:2px 2px 2px rgba(100,100,100,.95);
|
|
|
107 |
}
|
|
|
108 |
|
|
|
109 |
.rgba #topnav ul ul li { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); }
|
|
|
110 |
.rgba #topnav ul ul a:hover { background-color:rgba(204,204,204,.9); }
|
|
|
111 |
.borderradius.rgba #topnav ul ul li.last { border-left:1px solid rgba(0,0,0,0.1); border-bottom:1px solid rgba(0,0,0,0.1); -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-left-radius:4px; border-bottom-right-radius:4px; }
|
|
|
112 |
|
|
|
113 |
.page {margin:0 0 10px 0; min-height:400px;}
|
|
|
114 |
|
|
|
115 |
.commentsheader {margin:0 0 10px 0;}
|
|
|
116 |
.commentform {margin:0 0 10px 0;}
|
|
|
117 |
|
|
|
118 |
.align-left {float:left;text-align:left;}
|
|
|
119 |
.align-right {float:right;text-align:right;}
|
|
|
120 |
|
|
|
121 |
.hr_clear {clear:both; margin:0; padding:0; border:0; height:0; visibility:hidden; background:transparent;}
|
|
|
122 |
.code {width:90%}
|
|
|
123 |
.comment {
|
|
|
124 |
background:#F3F3F3;
|
|
|
125 |
border:1px solid #E3E3E3;
|
|
|
126 |
line-height:24px;
|
|
|
127 |
margin-bottom: 20px;
|
|
|
128 |
overflow: hidden;
|
|
|
129 |
padding: 15px;
|
|
|
130 |
}
|
|
|
131 |
.cssgradients .comment {
|
|
|
132 |
background-image:-moz-linear-gradient(0% 130px 90deg, #E3E3E3, #F3F3F3);
|
|
|
133 |
background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#F3F3F3), to(#E3E3E3));
|
|
|
134 |
}
|
|
|
135 |
.no-cssgradients .comment {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F3F3F3, endColorstr=#E3E3E3);
|
|
|
136 |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F3F3F3, endColorstr=#E3E3E3)"; }
|
|
|
137 |
.borderradius .comment {
|
|
|
138 |
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
|
|
|
139 |
}
|
|
|
140 |
|
|
|
141 |
.commentinfo {
|
|
|
142 |
color:#999;
|
|
|
143 |
}
|
|
|
144 |
.commenteditlink {
|
|
|
145 |
float:right;
|
|
|
146 |
margin:2px;
|
|
|
147 |
text-align:right;
|
|
|
148 |
line-height:14px;
|
|
|
149 |
display:none;
|
|
|
150 |
}
|
|
|
151 |
.comment:hover .commenteditlink {
|
|
|
152 |
display:block;
|
|
|
153 |
}
|
|
|
154 |
|
|
|
155 |
.commentform {
|
|
|
156 |
margin:20px 0 0 0;
|
|
|
157 |
}
|
|
|
158 |
|
|
|
159 |
.footer {
|
|
|
160 |
font-size:0.85em;
|
|
|
161 |
margin:20px 0;
|
|
|
162 |
padding:5px 10px;
|
|
|
163 |
text-align:center;
|
|
|
164 |
background-color:#EFEFEF;
|
|
|
165 |
border:1px solid #CCCCCC;
|
|
|
166 |
clear: both;
|
|
|
167 |
}
|
|
|
168 |
.borderradius .footer { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
|
|
|
169 |
.cssgradients .footer { background-image:-moz-linear-gradient(0% 22px 90deg, #CCCCCC, #EFEFEF); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#EFEFEF), to(#CCCCCC)); }
|
|
|
170 |
.no-cssgradients .footer {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC);
|
|
|
171 |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC)"; }
|
|
|
172 |
.boxshadow.rgba .footer { -moz-box-shadow:2px 2px 2px rgba(100,100,100,.75); -webkit-box-shadow:2px 2px 2px rgba(100,100,100,.75); box-shadow:2px 2px 2px rgba(100,100,100,.75); }
|
|
|
173 |
.footer a {font-weight:bold; color:#444; text-decoration:none; display:inline-block; margin:0;}
|
|
|
174 |
.footer a:hover {text-decoration:underline;}
|
|
|
175 |
|
|
|
176 |
.label-left {text-align:left;}
|
|
|
177 |
.label-right {text-align:right;}
|
|
|
178 |
.label-justify {text-align:justify;}
|
|
|
179 |
|
|
|
180 |
.liste-deroulante li {font-weight:normal;}
|
|
|
181 |
.borderradius .liste-deroulante li:hover, .borderradius .liste-deroulante li.hover, .borderradius .liste-deroulante li.liste-active { -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
|
|
|
182 |
.cssgradients .liste-deroulante li:hover, .cssgradients .liste-deroulante li.hover, .cssgradients .liste-deroulante li.liste-active { background-image:-moz-linear-gradient(0% 22px 90deg, #CCCCCC, #EFEFEF); background-image:-webkit-gradient(linear, 0% 0%, 0% 70%, from(#EFEFEF), to(#CCCCCC)); }
|
|
|
183 |
.boxshadow.rgba .liste-deroulante li:hover, .boxshadow.rgba .liste-deroulante li.hover, .boxshadow.rgba .liste-deroulante li.liste-active { -moz-box-shadow:2px 2px 2px rgba(100,100,100,.75); -webkit-box-shadow:2px 2px 2px rgba(100,100,100,.75); box-shadow:2px 2px 2px rgba(100,100,100,.75); }
|
|
|
184 |
.no-cssgradients .liste-deroulante li:hover, .no-cssgradients .liste-deroulante li.hover, .no-cssgradients .liste-deroulante li.liste-active, .no-js .liste-deroulante li:hover, .no-js .liste-deroulante li.hover, .no-js .liste-deroulante li.liste-active {filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC);
|
|
|
185 |
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFEFEF, endColorstr=#CCCCCC)"; }
|
|
|
186 |
|
|
|
187 |
|
|
|
188 |
/**
|
|
|
189 |
* Objets spécifiques
|
|
|
190 |
**/
|
|
|
191 |
#content ul li { line-height:15px; list-style-image: url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/petit_carre.png"); }
|
|
|
192 |
#content ol[type=a] { list-style: lower-alpha; }
|
|
|
193 |
#content h1 { padding:0 0 0 25px; margin:0; text-transform:uppercase; color:#fd8c13;
|
|
|
194 |
background:url("http://www.tela-botanica.org/sites/commun/generique/images/troisCarre.png") no-repeat scroll 0 9px transparent }
|
|
|
195 |
|
|
|
196 |
/* CSS specifique au template */
|
|
|
197 |
#container {
|
|
|
198 |
margin:38px auto 0 auto;
|
|
|
199 |
width:960px;
|
|
|
200 |
}
|
|
|
201 |
|
|
|
202 |
#main-logo { float:left; width:150px; height:90px; padding:15px; }
|
|
|
203 |
#logo-tela h1 { margin-top:105px; text-align:center; background:transparent; color:#FD8C13; }
|
|
|
204 |
#titre { margin:0; padding:0 10px; text-align:center; }
|
|
|
205 |
#titre h2 { color: #5C5950; font-family: Helveticaneue; font-size: 60px; font-weight: lighter; left: 200px; margin-top: 10px; }
|
|
|
206 |
#titre h2 {border:none}
|
|
|
207 |
#main-logo {float:left; width:150px; height:90px; padding:15px; }
|
|
|
208 |
|
|
|
209 |
/** Menu de gauche */
|
|
|
210 |
#col_menu { color:#000; background:white; border-left:solid 1px #598000; padding:0 0 0 9px; margin:5px 0 0 0;}
|
|
|
211 |
#col_menu a { color:#598000; display:block; border:solid 1px #598000; border-left:0; -moz-border-radius:7px 7px 7px 7px; padding:0 0 0 16px; margin-bottom:3px;
|
|
|
212 |
background:url('http://www.tela-botanica.org/sites/commun/generique/images/graphisme/petit_carre.png') 5px 8px no-repeat; }
|
|
|
213 |
|
|
|
214 |
|
|
|
215 |
#col_menu li.liste-active a.actif {
|
|
|
216 |
color:#FD8C13;
|
|
|
217 |
}
|
|
|
218 |
#col_menu li li.liste-active a.actif {
|
|
|
219 |
border-left:5px solid #86A01F;
|
|
|
220 |
padding:6px 6px 6px 21px;
|
|
|
221 |
}
|
|
|
222 |
|
|
|
223 |
#col_menu li.hover .fleche_menu_droit {background:url(../images/puce_triangle_bas.gif) no-repeat left center;}
|
|
|
224 |
#col_menu li .fleche_menu_droit, #col_menu li.hover li .fleche_menu_droit {background:url(../images/puce_triangle_droit.gif) no-repeat left center;}
|
|
|
225 |
|
|
|
226 |
#col_menu ul {
|
|
|
227 |
background:transparent;
|
|
|
228 |
margin:0 0 0 -10px;
|
|
|
229 |
padding:0;
|
|
|
230 |
position:relative;
|
|
|
231 |
}
|
|
|
232 |
|
|
|
233 |
#col_menu li {
|
|
|
234 |
list-style-type:none;
|
|
|
235 |
margin:0;
|
|
|
236 |
padding:0;
|
|
|
237 |
}
|
|
|
238 |
|
|
|
239 |
/* deuxieme niveau : menu caché à l'ouverture */
|
|
|
240 |
#col_menu ul ul {
|
|
|
241 |
background:#FFF;
|
|
|
242 |
padding:0;
|
|
|
243 |
margin:0;
|
|
|
244 |
display:none;
|
|
|
245 |
position:relative;
|
|
|
246 |
border:1px solid #86A01F;
|
|
|
247 |
}
|
|
|
248 |
|
|
|
249 |
#col_menu ul ul li {
|
|
|
250 |
display:block;
|
|
|
251 |
float:none;
|
|
|
252 |
position:relative;
|
|
|
253 |
}
|
|
|
254 |
|
|
|
255 |
/* deuxieme niveau : liens gris foncé sur fond blanc*/
|
|
|
256 |
#col_menu ul ul a, #col_menu li.hover li a {
|
|
|
257 |
color:#222;
|
|
|
258 |
background:#FFF;
|
|
|
259 |
padding:6px 6px 6px 26px;
|
|
|
260 |
margin:0;
|
|
|
261 |
}
|
|
|
262 |
|
|
|
263 |
/* troisieme niveau : les listes apparaissent à droite de la liste de deuxieme niveau survolée, elles sont cachées au départ */
|
|
|
264 |
#col_menu ul ul ul {
|
|
|
265 |
position:absolute;
|
|
|
266 |
left:100%;
|
|
|
267 |
top:0;
|
|
|
268 |
font-size:1em;
|
|
|
269 |
z-index:98;
|
|
|
270 |
width:200px;
|
|
|
271 |
}
|
|
|
272 |
#col_menu ul ul li:hover > ul { visibility: visible; }
|
|
|
273 |
|
|
|
274 |
|
|
|
275 |
|
|
|
276 |
|
|
|
277 |
|
|
|
278 |
|
|
|
279 |
|
|
|
280 |
/* menu deroulant du haut pour la navigation */
|
|
|
281 |
#topnav { display:block; background-color:#EFEFEF; border:1px solid #CCCCCC; position:relative; font-size:15px; margin-bottom:20px; padding:5px}
|
|
|
282 |
#topnav ul { padding:0; margin:0; }
|
|
|
283 |
#topnav li { position:relative; float:left; list-style-type:none; }
|
|
|
284 |
#topnav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
|
|
|
285 |
#topnav li {
|
|
|
286 |
padding:5px 20px;
|
|
|
287 |
margin:0;
|
|
|
288 |
color:#444;
|
|
|
289 |
display:block;
|
|
|
290 |
font-weight:bold;
|
|
|
291 |
text-decoration:none;
|
|
|
292 |
}
|
|
|
293 |
#topnav li a {
|
|
|
294 |
padding:5px 20px;
|
|
|
295 |
margin:-5px -20px;
|
|
|
296 |
color:#444;
|
|
|
297 |
display:block;
|
|
|
298 |
font-weight:bold;
|
|
|
299 |
text-decoration:none;
|
|
|
300 |
float:left;
|
|
|
301 |
}
|
|
|
302 |
#topnav li a:visited, #topnav li a:active {color:#444;}
|
|
|
303 |
#topnav li a:focus { outline:none; text-decoration:none; }
|
|
|
304 |
#topnav > div > ul > li { border-left:1px solid #999; border-right:1px solid #CCCCCC; }
|
|
|
305 |
#topnav > div > ul > li:first-child { border-left:none; }
|
|
|
306 |
#topnav > div > ul > li:last-child { border-right:none; }
|
|
|
307 |
#topnav span.arrow { display:inline; font-size:0.7em; margin:0 0 0 15px;}
|
|
|
308 |
#topnav ul ul { display:none; width:230px; position:absolute; top:30px; left:0; background:#CCCCCC; padding:0; margin:0; z-index:99;border:none;}
|
|
|
309 |
#topnav ul ul li { float:none; border:none;}
|
|
|
310 |
#topnav ul ul a { padding:5px 10px; border:none; float:none; display:block; font-size:14px; }
|
|
|
311 |
#topnav ul ul a:hover { background-color:#CCCCCC; }
|
|
|
312 |
#topnav ul ul ul { display:none; width:200px; position:absolute; left:229px; top:0; background:#CCCCCC; padding:0; margin:0; z-index:99;}
|
|
|
313 |
#topnav ul ul ul ul {left:199px;}
|
|
|
314 |
|
|
|
315 |
|
|
|
316 |
#searchbar {margin:6px 10px 5px 0; text-align:right; font-size:0.9em; }
|
|
|
317 |
|
|
|
318 |
|
|
|
319 |
#body {width:99%}
|
|
|
320 |
|
|
|
321 |
|
|
|
322 |
|
| 1044 |
gduche |
323 |
/** classes issues de Tela **/
|
|
|
324 |
/*+-----------------------------------------------------------------------------------------------------------------+*/
|
|
|
325 |
/* Classes & couleurs */
|
|
|
326 |
.rejoindre {
|
|
|
327 |
display:inline-block;
|
|
|
328 |
line-height:30px;
|
|
|
329 |
padding-left:30px;
|
|
|
330 |
background:url("/sites/commun/generique/images/graphisme/icone_erable_blanc_vert.png") no-repeat scroll 0 center transparent;
|
|
|
331 |
}
|
|
|
332 |
.cacher {
|
|
|
333 |
display:none;
|
|
|
334 |
}
|
|
|
335 |
.transparent {
|
|
|
336 |
visibility:hidden;
|
|
|
337 |
}
|
|
|
338 |
.sous-titre {
|
|
|
339 |
font-size:11px;
|
|
|
340 |
font-weight:normal;
|
|
|
341 |
color:#AAAAAA;
|
|
|
342 |
margin:0
|
|
|
343 |
}
|
| 1041 |
gduche |
344 |
|
| 1044 |
gduche |
345 |
/* Classes d'importance */
|
|
|
346 |
|
|
|
347 |
/* Mise en colonnes */
|
|
|
348 |
.importance1 {
|
|
|
349 |
margin:10px 10px 20px 10px;
|
|
|
350 |
background-color:#eaedcd;
|
|
|
351 |
padding:8px;
|
|
|
352 |
font-family:arial;
|
|
|
353 |
font-size:11px;
|
|
|
354 |
color:#3a3633;
|
|
|
355 |
border-radius:10px;
|
|
|
356 |
-moz-border-radius:10px;
|
|
|
357 |
-webkit-border-radius:10px;
|
|
|
358 |
box-shadow:7px 7px 11px #555;
|
|
|
359 |
-moz-box-shadow:2px 2px 5px #aaa;
|
|
|
360 |
-webkit-box-shadow:7px 7px 11px #aaa;
|
|
|
361 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
|
|
|
362 |
zoom:1;/* pour ie8 */
|
|
|
363 |
}
|
|
|
364 |
.importance1 input, .importance1 select {
|
|
|
365 |
font-family:arial;
|
|
|
366 |
font-size:11px;
|
|
|
367 |
background-color:#fff;
|
|
|
368 |
border:dotted 1px #7b9c35;
|
|
|
369 |
color:#3a3633;
|
|
|
370 |
margin-bottom:7px;
|
|
|
371 |
}
|
|
|
372 |
.importance1 .row .gauche {
|
|
|
373 |
width:45%;
|
|
|
374 |
padding-left:4%;
|
|
|
375 |
}
|
|
|
376 |
.importance1 .row .gauche:first-child {
|
|
|
377 |
border-right:dotted 1px #AAAAAA
|
|
|
378 |
}
|
|
|
379 |
.importance2 {
|
|
|
380 |
margin:10px;
|
|
|
381 |
padding:10px;
|
|
|
382 |
border-radius:10px;
|
|
|
383 |
-moz-border-radius:10px;
|
|
|
384 |
-webkit-border-radius:10px;
|
|
|
385 |
box-shadow:7px 7px 11px #555;
|
|
|
386 |
-moz-box-shadow:2px 2px 9px #aaa;
|
|
|
387 |
-webkit-box-shadow:7px 7px 11px #aaa;
|
|
|
388 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
|
|
|
389 |
zoom:1;/* pour ie8 */
|
|
|
390 |
}
|
|
|
391 |
.importance3 {
|
|
|
392 |
margin:10px;
|
|
|
393 |
padding:20px;
|
|
|
394 |
border-radius:10px;
|
|
|
395 |
-moz-border-radius:10px;
|
|
|
396 |
-webkit-border-radius:10px;
|
|
|
397 |
zoom:1;/* pour ie8 */
|
|
|
398 |
}
|
|
|
399 |
.importance4 {
|
|
|
400 |
margin:10px;
|
|
|
401 |
padding:20px;
|
|
|
402 |
background-color:#fff;
|
|
|
403 |
border:1px solid #fff;
|
|
|
404 |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
|
|
|
405 |
box-shadow:7px 7px 11px #555;-moz-box-shadow:2px 2px 9px #aaa;-webkit-box-shadow:7px 7px 11px #aaa;
|
|
|
406 |
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4 );/* pour ie8 */
|
|
|
407 |
zoom:1;/* pour ie8 */
|
|
|
408 |
}
|
|
|
409 |
.importance1 h1,.importance2 h1,.importance3 h1,.importance4 h1{
|
|
|
410 |
margin:0 0 10px 0;
|
|
|
411 |
padding:0 0 0 25px;
|
|
|
412 |
}
|
|
|
413 |
.importance1 h2,.importance1 h3,.importance2 h2,.importance2 h3,.importance3 h2,.importance3 h3,.importance4 h2,.importance4 h3 {
|
|
|
414 |
margin:0;
|
|
|
415 |
}
|
|
|
416 |
|
|
|
417 |
/* Flottant */
|
|
|
418 |
.gauche {
|
|
|
419 |
float:left;
|
|
|
420 |
}
|
|
|
421 |
.droite {
|
|
|
422 |
float:right;
|
|
|
423 |
}
|
|
|
424 |
.floatLeft {
|
|
|
425 |
float:left;
|
|
|
426 |
}
|
|
|
427 |
.petitcarre, .lire-suite {
|
|
|
428 |
padding-left:10px;
|
|
|
429 |
background:url(../images/petitCarre.jpg) no-repeat 0px 4px;
|
|
|
430 |
}
|
|
|
431 |
.voir-tout {
|
|
|
432 |
padding:10px 0 0 30px;
|
|
|
433 |
background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
|
|
|
434 |
}
|
|
|
435 |
.troiscarre {
|
|
|
436 |
padding-left:30px;
|
|
|
437 |
background:url(../images/troisCarre.png) no-repeat 5px 5px;
|
|
|
438 |
}
|
|
|
439 |
.voir-tout, .telecharger, .acceder {
|
|
|
440 |
padding:10px 0 0 30px;
|
|
|
441 |
background:url(/sites/commun/generique/images/traitTela.jpg) no-repeat 0 6px;
|
|
|
442 |
}
|
|
|
443 |
|
|
|
444 |
/* Taille des cadres */
|
|
|
445 |
.demi {
|
|
|
446 |
width:50%;
|
|
|
447 |
}
|
|
|
448 |
.tiers {
|
|
|
449 |
width:33%
|
|
|
450 |
|
|
|
451 |
}
|
|
|
452 |
.deux-tiers {
|
|
|
453 |
width:66%;
|
|
|
454 |
}
|
|
|
455 |
.vertpetit {
|
|
|
456 |
color:#598000;
|
|
|
457 |
font-family:arial;
|
|
|
458 |
font-size:11px;
|
|
|
459 |
font-weight:bold;
|
|
|
460 |
}
|
|
|
461 |
.discretion {
|
|
|
462 |
color:#3a3633;
|
|
|
463 |
font-family:arial;
|
|
|
464 |
font-size:11px;
|
|
|
465 |
font-weight:bold;
|
|
|
466 |
}
|
|
|
467 |
.acceder-outil {
|
|
|
468 |
background:url(/sites/commun/generique/images/telaBlancJaune.png) no-repeat #ECCB12;
|
|
|
469 |
padding:4px 10px 4px 30px;
|
|
|
470 |
border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
|
|
|
471 |
color:#6C6865;
|
|
|
472 |
font-family:helveticaneue;
|
|
|
473 |
font-size:15px;
|
|
|
474 |
border:none
|
|
|
475 |
}
|