1 /**** CSS Theme Maparaan ****/
3 * { padding: 0; margin: 0; }
4 html
{ overflow-y: scroll
; }
5 html
, body
{ height: 100% }
6 body
{ background: url
('./img/bg-body.png') 0 0; }
8 div#wrap
{ min-height: 100%; }
9 div#page-wrapper
{ position: relative
; width: 960px; height: auto
; height: 100%; min-height: 100%; margin: 0 auto
; padding: 50px 9px 108px 9px; background: url
('./img/bg-page-wrapper.png') 0 0 repeat-y
; overflow: auto
; }
11 div#contenu
{ width: auto
; min-width: 660px; height: 100%; float: left
; padding: 0 10px; }
13 div#sidebar
{ width: auto
!important
; width: 220px; max-width: 220px; float: right
; padding: 0 10px 0 20px; margin: 70px 0 20px 0; }
14 div#sidebar div
.noisette
{ padding-right: 10px; }
15 div#sidebar div
.noisette_bloctexte
{ margin-bottom: 30px; }
16 div#sidebar div
.equipe strong
, div#sidebar div
.statistiques-pret strong
{ float: left
; font-size: 2em; color: #ff9933; padding: 0 5px; margin: 5px 5px 5px 0; }
18 div
.cartouche img
.spip_logos
{ border: 0 none
; float: left
; background-color:#EEEEE5; padding: 10px 20px 10px 0; width:100px; height:auto
; }
19 .page_rubrique div.cartouche img.spip_logos { width:auto
; height:auto
; }
20 .page_article div.cartouche img.spip_logos { width:auto
; height:auto
; padding:0px 20px 10px 0; }
21 div#descriptif_site_spip
, div#descriptif_site_spip p
{ margin:0; padding:0; font: normal
14px/30px Georgia
,serif
; text-shadow: 1px 1px #fff; color:#666; letter-spacing:0.1em; }
22 body
.page_sommaire div#contenu div
.liste ul
,
23 body
.page_rubrique div#contenu div
.liste ul
{ margin:0; padding:0; }
24 body
.page_sommaire div#contenu div
.liste ul
.liste-items li
,
25 body
.page_rubrique div#contenu div
.liste ul
.liste-items li
{ border:none
; background: transparent
; }
26 div#page-wrapper div
.articles li
.hentry
{ list-style-type:none
; margin:20px 0 30px 0;}
27 div#page-wrapper h1
.h1
{ font: normal
24px/50px Georgia
,serif
; }
28 div#page-wrapper
.cartouche
{ border-bottom: 1px solid
#ededed; margin: 5px 0 15px 0; }
29 div#page-wrapper h2
.h2
{ clear:both
; }
30 div#page-wrapper h1
, div#page-wrapper h2
{ margin: 0; padding: 0; }
31 div#page-wrapper div
.liste li
.hentry h3
.entry-title a img
{ float:right
; padding:0 0 0 20px; background-color: #EEEEE5; }
32 div#page-wrapper abbr
{ border:none
; cursor:help
; }
33 div#page-wrapper div
.info-publi
, div#page-wrapper p
.info-publi
{ color:#333; }
34 div#page-wrapper div
.info-publi a
,
35 div#page-wrapper p
.info-publi a
{ font-weight:normal
; }
36 div#page-wrapper div
.meta-publi
{ height:24px; }
37 div#page-wrapper div
.meta-publi span
.sep
{ display:none
; }
38 div#page-wrapper div
.meta-publi a
.lire-la-suite
{ display:block
; float:right
; padding:0 6px; background:#c85d47 url
('img/bg-lirelasuite.jpg') top left repeat-x
; color:#FFF; text-shadow:1px 1px #555; line-height:24px; }
39 div#page-wrapper div
.meta-publi a
.lire-la-suite
{
40 -webkit-border-radius: 6px;
41 -moz-border-radius: 6px;
44 -moz-box-shadow: 0px 0px 6px #aaa;
45 -webkit-box-shadow: 0px 0px 6px #aaa;
46 box-shadow: 0px 0px 6px #aaa;
48 -moz-transition: all
0.15s ease-in-out
;
49 -o-transition: all
0.15s ease-in-out
;
50 -webkit-transition: all
0.15s ease-in-out
;
51 transition: all
0.15s ease-in-out
;
53 div#page-wrapper div
.meta-publi a
.lire-la-suite:hover
{ background:#b24a35 url
('img/bg-lirelasuite.jpg') bottom left repeat-x
; }
54 div#page-wrapper div
.meta-publi a
.nb_commentaires
{ display:block
; float:left
; padding:0 6px; background:#ccc; color:#FFF; text-shadow:1px 1px #999; line-height:24px; }
55 div#page-wrapper div
.meta-publi a
.nb_commentaires
{
56 -webkit-border-radius: 6px;
57 -moz-border-radius: 6px;
60 -moz-transition: all
0.15s ease-in-out
;
61 -o-transition: all
0.15s ease-in-out
;
62 -webkit-transition: all
0.15s ease-in-out
;
63 transition: all
0.15s ease-in-out
;
65 div#page-wrapper div
.meta-publi a
.nb_commentaires:hover
{ background:#999; }
67 .nettoyeur { clear:both
; content:"."; display:block
; height:0; visibility:hidden
; }
68 .marge{ width:45px; height:10px; background-color:none
; float:left
; }
69 .surtitre { margin:0; color:#333; font: normal
1.2em Georgia
,serif
; font-weight:bold
; letter-spacing:0.1em; text-shadow: 1px 1px #fff; }
70 .soustitre { margin:0 0 0 45px; color:#444; font: normal
1.1em Georgia
,serif
; text-shadow: 1px 1px #fff; }
71 .chapo { margin:0; padding:0 45px; font-weight:bold
; }
72 .chapo p { line-height:27px; }
73 .hyperlien { background: #ededed; padding: 5px 5px 5px 50px; display: table-cell
; width: auto
; }
75 h1
{ font-size: 2em; font-weight: normal
; color: #CCC }
76 h3
, h4
, h5
, h6
{ display: block
; margin: 0; padding: 0; }
78 h3
.spip
{ font-size: 1.5em; font-weight: normal
; color: #8ea70b; }
79 h4
{ font: normal
16px/40px Georgia
,serif
; }
80 h5
{ font: normal
14px/30px Georgia
,serif
; }
81 h6
{ font: normal
12px/30px Georgia
,serif
; }
82 p
{ margin: 1em 0; line-height: 1.5em; }
83 ul li
{ list-style: square
; }
84 ul ul li
{ list-style: disc
; }
85 ul ul ul li
{ list-style: circle
; }
86 form li
{ list-style:none
; }
87 table
.spip
{ margin:auto
; min-width:300px; max-width:100%; }
88 table
.spip
{ border:2px solid
#cfcfcf; }
89 table
.spip td
, table
.spip th
{ padding:6px 8px; border:1px solid
#cfcfcf; }
90 table
.spip th
{ background-color:#e0e0da; }
91 table
.spip tr
.row_even
{ background-color:#f6f6f6; }
92 table
.spip tr
.row_odd
{ background-color:#efefef; }
93 table
.spip caption
{ font: normal
16px/40px Georgia
,serif
; color:#B14934; text-shadow: 1px 1px #fff; text-align:center
; }
94 table
.spip th
{ font: bold
14px Georgia
,serif
; color:#333; text-shadow: 1px 1px #fff; text-align:center
; }
96 div
.documents_portfolio a img
{ margin:5px; border:4px solid
#CCC;}
97 div
.documents_portfolio
a:hover img
{ border-color:#999;}
99 p#hierarchie
{ position: relative
; width: 100%; color:#999; margin: 10px 0 20px 0; font-size: 0.9em; }
100 p#hierarchie strong
{ color:#666; }
101 p#hierarchie a
{ color:#999; }
102 p#hierarchie
a:hover
{ color:#ff9933; }
109 body
{ font-family: Tahoma
, Geneva
, Kalimati
, sans-serif
; font-weight: normal
; font-size: 12px; }
110 input
, select
, option
, textarea
{ font: normal
12px/16px Helvetica
,Arial
,sans-serif
; }
111 blockquote
{ font-style: italic
; }
113 a:link
, a:visited
, a:hover
, a:active
{ font-weight: normal
; text-decoration: none
; }
115 div#padd-header div
.padd-box-title h1 a
{ font: bold
36px/63px Georgia
,serif
; }
117 div
.texte strong
, div
.texte strong
> a
.spip_out
{ color: #338e28; font-weight: bold
; }
120 font-family: 'QuaverSansRegular';
121 src: url
('./fonts/quaversans-webfont.eot');
122 src: url
('./fonts/quaversans-webfont.eot?#iefix') format
('embedded-opentype'),
123 url
('./fonts/quaversans-webfont.woff') format
('woff'),
124 url
('./fonts/quaversans-webfont.ttf') format
('truetype'),
125 url
('./fonts/quaversans-webfont.svg#QuaverSansRegular') format
('svg');
135 form
{ margin: 0; padding: 0; display: block
; }
136 blockquote
{ margin: 0; padding: 1em 3em; border: solid
1px; }
138 div#padd-header
{ width: 960px; height: 40px; margin-left: auto
; margin-right: auto
; }
139 div#padd-header-wrapper
{ position: relative
; width: 960px; height: 40px; margin: 0 auto
; }
140 div#padd-header div
.padd-box h2
{ display: none
; }
142 div#padd-header div
.padd-box-title
{ position: relative
; width: 100%; float: left
; }
143 div#padd-header div
.padd-box-title div
.accueil a
{ display: block
; margin: 0; padding: 0; border:none
; }
144 div#padd-header div
.padd-box-title div
.accueil #nom_site_spip a
{ color:#EEE; font-size:36px; letter-spacing:2px; position:relative
; top:17px;}
145 div#padd-header div
.padd-box-title div
.accueil #slogan_site_spip
{ color:#999; font-size:14px; position:relative
; top:22px; }
146 /* div#padd-header div.padd-box-title div.accueil img { float: left; display: block; max-height: 100px; width:auto; margin: 0; top:0px; padding: 0; border: 0 none; } */
147 div#padd-header div
.padd-box-title h1
{ display: block
; margin: 0; padding: 0; float: left
; }
148 div#padd-header div
.padd-box-title h1 a
{ display: block
; width: 270px; height: 63px; margin: 0; padding: 0; text-indent: -999999px; }
149 div#padd-header div
.padd-box-title p
{ display: none
; }
150 div#padd-header div
.logo
{ position: absolute
; float: left
; width: 310px; height: 155px; background: url
('./img/logo-bg.png') 0 0 no-repeat
; left:-25px ; z-index: 1000; }
151 div#padd-header div
.logo a img
{ float: left
; margin: 30px 0 0 15px; width: 282px; }
153 div#lang
{ position: absolute
; top: 5px; right: -25px; width: 25px; z-index: 1000; }
154 div#lang div#fr
, div#lang div#en
, div#lang div#de
, div#lang div#es
, div#lang a div#
fr:hover
, div#lang a div#
en:hover
, div#lang a div#
de:hover
, div#lang a div#
es:hover
{ opacity: 1;
155 -moz-transition: all
0.15s ease-in
;
156 -o-transition: all
0.15s ease-in
;
157 -webkit-transition: all
0.15s ease-in
;
158 transition: all
0.15s ease-in
; }
159 div#lang a div#fr
, div#lang a div#en
, div#lang a div#de
, div#lang a div#es
{ opacity: 0.3; }
160 div#lang div#fr
{ background: url
(img/flag_fr.png) no-repeat
; width: 20px; height: 18px; margin: 5px 0; }
161 div#lang div#en
{ background: url
(img/flag_en.png) no-repeat
; width: 20px; height: 18px; margin: 5px 0; }
162 div#lang div#de
{ background: url
(img/flag_de.png) no-repeat
; width: 20px; height: 18px; margin: 5px 0; }
163 div#lang div#es
{ background: url
(img/flag_es.png) no-repeat
; width: 20px; height: 18px; margin: 5px 0; }
164 div#lang div#hidden
{ display: none
; }
166 form
{ display: block
; margin: 0; padding: 0; }
167 form p
{ display: block
; margin: 0 0 20px 0; padding: 0; line-height: 27px; }
168 form p
.input label
{ display: none
; }
169 form p
.input input
, form input
{ width: 390px; padding: 10px; border: 1px solid
; }
170 form p
.input
[type
='checkbox'] input
, form input
[type
='checkbox'] { width: inherit
; }
171 #sidebar form p
.input input
, #sidebar form input
{ width: 268px; }
172 form p
.textarea
{ display: block
; margin: 5px 0 10px 0; }
173 form p
.textarea label
{ display: none
; }
174 form p
.button
{ display: block
; text-align: left
; float: right
; margin: 0; padding: 0; }
175 form p
.subscribe-to-comments
{ margin: 0; padding: 0; float: left
; }
176 form textarea
, .formulaire_spip textarea
{ width: 600px; height: 148px; padding: 5px 10px; border: 1px solid
; }
177 form input
[type
='submit'], #sidebar form input
[type
='submit'] { display: block
; width:inherit
; min-width: 109px; height: 36px; margin: 0; padding: 0 20px; float: right
; border: 0; cursor: pointer
; }
178 div
.bouton-sidebar
{ width: 106px; margin: 0 auto
; }
182 div#sidebar div
.padd-box
{ margin: 0 0 30px 0; }
183 div#sidebar div
.padd-box h2
{ display: block
; margin: 0; padding: 0 0 5px 40px; border-bottom: 3px solid
; }
184 div#sidebar div
.padd-box ul
{ display: block
; margin: 0; padding: 1px 0 0 0; list-style-type: none
; }
185 div#sidebar div
.padd-box ul li
{ display: block
; margin: 0; padding: 0 0 1px 0; list-style-type: none
; }
186 div#sidebar div
.padd-box ul li span
.surliste
{ display: block
; margin: 0; padding: 0 0 1px 0; list-style-type: none
; }
187 div#sidebar div
.padd-box ul li span
.padd-wrap
{ display: block
; margin: 0; padding: 7px 10px 7px 16px; }
188 div#sidebar div
.padd-box ul li span
.surliste
{ display: block
; margin: 0; padding: 7px 2px 7px 4px; }
189 div#sidebar div
.padd-box ul li
.menu-entree span
.padd-wrap-menu-etr
{ display: block
; margin: 0; padding: 7px 10px 7px 16px; }
191 div#sidebar div
.padd-box li ul
{ margin: 0 0 4px 0; padding: 1px 0 0 20px; }
192 div#sidebar div
.padd-box li li ul
{ font-size:0.9em; }
193 div#sidebar div
.padd-box-tweet div
.padd-interior
{ padding: 10px 0 0 0; }
194 div#sidebar div
.padd-box-ads div
.padd-interior
{ text-align: center
; padding: 10px 0 0 0; }
195 div#sidebar div
.padd-box-ads div
.padd-interior img
{ border: 0 none
; vertical-align: top
; }
197 div#sidebar h2
.h2
{ font-family: 'QuaverSansRegular'; font-size: 1.8em; font-weight: lighter
; color: #ff9933; text-transform: uppercase
; }
198 div#sidebar h2 a
{ font-weight:normal
; color:inherit
; }
201 /* Accueil - Présentation */
203 div#presentation
{ float: left
; width: 300px; padding: 20px; margin-right: 20px; background: #fff; -webkit-box-shadow: 1px 1px 3px 0px #ccc; -moz-box-shadow: 1px 1px 3px 0px #ccc; box-shadow: 1px 1px 3px 0px #ccc; }
204 div#presentation div
.padd-post-item-entry p strong
, div#presentation div
.padd-post-item-entry p strong a
{ color: #338e28 !important
; font-weight: bold
; }
205 div#presentation p
.lirelasuite a
{ float: right
; background: url
('img/savoir-plus.png') right top no-repeat
; height: 15px; padding-right: 20px; margin-top: 5px; -moz-transition: all
0.15s ease-in-out
; -o-transition: all
0.15s ease-in-out
; -webkit-transition: all
0.15s ease-in-out
; transition: all
0.15s ease-in-out
; }
208 /* Accueil - Slider */
210 div
.anythingSlider-minimalist-round ul#slider li
.item
a:link
{ float: left
; width: 500px; height: 207px; display: block
; }
211 div
.anythingSlider-minimalist-round ul#slider1 li
.item a img
{ padding: 5px; }
212 div
.anythingSlider-minimalist-round ul#slider1 li
.item a h1
{ position: relative
; float: right
; bottom: 180px; color: #fff; font-family: 'QuaverSansRegular'; font-size: 3em; font-weight: 100; text-shadow: none
; background: url
('img/bg-title-slider.png') 0 0 repeat-x
; height: 40px; padding: 5px 10px; margin-right: 5px; }
215 /* Accueil - Actus secondaires */
217 #actus { position: relative
; float: left
; width: 580px; }
218 div
.actus-secondaires
{ float: left
; position:relative
; width: 500px; margin: 20px 40px 10px 40px; }
219 div
.actus-secondaires ul
{ padding: 0; margin: 0; }
220 div
.actus-secondaires ul li
{ float: left
; width: 46%; list-style-type: none
;}
221 div
.actus-secondaires ul
li:first-child
{ margin-right: 6% !important
; }
222 div
.actus-secondaires ul li a img
{ float: left
; vertical-align: top
; margin-right: 10px; opacity: 0.8; }
223 div
.actus-secondaires ul li a
img:hover
{ opacity: 1; -moz-transition: all
0.15s ease-in-out
; -o-transition: all
0.15s ease-in-out
; -webkit-transition: all
0.15s ease-in-out
; transition: all
0.15s ease-in-out
; }
224 div
.actus-secondaires div
.intro
{ float: left
; width: 100px }
225 div
.actus-secondaires div
.intro p
{ margin: 0; }
226 img
.border
{ padding: 5px; background: #fff; -webkit-box-shadow: 1px 1px 3px 0px #ccc; -moz-box-shadow: 1px 1px 3px 0px #ccc; box-shadow: 1px 1px 3px 0px #ccc; }
228 /* Accueil - Flickr */
230 div
.flickr
, div
.agenda
{ float: left
; padding: 10px; margin: 40px 20px 0 0; background: #fff; -webkit-box-shadow: 1px 1px 3px 0px #ccc; -moz-box-shadow: 1px 1px 3px 0px #ccc; box-shadow: 1px 1px 3px 0px #ccc; }
231 div
.flickr h2
, div
.agenda h2
{ margin: 0 0 10px 5px !important
; font-family: 'QuaverSansRegular'; font-size: 2em; font-weight: 100; text-transform: uppercase
; display: inline-block
!important
; }
232 div
.flickr
{ width: 320px; clear: both
;}
233 div
.flickr h2
{ color: #ff0084; }
234 div
.flickr div
.flickr-dots
{ background: url
('img/flickr-dots.png') 0 0 no-repeat
; width: 30px; height: 17px; float: right
; margin-right: 5px; display: block
; }
235 div
.flickr ul
{ padding:0; margin:0 }
236 div
.flickr ul li
{ float: left
; list-style-type:none
; margin: 3px; }
237 div
.flickr ul li a
, div
.flickr ul li a img
{ border: none
; overflow: hidden
; float: left
; display: block
; opacity: 0.8; }
238 div
.flickr ul li
a:hover
{ border: 3px solid
#CCC; }
239 div
.flickr ul li
a:hover img
{ margin: -3px; opacity: 1; }
240 div
.flickr div
.go-flickr
{ float: right
; margin: 5px 5px 0 0 ; }
245 div
.agenda
{ position: relative
; float: left
; width: 250px; min-height: 302px; }
246 div
.agenda h2
{ color: #ff9933; }
247 div
.agenda ul
{ padding-left: 10px; }
248 div
.agenda ul li
{ list-style-type: none
; background: url
('img/puce-agenda.png') 0 0 no-repeat
; padding-left: 15px; margin: 15px 0 }
249 div
.agenda span
.date
{ font-weight: bold
; }
250 div
.agenda
a:hover
, div
.agenda
a:active
, div
.agenda
a:focus
{ color: #ff9933; -moz-transition: all
0.15s ease-in-out
; -o-transition: all
0.15s ease-in-out
; -webkit-transition: all
0.15s ease-in-out
; transition: all
0.15s ease-in-out
; }
251 div
.agenda div
.agenda-plus
{ position: absolute
; bottom: 0; left: 112px; background: url
('img/agenda-plus.png') 0 0 no-repeat
; width: 44px; height: 22px; display: block
; }
252 div
.agenda div
.agenda-plus:hover
, div
.agenda div
.agenda-plus:focus
{ background-position: 0 -22px; display: block
; }
253 div
.agenda div
.agenda-plus a
{ height: 22px; text-indent: -9999em; display: block
; }
254 div
.legende-agenda
{ float: left
; padding-right: 0px !important
; margin: 10px -10px 0 0 !important
; }
255 div
.legende-agenda a
{ display: block
; }
256 div
.legende-agenda a img
{ opacity: 0.6; }
257 div
.legende-agenda a
img:hover
, div
.legende-agenda a
img:focus
{ opacity: 1; -moz-transition: all
0.30s ease-in-out
; -o-transition: all
0.30s ease-in-out
; -webkit-transition: all
0.30s ease-in-out
; transition: all
0.30s ease-in-out
; }
258 .minicalendar { margin-top: 10px; clear: both
; }
259 .minicalendar .fc-header-title h2, span.fc-header-title h2 { font-family: Tahoma
,Geneva
,Kalimati
,sans-serif
; font-weight: normal
; color: #CCC; }
262 /* Accueil - Boutons */
264 div
.boutons
{ position: relative
; float: left
; width: 280px; margin: 40px 0; }
265 div
.boutons ul
{ float: left
; padding: 0; margin: 0; }
266 div
.boutons ul li
{ list-style-type: none
; width: 280px; height: 90px; margin-top: 25px; }
267 div
.boutons ul
li:first-child
{ margin-top: 0; }
268 div
.boutons ul li a
{ position: relative
; width: 280px; height: 90px; display: block
; opacity: 0.8; }
269 div
.boutons ul li
a:hover
{ opacity: 1;
270 -moz-transition: all
0.15s ease-in-out
;
271 -o-transition: all
0.15s ease-in-out
;
272 -webkit-transition: all
0.15s ease-in-out
;
273 transition: all
0.15s ease-in-out
; }
274 div
.boutons ul li a span
.title
{ position: absolute
; top: 30px; background: url
('img/bg-title.png') repeat-x
; background-position: 0 0; width: auto
; height: 22px; padding: 5px 10px; font-size: 1.5em; color: #fff; display: block
; }
275 div
.bouton ul li
a:hover span
.title
{ background: url
('img/bg-title.png') repeat-x
; background-position: 0 -32px; }
276 div
.boutons ul li a span
.left
{ float: left
; left: 0px; }
277 div
.boutons ul li a span
.right
{ float: right
; right: 0px; }
280 div
.acces-direct
{ position: relative
; float: left
; width: 220px; margin: 0; }
281 div
.acces-direct ul
{ float: left
; padding: 0; margin: 0; }
282 div
.acces-direct ul li
{ list-style-type: none
; width: 220px; height: 71px; margin-top: 25px; }
283 div
.acces-direct ul
li:first-child
{ margin-top: 0; }
284 div
.acces-direct ul li a
{ position: relative
; width: 220px; height: 71px; display: block
; opacity: 0.8; }
285 div
.acces-direct ul li
a:hover
{ opacity: 1;
286 -moz-transition: all
0.15s ease-in-out
;
287 -o-transition: all
0.15s ease-in-out
;
288 -webkit-transition: all
0.15s ease-in-out
;
289 transition: all
0.15s ease-in-out
; }
290 div
.acces-direct ul li a span
.title
{ position: absolute
; top: 20px; background: url
('img/bg-title.png') repeat-x
; background-position: 0 0; width: auto
; height: 22px; padding: 5px 10px; font-size: 1.5em; color: #fff; display: block
; }
291 div
.bouton ul li
a:hover span
.title
{ background: url
('img/bg-title.png') repeat-x
; background-position: 0 -32px; }
292 div
.acces-direct ul li a span
.left
{ float: left
; left: 0px; }
293 div
.acces-direct ul li a span
.right
{ float: right
; right: 0px; }
295 /* Styles communs aux rubriques et articles */
297 div
.padd-post-item-result
{ position: relative
; float: left
; width: 120px; margin: 5px 8px 10px 8px; display: block
; }
298 div
.padd-post-item-result img
.spip_logos
{ position: relative
; float: left
; opacity: 0.8; }
299 div
.padd-post-item-result img
.spip_logos:hover
, div
.padd-post-item h2
a:hover
{ opacity: 1; -moz-transition: all
0.15s ease-in-out
; -o-transition: all
0.15s ease-in-out
; -webkit-transition: all
0.15s ease-in-out
; transition: all
0.15s ease-in-out
;}
300 div
.padd-post-item-result div
.padd-post-item-title h2 a
{ font-size: 0.8em; color: #666; clear: both
; }
301 div
.padd-post-item-result div
.padd-post-item-title h2
a:hover
{ color: #333; }
302 div
.padd-post-item-result div
.pas-de-logo-article-resume
{ background: none repeat scroll
0 0 #FFFFFF; width: 110px; height: 70px; box-shadow: 1px 1px 3px 0 #CCCCCC; padding: 5px; margin: 5px 0 !important
; opacity: 0.8; }
305 /* Accueil des rubriques */
307 body
.page_rubrique div#contenu
{ max-width: 680px; padding-left: 20px; }
308 body
.page_rubrique div#contenu img
.spip_logos
{ float: left
; margin: 5px 15px 5px 0; background: none repeat scroll
0 0 #FFFFFF; box-shadow: 1px 1px 3px 0 #CCCCCC; padding: 5px; }
311 /* Rubrique Vie de l'Asso */
313 div
.vie-asso h2
.h2
{ color: #66BDD1; background: url
(img
/vie-asso
.png
) 0 50% no-repeat
; font-weight: normal
; padding-left: 40px !important
; }
316 /* Rubrique Sortir */
318 div
.sortir h2
.h2
{ color: #BFCD16; background: url
(img/sortir.png) 0 50% no-repeat
; font-weight: normal
; padding-left: 40px !important
; }
321 /* Rubrique Vente de vélos */
323 div
.vente h2
.h2
{ color: #F45430; background: url
(img/vente.png) 0 50% no-repeat
; font-weight: normal
; padding-left: 40px !important
; }
326 /* Rubrique Autres animations */
328 div
.autres-animations h2
.h2
{ color: #ECCE00; background: url
(img
/autres-animations
.png
) 0 50% no-repeat
; font-weight: normal
; padding-left: 40px !important
; }
331 /* Rubrique Dans l'R du vélo */
333 body
.article_danslrduvelo div
.articles div
.pass-post-item-result
{ float: left
; clear: both
; margin: 10px 0; }
334 body
.article_danslrduvelo div
.articles div
.padd-post-item-result a
img:hover
{ opacity: 1; -moz-transition: all
0.15s ease-in-out
; -o-transition: all
0.15s ease-in-out
; -webkit-transition: all
0.15s ease-in-out
; transition: all
0.15s ease-in-out
;}
335 body
.article_danslrduvelo div
.articles div
.padd-post-item-result div
.padd-post-item-title h2 a
{ float: left
; width: auto
; font-size: 0.8em; margin: 5px 0; clear: both
; }
336 body
.article_danslrduvelo div
.noisette_bloctexte
{ float: right
; clear: both
; }
339 /* Rubrique Animations */
341 body
.article_animations div
.articles
{ position: relative
; float: left
; max-width: 680px; padding: 0 20px; }
342 body
.article_animations div
.articles div
.padd-post-item-result
{ width: 110px; padding: 0 20px 0 0 !important
; display: block
; }
343 body
.article_animations div
.articles div
.padd-post-item-result a
{ width: 110px; display: block
; }
344 body
.article_animations div
.articles h2
.h2
{ font-weight: normal
; margin: 5px 0 !important
; padding-left: 40px !important
; }
345 body
.article_animations div
.noisette_liste_articles
{ width: 680px; }
346 body
.article_animations div
.suite-articles
{ float: right
; clear: both
; }
347 body
.article_animations div#sidebar div
.vie-asso
{ color: #66BDD1; background: url
(img
/vie-asso-legende
.png
) 0 20% no-repeat
; padding-left: 25px; margin: 5px 0; }
348 body
.article_animations div
.sortir div
.noisette_bloctexte a
{ color: #BFCD16; background: url
(img
/sortir-plus
.png
) 0 50% no-repeat
; padding-left: 20px; }
349 body
.article_animations div
.sortir h2
.h2
{ color: #BFCD16; background: url
(img/sortir.png) 0 50% no-repeat
; }
350 body
.article_animations div#sidebar div
.sortir
{ color: #BFCD16; background: url
(img
/sortir-legende
.png
) 0 15% no-repeat
; padding-left: 25px; margin: 5px 0; }
351 body
.article_animations div
.vente div
.noisette_bloctexte a
{ color: #F45430; background: url
(img
/vente-plus
.png
) 0 50% no-repeat
; padding-left: 20px; }
352 body
.article_animations div
.vente h2
.h2
{ color: #F45430; background: url
(img/vente.png) 0 50% no-repeat
; }
353 body
.article_animations div#sidebar div
.vente
{ color: #F45430; background: url
(img
/vente-legende
.png
) 0 10% no-repeat
; padding-left: 25px; margin: 5px 0; }
354 body
.article_animations div
.autres-animations div
.noisette_bloctexte a
{ color: #ECCE00; background: url
(img
/autres-animations-plus
.png
) 0 0 no-repeat
; padding-left: 20px; }
355 body
.article_animations div
.autres-animations h2
.h2
{ color: #ECCE00; background: url
(img
/autres-animations
.png
) 0 50% no-repeat
; }
356 body
.article_animations div#sidebar div
.autres-animations
{ color: #ECCE00; background: url
(img
/autres-animations-legende
.png
) 0 10% no-repeat
; padding-left: 25px; }
357 body
.article_animations div#sidebar div
.legende
{ float: left
; background: #fafafa; padding: 8px; margin: 5px 0 20px 0; -moz-border-radius-topleft: 20px; -moz-border-radius-topright: 20px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 20px; -webkit-border-radius: 20px 20px 0px 20px; border-radius: 20px 20px 0px 20px; }
359 /* Partenaires financiers */
361 body
.article_partenaires_financiers span
.spip_documents
{ float: left
; height: 80px; margin: 20px 5px; display: block
; }
364 /* Mise en page du contenu des articles */
366 body
.page_article div#contenu
{ max-width: 680px; padding-left: 20px; }
367 body
.page_article div#contenu img
.spip_logos
{ float: left
; margin: 5px 15px 5px 0; background: none repeat scroll
0 0 #FFFFFF; box-shadow: 1px 1px 3px 0 #CCCCCC; padding: 5px; }
369 div
.cs_blocs
{ margin: 20px 0; }
370 h4
.blocs_titre
, h4
.blocs_titre a
{ font-family: Tahoma
,Geneva
,Kalimati
,sans-serif
; font-weight: normal
; font-size: 1.1em; }
372 div
.onglets_bloc
{ margin-bottom: 20px; }
373 div
.onglets_bloc h2
.onglets_titre
{ top: 0; background: #CCC; border: 1px solid
#CCC; font-size: 110%; margin-right: 3px !important
; padding: 3px 5px !important
; }
374 div
.onglets_bloc h2
.onglets_titre:hover
{ background: #BBB; }
375 div
.onglets_bloc h2
.onglets_titre a
, div
.onglets_bloc h2
.onglets_titre
.selected a
{ color: white
; outline: none
; }
376 div
.onglets_bloc h2
.onglets_titre
a:hover
{ color: white
; }
377 div
.onglets_bloc h2
.onglets_titre
.selected
{ background: #BBB; border-top: 3px solid
#BBB; }
378 div
.onglets_bloc
.onglets_contenu
{ border: 1px solid
#ececec; background: #FBFBFB; padding: 10px; }
380 div
.noisette_liste_articles
{ float: left
; margin-top: 2em; clear: both
; }
382 p
.pagination
{ float: right
; }
383 select
.select
{ border: 1px solid
#ccc; padding: 2px }
384 select
.select:focus
{ border: 1px solid
#999; }
385 button
.pagination
{ color: #fff; background: #ccc; border: none
; padding: 2px 5px; margin-left: 5px; cursor: pointer
; }
386 button
.pagination:hover
{ background: #999; }
391 body
.page_recherche div#contenu
{ padding: 0 10px 0 30px; }
392 body
.page_recherche ul li
{ list-style-type: none
; }
393 body
.page_recherche h3
{ margin-bottom: 10px; }
397 Section NAVIGATION Schemes/red
399 div#padd-categories
{ position: relative
; background: transparent url
('img/bg-paddcat.png') left bottom repeat-x
; height: 92px; z-index: 100; }
400 div#padd-categories ul
{ background: none
; }
401 div#padd-categories ul li
{ background: none
; }
402 div#padd-categories ul li
a:link
, div#padd-categories ul li
a:visited
{ background: none
; }
403 div#padd-categories ul li
a:hover
, div#padd-categories ul li
a:active
,
404 div#padd-categories ul li
a:link
.on
, div#padd-categories ul li
a:visited
.on
{ background-position: left bottom
; }
405 div#padd-categories li ul li
{ background:none
; }
407 div#padd-categories h2
{ display: none
; }
408 div#padd-categories div
.padd-interior
{ width: 960px; background: url
('img/bg-nav.png') 0 0 repeat-x
; height: 92px; margin: 0 auto
; padding: 0; }
409 div#padd-categories ul
{ display: block
; list-style: none
; margin: 0; padding: 15px 0 0 330px; height: 77px; z-index:999999; }
410 div#padd-categories ul li
{ display: block
; margin: 0; padding: 0 2px 0 0; float: left
; height: 77px; }
411 div#padd-categories ul li
a:link
, div#padd-categories ul li
a:visited
{ font: normal
16px "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri
, sans-serif
; color: #fff; text-transform: uppercase
;display: block
; margin: 0; padding: 54px 15px 0 15px; text-decoration: none
; text-align: center
; }
412 div#padd-categories ul li
a:hover
, div#padd-categories ul li
a:active
,
413 div#padd-categories ul li
.on
a:link
, div#padd-categories ul li
.on
a:visited
{ background-position: left bottom
; color: #fff; }
415 div#padd-categories ul
.menu-liste li
.association
{ background: url
('img/menu-asso.png') center top no-repeat
; height: 50px; }
416 div#padd-categories ul
.menu-liste li
.association:hover
{ background-position: 50% -50px; display: block
; }
417 div#padd-categories ul
.menu-liste li
.activites
{ background: url
('img/menu-activites.png') center top no-repeat
; height: 50px; }
418 div#padd-categories ul
.menu-liste li
.activites:hover
{ background-position: 50% -50px; display: block
; }
419 div#padd-categories ul
.menu-liste li
.nous-rejoindre
{ background: url
('img/menu-nousrejoindre.png') center top no-repeat
; height: 50px; }
420 div#padd-categories ul
.menu-liste li
.nous-rejoindre:hover
{ background-position: 50% -50px; display: block
; }
421 div#padd-categories ul
.menu-liste li
.echanger
{ background: url
('img/menu-echanger.png') center top no-repeat
; height: 50px; }
422 div#padd-categories ul
.menu-liste li
.echanger:hover
{ background-position: 50% -50px; display: block
; }
423 div#padd-categories ul
.menu-liste li
.liens
{ background: url
('img/menu-liens.png') center top no-repeat
; height: 50px; }
424 div#padd-categories ul
.menu-liste li
.liens:hover
{ background-position: 50% -50px; display: block
; }
426 /* Navigation SOUS LISTE (Jusqu'a 5 niveaux) */
427 div#padd-categories ul li ul li
.menu-entree
.item a
{ font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri
, sans-serif
; font-size: 1.2em; text-transform: none
; line-height: 3em; color: #fff; display: block
; margin-top: 3px; padding: 0 10px; text-decoration: none
; text-align: center
; -webkit-box-shadow: 0px 1px 2px 1px #666666; -moz-box-shadow: 0px 1px 2px 1px #666666;
428 box-shadow: 0px 1px 2px 1px #666666; }
429 div#padd-categories ul li ul li
.menu-entree
.item:last-child a
{ -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px; }
430 div#padd-categories ul li ul li
.menu-entree
.item
a:hover
{ color: #fff; background: url
('img/bg-cat-item.png') left top repeat-x
; }
431 div#padd-categories li ul
{ position: absolute
; left: -999em; padding: 0; }
432 div#padd-categories li ul li
{ height: 39px; padding: 0 auto
; min-width:140px; width:100%; }
433 div#padd-categories li ul li
a:link
, div#padd-categories li ul li
a:visited
{ background: transparent url
('img/bg-cat.png') left top
; }
434 div#padd-categories li ul li
a:hover
, div#padd-categories li ul li
a:active
,
435 div#padd-categories li ul li
.on
a:link
, div#padd-categories li ul li
.on
a:visited
{ background: transparent url
('img/bg-cat-item.png') left top repeat-x
; }
437 html
>body div#padd-categories li ul li
{ clear:both
; }
438 div#padd-categories li ul ul
{ margin:-9px 0 0 60px; min-width:100%; float:left
; }
439 div#padd-categories li ul ul li
, div#padd-categories li ul ul ul li
{ overflow:hidden
; float:left
; }
440 div#padd-categories
li:hover ul ul
, div#padd-categories
li:hover ul ul ul
, div#padd-categories
li:hover ul ul ul ul
{ left: -999em; }
441 div#padd-categories
li:hover ul
,
442 div#padd-categories li
li:hover ul
,
443 div#padd-categories li li
li:hover ul
,
444 div#padd-categories li li li
li:hover ul
{ left: auto
; min-height: 0; }
445 div#padd-categories li ul li
a:link
, div#padd-categories li ul li
a:visited
{ height: 39px; }
451 p
.pagination
{ margin: 20px 0 0 0; height: 30px; float:right
; }
452 p
.pagination span
.separateur
{ display:none
; }
453 p
.pagination a
, p
.pagination strong
{ display: block
; float:left
; height: 28px; font: normal
12px/28px Helvetica
,Arial
,sans-serif
; margin: 0 10px 0 0; padding: 0 10px; text-decoration: none
; border: 1px solid
#ccc; color: #666; }
454 p
.pagination strong
.on
{ background-color:#f6f6f6; }
455 p
.pagination
a:hover
, p
.pagination
a:active
{ color: #333; background: #f6f6f6 none
; border: 1px solid
#c6c6c6; }
461 blockquote
{ border-color: #e0e0da; }
462 blockquote
.spip
{ border: 1px solid
#e0e0da; }
463 a:link
, a:visited
, a:active
{ color: #333; }
464 a:hover
{ color: #666; }
466 div#padd-header
{ background: #fff }
467 div#padd-header div
.padd-box-title h1
{ background: transparent url
('img/site-name.png') left top no-repeat
; }
469 form p
.input input
{ color: #000; background: #fff none
; border-color: #ddd; }
470 form small
{ color: #b7b7b7; }
471 form textarea
, .formulaire_spip textarea
{ color: #000; background: #fff none
; border-color: #ddd; }
472 form input
[type
='submit'], #sidebar form input
[type
='submit'] { background:#0f66db url
('img/bg-submit.jpg') top left repeat-x
; color:#FFF; border:2px solid
#FFF; }
474 form input
[type
='submit']:hover
, #sidebar form input
[type
='submit']:hover
{ background-position:bottom left
; }
475 div
.formulaire_spip fieldset legend
{ font: normal
18px/43px Georgia
,serif
; text-shadow: 1px 1px #fff; margin:0; }
476 div
.formulaire_spip fieldset legend
{ border-bottom: 1px solid
#e0e0da; background-color:transparent
; width:100%; }
478 div#formulaire_recherche
{ position: absolute
; top: 0px; right: 20px; width: 276px; height: 27px; float: right
; margin: 0 0 0 60px; }
479 .page_sommaire div#padd-search-maparaan { position:relative
; float:right
; width: 276px; right:0px; margin:0; }
480 .page_sommaire div#padd-search-maparaan div#formulaire_recherche { margin:0 0 0 1px; }
481 div#formulaire_recherche p
{ display: block
; margin: 0; padding: 0; }
482 div#formulaire_recherche span
.padd-search-text
{ display: none
; }
483 div#formulaire_recherche label
{ display: none
; }
484 div#formulaire_recherche input
[type
='text'] { width: 136px; height: 27px; border: 0 none
; padding: 0 90px 0 50px; margin: 0; }
485 div#formulaire_recherche input
[type
='text'] { color: #9a9a9a; background: transparent url
('img/input-search.png') top left no-repeat
; border-color: transparent
; }
486 div#formulaire_recherche input
[type
='text']:focus
{ border: none
; outline: none
; }
487 div#formulaire_recherche input
{ font: 1em 'Lucida Grande','Lucida Sans',Helvetica
,Arial
,sans-serif
; }
488 div#formulaire_recherche input
[type
='submit'] { position:absolute
; top: 7px; left: 210px; background: url
('img/search-submit.png') 0 0 no-repeat
; border:none
; margin:0; padding:0; width: 13px; min-width: 13px; height:13px; display: block
; cursor:pointer
; }
489 div#formulaire_recherche input
[type
='submit']:hover
{ background-position: 0 -13px; display: block
; }
491 p
.traductions
{ text-align:right
; visibility:hidden
; }
492 p
.traductions span
.on
, p
.traductions a
{ visibility:visible
; }
493 p
.traductions span a
{ padding:2px 4px; background-color:#E0E0DA; color:#999; }
494 p
.traductions span a
, p
.traductions span
.on
{
495 -webkit-border-radius: 4px;
496 -moz-border-radius: 4px;
499 p
.traductions span
a:hover
{ background-color:#999; color:#FFF; }
500 p
.traductions span
.on
{ padding:2px 4px; background-color:#c85d47; color:#FFF; }
502 div
.resultats
{ margin: 0 0 20px 0; }
504 .clear { clear: both
; }
506 div
.liste ul
.liste-items li
,
507 div#sidebar ul
.menu-liste li
.menu-entree
{ padding:8px 0; background: transparent url
('img/border-sidebar-list-item.gif') left bottom repeat-x
; }
508 div
.liste ul
.liste-items
li:hover
,
509 div#sidebar ul
.menu-liste li
.menu-entree:hover
{ background: #f6f6f6 url
('img/border-sidebar-list-item.gif') left bottom repeat-x
; }
510 body
.page_sommaire div#sidebar
{ margin: 0 !important
; display: none
; }
512 #comments ul
.comments-list div
.comment-texte
{ background-color:#FFF; border:1px solid
#DDD; padding:1px 20px; position:relative
; }
519 div#footer
{ position: relative
; background: url
('img/bg-footer.png') 0 0 no-repeat
; width: 100%; height: 108px; padding: 0 auto
; margin-top: -108px; margin-left: auto
; margin-right: auto
; clear: both
; overflow: hidden
; }
521 div#footer-content
{ position: relative
; width: 960px; height: 108px; font-size: 0.9em; color: #fff; margin: 0 auto
; }
523 div#footer-content-wrapper
{ width: 960px; height: 93px; margin: 0 auto
; padding-top: 15px; }
525 div#footer-content img
{ position:relative
; top:4px; max-height:15px; }
526 div#footer-content div#footer-copyleft
{ float:right
; }
528 div#footer-content
a:link
, div#footer-content
a:visited
, div#footer-content
a:active
{ color: #fff; }
529 div#footer-content
a:hover
{ color: #fff; border-bottom: 1px dotted
#fff }
531 div#footer-content div
.footer-fb
{ float: left
; width: 31%; background: url
('img/facebook.png') 0 0 no-repeat
; height: 34px; display: block
; padding-left: 50px; margin: 20px 0 0 10px; }
532 div#footer-content div
.footer-fb:hover
{ background-position: 0 -34px; display: block
; cursor: pointer
; }
533 div#footer-content div
.footer-fb
a:link
{ display: inline-block
; padding: 8px 0 1px 0; }
534 div#footer-content div
.footer-fb
a:hover
{ padding: 8px 0 0 0; }
535 div#footer-content div
.fb-like
{ float: left
; margin-top: 10px; clear: both
; }
537 div#footer-content div
.footer-contact
{ float: left
; width: 31%; padding: 0; margin-top: 5px; }
538 div#footer-content div
.footer-contact div
.title
{ float: left
; margin: 25px 5px 0 0; }
539 div#footer-content div
.footer-contact div
.title span
.title
{ font-family: 'QuaverSansRegular'; font-size: 1.9em; padding: 8px 0 }
540 div#footer-content div
.footer-contact div
.map
{ float: left
; background: url
('img/map-nantes.png') 0 0 no-repeat
; width: 91px; height: 91px; display: block
; }
541 div#footer-content div
.footer-contact div
.map:hover
{ background-position: 0 -91px; display: block
; cursor:pointer
; }
542 div#footer-content div
.footer-contact div
.map
a:link
, div#footer-content div
.footer-contact div
.map
a:active
, div#footer-content div
.footer-contact div
.map
a:focus
{ text-indent: -9999em; width: 91px; height: 91px; display: block
; outline: none
; }
544 div#footer-content div
.footer-spip
{ float: left
; width: 30%; padding-top: 20px; margin-left: 10px; }
545 div#footer-content div
.footer-spip ul
{ }
546 div#footer-content div
.footer-spip ul li
{ list-style-type: none
; padding: 0; margin: 3px 0; }
548 div
.top
{ position: absolute
; bottom: 83px; right: 37px; background: url
('img/top.png') 0 0 no-repeat
; width: 25px; height: 25px; display: table-cell
; }
549 div
.top
a:hover
{ border-bottom: none
!important
; cursor: pointer
; }
550 div
.top a
{ text-indent: -9999em; width: 25px; height: 25px; display: block
; }
555 div#page-wrapper ul
.forum li
{ list-style:none
; }
556 div#page-wrapper ul
.forum li div
.forum-message
{ clear:both
; }
557 div#page-wrapper div#contenu
> p
.repondre a
{ clear:both
; display:block
; float:left
; padding:0 6px; background:#c85d47 url
('img/bg-lirelasuite.jpg') top left repeat-x
; color:#FFF; text-shadow:1px 1px #555; line-height:24px; }
558 div#page-wrapper div#contenu
> p
.repondre a
{
559 -webkit-border-radius: 6px;
560 -moz-border-radius: 6px;
563 -moz-box-shadow: 0px 0px 6px #aaa;
564 -webkit-box-shadow: 0px 0px 6px #aaa;
565 box-shadow: 0px 0px 6px #aaa;
567 -moz-transition: all
0.15s ease-in-out
;
568 -o-transition: all
0.15s ease-in-out
;
569 -webkit-transition: all
0.15s ease-in-out
;
570 transition: all
0.15s ease-in-out
;
572 div#page-wrapper div#contenu
> p
.repondre
a:hover
{ background:#b24a35 url
('img/bg-lirelasuite.jpg') bottom left repeat-x
; }
573 div#page-wrapper ul
.forum p
.comment-reply
{ font-family:Georgia
,serif
; text-shadow: 1px 1px #fff; color:#999; float:right
; }
575 p
.traductions
{ float:right
; padding:0; }