source: spip-zone/_squelettes_/soyezcreateurs_net/trunk/plugins/soyezcreateurs/stylessoyezcreateurs.css.html @ 115000

Last change on this file since 115000 was 115000, checked in by real3t@…, 19 months ago

[SoyezCréateurs?] Changement de comportement par défaut des rubriques : on n'affiche le plan local que si a rubrique a le mot clef PlanLocal?.
Par ailleurs, sans PlanLocal?, on affiche les articles de la rubrique (ou, s'il n'y en pas, les sites).
Et en dessous, selon le même modèle que les articles, les sous-rubriques de la rubrique

File size: 150.5 KB
Line 
1#CACHE{24*3600,cache-client}
2#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
3#HTTP_HEADER{Vary: Accept-Encoding}
4
5[(#REM) Recuperation des CSS par defaut du plugin Comments s'il est installé ]
6[(#PLUGIN{comments}|oui)[(#INCLURE{#CHEMIN{comments.css}|url_absolue_css}|compacte{css})]]
7
8[(#REM) Reset minimal pour compatibilité SPIP 3.0 ]
9*, *:before, *:after {
10    -webkit-box-sizing: border-box;
11    -moz-box-sizing: border-box;
12    box-sizing: border-box;
13}
14body { background: transparent; }
15
16/* layout */
17
18#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
19#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,180})}
20#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,180})}
21[(#CONFIG{soyezcreateurs_layout/largeurcolonnes,0}|=={0}|?
22        {
23        [(#SET{Largeurcontent_central,[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|div{3}|floor|moins{24})]})]
24        ,
25        [(#SET{Largeurcontent_central,[(#CONFIG{soyezcreateurs_layout/largeurcolonnes})]})]
26        }
27)]
28[(#CONFIG{soyezcreateurs_layout/largeurvideoaccueil,0}|=={0}|?
29        {
30        [(#SET{LargeurArretSurImg,[(#GET{Largeurcontent_central}|moins{2})]})]
31        ,
32        [(#SET{LargeurArretSurImg,[(#CONFIG{soyezcreateurs_layout/largeurvideoaccueil})]})]
33        }
34)]
35[(#CONFIG{soyezcreateurs_layout/hauteurvideoaccueil,0}|=={0}|?
36        {
37        [(#SET{HauteurArretSurImg,[(#GET{LargeurArretSurImg}|div{1.245}|floor)]})]
38        ,
39        [(#SET{HauteurArretSurImg,[(#CONFIG{soyezcreateurs_layout/hauteurvideoaccueil})]})]
40        }
41)]
42#SET{margescolonnes,#CONFIG{soyezcreateurs_layout/margescolonnes,12}}
43[(#SET{largeurtotale,[(#GET{Largeurcontent_central}|plus{#GET{margescolonnes}}|plus{#GET{margescolonnes}}|mult{3})]})]
44[(#SET{largeurMenu,[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}}|moins{20})]})]
45
46#SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#eceded})}
47#SET{c_triadea,(#CONFIG{soyezcreateurs_couleurs/triadea,#be1621})}
48#SET{c_triadeb,(#CONFIG{soyezcreateurs_couleurs/triadeb,#129b9b})}
49#SET{c_triadec,(#CONFIG{soyezcreateurs_couleurs/triadec,#c38f06})}
50#SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})}
51#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#262626})}
52        #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#ffffff})}
53#SET{c_outils,(#CONFIG{soyezcreateurs_couleurs/outils,(#CONFIG{soyezcreateurs_couleurs/header,#262626})})}
54#SET{c_fildariane,(#CONFIG{soyezcreateurs_couleurs/fildariane,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})})}
55        #SET{c_fildariane_bk,(#CONFIG{soyezcreateurs_couleurs/fildariane_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#02265a})})}
56#SET{c_fildarianehome,(#CONFIG{soyezcreateurs_couleurs/fildarianehome,#EA5044})}
57        #SET{c_chevrons,(#CONFIG{soyezcreateurs_couleurs/fildarianehome_bk,#EA5044})}
58#SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#595959})}
59        #SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#ffffff})}
60#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#017ca5})}
61        #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#ffffff})}
62#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#017ca5})}
63        #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#ffffff})}
64#SET{c_menubas,(#CONFIG{soyezcreateurs_couleurs/menubas,#017ca5})}
65        #SET{c_menubas_bk,(#CONFIG{soyezcreateurs_couleurs/menubas_bk,#ffffff})}
66#SET{c_menubas_hover,#(#CONFIG{soyezcreateurs_couleurs/menubas,#017ca5}|couleur_extreme)}
67        #SET{c_menubas_hover_bk,#(#CONFIG{soyezcreateurs_couleurs/menubas_bk,#ffffff}|couleur_extreme)}
68[(#GET{c_menubas}|=={#FFFFFF}|oui)#SET{c_menubas_hover,#EFEFEF}]
69[(#GET{c_menubas}|=={#000000}|oui)#SET{c_menubas_hover,#333333}]
70[(#GET{c_menubas_bk}|=={#FFFFFF}|oui)#SET{c_menubas_hover_bk,#EFEFEF}]
71[(#GET{c_menubas_bk}|=={#000000}|oui)#SET{c_menubas_hover_bk,#333333}]
72#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#017ca5})}
73        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#ffffff})}
74#SET{c_datemajsite,(#CONFIG{soyezcreateurs_couleurs/datemajsite,#595959})}
75        #SET{c_datemajsite_bk,(#CONFIG{soyezcreateurs_couleurs/datemajsite_bk,#ffffff})}
76#SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#005e7a})}
77        #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#ffffff})}
78#SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})}
79        #SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#0b7899})}
80#SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#ffffff})!important}
81        #SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#0b7899})!important}
82#SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#ffffff})}
83        #SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#0b7899})}
84
85#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#02265a})}
86        #SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#f6f6f6})}
87#SET{c_fildariane,(#CONFIG{soyezcreateurs_couleurs/fildariane,#02265a})}
88        #SET{c_fildariane_bk,(#CONFIG{soyezcreateurs_couleurs/fildariane_bk,#f6f6f6})}
89#SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#005e7a})}
90        #SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#f6f6f6})}
91#SET{c_titraille_ssniveaux,(#CONFIG{soyezcreateurs_couleurs/titraille_ssniveaux,#005e7a})}
92        #SET{c_titraille_ssniveaux_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_ssniveaux_bk,#f6f6f6})}
93#SET{c_link,(#CONFIG{soyezcreateurs_couleurs/link,#017ca5})}
94#SET{c_visited,(#CONFIG{soyezcreateurs_couleurs/visited,#595959})}
95#SET{c_hover,(#CONFIG{soyezcreateurs_couleurs/hover,#02265a})}
96#SET{c_active,(#CONFIG{soyezcreateurs_couleurs/active,#595959})}
97#SET{c_cadrestexte,(#CONFIG{soyezcreateurs_couleurs/cadrestexte,#02265a})}
98        #SET{c_cadrestexte_bk,(#CONFIG{soyezcreateurs_couleurs/cadrestexte_bk,#eceded})}
99
100#SET{f_navigation,(#CONFIG{soyezcreateurs_couleurs/fontsnavigation,'Verdana, Arial, Geneva, sans-serif'})}
101#SET{f_content,(#CONFIG{soyezcreateurs_couleurs/fontscontent,'Verdana, Arial, Geneva, sans-serif'})}
102
103#SET{d_body_degrade,#CONFIG{soyezcreateurs_couleurs/body_degrade,on}}
104#SET{d_footer_degrade,#CONFIG{soyezcreateurs_couleurs/footer_degrade,on}}
105#SET{d_titraille_degrade,#CONFIG{soyezcreateurs_couleurs/titraille_degrade,on}}
106#SET{d_menuhaut_degrade,#CONFIG{soyezcreateurs_couleurs/menuhaut_degrade,on}}
107#SET{d_menubas_degrade,#CONFIG{soyezcreateurs_couleurs/menubas_degrade,on}}
108#SET{d_cartouche_degrade,#CONFIG{soyezcreateurs_couleurs/cartouche_degrade,on}}
109#SET{d_cadreinfo_degrade,#CONFIG{soyezcreateurs_couleurs/cadreinfo_degrade,on}}
110#SET{d_citations_degrade,#CONFIG{soyezcreateurs_couleurs/citations_degrade,on}}
111
112/** Polices pour avoir des pictos utilisables */
113@font-face {
114  font-family: 'picto-soyezcreateurs';
115  src:  url('[(#CHEMIN{fonts/picto-soyezcreateurs.eot}|timestamp)]');
116  src:  url('[(#CHEMIN{fonts/picto-soyezcreateurs.eot}|timestamp)]#iefix') format('embedded-opentype'),
117    url('[(#CHEMIN{fonts/picto-soyezcreateurs.woff2}|timestamp)]') format('woff2'),
118    url('[(#CHEMIN{fonts/picto-soyezcreateurs.woff}|timestamp)]') format('woff'),
119    url('[(#CHEMIN{fonts/picto-soyezcreateurs.ttf}|timestamp)]') format('truetype'),
120    url('[(#CHEMIN{fonts/picto-soyezcreateurs.svg}|timestamp)]#picto-soyezcreateurs') format('svg');
121  font-weight: normal;
122  font-style: normal;
123}
124
125[class^="icon-"], [class*=" icon-"] {
126  /* use !important to prevent issues with browser extensions that change fonts */
127  font-family: 'picto-soyezcreateurs' !important;
128  speak: none;
129  font-style: normal;
130  font-weight: normal;
131  font-variant: normal;
132  text-transform: none;
133  line-height: 1;
134
135  /* Better Font Rendering =========== */
136  -webkit-font-smoothing: antialiased;
137  -moz-osx-font-smoothing: grayscale;
138}
139
140.icon-chevron-thin-right:before {
141  content: "\276D";
142}
143.icon-chevron-thin-left:before {
144  content: "\276C";
145}
146.icon-menu:before {
147  content: "\2630";
148}
149.icon-phone:before {
150  content: "\260E";
151}
152.icon-location:before {
153  content: "\2316";
154}
155.icon-information:before {
156  content: "\24D8";
157}
158.icon-calendar:before {
159  content: "\1F5D3";
160}
161.icon-envelope:before {
162  content: "\2709";
163}
164.icon-paperplane:before {
165  content: "\2708";
166}
167.icon-home:before {
168  content: "\2302";
169}
170.icon-search:before {
171  content: "\1F50D";
172}
173.icon-arrow-right2:before {
174  content: "\279C";
175}
176.icon-share2:before {
177  content: "\21C4";
178}
179.icon-language:before {
180  content: "\1F5FA";
181}
182.icon-lock:before {
183  content: "\1F512";
184}
185.icon-fax:before {
186  content: "\1F5B7";
187}
188.icon-partenaires:before {
189  content: "\1F91D";
190}
191.icon-pinterest:before {
192  content: "\50";
193}
194.icon-instagram:before {
195  content: "\49";
196}
197.icon-linkedin:before {
198  content: "\4c";
199}
200.icon-twitter:before {
201  content: "\54";
202}
203.icon-facebook:before {
204  content: "\46";
205}
206.icon-switch:before {
207  content: "\23fb";
208}
209.icon-viadeo:before {
210  content: "\56";
211}
212
213.triadeA {
214        background-color: #GET{c_triadea};
215        color: [(#GET{c_triadea}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
216}
217a.triadeA, a.triadeA:visited, a.triadeA:hover, a.triadeA:focus {
218        color: [(#GET{c_triadea}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})]!important;
219}
220
221.texte-triadeA {
222        color:#GET{c_triadea};
223}
224.triadeB {
225        background-color: #GET{c_triadeb};
226        color: [(#GET{c_triadeb}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
227}
228.texte-triadeB {
229        color:#GET{c_triadeb};
230}
231.triadeC {
232        background-color: #GET{c_triadec};
233        color: [(#GET{c_triadec}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
234}
235.texte-triadeC {
236        color:#GET{c_triadec};
237}
238
239
240/*************** DEFAULT DEFINITION */
241html, body { padding: 0; margin: 0; font-family: #GET{f_content}; }
242html { background-color: #GET{c_body_bk}; [(#GET{c_body_bk}|!={transparent}|oui|et{[(#GET{d_body_degrade}|non)]}) background: #GET{c_body_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_haut3.png}|image_sepia{[(#GET{c_body_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];] color: #[(#GET{c_body_bk}|couleur_inverserluminosite{80})]; font-size: [(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|?{100%,62.7%})]; }
243#header, #menuhaut, #navHaute, #navigation, #extra, #footer { font-family: #GET{f_navigation}; }
244div { margin: 0; padding: 0; border: 0; }
245img { z-index: 0; border: none; image-rendering:optimizeQuality; }
246p { margin-bottom: 10px; margin-top: 20px; font-size: 1em; text-align: left; }
247strong, b { font-weight: bold; }
248ol { color: #[(#GET{c_container}|couleur_inverserluminosite{10})]; font-size: 1em; list-style-type: decimal; list-style-image: none; }
249ul ul, ol ul, ul ol, ol ol { padding-left: 12px; }
250/* Suivre les recommandations de http://romy.tetue.net/signaler-les-abreviations - Merci !*/
251acronym, abbr { border-bottom: .1em dotted; cursor: help; }
252iframe  { border: none; width: 100%;}
253a[hreflang]:after { content: ""; }
254/* Liens externes */
255a.spip_out:after, a.external:after { content: ""; }
256a[hreflang].spip_out:after, a[hreflang].external:after { content: ""; }
257img { box-sizing: content-box; }
258ul.spip { margin-left: 2em; }
259ol.spip { margin-left: 2.5em; }
260ul.spip ul.spip, ol.spip ol.spip { margin-left: .25em; margin-bottom: 0; margin-top: 0.5em;}
261ul.spip li, ol.spip li { margin-bottom: 0.5em; }
262.table caption, table.spip caption { border-bottom: none; }
263
264@media print {
265 abbr:after, acronym:after { content: " ("attr(title)")"; }
266 abbr, acronym {  border-bottom: 0; }
267}
268
269/*************** FORMS */
270
271
272/* Style des formulaires d'edition
273----------------------------------------------- */
274#content .formulaire_spip {
275        padding:0 10px 0;
276        border: 1px solid #GET{c_cadrestexte};
277        color: #GET{c_cadrestexte};
278        background-color: #GET{c_cadrestexte_bk};
279        margin: 0 0;
280        position:relative; /* pour positionner le ajaxload en automatique */
281}
282
283.cadre-formulaire-editer .formulaire_spip { margin-top:0; }
284.cadre-formulaire-editer {color: #444; margin-top:1.5em;position:relative;}
285.cadre-formulaire-editer.popin {margin-top:0}
286.cadre-formulaire-editer .image_loading {position:absolute;right:0;}
287
288.entete-formulaire{ background:white; border:1px solid #GET{c_cadrestexte}; border-bottom:0; padding:.5em 10px; overflow:hidden;}
289.ie6 .entete-formulaire {zoom:1; /* correction IE6 */}
290.formulaire_spip .cadre{border: 1px solid #GET{c_cadrestexte};}
291
292/* dans les formulaires de configuration */
293h3.titrem {position:relative;}
294.formulaire_spip h3.titrem {background-color: [#(#GET{c_cadrestexte}|couleur_eclaircir)];color: #4A4A4A;}
295
296/* ul li -----*/
297.formulaire_spip fieldset {padding-left:10px;padding-right:10px;margin-bottom:.25em}
298.formulaire_spip .editer-groupe {padding: .25em 0;}
299.formulaire_spip .editer-groupe .editer-groupe,.formulaire_spip .fieldset fieldset {margin:0;}
300.formulaire_spip .editer-groupe,
301.formulaire_spip fieldset,
302.formulaire_spip fieldset .editer-groupe,
303.formulaire_spip .boutons,
304.formulaire_spip .titrem,
305.formulaire_spip .legend {margin-left: -10px;margin-right: -10px;}
306
307.formulaire_spip .editer {padding: .5em 10px;clear:both;overflow:hidden;}
308
309/* label -----*/
310
311/* Formulaires alignes a gauche c'est le par defaut des formulaires de Spip */
312.formulaire_spip .editer,
313.formulaire_spip .editer.gauche {padding-left:140px;}
314
315.formulaire_spip .editer label,
316.formulaire_spip .editer.gauche label {
317        color: #444;
318        width: 114px;
319        float:left;
320        margin-left:-130px;
321        text-align: left;
322        /*vertical-align: top;*/
323}
324.ie6 .formulaire_spip .editer label,.ie6 .formulaire_spip .editer.gauche label {position:relative;display:inline;}
325
326.formulaire_spip .long_label {padding-left:270px;}
327.formulaire_spip .long_label label {width: 250px;margin-left:-260px;}
328
329/* Formulaires avec label en haut */
330/* les cas particuliers des edition pleines largeur */
331.formulaire_spip .editer_parent,
332.formulaire_spip .editer_groupe_mot,
333.formulaire_spip .editer_descriptif,
334.formulaire_spip .editer_chapo,
335.formulaire_spip .editer_texte,
336.formulaire_spip .editer_ps,
337.formulaire_spip .haut,
338.formulaire_spip .pleine_largeur { padding-left:10px;}
339
340.formulaire_spip .editer_parent label,
341.formulaire_spip .editer_groupe_mot label,
342.formulaire_spip .editer_descriptif label,
343.formulaire_spip .editer_chapo label,
344.formulaire_spip .editer_texte label,
345.formulaire_spip .editer_ps label,
346.formulaire_spip .haut label,
347.formulaire_spip .pleine_largeur label {display: block;float: none;width:auto;margin-left: 0;}
348
349.formulaire_spip .editer.obligatoire label,
350.formulaire_spip .editer.obligatoire.gauche label {color: black;font-weight: bold;}
351
352/* cas exotique d'un label dans une erreur (ie confirmez que vous etes sur ) */
353.formulaire_spip .erreur_message label { float:none;display:inline;font-weight:normal;margin-left: 0;}
354
355
356/* elements du formulaire */
357.formulaire_spip input.text,
358.formulaire_spip input.email,
359.formulaire_spip input.password,
360.formulaire_spip textarea,
361.formulaire_spip select { font-size:1em;padding: 3px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-ms-box-sizing: border-box; box-sizing: border-box;}
362
363.lte7 .formulaire_spip input.text,
364.lte7 .formulaire_spip input.email,
365.lte7 .formulaire_spip input.password,
366.lte7 .formulaire_spip textarea,
367.lte7 .formulaire_spip select { width: 96%;margin:0;display: inline;margin-left:0;}
368.lte7 .formulaire_spip textarea {margin-left: 10px;}
369
370.formulaire_spip input.text,
371.formulaire_spip input.email,
372.formulaire_spip input.password,
373.formulaire_spip input.file,
374.formulaire_spip select { font-size: inherit;font-family:inherit}
375.formulaire_spip textarea {padding: .25em 5px;overflow: auto;font-size: inherit;font-family:inherit;line-height: inherit;}
376
377.formulaire_spip input.placeholder,
378.formulaire_spip textarea.placeholder {color:#888;}
379.formulaire_spip .editer.obligatoire input.text {font-weight: bold;}
380
381
382.formulaire_spip .erreur {background-color:#FBE3E4;}
383.formulaire_spip .editer .erreur_message {      display: block;color: #8A1F11;font-weight:bold;}
384.formulaire_spip .erreur input.text,
385.formulaire_spip .erreur input.password,
386.formulaire_spip .erreur textarea {border:2px solid #FBC2C4;}
387
388/* sous choix */
389.formulaire_spip .choix label {font-weight:normal;text-transform: none;float:none;display:inline;margin-left: 5px;color: #666666;}
390.formulaire_spip .choix .radio,
391.formulaire_spip .choix .checkbox {width:auto;}
392
393/* reponses succes/erreur */
394
395.formulaire_spip .reponse_formulaire,
396.error,.success,.notice,.information {border:2px solid;color:#333;font-weight: normal;padding:.5em 10px;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 2px 5px;margin-bottom:1em;margin-top:1em;}
397.formulaire_spip .reponse_formulaire_ok, .success {color: #264409;border-color: #C6D880;background-color:#E6EFC2;background-image:url(#CHEMIN_IMAGE{ok-24.png});}
398.formulaire_spip .reponse_formulaire_erreur, .error {color: #8A1F11;border-color: #FBC2C4;background-color:#FBE3E4;background-image:url(#CHEMIN_IMAGE{erreur-24.png});}
399.notice {color: #514721;border-color: #FFD324;background-color:#FFF6BF;background-image:url(#CHEMIN_IMAGE{warning-24.png});}
400.information {color: #1e556b;border-color: #2f96b4;background-color: #e2f6fd;}
401
402/* Explications */
403.formulaire_spip p {}
404.formulaire_spip .explication {display:block;padding: 5px;background-color: #e9e9e9;}
405.formulaire_spip .editer .explication {margin-bottom: 0;margin-top: 0;}
406.formulaire_spip .editer .explication>:last-child {margin-bottom: 0}
407.formulaire_spip .editer .explication a {}
408
409/* Remarques importantes */
410.formulaire_spip .attention { display: block; margin-bottom: 1em; font-weight: normal; }
411
412
413
414.formulaire_spip input.submit,
415.formulaire_spip input.reset,
416.formulaire_spip input.button {
417        width: auto;
418}
419
420/* icone d'aide */
421.formulaire_spip .editer .aide {padding-top: 0px;}
422
423
424/* Fieldset */
425.formulaire_spip .editer.fieldset {padding:0;}
426.formulaire_spip fieldset {border: 0;width:auto;border-top: 1px solid #ccc;margin-top: .25em;padding-bottom:.25em;}
427
428.formulaire_spip h3.legend,
429.formulaire_spip legend {display: block;padding-top: 7px;padding-bottom: 7px;background-color: #eee;color: black;font-weight: normal;padding-left: 10px;padding-right: 5px;margin-bottom:.5em}
430
431.formulaire_spip .editer fieldset label {color: #444444;}
432
433/* boutons */
434.formulaire_spip .boutons { margin-bottom:0;clear:both;padding: .5em 10px;text-align: right;background-color: transparent; }
435
436#navigation .formulaire_spip .boutons,
437#extra .formulaire_spip .boutons { padding: .25em 5px}
438
439.formulaire_spip .boutons .image_loading {float:none;}
440/* Bouton de validation */
441input[type="file"] {border: none;background-color: transparent;}
442/* Pour IE, qui grossit le bouton submit */
443input[type="submit"],input[type="reset"] {font-size: inherit;}
444
445/* Date picker */
446#ui-datepicker-div {z-index: 1001 !important;}
447
448
449
450.formulaire_spip {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
451.formulaire_spip h3.titrem {background-color: #GET{c_cadrestexte};color: white;}
452.formulaire_spip input.text,
453.formulaire_spip input.email,
454.formulaire_spip input.password,
455.formulaire_spip textarea {border: 1px solid #ddd;padding: 5px;/*font-size: 1.1em;*/-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;position:relative;z-index:2;}
456.formulaire_spip img.ui-datepicker-trigger {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;}
457.formulaire_spip .editer fieldset input.text {border: 1px solid #ddd;}
458.formulaire_spip .editer fieldset input.password {border: 1px solid #ddd;}
459.formulaire_spip .editer fieldset textarea {border: 1px solid #ddd;}
460.formulaire_spip label {color: #666;/*font-size: 90%;line-height: 120%;*/}
461.formulaire_spip .editer fieldset label {color: #777;}
462.formulaire_spip label[for] {cursor: pointer;}
463.formulaire_spip .explication {padding: 5px 10px;font-size: 90%;line-height: 125%;color: #444;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background-color: #ddd;position:relative;}
464.formulaire_spip .explication+.editer-groupe {margin-top:-.5em}
465.formulaire_spip .editer .explication {-webkit-border-bottom-left-radius:0px;-moz-border-radius-bottomleft:0px;border-bottom-left-radius:0px;-webkit-border-bottom-right-radius:0px;-moz-border-radius-bottomright:0px;border-bottom-right-radius:0px;}
466.formulaire_spip .editer .explication:last-child{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
467.formulaire_spip .explication + input.text,
468.formulaire_spip .explication + textarea,
469.formulaire_spip .explication + input.password,
470.formulaire_spip .explication +.choix:first-of-type {margin-top: 0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;position:relative;}
471.formulaire_spip input.text + .explication,
472.formulaire_spip input.email + .explication,
473.formulaire_spip textarea + .explication,
474.formulaire_spip input.password+.explication,
475.formulaire_spip select+.explication,
476.formulaire_spip .choix:last-of-type+.explication{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;position: relative}
477.formulaire_spip input.text + .explication:before,
478.formulaire_spip input.email + .explication:before,
479.formulaire_spip textarea + .explication:before,
480.formulaire_spip input.password+.explication:before,
481.formulaire_spip select+.explication:before,
482.formulaire_spip .choix:last-of-type+.explication:before{content:"";display: block;position: absolute;top:-5px;height:5px;width:100%;left:0;background:#ddd;}
483
484.formulaire_spip .choix {background-color: white;padding: 3px 10px;border: 1px solid #ddd;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;border-bottom: 0px}
485.formulaire_spip .choix + .choix {padding-top: 0px;border-top: 0px;border-bottom: 0px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
486.formulaire_spip .choix + .explication {margin-top: 0px;-webkit-border-top-left-radius:0px;-moz-border-radius-topleft:0px;border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;position:relative;}
487.formulaire_spip .choix:last-of-type,.formulaire_spip .choix:last-child {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;border-bottom: 1px solid #ddd;position:relative;}
488.formulaire_spip .choix:first-of-type {-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;border-top: 1px solid #ddd;position:relative;}
489.formulaire_spip span.choix,.formulaire_spip span.choix:first-of-type,.formulaire_spip span.choix:last-of-type,.formulaire_spip span.choix:last-child{display:inline-block;background: transparent;padding: 0;border:0;}
490.formulaire_spip .submit,.bouton_action_post .submit {background-color: #GET{c_cadrestexte_bk};color: #[(#GET{c_cadrestexte}|couleur_luminance{0.7})];-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border: 0;padding: 3px 7px;font-size: 90%;position:relative;}
491.formulaire_spip .submit:hover,.bouton_action_post .submit:hover {background-color: #GET{c_cadrestexte};color: white;position:relative;}
492.formulaire_spip .submit:focus,.bouton_action_post .submit:focus {background-color: #GET{c_cadrestexte};color: white;position:relative;}
493.formulaire_spip .submit:active,.bouton_action_post .submit:active {background-color: #[(#GET{c_cadrestexte}|couleur_luminance{0.7})];}
494.formulaire_spip .toggle_box_link {-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);;z-index: 1;font-size: 10px;color: #GET{lien};}
495.formulaire_spip .toggle_box_link button {font-size: 10px;color: #GET{lien};}
496.formulaire_spip:hover .toggle_box_link {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
497.formulaire_editer_liens .associer_mot .submit {margin-top:3px;}
498.formulaire_editer_logo .editer_logo_on.logo_upload,
499.formulaire_editer_logo .editer_logo_off.logo_upload.open {background: #fff;} [(#REM) https://core.spip.net/issues/2995]
500#chemin {}
501#chemin .bouton_deplacer {font-size: 10px;color: #GET{lien};-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
502#chemin:hover .bouton_deplacer {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
503.box, .box .inner  {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
504.box .inner .hd  {border-top-left-radius:5px; border-top-right-radius:5px;}
505.note {border: 0;}
506.box.error,.box.success,.box.notice {border: 0;}
507
508/**************** Recherche par mot clef */
509#mots_filtres { padding: 8px; }
510#formulaire_recherche_par_mot .searchfield { width: auto; }
511#formulaire_recherche_par_mot { float:right; }
512#formulaire_recherche_par_mot label { vertical-align:middle; }
513#postDetailInfos { float: left; }
514#mots_filtres p { margin:0; padding:0; }
515a.tags, a.tags:link, a.tags:visited { background: #fff url([(#CHEMIN{images/croix-rouge.gif}|embarque_fichier)]) no-repeat 5px center; color: #000; padding:2px; padding-left: 16px; padding-right: 4px; border: 1px solid [#(#GET{c_container_bk}|couleur_inverserluminosite{10})];}
516a.tags:hover, a.tags:focus, a.tags:active { color: #f00; background-color: #ddd; text-decoration:none; }
517a.tags.ajouter, a.tags.ajouter:link, a.tags.ajouter:visited { background: #fff url([(#CHEMIN{images/tags_ajouter.gif}|embarque_fichier)]) no-repeat 3px center; display:inline-block; padding:2px; padding-left: 16px; margin:2px 0 4px; padding-right: 4px; }
518
519
520/*************** LINKS */
521a { color: #GET{c_link}; font-weight: bold; text-decoration: none; }
522a:visited { color: #GET{c_visited}; }
523a:hover, a:focus { color: #GET{c_hover}; text-decoration: underline; }
524/* Une idée trouvée sur http://userstyles.org/styles/1183/cursor-indicator */
525a[href$=".pdf"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAO1SURBVHjarFfPTxNBFH6zP7qttAVtwZgYEjACBySKJphoTfAfQAwcuIGJ8Z+AcIBw1H8Ab8bEpNGzHIgREmIg9ATqQUkkxqRQpEoLZbcd32zfNtt1u90WXvLlTdmZ/fa9ed+bgYG77ZHvRCg0NhA6oojg4MM4/38acyMTExFMkiTx/Cb9/RiRQxQQpfMmjJsPGTtA94D+foQ4JFKjWUKlzhrxQSEa6zRfgjOYn8UyEakEi5Q1Q1gvpb9tc4YppUe0nwYVUImKiJ/HHpqLdF3PBgIBa7XwNxCnlOZTIjecxE0T2seGYRyqqmoR36FoTwhVsvEiZASxN7+8CK0xRm0R3yfSv4g8yaZY5nMn3LONuxA7ODFWj9CR6mHa2z9EbGq1FiEnoWdI6AzHFz0rzUGOdo+iyyIOaKzX0uE+LYyLCfSCRgUt3hMgKF6SEXvW7ofEh54l0qynRhXbV2eQOOaWBntkAsVisTImU0mPGkUpPMf3cVsBcWeVpkulEhOkbmQzMzO+w52fn79KhWOQTgWKzrIVqdjnNWx6eprXM2uO8PiuPkQ34jIibO2tvXlzCj1jj9KROljf2ABZkkGWLUigyApspjYrc+bm5oT7jJHetm2bSPkJc5FJ2hL++Pi47zROTExAKpVypjZBEjkkueScxxO3F5AYP02+xyrgJoL4kcJr9FszfwM8G3sEiqLA0NBdM2LUM6yurlonjWqXi9t52IEL0lYaW7HIxMtv8Tx8Yxpc4wVIMxU6uG4+LzDZ9IlEopxiTPfapzV7xiy5sFqEVZXUhoS9/AR+sgBE6VEYIztluHdmlKQvRUXIIJqVIG34AMaUZoSP0vUlgj5M45BIKS9VLVZVxSSUsYBEpHWF77B2eqZHMcICRtOCJHL5S8ridXQnsYciOgmj8+pcXncaM5zJsce+qlRE5adFehHyZDIpU5tqQTHvCX3lcnmQFaxELJb861cQGH4IuQ8foZjJgBKPn42QUHUPVXCvZKlc+rmtLWibnAJpoB9+jIwAi0RAD4Vgv6cXhaC6F43VSWqBSPVKcVCHyb59B8FwBApfvoLU2gpdy8twZWEBgpdisLu01Pw1kdpkJUIJyb5PPYHsxjrEZmdB6+uFQHc3ME2D4OAgdL5chIEXz5tKqau9GR2F3PY2XF9chN2VlZoFdC6E5hHV329ixyNtNisQdOv+yrwOXJdmoNLVP4q4QH2ynunUwMUF67hRQolINPJ+/lUoEakZaaOE1v1Vtt1l69Ydwbxq/BNgAOua/yDPR/j0AAAAAElFTkSuQmCC"), pointer; }
526
527a[href$=".doc"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAQKSURBVHjarFdLbFRVGP7uY6bSUpXQIhgk5WHiQoxaYjEyQwgh7GpK7IINRBeocaUbSWxXbUy3mpjAkgQXJi4MJMqCXQtIgE7GoIY0PEqbDu102pl2pjNzX8f/3Pnv5HK986R/8uWc3jnnfvd/fOf8VRBuaR73EHSeWwSTYBMEmjAh/r9MCSOTCwmKqqry93f5eZFQIJQJzmYT9rg/KsoKDXF+nidkmdRql1BvsEd+0Baem7xexQtYM5s1JoowPFKlHcJGIV31rTnGIc1zPi0uIIeLSGxGDt1NpmnmotGot1uOBwkGh9lgcitI3Dahf25ZVjYSiXjEh9jbEuM52dQjVBgyN6l6hN6cvPaIjzDpOmGDZWNX+MIJ0775XsJjWri9EWEg1Mc4t2tM7Gq1FqFgoWdY6ArNt9WttAA52UfsXY6wwnOzlg6XeWOPXMAvaFXQ8j1Rhl5PMjJnvc2QNKFnlTVbV6O676szRLw9LAx+zyRs267O2SKsxw72Uo6C3id8BSSCVbrkOI4iScPIRkdHm3Z3fHx8NxeOxTqVsINlK0OxLGrYyMiIaGTeGjnSu94i7CO8Rtjq5dZ/eAt2PeP3MhA63Ll7F5qqQdM8qNA1HdOJ6eqasbExOfxLnvb70iZDXlJCZLLkCX94eLipECaTSUxMTCCRSARDG2OJZFkuheD1JPwFJOdf/HAJNn2bRb/YjkMFI+cCBcPGStHG0oaJ5Gdx6LqOgYHDrsekZ0xNTXk3TcQvl7DraQdtqMaQOHDyjS44NlUnPR3a3421so3FDQvf9Pfg6ZrhrovFYojHCbE4NF3zR8yTixLM4XNeVgk5fw49HtrbjYv3V/Esb+K7gR345MoTzOXMir70CEGDPKxkjlu+gCmkGbi1zA2N6eCnZAafv70Ns+TV4G9P8OtgHxbyFQ//uJHCtz/ex7nvp/HL9fmWCXsJOyv5BC4/yOFZwcT8uolPr81hjgjncwb2XPgHmaLtbujb1YFXuyjHxgMMHX0dDU+aEHNk9X194r2aCzr4y6T9fDWJv56Wcf7MQXSKYluEYmZmRuP3dpGY01JftxOz+P3PVcwvpKFGu5EtWMisWfh7wcIrnQs4fngIt27dbKuJEizWMt9x1R0lS0VJ7cV6bhYvUddYMqNIpRdx7tT7buHUPeW9k6QWmNj0neBYLwjMphZxdvAd5A36O5dGX08GJ4/0v3ibyMdktdOOUluRXX6IgTcNHP1gP4xSClu1JL46/SHJoXHXqbd68eVXHuHLjyulcu/ObZw/fYBmB9weanJycnMJW7mi2MoM0+tflXoXbshhEOHW/2VCJ5+TjczkA1w2WMVWCVUm6eCxmX8VHCZ1PW2V0OtfNV8v27DuGG6r8Z8AAwDI6GDvEVo0SwAAAABJRU5ErkJggg=="), pointer; }
528
529a[href$=".xls"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAPvSURBVHjatFdbaFRXFN33MYk6MT6aqBBFaTQq2CjYkoAkKEr90LZQzIfmw28RKQiiH0klJB/59dHSQv1UWiGK+iOtUGiGSnwPjYhJi88gZDKdGE0y93m692Efvbm5mbmT2A2Lc+6Zc8+6+3n26BAtGcZ8xEIGzU2EBjFFCDENehQZ/eD7Ph38ErGYkUQkSiGMEnOG9SpNk+f+i6jkNfo4h+F/aEIlGpsSmMhk4llLnJcNJkowFKn2f2hIcp3HHYh5CJfJaPTYvIIxZ8IlFECO47wuKyv7XQUf4hOEzWa2mdyNQxxHQ0gkEotUmLuuO4rP/Xzwp4hJRJ7hsNaimA81nhf9ANM0ZZqg1vTOXcRSsgSiAlHOPtcKEVKCDzPmxw0GIrZtm/amOHUWxclV0qiKq0BW1/Wnwc20HjUPmxplAY9kTov96c9EOCJtqmmSmBO+aMmKOKeMYRYzaXUckhj5rLP/9GImVV+dReKPokwXLsae572bK+uyCctZSxoFnidU1ArerAWidJgKNpFGkbW3t8dWt6ura2XAlzbDEyFtyBQjYgZpa2sTxUTtoRHP2oD4GLGcU0b6Nph3glXPBrUMmQ5u37kDhm6AYSjoYBom3Lt/792ezs5OGh6hplsDbiOT58OEyzA1hhVBS0vLFFOFn5Wk02no7u6OMr1KF5dN7IQriwgGEM1PffcZeh8DxffA8VywfRss3wHLsyFPcC048qUsBNDQ0Cg1xo+GVCqlbppEMF2irifSUrz/AgErl50AGw9fW3NSkkx6Fkwi0fZ13+M8L/c1NTVBczOiqRkM04BQyVTlTouqnVMiyREuDAydlFqREBmR7qz7AS71t8pnkh//OAvZzAisr9kEtfPWln4Bo0mzNJJmdTUd8uDU30dgW+1p1C4PPX8dgK83nZemJRnVR+DR6wFILqmQwVQqYTViBU3yrg23nhyVviLSaw8PSkKan7v7hfyd5MnzV3Bo12HY37i/YHksdB35FH37dqVjJXtjbSPs2bx3Tje+GBwcNLhMJTGZM5Rfb8fH4deB63Ax/TNMWhNQv2YjPM8NQd/Lm9D3rA8aVjfMuokSnKwUFW/UYs+DX+C3x5dhVWUVmL4Jj1/8A9XJpeCLHHx79Ru4PXCrsIaFijUHj+DWQUrvnzcg92wYxvVx6Dl9Ra59dWYvWJlRmMjkoOPhCTje2jH7noYLrlAV5KdjF6bt+XzdbujP3Qe3wgJTK59zmzhFent7p63VJ7dA/Y4tH6wvndUVxWKpGqr6V62YD0P+THCjVcmFORHjNSKbQIxRoSrVpKpJGuN+NM5fBZ9J6T2vVEIRME8+ZkupunHZavwnwACP4QGyKLrGhgAAAABJRU5ErkJggg=="), pointer; }
530
531a[href$=".txt"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAANnSURBVHjatFdLa1NBFD4z95E+bGpfCiJFXIgiglClgqTgxrZZt2j9Be7cKUKLSPtXBBf9AaYYKTQ7a7MUXHUhLtpGaqWv3Md4ZnomTm9vkrnGTvg409658+V85zETBuljm+wowqV5iAgQEUKAxRDi7DKeRiYXxnHMcP4dcZHQi/AQDDoYbpP/DzOm9v2JyBtfLiDE/5tQD8naTfOA1vNOPLR52SEij6BJ2Xl4KMcHso8QXZQ8jGxE8grbRGJNkmZYPcQ4ygQKguCX7/t6Q2nvIOokc53IwyRxWpZaEZrzMAx3Pc/TxPcQh4gjwqmyaVUWjOZtJXZdV5UJei3f+YIYRAwgLiByFHPWKmlkkW8Rum2TQRLX63W5tkKl029Tq9KjYek6osY53zQXm5KkyYPS9tO0h6yU85jiGTcj3KEYKWIq+KwtS+7jE9x2ko7YkFjUM6f48XaS6m9dQ+KhNOlMzySiKGrMtbokYY68lFbgfkJnraDFzMjSLdmwJWka2cLCgrW7S0tLV41Y1gmRSHgjpdgRTcb8/LxoN/QaaXGvm4jriMtUMiq2Zt0Jcr1mepmQDj6vr4PDHXAcDQ6u48JGdaOxZnFxUZqv6OmYETYp+RFL6TxbutPMzs5ayzg3NwfVajUpbQHNAWKXjrr9ZGcRZgLJ+bvX9xuhxuaGH/bXOpgbXg88e1OSjQDGxx8oj7GeoVKp6JPGM8sl7Xi6hC8I0+Xc2Es198deKRJped8o+HdfAB+4pZ4VCgWYmEAUJsBxHUi0TN3uWFrvFKf/IO+6BiH49h68G08h/FEB5p80GYcIV1dXVUwnJx+rGGc+D1HS2szMzBDPjzY2dq48hGhvE5z8NRDh4cnCrkFlpqenlZwMRZPEWQlH6FnAB25D/HsTtehDEjyBUFKdtWb2lstljB1D4mLL9tjqOFLN98nzt1ZZWiwWrfpwK0KxvLzsUJvqxWLelvW1v38A5U8fgaN0HAkY54qoVCqpl6ampv6dkHBsHjWu50IRZeNElLXxu62aNSWPoKvDSZfGhCitrDQl6sRDnRjKU928ORLKjDyvi/CZsba21tHBmYkwyxFF45igfx4I1i6GiXh6dNHK0z3Gs3gtoAa+J6+UWQk5keTI2vxUiIlUeZqVkFETbjRjm5+JBHXV+CPAAGp0hz54qr33AAAAAElFTkSuQmCC"), pointer; }
532
533a[href$=".zip"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAOuSURBVHjatFfNTxNBFH8zuwsiBEQ+1MRo4glJTDCawEGaGBpiJAEkcvbgvwHxAIfqQRL5iMZ4IB5MPNKIaLxRTyKVxMRELh48FaootrS77Y5vhrd1WbbtLuCQX96wnZnfvu9ZBv5jg+Q5hE7zAsJCFBECAgwh9i/jfmRyoW3bDOffEScI9QgDweAQQy/zvJUxde4PRKPr5SyCfdSEzpCsdTS3aD0/jIZBNmtEZBAcUvY/NJRjieR1xDEKHkaySOYVQQOJlQmaVvUj+lEGkGVZv2pqapwDpbyEMMnMJpEXvMR+URqI0D0vFApbhmE4xFcRO4gcYU/aVEoLRvOqJtZ1XaUJai33fEScRDQjGhC15HNWKWhkkqcIdUGDQRKbpinXJih1moLkqtSoVaqOSHPOv7kXu03iZx40bRNNj5OU5syTP+1yhJvkI0VMCR+2ZMlzagh6NZO2BSEJkM+c/MermdR56zQSt/iZzq2ZRLFYLM0d65IJa0lLKQWeJ5yoFbSYuaI0JQu2JPUjGx8fD6zu5OTkWZcvTUJReLSRptgUZcbY2JioNpw1UuJZHYgLiFOUMsq37rwTpHraraXHdPBhZQU0roGmOeCgazqsJldLayYmJqT4gppecblNmjzHfCpPyqk0o6OjgUy4trYGsVgMksmk17S9KLKILWp1GW9lEe4AkvOX8y3AHHerko0BY2EcWBYIE12Ut6BjQBUC6O7uURpjPkMikXA6jeFOF7/21I4bxD+V8a/hCeIxHm4Ca3oKIpsHfuY5aOdfgP0nq9Y9nJqCSKQXIr0R0HQNPCXTKXe+hHvzwsbrxs+7YKfuKCI1MlmwPg3szrd3lIgvxGF4ZAR0Q1M+Dt2A0aRpNcmZwJufAW+fBzuze7iNJEbXKzDfXQOxnVHPhm4Nw5vXi2hSXQVTWMI2xGl1eDYHxa+3ofB5CA/fAet9Hwg0o7nYg/9nSy/xdmkJbtwcUL6sVLkqtSNbRl9HNFiyz87NwdDgIDyanobLXV0HIhTr6+salal6TOYNmV8Z9J+mYyQy6SsMKIzKmZlZ6Oy8qDbF7j+oSFjpEiUoWWWkbJfe0NBVousYiRx9xSnuon1Rhap9tFKxpuARdHXYrdJIwjDPDtpheIDeJ0epmUqtvGQL8ThE+/sVjuKauGcsLy/ve3YvRCcJRRimRdHIE5zPA8Gq+dDjT4MuWo10jzECbLOogP+WV8qwhJxIakkG+VSwiVRpGpaQUREuFeMgn4kEddX4K8AAMiq/YTumS/oAAAAASUVORK5CYII="), pointer; }
534
535a[href$=".exe"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAQDSURBVHjarFddaFRHFP7mzty9+TNF158K0tpGsKUGCrakUDdgHnwRUoRGCkIp9kFbaLVW9MHkKQFTSkEfSqhoaUV98MmXQJH2oWQpSoNxQ1u1qU1ppf7EjYman/Xu7u2ZybnLze3u3R8z8DFz756535wz5zszK1C8TXD/HEHxOEtwCTmChwqa5/3fTBQj04YEYVmW/v1Vfj9HmCFkCPmlJlxpfhRikrp2fv+YMMWk2VoJVZk5ekH1PHbZ3sJTtEomSyayGT6pqIWwXEgfBGy2ckgf835mOYHynETeUuyhmeS67nQsFvNn676V8ITD/ITJs2HimgmD42w2O2Xbtk/8Gns7z1gkmyhCwdB7czuK0B+T1z7xFiZ9RJhl2eQW+IoTTgTGLxDGyTBejjAU6q28tw+Z2Gi1FKHHQk+z0AWNl0dmWoic2pvs3TRhksduKR3e54krtQF/oFpB6+/EGCpKMnrPVlVCUoGeLdZspEZVYNVpIo4XC0PQM41cLlcYc7NZjw57qXuPvucFEsgLZ+m9fD4vNGkxsp6enord7evrW8eJk2WdauTCaatDcd8r0bq7u71yzbfRPX3rJcKLhDWEJn9vg8XbY9fTQS9DocPPw8OQloSUPiwoqXBl5ErBpre3V3fXyNPNgW3TIZ8XRWRyzxd+V1dXRSFMpVLo7+/HyMhIOLQJlsgUy2UmfDx5wQQyR8Wyd2A5Nqx6QoMD1ejAaqyDaqqDbHIgaZz6pANKKbS1vWE8Jj0jmUz6J40dlEux42k1TSjEUNgK5wY6IZ0YTvd1EHEMJz/eDEH9lzs3mMXolkgk0N5OSLRDKhmMmC8XUYpwcSY5Eu8evghRZ+P9Ly7j5P7X8cHZG5D0vO/ibQgmVMqGrq3KlmaPqz6AKaRpYxCzcfqzbSakpz5tw95vf8PAro3G0+Pb1kLEFnZl+Or3RKqTSJlkqpZwFeFZY0Ce7D76EyQR7Pn6V/LMwUeDt0woD1yaogUtEDb/shPJ8zvMXkZVrqg7TV5nH1J7K8rUv/+x0fL8d7h04S0gfrAmQm9sbExymWokMU9ofc3MzOLHr/Zg/TM30fJyHHfmVuP6jb+wwpvGw/QcRv+4g9bO2i5RHos1w2fcwgopa+db3kOmYT3ujt+CmBxG61pKnswsZHMcH35+ObrK+5WkFJjYLVRpSogdnR24+aeFgcEVGB1fhqu/1+PMaCeGRjc+/TWRy2Thpm0RoU6Kt4+cwdFzP2CieRcG/92OY9+cxaETybKEqtqDb2hoaNHzhlc2GYTfLwlhNUcUtwzD9e+vIurALVIMbL76NxMauE6Way4XcH3BmquW0GISh/tK/irkmdR4Wi2hf3+Vgbts2bxjmKvGfwIMAM2pC9auZ2FqAAAAAElFTkSuQmCC"), pointer; }
536
537a[href*="mailto"]:hover { cursor:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAYAAADK6cvnAAAABGdBTUEAAK%2FINwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAALNSURBVHja7FbLbtpAFL0ztqH0kfRB6K5%2FUMEClhBVjdT8GWsQSz6ELliUVgosKmDdTRddpCFQGiRa41fvnVyjCTXGJmmlSh3p6I7sGZ859zUWED0mbF8gTJ67CAfhIQJIMILg92UyiowW%2Br4vcP4F8ZjxAGEhBNximFue54VQ350hDrTDOQz%2FrgnDQaw5nju8Xt5GYZLNBhNZjJBU%2FAmFNDpsXyHucfIIth67N0iaSGJL0uTVS4wjJZDjON8zmUz4QbIvESt284rJ3U3iqCxNRKjPXdedW5YVEpcRPxA%2FGTfKJq4sBM93utg0TVUmqJr2fEQ8RTxBPERkOeYiLmmoyC8YuaTJQMSr1YrWfuDSOUxSq6QoT9IRUynlZ32x7pIo96BrD3l6ny250%2BZ4%2BtsILzlGipgLPm3Lou9kGOYulx4lIUlQz5LjJ3e5NDz1FImfRblOV0bwPG89D73LLsyyymyY2VopETyhZekFNWwijSIrlUp7SR%2BPxwU%2BDJWMbWoneI5JcxGnkMZoNEpEpB2wwGRLxJXeS4NrrwXTODL60PnXc5hMJjCbzmA%2Bn8NisYDlcgm2bYPruGpNs9kMtx1wjVImW5uEBVQZK%2FFtpwOnb04xPhKEIUBKAwxDokWgLVfKMBwO9fhlGRRnuXlbhC1pq0qBW7rdLpycvAZjTWaiNaBSriiyuN4R1coKcbFUSvD09XodarXajXeNRuO656a8nmJdSoT9wQCq1Sqc9c%2BUSnpGStHB8K7Xg%2BNaNf0FjCelupwhviHm4fPBoK%2FIDKXUUHEjQoopiACO8V2v9z71BXzE73KcZWQ%2FtVotKBaLHKeYSxbdivWX%2Bsb3%2BXK94jsP2u32PrVvM9TPl9jxNyC0Pik4tUnto7CuOOb6b0ZUDqwLX%2BzRpC29rhLuW7c2sauVbcQmVG1oHkj0E75u3mkI72JI%2BMvjP%2BG%2FT%2FhLgAEA%2Ff0XigMr7vMAAAAASUVORK5CYII%3D"), pointer; }
538
539a:active { color: #GET{c_active}; }
540.retourtop { clear: both; padding: 1.5em 1em 2em; font-style: italic; text-align: right; }
541
542/*************** STRUCTURE - GENERAL */
543#shadow { position: relative; margin: [(#CONFIG{soyezcreateurs_couleurs/pagemargehaute,3em})] 0 [(#CONFIG{accepter_inscriptions}|=={oui}|?{0,[(#CONFIG{soyezcreateurs_couleurs/pagemargebasse,3em})]})] 0; [(#CONFIG{soyezcreateurs_couleurs/ombrepagenon}|non)-webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrepageparametres,0px 0px 10px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrepagecouleur,#aaaaaa}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrepagetransparence,1}); -moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrepageparametres,0px 0px 10px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrepagecouleur,#aaaaaa}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrepagetransparence,1}); box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrepageparametres,0px 0px 10px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrepagecouleur,#aaaaaa}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrepagetransparence,1});] }
544#clearbottom { height: 0; }
545
546/*************** STRUCTURE - HEADER */
547#banheader { background-color: #GET{c_header_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceheader,1}|!={1}|oui)background-color: rgba([(#GET{c_header_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceheader,1});] color: #GET{c_header}; }
548.encart.vertical { padding: 0; position: relative; text-align: center; }
549.vertical .encart-label { top: 6em; }
550.encart.vertical a { display: inline-block!important; box-sizing: content-box; padding: 3em 0; }
551.encart-label {
552    background-color: #efc439;
553    border-radius: 6px 6px 0 0;
554    color: #fff;
555    display: block;
556    font-size: 1em;
557    padding: 2px 6px;
558    width: 8em;
559}
560.vertical .encart-label {
561    border-radius: 0 0 6px 6px;
562    display: inline-block;
563    transform: rotate(90deg);
564    transform-origin: 0 0;
565    position: absolute;
566        top: 3em;
567}
568#header { position: relative; background-color: #GET{c_header_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceheader,1}|!={1}|oui)background-color: rgba([(#GET{c_header_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceheader,1});] color: #GET{c_header};
569        font-size: #CONFIG{soyezcreateurs_couleurs/fontsizeheader,1.2}em;
570}
571/* Label de la recherche masqué */
572.searchfrm label, #formulaire_recherche_par_mot label { overflow: hidden !important; position: absolute !important; top: -2000px !important; left: -2000px !important; height: 0 !important; width: 0 !important; }
573/* cadre recherche dans le header */
574#header .cadre_recherche { text-align:right; bottom:.5em; right:1em; clear:right; float: right; margin-top: 1em; padding-bottom: .5em;}
575#header .cadre_recherche #form_rech { padding:4px; }
576#header .cadre_recherche #form_rech .searchfield { width: [(#GET{LargeurMenuDroit}|moins{60})]px; }
577#header .cadre_recherche form { display: inline; }
578#header .cadre_recherche form div { display: inline; }
579[(#REM) Si logo de survol du site ET titre invisible ]
580[(#LOGO_SITE_SPIP_SURVOL|oui|?{[(#CONFIG{soyezcreateurs/afficher_titre,visible}|=={invisible}|oui)]})
581#header h1 { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
582]
583[(#REM) Si titre visible OU pas de logo de survol du site ]
584[(#CONFIG{soyezcreateurs/afficher_titre,visible}|=={visible}|oui|?{' ',[(#LOGO_SITE_SPIP_SURVOL|non)]})
585#header h1 { float:left; margin:0; padding:0 1em; text-shadow: 2px 2px 2px #7f7f7f; background-color: rgba([(#GET{c_header_bk}|sc_rgb)],0.7); border-radius: 0 2.5em;
586        [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)
587        padding-top:#CONFIG{soyezcreateurs/logoheadery,20}px;
588        ]
589        margin-top: 56px; margin-left: 1em; padding-bottom: .5em;
590}
591#header h1, #header h1 a, #header h1 a:link, #header h1 a:visited, #header h1 a:hover, #header h1 a:focus, #header h1 a:active { color: #GET{c_header}; }
592]
593#header h1 sup, #header h1 sub {line-height:normal;}
594#header h1 sub { display: block; padding-left: 8px; margin-left: 2em; border-left: 1.2em solid #GET{c_datemajsite_bk}; font-size: 50%; font-weight: normal; line-height:normal;}
595a#logo { display: block; clear: right; margin-left: 80px; }
596#logo {
597        background-color: #GET{c_logo_bk}; height: auto;
598        [(#CONFIG{soyezcreateurs/logoheader,header}|!={header}|?{text-align: center;})]
599        [(#CONFIG{soyezcreateurs/logoheader,header}|=={header}|oui)
600        position: relative; left:#CONFIG{soyezcreateurs/logoheaderx,20}px; top:#CONFIG{soyezcreateurs/logoheadery,20}px;
601        margin-right: 20px;
602        [width: (#LOGO_SITE_SPIP_NORMAL|largeur)px;]
603        ]
604}
605/* date de maj du site */
606#menu_lang { background-color: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; float:right; clear:right; font-size:.9em; margin-right:10px; padding: 2px 0; }
607#menu_lang a { padding: 2px 8px; background-color: #GET{c_menu_a_bk}; color:#GET{c_menu_a}; text-decoration: none;}
608#menu_lang a[hreflang]:after { content: none; }
609#menu_lang a:hover, #menu_lang a:focus {background-color: #GET{c_menu_a_hover_bk}; color:#GET{c_menu_a_hover}}
610#menu_lang a:active {background-color: #GET{c_menu_a_active_bk}; color:#GET{c_menu_a_active}}
611#menu_lang strong { background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; padding: 2px 8px; }
612#datemajsite { float: right; background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; font-size:.9em; padding: .2em 10px; }
613/* cadre outils dans le header */
614#cadre_outils { text-align:right; position:relative; clear:right; }
615#cadre_outils ul { background-color: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; float:right; margin:1em 0; padding:0; width:[(#GET{LargeurMenuDroit})]px; }
616#cadre_outils li { display:block; min-height:[(#CONFIG{soyezcreateurs_layout/hauteurlogooutils,16}|plus{4})]px; list-style: none; list-style-image: none; }
617#cadre_outils a, #cadre_outils strong { display: block; padding: 5px 24px 5px 4px; background-color: #GET{c_menu_a_bk};  border-left: none; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; min-height: 16px; text-align: left; text-decoration: none; }
618#cadre_outils img { float: right; margin:0; position: absolute; right: 4px; }
619#cadre_outils .menu_lang_item::first-letter { text-transform: uppercase; }
620#cadre_outils .first.menu_lang_item { padding-left: 1em; }
621#cadre_outils li.menu_lang_item { vertical-align: bottom; margin: 8px 0; }
622#header #cadre_outils .menu_lang_item a, #header #cadre_outils .menu_lang_item strong { padding: 0 .5vw; }
623#cadre_outils li.menu_lang_item:not(:last-child) { border-right: 2px solid [#(#GET{c_outils}|couleur_inverserluminosite{70})]; margin-right: 2px; padding-right: calc(.5vw + 2px); }
624#header #cadre_outils .menu_lang_item a { color: [#(#GET{c_outils}|couleur_inverserluminosite{70})]; }
625#header #cadre_outils .menu_lang_item a:focus,
626#header #cadre_outils .menu_lang_item a:hover
627 { color: #GET{c_outils}; }
628
629/* bandeau d'annonce et citations dans le header */
630#bandeau_annonce, #cita_bandeau { padding: .5em 1em; text-align: center; font-size:2em; }
631#cita_bandeau { background-color: #GET{c_container_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceheader,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceheader,1});] color: #GET{c_container}; }
632#bandeau_annonce {
633        background-color: #GET{c_header_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceheader,1}|!={1}|oui)background-color: rgba([(#GET{c_header_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceheader,1});] color: #GET{c_header};
634    position: relative;
635        animation: fadein 5s;
636    transform-origin:50% 50%;
637    animation-iteration-count: 3;
638    animation-timing-function: linear;
639    -moz-animation: fadein 5s; /* Firefox */
640    -moz-transform-origin:50% 50%;
641    -moz-animation-iteration-count: 3;
642    -moz-animation-timing-function: linear;
643    -webkit-animation: fadein 5s; /* Safari and Chrome */
644    -webkit-transform-origin:50% 50%;
645    -webkit-animation-iteration-count: 3;
646    -webkit-animation-timing-function: linear;
647    -o-animation: fadein 2s; /* Opera */
648    -o-transform-origin:50% 50%;
649    -o-animation-iteration-count: 3;
650    -o-animation-timing-function: linear;
651}
652@keyframes fadein {
653    0% { background-color: #FA8; }
654    50% { background-color: #GET{c_header_bk}; }
655    100% { background-color: #FA8; }
656}
657@-moz-keyframes fadein { /* Firefox */
658    0% { background-color: #FA8; }
659    50% { background-color: #GET{c_header_bk}; }
660    100% { background-color: #FA8; }
661}
662@-webkit-keyframes fadein { /* Safari and Chrome */
663    0% { background-color: #FA8; }
664    50% { background-color: #GET{c_header_bk}; }
665    100% { background-color: #FA8; }
666}
667@-o-keyframes fadein { /* Opera */
668    0% { background-color: #FA8; }
669    50% { background-color: #GET{c_header_bk}; }
670    100% { background-color: #FA8; }
671}
672#cita_bandeau #citations { margin: 0 10px; }
673#cita_bandeau #citations dl { margin: 0; }
674
675#escapelinks { margin-left:2.625em; }
676#escapelinks ul { display: inline; padding:0; margin:0; }
677#escapelinks li { display: inline; padding: 0 .8em; background: #GET{c_header_bk}; list-style: none; list-style-image: none; }
678#escapelinks a { color:#GET{c_header}; display: inline-block; }
679#escapelinks a:link, #escapelinks a:visited { color:#[(#GET{c_header}|couleur_inverserluminosite{20})]; }
680#escapelinks a:hover, #escapelinks a:focus, #escapelinks a:active { color:#GET{c_header}; }
681
682/*************** STRUCTURE - CONTENT */
683#content[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|oui), .cartouche] { background-color: #GET{c_container_bk};[(#CONFIG{soyezcreateurs_couleurs/transparencecontent,1}|!={1}|oui)background-color: rgba([(#GET{c_container_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencecontent,1});] color: #GET{c_container}; }
684#miettesdepain { background-color: #GET{c_fildariane_bk};[(#CONFIG{soyezcreateurs_couleurs/transparencefildariane,1}|!={1}|oui)background-color: rgba([(#GET{c_fildariane_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencefildariane,1});] color: #GET{c_fildariane}; }
685/* Astuce : https://www.fourfront.us/blog/css-shadow-borders-with-curved-box-shadows */
686#content { position:relative; overflow:hidden; }
687[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}!={none}|oui)
688  #content:before {
689  content: " ";
690  position:absolute;
691  z-index: 1;
692[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={left}|oui)
693  top: 0;
694  height:100%; 
695  left: -10px;
696  width: 10px;
697  border-radius: 5px / 100px;
698]
699[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={top}|oui)
700  left: 0;
701  width:100%; 
702  top: -10px;
703  height: 10px;
704  border-radius: 100px / 5px;
705]
706[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={right}|oui)
707  top: 0;
708  height:100%; 
709  right: -10px;
710  width: 10px;
711  border-radius: 5px / 100px;
712]
713[(#CONFIG{soyezcreateurs_couleurs/ombrecontentbefore,none}|=={bottom}|oui)
714  left: 0;
715  width:100%; 
716  bottom: -10px;
717  height: 10px;
718  border-radius: 100px / 5px;
719]
720  -webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
721  -moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
722  box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforeparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentbeforecouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentbeforetransparence,0.6});
723}
724]
725[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}!={none}|oui)
726  #content:after {
727  content: " ";
728  position:absolute;
729  z-index: 1;
730[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={left}|oui)
731  top: 0;
732  height:100%; 
733  left: -10px;
734  width: 10px;
735  border-radius: 5px / 100px;
736]
737[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={top}|oui)
738  left: 0;
739  width:100%; 
740  top: -10px;
741  height: 10px;
742  border-radius: 100px / 5px;
743]
744[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={right}|oui)
745  top: 0;
746  height:100%; 
747  right: -10px;
748  width: 10px;
749  border-radius: 5px / 100px;
750]
751[(#CONFIG{soyezcreateurs_couleurs/ombrecontentafter,none}|=={bottom}|oui)
752  left: 0;
753  width:100%; 
754  bottom: -10px;
755  height: 10px;
756  border-radius: 100px / 5px;
757]
758  -webkit-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
759  -moz-box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
760  box-shadow: [(#CONFIG{soyezcreateurs_couleurs/ombrecontentafterparametres,0px 0px 13px 0px})] rgba([(#CONFIG{soyezcreateurs_couleurs/ombrecontentaftercouleur,#000000}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/ombrecontentaftertransparence,0.6});
761}
762]
763
764#content .nivoSlider img { padding: 0; }
765
766.clearing { clear: both; height: 0; line-height:0; }
767
768/*************** STRUCTURE - MAIN SIDEBAR */
769#navigation { color: #GET{c_navigation}; background-color: #GET{c_navigation_bk};[(#CONFIG{soyezcreateurs_couleurs/transparencenavigation,1}|!={1}|oui)background-color: rgba([(#GET{c_navigation_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencenavigation,1});]font-size: #CONFIG{soyezcreateurs_couleurs/fontsizenavigation,1.4}em; }
770#navigation ul, #navigation li, #extra ul, #extra li { list-style-image: none; }
771#menu {
772[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|non)
773        margin-top: [(#CONFIG{soyezcreateurs/logoheader,header}|=={navigation}|?{6em,1.5rem})];
774][(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|oui)
775        margin-top: 1.5rem;
776]
777        overflow: hidden; background-color: transparent; }
778#menu ul img.menu_plus, #menu ul img.menu_minus { float: left; position: absolute; z-index: 100; width: 9px; height: 9px; margin: .7em 0 0; margin-right:0; margin-left:5px; border: 0; background-repeat: no-repeat; }
779#menu ul ul img.menu_plus, #menu ul ul img.menu_minus { margin: .3em 0 0; margin-right:0; margin-left:5px;}
780#menu img.menu_plus { background-image: url([(#CHEMIN{images/menu_plus.gif}|embarque_fichier)]); }
781#menu img.menu_minus { background-image: url([(#CHEMIN{images/menu_minus.gif}|embarque_fichier)]); }
782#menu ul { padding: 0; margin: 0; }
783#menu li { padding: 0; background: transparent; list-style: none; list-style-image: none; }
784#menu ul ul { padding: 0; margin: 0; margin-left:10px;}
785#menu li a { display: block; padding: 5px 0 5px 20px; padding-right:0; padding-left:20px; margin: 4px 0; background-color: #GET{c_menu_a_bk}; border-left: none; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; text-align: left; text-decoration: none; }
786#menu ul ul li a { padding: 2px 0 2px 20px; padding-right:0; padding-left:20px; background-color: #[(#GET{c_menu_a_bk}|couleur_inverserluminosite{10,true})]; font-size: 1em; text-decoration: none; }
787#menu strong li a { background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
788#menu li strong a:visited, #menu li strong a:link {
789        margin-left: 2px; background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong};
790}
791#menu li a:hover, #menu li a:focus, #cadre_outils li a:hover, #cadre_outils li a:focus, #artrecents a:hover, #artrecents a:focus, #artrecents .odd a:hover, #artrecents .odd a:focus { background-color: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; text-decoration: none; }
792#menu li a:active, #cadre_outils li a:active { background-color: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
793#menu form { padding: 0; margin: 0; }
794#menu h2 { [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] color: #GET{c_menu_a}; border-left: none; padding: 5px 10px 5px 2px; padding-right:10px; padding-left:2px; margin-top: 5px; margin-bottom: 5px; font-size: 1.2em; font-weight: bold; text-align: left; }
795/* selects dans zone de recherche */
796#recherchemot { width: 100%; }
797#navigation #bandeaucontact {
798        background: url([(#CHEMIN{images/contact.png}|embarque_fichier)]) no-repeat right bottom transparent;
799        padding: 1em 5px;
800}
801#navigation #bandeaucontact p {
802        text-align: right;
803}
804
805/*************** STRUCTURE - EXTRA SIDEBAR */
806#extra { background-color: #GET{c_extra_bk};[(#CONFIG{soyezcreateurs_couleurs/transparenceextra,1}|!={1}|oui)background-color: rgba([(#GET{c_extra_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparenceextra,1});] color: #GET{c_extra}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizenavigation,1.4}em; }
807#extra ul ul li { padding: 0; padding-right:0; padding-left:10px; margin: 0; }
808#extra ul ul li a { overflow: hidden; padding: 0; padding-right:0; padding-left:15px; margin: 1px 0 0; }
809.rightmenu li a { display: block; padding: 5px 0; padding-right:0; padding-left:15px; margin: 3px 0; background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: bold; text-decoration: none; }
810.rightmenu li a:link { }
811.rightmenu li a:visited { }
812.rightmenu li a:hover, .rightmenu li a:focus { background: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
813.rightmenu li a:active { background-color: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
814.rightmenu li { display: block; padding-left: 0; margin-left: 0; margin-right: 0; }
815.rightmenu ul { padding-left: 0; margin-bottom: 1.5em; margin-left: 0; margin-top: 0.5em; color: #GET{c_menu_a}; list-style: none; list-style-image: none; font-size: .9em; }
816.rightmenu ul ul { margin-bottom: 0.5em; margin-left: 0; margin-top: 0.5em; padding-left: 10px; color: #GET{c_menu_a}; font-size: 1em; }
817.rightmenu li strong a { display: block; padding: 5px 0; padding-right:0; padding-left:15px; margin: 3px 5px 3px; margin-left:0; background-color: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; font-weight: bold; text-decoration: none; -moz-border-radius-bottomright: 24px; -webkit-border-bottom-right-radius: 24px; }
818.rightmenu li strong a:link, .rightmenu li strong a:visited { background-color: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
819.rightmenu h2 { padding: .2em 0; margin: .7em 0; [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] color: #GET{c_menu_a}; font-size: 1.4em; text-align: center; }
820/* Contenu RSS */
821#extra ul ul li a { font-weight:normal; }
822
823#splickr { margin: 1em auto 0 auto; }
824
825/*************** STRUCTURE - FOOTER */
826#footer { width: 100%; background-color: #GET{c_footer_bk};[(#CONFIG{soyezcreateurs_couleurs/transparencefooter,1}|!={1}|oui)background-color: rgba([(#GET{c_footer_bk}|sc_rgb)], #CONFIG{soyezcreateurs_couleurs/transparencefooter,1});]
827        [(#GET{c_footer_bk}|!={transparent}|oui|et{[(#GET{d_footer_degrade}|non)]})
828        background: #GET{c_footer_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas4.png}|image_sepia{[(#GET{c_footer_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x bottom];]
829        color: #GET{c_footer}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizefooter,0.9}em;
830}
831#footerbas { padding: 4px 10px; text-align: center; }
832#footerbas div { display: inline; }
833#footer span.right { display: block; padding: 2em 0 0.5em; font-size: 0.8em; font-style: italic; text-align: right; }
834#footerbas img { width: 4px; height: 4px; padding: 0 .5em; vertical-align: middle; background-color: #GET{c_footer_bk};
835        [(#GET{c_footer_bk}|!={transparent}|oui)
836        background:[ url((#CHEMIN{images/pucebleue.gif}|image_sepia{[(#GET{c_footer}|couleur_inverserluminosite{80})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) no-repeat center];]
837}
838#datemajsitefooter { text-align: center; margin-top: 2em; }
839#datemajsitefooter span { background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; padding: 0.7em 2.5em; border-radius: 10em 10em 0px 0px; display: inline-block; }
840.cadreinfo a { [color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true}|couleur_extreme);] font-weight: bold; text-decoration: none; }
841.cadreinfo a:visited { [color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true}|couleur_extreme);] text-decoration: none; }
842.cadreinfo a:hover, .cadreinfo a:focus { [color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true}|couleur_extreme);] text-decoration: underline; }
843.cadreinfo a:active { color: #f00; }
844#footer a { [color: #(#GET{c_footer_bk}|couleur_inverser|couleur_extreme); ]font-weight: bold; text-decoration: none; }
845#footer a:visited { [color: #(#GET{c_footer_bk}|couleur_inverser|couleur_extreme); ]text-decoration: none; }
846#footer a:hover, #footer a:focus { [color: #(#GET{c_footer_bk}|couleur_inverser|couleur_extreme); ]text-decoration: underline; }
847#footer a:active { color: #f00; }
848#footer .leaflet-control-zoom a, #footer .leaflet-control-zoom a:visited  { color: #666; }
849#citations a { [color: #(#GET{c_menu_a_bk}|couleur_foncerluminosite|couleur_extreme); ]font-weight: bold; text-decoration: none; }
850#citations a:visited { [color: #(#GET{c_menu_a_bk}|couleur_foncerluminosite|couleur_extreme); ]text-decoration: none; }
851#citations a:hover, #citations a:focus { [color: #(#GET{c_menu_a_bk}|couleur_foncerluminosite|couleur_extreme); ]text-decoration: underline; }
852#citations a:active { color: #f00; }
853/* ?? */
854#menufooter { background-color: #GET{c_menubas_bk};
855        [(#GET{d_menubas_degrade}|non)
856        background: #GET{c_menubas_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas_menu.png}|image_sepia{[(#GET{c_menubas_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x bottom];]
857        text-align:right;
858        font-size: 1.4em;
859}
860#menufooter ul { padding: 0; margin: 0; list-style-type: none; }
861#menufooter ul li { display: inline; margin: 0; list-style: none; }
862#menufooter a, #menufooter a:link, #menufooter a:visited { background: transparent; color: #GET{c_menubas}; display: inline-block; padding: 0.5em 1em; text-decoration: none; white-space: nowrap; }
863#menufooter a:hover, #menufooter a:focus { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
864#menufooter strong a, #menufooter strong a:visited, #menufooter strong a:link { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; }
865#menufooter a:hover, #menufooter a:focus, #menufooter a:active, #artrecents a:active { background: #GET{c_menubas_hover_bk}; color: #GET{c_menubas_hover}; text-decoration: none; }
866/* bandeau de contact dans le footer */
867.bandeaupartenaires { background-color: #FFF; padding-top: 10px; padding-bottom: 10px; }
868.bandeaupartenaires .flexbox--center { width: 220px; }
869.bandeaupartenaires a {
870        width: 100%;
871        text-align: center;
872}
873#footer #bandeaucontact { padding: 1px 10px; color: #GET{c_footer}; text-align: center; }
874#footer #bandeaucontact p { text-align: center; font-size: 1.2em; }
875.menu_lien_participer { text-align: right; margin-bottom: [(#CONFIG{soyezcreateurs_couleurs/pagemargebasse,3em});] }
876.menu_lien_participer a { background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; padding: 0.7em 2.5em; border-radius: 0 0 50% 50%; display: inline-block; opacity: 0.1; }
877.menu_lien_participer a:hover { opacity: 1; }
878
879/* Nuage de mot clé dans le footer */
880#nuage { padding: 2em .5em; text-align: center; line-height: 1em;}
881#nuage .nuage a.nuage { font-size:1em;}
882#nuage .nuage li a { font-variant: normal; padding: 0 .5em; vertical-align:middle; }
883#footer #nuage .nuage li a { white-space: nowrap; }
884#nuage .nuage a.nuage0 { font-size:0.9em; opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); }
885#nuage .nuage a.nuage1 { font-size:1em; opacity:0.55; -ms-filter: "alpha(opacity=55)"; filter: alpha(opacity=55); }
886#nuage .nuage a.nuage2 { font-size:1.1em; opacity:0.60; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); }
887#nuage .nuage a.nuage3 { font-size:1.2em; opacity:0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }
888#nuage .nuage a.nuage4 { font-size:1.3em; opacity:0.70; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }
889#nuage .nuage a.nuage5 { font-size:1.4em; opacity:0.75; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75); }
890#nuage .nuage a.nuage6 { font-size:1.5em; opacity:0.80; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); }
891#nuage .nuage a.nuage7 { font-size:1.6em; opacity:0.85; -ms-filter: "alpha(opacity=85)"; filter: alpha(opacity=85); }
892#nuage .nuage a.nuage8 { font-size:1.7em; opacity:0.90; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); }
893#nuage .nuage a.nuage9 { font-size:1.8em; opacity:0.95; -ms-filter: "alpha(opacity=95)"; filter: alpha(opacity=95); }
894#nuage .nuage a.nuage10 { font-size:1.9em; opacity:1.0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
895#nuage .nuage a:hover { opacity:1.0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
896
897#qrcode {
898    display: block;
899    text-align: right;
900    margin: 0;
901}
902#qrcode img { height: 37px; width: 37px; padding: 0.5em; }
903
904
905
906/*************** STRUCTURE - bouton "participer à la vie du site" */
907#participer { background-color: transparent; font-size:1em; text-align: right;  }
908#participer div { display:inline; }
909#participer div span { padding: 2px 10px; background-color: #GET{c_footer_bk}; color: #GET{c_footer}; }
910#participer a, #participer a:link, #participer a:visited, #participer a:hover, #participer a:focus, #participer a:active { background-color: transparent; color: #GET{c_footer}; font-size:1em; }
911
912/*************** GENERAL - CONTENT */
913#content img { padding: 0 1.5em; }
914#content img.smiley { padding: 0; }
915#content img.fullwidth { margin:0; padding: 0; }
916#content img.groslogo { float:left; }
917#contenu h1 { clear: both; padding-left: 1em; background-color: #GET{c_titraille_bk}; color: #GET{c_titraille};
918        [(#GET{c_titraille_bk}|!={transparent}|oui|et{[(#GET{d_titraille_degrade}|non)]})
919        background: #GET{c_titraille_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas4.png}|image_sepia{[(#GET{c_titraille_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];]
920        font-family: #GET{f_content}; font-weight: bold; border-bottom: 4px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)];
921}
922#content h2, .h2 { clear: left; color: #GET{c_titraille_ssniveaux}; border-bottom: 2px solid [(#GET{c_titraille_ssniveaux_bk})]; font-family: #GET{f_content}; font-weight: bold; }
923#content h2, #content h3, #content h4, #content h5, #content h6  { margin-top: 3em; }
924#content h2 a:link, #content h2 a:visited { color: [#(#GET{c_titraille_ssniveaux}|couleur_inverserluminosite{5,true})]; }
925#content h3, .h3, #content h4, .h4, #content h5, .h5, #content h6, .h6 { clear: left; padding-left: .25em; border-left: 2px solid [(#GET{c_titraille_ssniveaux_bk})]; color: #GET{c_titraille_ssniveaux}; font-family: #GET{f_content}; font-weight: bold; text-align: left; }
926#content h4, .h4 { border-left-color: [(#GET{c_titraille_ssniveaux_bk})]; clear: left; }
927#content h5, .h5, #content h6, .h6 { border-left-width: 1px; }
928#content h6, .h6 { border-left: none; font-style:italic; }
929#content hr { padding: 0; margin: 2em 0; border: none; border-bottom: 1px solid #GET{c_titraille_ssniveaux_bk}; height: 1px; width: 90%; text-align: left; clear: both; }
930#content ul.spip {
931        list-style-type:none;
932        color: #[(#GET{c_container}|couleur_inverserluminosite{10})]; font-size: 1em;
933        text-align: left;
934        margin-left: 1.25em;
935}
936#content ul.spip li {
937        [background-image: url((#CHEMIN{images/pucebleue.gif}|image_sepia{[(#GET{c_container}|couleur_inverserluminosite{10})]}|extraire_attribut{src}|embarque_fichier));
938        background-repeat: no-repeat;
939        background-position: 0 0.5em;]
940        padding-left: 1.25em;
941}
942#content ul.spip ul.spip { margin-left: 0; padding-left: 0; }
943#content img.gallerie { float: left; padding: 2px; margin: .5em 2em; background-color: #000; border: 3px solid #ebeff8; }
944#content img.galleriebig { padding: 4px; margin: .5em 2em; background-color: #000; }
945
946#content .contenu_chapitres { padding-left: 3em; border-left: 1px solid #39f; font-size: 80%; }
947#content .contenu_chapitres h2, #content .contenu_chapitres h3, #content .contenu_chapitres h4, #content .contenu_chapitres h5, #content .contenu_chapitres h6 { color: #39f; font-size: 80%; text-align: left; }
948
949/* tableaux */
950#content table, table.spip { margin: 2em auto; width: auto; border-collapse: collapse; background-color: [(#GET{c_cadrestexte_bk})]; border: 1px solid [ (#GET{c_cadrestexte_bk})]; font-size: 1em; }
951#content table.tableaudocs, table.spip.tableaudocs { width: 100%; }
952#content tbody { width: auto; }
953#content td, #content tr { font-size: 1em; }
954#content table tr td h2 { padding: 0; margin: 0; background-color: none; }
955#content table tr td .retoursommaire { padding: 0; margin: 0; float: right; text-align: inherit; }
956#content table tr td .retoursommaire img { padding: 0; margin: 0; }
957#content .spip td, #content .spip th { width: auto; vertical-align: top; padding: 5px; border: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{20,true})]; text-align: left; }
958#content thead, table.spip tr.row_first, table.spip thead th { width: auto; background-color: [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{10})]; border: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{20,true})]; color: [ #(#GET{c_cadrestexte}|couleur_inverserluminosite{20,true})]; font-size: 1.1em; text-align: center; }
959#content tr.alt, table.spip tr.row_odd { background-color: [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{80,true})]; color: [ #(#GET{c_cadrestexte}|couleur_inverserluminosite{20,true})]; }
960#content tr.row_even { background-color: [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{5,true})]; color: [ #(#GET{c_cadrestexte}|couleur_inverserluminosite{5,true})]; }
961/* date picker de F&t */
962#content div.popup-calendar h3 { margin-left:1em; }
963#content div.popup-calendar td, #content div.popup-calendar th { padding:0; width:21px; }
964html > body div.popup-calendar { left:auto; right:40px; }
965
966.columns2 { -webkit-column-count: 2; -webkit-column-gap: 3em; -webkit-column-rule: 1px dotted #bbb; -moz-column-count: 2; -moz-column-gap: 3em; -moz-column-rule: 1px dotted #bbb; column-count: 2; column-gap: 3em; column-rule: 1px dotted #bbb; }
967.columns2 div { -webkit-column-break-inside:avoid; break-inside:avoid; }
968#content .columns2 h2 { margin-top:0; }
969
970/* Agenda Programmation */
971table.programmation caption { text-align: left; }
972.programmation_nav { text-align: right; }
973.programmation_agenda { margin-bottom: 1em; }
974#content .programmation_agenda thead, .programmation_agenda table.spip tr.row_first, .programmation_agenda table.spip thead th { font-size: 1em; }
975
976/*************** BLOCKS - CONTENT */
977
978/* ancre cachée pour "retour haut de page" */
979#sommaire { clear: left; position: relative; width: auto; background-color: [(#GET{c_cadrestexte_bk})]; font-size: .9em; margin: 2em 0; padding-bottom: 1em; }
980#sommaire h2 { width: auto; padding: 0 1em; margin-bottom: 0.6em; background-color: [(#GET{c_titraille_bk})]; color: [ (#GET{c_titraille})];}
981#sommaire > ul { margin-left: 3em; margin-bottom: 0;}
982#sommaire > ul > li { list-style-type: initial; }
983
984/* menu en haut du contenu (onglets) */
985#menuhaut { background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut};
986        [(#GET{c_menuhaut_bk}|!={transparent}|oui|et{[(#GET{d_menuhaut_degrade}|non)]})
987        padding-top: 8px; padding-left: 8px; background: #GET{c_menuhaut_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas_menu.png}|image_sepia{[(#GET{c_menuhaut_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x bottom];]
988        font-size: 0;
989}
990
991/* Menu Navigation Haute */
992#navHaute { float: left; }
993#navHaute ul { padding:0; }
994#navHaute ul li { display: inline; padding-left: 2em; }
995/* Menu Déroulant du haut */
996#menuhaut ul { text-align: center; }
997#menuhaut ul ul { text-align: left; padding-left: 0;}
998#menuh > li a {background: #GET{c_menu_a_bk}; color:#GET{c_menu_a}; display: block; line-height: 1em; }
999#menuh strong a, #menuh ul strong a {background: #GET{c_menuhaut};color: #GET{c_menuhaut_bk}; text-shadow:none;}
1000#menuh ul a {background:#GET{c_menu_a_bk};color:#GET{c_menu_a}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; text-transform:none; }
1001.arrows-sprite, #menuh.drop .sf-sub-indicator, #menuh.drop ul li > a .sf-sub-indicator, #menuh.drop li.hover > a .sf-sub-indicator, #menuh.drop ul li.hover > a .sf-sub-indicator { background: url([(#CHEMIN{images/arrows_menuh.png}|embarque_fichier)]) no-repeat; }
1002#menuh, #menuh ul { list-style: none; margin: 0; position: relative; }
1003#menuh li { position: relative; }
1004#menuh li li { margin-top: auto; }
1005#menuh li li:first-child { border-top: 1px #GET{c_menu_a_hover_bk} solid; }
1006#menuh li li a { border-left: 1px solid #GET{c_menu_a_hover_bk}; border-bottom: 1px solid #GET{c_menu_a_hover_bk}; border-right: 1px solid #GET{c_menu_a_hover_bk}; }
1007#menuh li li li a { padding-left: 24px; }
1008#menuh li li li li a { padding-left: 32px; }
1009#menuh > li { display:inline-block; position:relative; vertical-align:middle; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; line-height: 1em; }
1010#menuh > li:not(:last-child) {  margin-right:0; }
1011#menuh > li:first-child { margin-left: 0; }
1012#menuh > li > a { background: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; font-weight: bold; }
1013#menuh ul a { color: #GET{c_menuhaut}; }
1014#menuh a { display: block; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizemenuhaut,1.2}rem; padding: 8px 16px; position: relative; text-decoration: none; }
1015#menuh li.hover > a { background: #GET{c_menuhaut}; color: #GET{c_menuhaut_bk}; }
1016#menuh li.hover > a, #menuh li > a:focus, #menuh a:hover, #menuh a:focus { background: #GET{c_menuhaut}; color: #GET{c_menuhaut_bk}; }
1017#menuh .active > a, #menuh a:active, #menuh li > a:active { background: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut}; }
1018#menuh.drop { padding: 0 1%; }
1019#menuh.drop ul, .hasJS #menuh ul { width: 200px; position: absolute; margin-top: -99999px; z-index: 999; }
1020#menuh.drop ul ul { left: 200px; top: 0; }
1021#menuh.drop li a { padding-left: 16px; }
1022#menuh.drop li.hover > ul, #menuh.drop li > a:focus + ul { margin-top: 0; }
1023#menuh.drop .sf-sub-indicator { background-position: 0 -22px; display: block; overflow: hidden; height: 10px; width: 10px; position: absolute; right: 0.75em; top: 10px; }
1024#menuh.drop a.sf-with-ul { padding-right: 24px; }
1025#menuh.drop ul li > a .sf-sub-indicator { background-position: 0 0; }
1026#menuh.drop li.hover > a .sf-sub-indicator { background-position: 0 -33px; }
1027#menuh.drop ul li.hover > a .sf-sub-indicator { background-position: 0 -11px; }
1028#menuhaut li.cadre_recherche { float: right; }
1029
1030@media screen and (max-width:[(#GET{LargeurContaineur})]px) {
1031  [(#PLUGIN{SIDR}|oui)#menuhaut { display: none; }
1032  .sidr ul li a, .sidr ul li span { display: inline-block; }
1033  .sidr ul li span { padding-left: 0; }
1034  .sidr ul li a { padding-left: 15px;}
1035  .sidr ul li img { position: relative; float: left; top: 18px; padding-right: 8px; }
1036  .sidr ul li ul li span { padding-left: 0; }
1037  .sidr ul li ul li a { padding-left: 39px;}
1038  .sidr ul li ul li img { position: relative; float: left; top: 12px; padding-right: 8px; }
1039  .sidr ul li ul li ul li a { padding-left: 63px;}
1040  .sidr ul li ul li ul li ul li a { padding-left: 87px;}
1041  .sidr ul li ul li ul li ul li ul li a { padding-left: 111px;}
1042  ]
1043  #header h1 { float: none; margin-top: 0; }
1044  #menuhaut ul { text-align: left; }
1045  #menuh > li { display: block; float: none; margin-left: 0; }
1046  #menuh.drop { padding: 1%; }
1047  #menuh.drop ul { width: auto !important; position: relative; margin-top: 0; }
1048  #menuh.drop ul ul { left: auto !important; }
1049  #menuh.drop li li .menuarticles { background-position: 17px 50% !important; }
1050  #menuh.drop li li a.menuarticles { padding-left: 27px; }
1051  #menuh.drop li li li a { padding-left: 24px; }
1052  #menuh.drop li li li .menuarticles { background-position: 17px 50% !important; }
1053  #menuh.drop li li li li a { padding-left: 32px; }
1054  #menuh.drop li li li li .menuarticles { background-position: 29px 50% !important; }
1055  #menuh.drop li li li li li a { padding-left: 48px; }
1056  #menuh.drop li li li li li .menuarticles { background-position: 41px 50% !important; }
1057  #menuh.drop li.hover > a { background:#GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
1058  #menuh.drop > li.hover > a { background:  #GET{c_menu_a_active_bk}; color:  #GET{c_menu_a_active}; }
1059  #menuh.drop li a:hover,
1060  #menuh.drop li a:focus { background:#GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
1061  #menuh.drop .sf-sub-indicator { display: none; }
1062  #menuh.drop li li li {display:none;} /* n'afficher que le premier niveau du menu déroulant */
1063}
1064
1065@media screen and (max-width:640px) {
1066  #menuh.drop li li {display:none;} /* cacher tous les éléments déroulant */
1067}
1068
1069/* Breadcrumbs/Ariane */
1070#miettesdepain { padding: .25em 88px 1em 1em; color: #GET{c_fildariane}; font-size: .9em; font-style: italic; min-height: 40px; }
1071#miettesdepain img { width: 8px; height: 11px; padding: 0; background: url([(#CHEMIN{images/chevrons.gif}|image_sepia{#GET{c_chevrons}}|extraire_attribut{src}|embarque_fichier)]) no-repeat center; }
1072#miettesdepain ul { margin: 0; }
1073#miettesdepain ul li { display: inline; }
1074#miettesdepain ul li a { padding-right: 14px; background: url([(#CHEMIN{images/chevrons.gif}|image_sepia{#GET{c_chevrons}}|extraire_attribut{src}|embarque_fichier)]) right no-repeat; }
1075
1076/* Onglets de la page de téléchargement */
1077
1078.onglets ul { border-bottom:1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; padding-bottom:5px; text-align:right; }
1079.onglets li { display: inline; margin:0 5px;}
1080.onglets li a, .onglets li strong { border:1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; padding:5px 10px; }
1081.onglets li strong { background: #GET{c_container_bk}; border-bottom-color: #GET{c_container_bk};}
1082#telecharger .highlight_anchor {
1083  background: transparent;
1084  border: none;
1085  padding: inherit;
1086}
1087
1088/* sommaire en début d'article/de page */
1089#artrecents {
1090        display: inline; overflow: auto; float: right; position: relative; z-index: 100; width: 160px; max-height: 350px; padding: 0; margin: 0 8px; color: #GET{c_navigation}; font-size: 1em;
1091        [background: (#GET{c_cadrestexte_bk});] [(#GET{c_cadrestexte_bk}|!={transparent}|oui|et{[(#GET{d_cartouche_degrade}|non)]}) background: #GET{c_cadrestexte_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas3.png}|image_sepia{[(#GET{c_cadrestexte_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top]; ]
1092        border: 1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})];
1093        border-bottom-color: [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{70})];
1094        border-right-color: [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{70})];
1095        font-size: #CONFIG{soyezcreateurs_couleurs/fontsizeartrecents,1.1}em;
1096}
1097#artrecents li { background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-weight: normal; text-align: left; text-decoration: none; }
1098#artrecents .odd { background-color: transparent; color: [(#GET{c_cadrestexte})];}
1099#artrecents .odd a { background-color: transparent; color: inherit;}
1100#artrecents ul { margin-left: 0.4em; margin-bottom: 0; padding-left: 1.2em; }
1101#artrecents ul ul { margin-left: 0; }
1102#artrecents li, #artrecents li.odd { list-style-type: disc; }
1103.secondary-information { font-size: 0.8em; font-style: italic; opacity: 0.5; }
1104/* documents dans sommaire début d'article */
1105.docjoints { clear: left; }
1106.docjoints ul { padding: 0; padding-right:5px; padding-left:25px; margin: 0; }
1107.docjoints img { float: left; padding-left: 0.5em; padding-right: 0.5em; }
1108
1109/* agenda */
1110table.agenda, table.agenda tr, table.agenda th, table.agenda td, table.agenda caption, table.agenda caption h2 { padding: 0; margin: 0; color: #000000; text-align: center; }
1111table.agenda caption { width: 100%; margin: auto; background-color: #GET{c_container_bk}; border: none; color: #GET{c_container}; }
1112table.agenda th { width:14% !important; padding: .2em 0; font-size: 1.1em; }
1113table.agenda tr, table.agenda th { border-collapse: collapse; border: 1px solid [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; }
1114table.agenda td { width:14% !important; border-collapse: collapse; border: 1px solid [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; font-size: 1em; }
1115table.agenda { background: transparent; border-collapse: collapse; border: 2px solid [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; }
1116table.agenda em { background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; }
1117table.agenda td a, table.agenda td a:link, table.agenda td a:visited, table.agenda td a:active { display: block; background:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})] url([(#CHEMIN{images/coinagenda.gif}|embarque_fichier)]) top right no-repeat; color: [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; font-weight: bold; text-decoration: none; }
1118table.agenda td a:hover, table.agenda td a:focus { background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; font-weight: bold; }
1119table.agenda td.agendathisday, table.agenda td.agendathismonth, table.agenda td.agendanotthismonth { width:14% !important; background-color:[ (#GET{c_menu_a_bk})]; border: 2px solid[ (#GET{c_menu_a_bk})]; color:[ (#GET{c_menu_a})]; }
1120table.agenda td.agendathismonth { background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20})]; border-width: 1px; color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{80})]; }
1121table.agenda td.agendanotthismonth { background-color: [ #(#GET{c_menu_a_bk}|couleur_foncerluminosite|couleur_inverserluminosite{80})]; border-width: 1px; color: [ #(#GET{c_menu_a}|couleur_foncerluminosite|couleur_inverserluminosite{80})]; }
1122.agendahead { width:14% !important; padding: 1px 1em; background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{30})]; border: 1px solid[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; font-size: 1.1em; }
1123/* jour avec événement */
1124dl.event { padding: 0; margin: 2em 0; }
1125.event dt { position: relative; left: 0; top: 1.1em; width: 7em; font-weight: bold; }
1126.event dd { padding: 0 0 .5em; padding-right:0; padding-left:.5em; margin: 0; margin-left:8em; border-left: 1px solid #000000; }
1127.highlight_anchor { background: [#(#GET{c_titraille_bk}|couleur_inverserluminosite{60,true})]; border: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; padding: .5em; }
1128.ical { float:right; }
1129
1130/* Proposition d'evenement */
1131p.proposer_evenement_explication {margin:0 10px; border: 1px dotted; padding: 2px;}
1132.formulaire_proposer_evenement {margin:0 10px !important;}
1133.formulaire_proposer_evenement .editer_horaire {margin-top:0 !important;}
1134.formulaire_proposer_evenement p.boutons {text-align: right !important; margin-right: 10px;}
1135
1136
1137/* google */
1138#googlesearch { padding: 5px; margin: 0 10px 10px; margin-right:10px; margin-left:5px; background-color: #fff; color: #000; font-size: .9em; text-decoration: none; }
1139#googleadsense { padding-top: 1em; text-align:center; }
1140#google_picasa { margin: 1em 0 .2em; text-align: center; }
1141
1142/* barre d'outils pour publication dans forum */
1143#content table.spip_barre a img { padding: 3px; background-color: #ffddaa; border: 1px solid #ffffff; border-right-color: #aa9966; border-bottom-color: #aa9966; }
1144#content table.spip_barre a:hover img, #content table.spip_barre a:focus img { padding: 3px; margin: 0; background-color: #f8f8f4; border: 1px solid #808080; }
1145
1146/* liste de bougies */
1147#graversonnom { margin: 1em 0; }
1148#graversonnom ul { list-style: none; }
1149#graversonnom img { float: left; padding: 0; margin: 0; }
1150
1151/*************** HOME - MODE NEWS */
1152.modenews dt { padding: .3em; padding-right:0; padding-left:1em; font-size: 120%; }
1153.modenews .datepublication { font-size: .6em; font-weight: normal; }
1154.modenews .savoirplus { clear: right; margin-bottom: 1em; font-style: italic; text-align: right; }
1155/* articles "signalés" */
1156.alaune dl { background: url([(#CHEMIN{images/star.png}|embarque_fichier)]) no-repeat left .6em transparent; }
1157#sommaire_mode_actualites .alaune dl { background-image: none; }
1158#sommaire_mode_actualites .alaune dd { margin-left: 0; }
1159#sommaire_mode_actualites #col2 ul { padding-left: 1em; }
1160ul.alaune li { list-style-image: url([(#CHEMIN{images/star.png}|embarque_fichier)]); }
1161.alaune dd p { margin-bottom: 0; margin-top: 0; }
1162
1163/*************** HOME - MODE Actualités */
1164.modeactualites #col1 { width:50%; float:left;}
1165.modeactualites #col2 { margin-left:5%; width:45%; float:left; }
1166#content .modeactualites h2 { margin-left:0; }
1167
1168/*************** HOME - MODE Blog */
1169/** Derniers Articles */
1170.modeblog_art dl { margin-top: 10px;}
1171.modeblog_art dt {
1172  padding: 0.8em 0 0.3em 10px;
1173  font-size: 120%;
1174  float: right;
1175  width: 480px;
1176  margin-right: 10px;
1177}
1178.modeblog_art dt.quiquand { text-align: right; padding: 10px 0; }
1179.modeblog_art dd {margin-left: 0px; padding: 5px 5px 5px 0px; }
1180#content .modeblog_art img {
1181  padding: 10px 0 0 20px;
1182  position: absolute;
1183}
1184.modeblog_art .datepublication {
1185  font-size: .5em;
1186  font-weight: normal;
1187  float: none;
1188  padding: 0;
1189}
1190.modeblog_art span {
1191  font-size: .7em;
1192}
1193.modeblog_art p { margin-left:200px; margin-right: 10px;
1194}
1195
1196/** A La Une **/
1197.blog_alaune {
1198  font-size: 1em
1199}
1200.blog_alaune dl {
1201  float: left;
1202  width: 49%;
1203  height: 100px;
1204  padding: 10px 0 5px 0;
1205  background-color: [#(#GET{c_container_bk}|couleur_inverserluminosite{10})];
1206}
1207.blog_alaune dt {
1208  float: right;
1209  width: 215px;
1210  padding: 10px 7px 15px 0px;
1211}
1212#content .blog_alaune img {
1213  padding: 0 0 0 0;
1214  margin-left: -30px;
1215}
1216.blog_alaune .une_gauche {
1217   margin-right: 2%;
1218}
1219
1220/** Menu Droit Blog **/
1221/*.forum { padding: 2px 0; }
1222.forum-auteur-blog { float: left; padding-right: 5px; color: #000000; font-size: 11px; padding-top: 2px; }
1223.forum-item-blog { font-size: 11px; padding-top: 2px; } */
1224.forum_sommaire .datepublication {
1225    float: none;
1226    display: inline;
1227}
1228
1229
1230/*************** PAGE DE RUBRIQUE - LISTE D'ARTICLES */
1231/* liste d'articles dans page de rubriques */
1232dl#listearticlerubrique, dl#listerubriquerubrique { clear:left; padding: 0; margin: .5em 0 1.5em; }
1233#listearticlerubrique dt, #listerubriquerubrique dt { clear:right; padding: 4px 0 2px; padding-right:0; padding-left:.5em; border-left: 4px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; border-bottom: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; }
1234#listearticlerubrique dt.h2, #listerubriquerubrique dt.h2 { margin-bottom: 0; }
1235#listearticlerubrique dt.nogap, #listerubriquerubrique dt.nogap { border-bottom: none; }
1236#listearticlerubrique dt .datepublication, #listearticlerubrique dt .liste_auteurs { margin-right: 0; padding-right: 0; background: transparent; font-size: 0.5em; }
1237#listearticlerubrique dt .liste_auteurs { color: [#(#GET{c_container}|couleur_inverserluminosite{30}|couleur_saturer{0})]; font-weight: normal; font-style: italic; }
1238#listearticlerubrique dt .liste_auteurs:first-letter { text-transform: uppercase; }
1239#listearticlerubrique dt.haslogo img.logo,#listerubriquerubrique dt.haslogo img.logo { padding: 0; }
1240#listearticlerubrique dt .titrerubblog { font-style: italic; filter: contrast(25%); font-size: 0.75em; }
1241#listearticlerubrique dd, #listerubriquerubrique dd { padding: 2px .5em 4px 1em; padding-right:.5em; padding-left:1em; margin-left: 2em; margin-bottom: 1.5em; border-left: 2px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; }
1242#content dd p:first-of-type { margin-top: 0.25rem; }
1243
1244/*************** ARTICLE - CONTENT */
1245.surtitre, .soustitre, .datepublication { color: inherit; font-size: .9em; font-weight: bold; padding: 0 1em;}
1246.surtitre { float: left; }
1247.datepublication { text-align: right; display: block; background-color: #GET{c_container_bk}; color: [#(#GET{c_container}|couleur_inverserluminosite{30}|couleur_saturer{0})]; font-weight: normal; font-style: italic; }
1248.lienarchives { float: right; margin-right: 1em; }
1249
1250blockquote.spip { padding: .3em 1em .4em; padding-right:1em; padding-left:70px; margin: 1em 1.5em 1.5em 1.5em; background: [ (#GET{c_cadrestexte_bk})] url([(#CHEMIN{images/quoteleft.gif}|embarque_fichier)]) no-repeat top left; border: none; color: [ (#GET{c_cadrestexte})]; overflow: auto; }
1251blockquote.spip_poesie { padding: .5em; padding-right:50px; padding-left:1em; margin: 1em 2em; margin-right:2em; margin-left:1em; background: [ (#GET{c_cadrestexte_bk})] top right url([(#CHEMIN{images/poesie.gif}|embarque_fichier)]) no-repeat; border:none; border-right: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite)]; border-top: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{40})]; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; color: [ (#GET{c_cadrestexte})]; }
1252div.spip_poesie div { margin-left: 60px; text-indent: -60px; }
1253
1254.spip_documents_center { margin: auto; text-align: center; }
1255.spip_documents_left { clear: left; margin-right: 15px; text-align: center; }
1256.spip_documents_right { clear: right; margin-left: 15px; text-align: center; }
1257.spip_documents img { padding: 0 !important; border: none; }
1258.spip_documents { text-align: center; }
1259
1260.texte, #footer #bandeaucontact { font-size: #CONFIG{soyezcreateurs_couleurs/fontsizecontenu,1.3}em; }
1261/* Les césures ne sont pas encore au point :
1262    - elles se font dans FF10 sur des paragraphe de moins de 2 lignes,
1263    - et il peut y en avoir sur 2 lignes consécutives
1264-moz-hyphens : auto; -webkit-hyphens : auto; -ms-hyphens : auto; hyphens : auto;
1265*/
1266
1267.right { text-align: right; }
1268
1269/* bloc d'intro */
1270#letexte { clear: right; padding: 0 30px; font-size: 1.1em; line-height: 120%; }
1271#letexteblog { clear: left; padding: 0 10px 0 10px; font-size: 1.1em; line-height: 120%; }
1272#letexte ul { font-size: 1em; line-height: 120%; }
1273
1274/* Rectification pour la météo sur 5 jours */
1275.rainette_previsions_24h {
1276        width:22%;
1277        margin: .4em 2% 2em 0;
1278        -webkit-box-shadow: 2px 2px 10px -2px rgba(170,170,170,1);
1279    -moz-box-shadow: 2px 2px 10px -2px rgba(170,170,170,1);
1280    box-shadow: 2px 2px 10px -2px rgba(170,170,170,1);
1281}
1282.rainette_previsions_24h .jour, .rainette_previsions_24h .date,.rainette_previsions_24h .contenu {
1283        width:100%;
1284}
1285
1286.cadreinfo { padding: 5px; margin: 20px 10px 10px; [color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true});] [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] text-decoration: none; font-size: 1em;
1287        [(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_cadreinfo_degrade}|non)]})
1288        background: [#(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})][ url((#CHEMIN{images/fond_degrade_fonce_en_bas3.png}|image_sepia{[(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];]
1289}
1290
1291.hasJS .escapelinks, .hidden { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
1292.clearfix:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; }
1293.espaceavant { margin-top: 10px; }
1294
1295.centrer_div { clear: both; margin-top: 1em; margin-bottom: .5em; text-align: center; }
1296
1297.texteencadre-spip { position: relative; padding: .25em; margin: 1em 0; background-color: [ (#GET{c_cadrestexte_bk})]; border: 2px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite)]; border-left: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{70})]; border-top: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{70})]; color: [ (#GET{c_cadrestexte})]; }
1298.caractencadre-spip { color: #f60; font-weight: bold; background-color: transparent; }
1299.caractencadre2-spip { color: #009; font-weight: bold;  background-color: transparent; }
1300
1301[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|non)
1302.cartouche { position: relative; padding-bottom: 3em; }
1303]
1304[(#CONFIG{soyezcreateurs_layout/positioncartouchetitre,contenu}|=={haut}|oui)
1305#contenu h1 {
1306        font-size: 3em;
1307        margin-bottom: 0;
1308}
1309]
1310#miettesdepain ul {
1311        border-bottom: none;
1312}
1313
1314.chapo, .ps, #artrecents.artrecent_bas, .notes { clear: both; background-color: [(#GET{c_cadrestexte_bk})];  color: [(#GET{c_cadrestexte})]; overflow: auto; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; border: none;margin: 0 0 1em 0; padding: 0 1em .5em 1em; }
1315.ps { margin: 0 0 1em 0; padding: .5em 1em; }
1316#artrecents.artrecent_bas { display: block; overflow: auto; float: none; position: relative; z-index: auto; width: auto; max-height: none; margin: 3em 2.2em; }
1317#artrecents h2, #signature h2 { color: [(#GET{c_cadrestexte})]; background-image: none; border-bottom: none; padding: 0.5em 0 0 0; text-align: left; margin: 0; }
1318
1319.retoursommaire { float: right; }
1320#content .retoursommaire img { margin:0; padding: 1em 0 0 1em; }
1321
1322.menuarticles { background-image: url([(#CHEMIN{images/chevrons.gif}|image_sepia{#GET{c_chevrons}}|extraire_attribut{src}|embarque_fichier)]) !important; background-position: 5px !important; background-repeat: no-repeat !important; }
1323
1324.rubriques_chapitres { padding-left: 1em; border-left: 2px solid #076b8b; }
1325
1326/* forum en bas d'un article */
1327
1328/* comments */
1329#content .comments h2 { background-color: #GET{c_titraille_bk}; color: #GET{c_titraille};
1330        [(#GET{c_titraille_bk}|!={transparent}|oui|et{[(#GET{d_titraille_degrade}|non)]})
1331        background: #GET{c_titraille_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas4.png}|image_sepia{[(#GET{c_titraille_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];]
1332        font-family: #GET{f_content}; font-size: 2em; font-weight: bold; letter-spacing: 1px; margin-bottom: 0em; margin-top: 0em; margin-right: 0; margin-left: 0; padding-top: 0.7em; padding-left: .5em; padding-bottom: 0.5em; padding-right: 0; border-bottom: 4px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; line-height: 1.5em;
1333}
1334#content .comments h2{ background-image: none; border: none; }
1335.comments-list { margin: .5em 0 0 0; background: [ #(#GET{c_container_bk}|couleur_inverserluminosite{5})]; color: [ #(#GET{c_container}|couleur_inverserluminosite{5})]; }
1336.comments-list ul, .comments-thread ul { padding-left: 0; }
1337.comments-list ul ul, .comments-thread ul ul { padding-left: 16px; }
1338.odd {background: [ #(#GET{c_container_bk}|couleur_inverserluminosite{5})];}
1339p.comment-meta { position:relative; padding-left: 5px; background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{5,true})]; border-bottom: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite)]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{5,true})];text-align: right; height:2.4em;}
1340.comment-meta img.avatar { vertical-align:top;}
1341.comment-content, .modererforum { padding-left: 1%; }
1342#formulaire_forum li { clear : none; }
1343#formulaire_forum li input.text { border: 0.06em solid [ #(#GET{c_cadrestexte_bk}|couleur_foncerluminosite)]; border-bottom-color: [ #(#GET{c_cadrestexte_bk}|couleur_eclaircirluminosite)]; border-right-color: [ #(#GET{c_cadrestexte_bk}|couleur_eclaircirluminosite)]; }
1344fieldset.qui p , .comments-feed{ padding-left: 0.75em; }
1345.modererforum button { background-color: #GET{c_titraille_bk}; color: #GET{c_titraille};}
1346
1347#cadreforum { margin: .5em 0 0 0; background: [ #(#GET{c_container_bk}|couleur_inverserluminosite{5})]; color: [ #(#GET{c_container}|couleur_inverserluminosite{5})]; }
1348#cadreforum h1 { padding-right: 0; margin-right: 0; margin-left: 0; background-image: none; border: none; }
1349#cadreforum ul { list-style-image: none; list-style-type: none; padding-left: 0; }
1350#cadreforum ul ul { padding-left: 16px; }
1351.forum-auteur { float: right; font-style: italic; padding-right: 5px; }
1352.logo-auteur { float: right; }
1353.forum-chapo { position:relative; padding-left: 5px; background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{5,true})]; border-bottom: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite)]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{5,true})]; }
1354.forum-item { padding-left: 1%; padding-right: 1%; margin-bottom: 5px; }
1355.forum-repondre, p.repondre { clear: both; margin: 0.5em 1em; margin-right:1em; margin-left:4em; border-top: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite)]; text-align: right; }
1356.forum-repondre a { padding: 0 1em; background-color:[(#GET{c_cadrestexte_bk})]; border: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; }
1357.forum-repondre-message { padding-right: 5px; margin-top: 3px; text-align: right; }
1358
1359/* mise en forme spip */
1360#content a.spip_out { padding-right: 14px; background: transparent url([(#CHEMIN{images/out.gif}|embarque_fichier)]) no-repeat scroll right center; color: #GET{c_link}; }
1361.spip_bouton { margin: 0; width: auto; font-size: .9em; font-weight: bold; text-align: right; }
1362.okfield, .spip_bouton input { border: none; background-color: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; }
1363#letexte form .spip_bouton { text-align: right; }
1364.spip_surligne { background: #ffcc00; color: #293778; }
1365.spip_code { color: [#(#GET{c_container}|couleur_inverserluminosite{30})] }
1366.hyperlien { clear: left; }
1367#carto { clear: both; color: #000000; }
1368#content .carte_gis img { padding:0; }
1369
1370/* logos (?!) */
1371.logo_modenews { float: right; clear: right; }
1372.logo_modeblog { float :left; clear: left; }
1373.logo_objet_header {
1374        width: 100%;
1375[(#CONFIG{soyezcreateurs_layout/cadragelogocontenuprincipal,entier}|=={recadre}|oui)
1376        height: auto;
1377        max-height: #CONFIG{soyezcreateurs_layout/hauteurlogocontenuprincipal,#CONFIG{soyezcreateurs_layout/hauteurlogocontenuautomatique,590}}px;]
1378}
1379#content .logo_auteur { margin: 0; padding: 0 1.5em 0 0; float: right; position: relative; z-index: 2; }
1380header img.logo_article, header img.logo_rubrique, header img.logo_breve { width: 100%; }
1381#content .logo_article, #content .logo_rubrique, #content .logo_breve { float:left; padding-left: 0; padding-right: 0.5em; }
1382#content .cartouche .logo_article, #content .cartouche .logo_rubrique, #content .cartouche .logo_breve { padding-bottom: 1em; }
1383.logo_agenda { float: left; padding: .2em 0.5em !important; }
1384.menu_right_logo { margin: 3px 0; }
1385.menu_haut_logo { padding: 0 4px 0 0; margin: 0; vertical-align: middle; }
1386.menu_gauche_logo { clear: right; float: right; margin: 0 4px; }
1387#menuhaut .cadena { float: right; margin: 0 0 0 .4em; }
1388.menu_footer_logo { padding: 0 4px 0 0; margin: 0; vertical-align: bottom; }
1389
1390/* pétition */
1391#signature { padding: 5px; padding-right:5px; padding-left:15px; margin-bottom: 5px; background: #eee; border: 2px solid #999999; border-left: 1px solid #eeeeee; border-top: 1px solid #eeeeee; font-size: .9em; }
1392
1393/* notes de bas de page */
1394.notes p { padding: 0; padding-left: 1.9em; margin: .3em 0; text-indent: -1.9em; }
1395
1396/* dates d'événements */
1397#ArticleAgendaDetail li { margin-bottom: .5em; }
1398#ArticleAgendaDetail ul.spip li { margin-bottom: 0; margin-left: .5em; }
1399#ArticleAgendaDetail dt { border-bottom: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; }
1400#ArticleAgendaDetail dd { padding-left: 1em; margin-left: 1.2em; margin-bottom: 0; padding-bottom: .5em; padding-top: 0.5em; border-left: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; }
1401#ArticleAgendaDetail dd:last-child { border-bottom-left-radius: 10px; }
1402#ArticleAgendaDetail .notes { background-color: #GET{c_container_bk}; border-bottom: none; border-right: none; border-top: none; color: #GET{c_container};  line-height: 1em; margin-top:0; padding-bottom: 0; }
1403
1404/* Favoris */
1405.formulaire_favori { float: right; position: relative; top: -21px; }
1406.formulaire_favori form button.ajouter_favori span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
1407.formulaire_favori form button.ajouter_favori:hover span { visibility: hidden; }
1408#content .formulaire_favori form button.ajouter_favori img { padding: 0; }
1409
1410/*************** AGENDA - CONTENT */
1411/* statut de l'événement */
1412dd.agendastatut { margin-left: -2em; padding: .3em 0; }
1413strong.agendastatut { padding: .1em 1em; margin-right: 1em; border: 1px solid #FF0000; border-left-width: 4px; border-right-width: 4px; }
1414
1415/*************** GALLERY - CONTENT */
1416/* si pas de JS (?) */
1417#document_actif { padding: .5em 0 1em; margin: 1em 0; text-align: center; }
1418#document_actif h2 { margin-left: 0; }
1419#document_actif dl { margin: 1em 0; color: inherit; }
1420#document_actif dt { padding: 0; margin: 0; color: inherit; font-weight: bold; font-size: 120%; }
1421#document_actif dd { padding: 0; margin: 0 0 .5em; color: inherit; font-style: italic; }
1422/* photos sous la grande */
1423#documents_portfolio { clear: both; }
1424#documents_portfolio img { padding: 0; margin: 0 1em .5em; margin-right:1em; margin-left:0; border: 2px solid #[(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{0})]; }
1425/* ?? */
1426#galerie { margin: 3em 0; }
1427#galerie dd { padding: 0.2em 1em; margin:0.5em 1em 0 1em; background-color: #GET{c_container_bk}; border: 1px solid [#(#GET{c_container_bk}|couleur_foncerluminosite)]; color: #GET{c_container}; text-align: left; }
1428
1429/*************** LISTE DOCUMENTS - CONTENT */
1430#listedocuments ul { margin-top: 2em; }
1431#listedocuments ul { margin-bottom:0; }
1432#content table.tableaudocs, table.spip.tableaudocs { margin-top: 0; }
1433
1434/*************** SIGLES - CONTENT */
1435#sigles dt { margin-top: 1em; font-size: 1.2em; font-weight: bold; }
1436#sigles dd p { margin-top: 0; }
1437
1438/*************** CONTENT - MAIN SIDEBAR */
1439#menu .cadreinfo { padding: 10px 5px; margin-left: 5px; margin-right: 5px; margin-bottom: 0; border: none; [color: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});] [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{30});]
1440        [(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_cadreinfo_degrade}|non)]})
1441        background: [#(#GET{c_menu_a_bk}|couleur_inverserluminosite{30})][ url((#CHEMIN{images/fond_degrade_fonce_en_bas3.png}|image_sepia{[(#GET{c_menu_a_bk}|couleur_inverserluminosite{30})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];]
1442}
1443#menu .cadreinfo p { margin: .5em 0 0; text-align: left; }
1444
1445/*************** CONTENT - EXTRA SIDEBAR */
1446/* mini-agenda */
1447.miniagenda { text-align: center; }
1448.miniagenda table.agenda { width: 100%; margin: auto; }
1449/* derniers ajouts dans agenda */
1450.agendaderniersajouts { text-align: left; }
1451.agendaderniersajouts li a { margin:0; }
1452/* bloc citations */
1453#citations { position: relative; overflow: hidden; padding: 0; margin-top:2em; margin-right: 5px; margin-bottom: .5em; margin-left: 5px; }
1454#citations dt { overflow: hidden; padding: .25em .5em; margin: 0; background-color: #GET{c_menu_a_bk}; border-bottom: solid 1px[ #(#GET{c_menu_a_bk}|couleur_foncerluminosite)]; -moz-border-radius-topright: .5em; -webkit-border-top-right-radius: .5em; -moz-border-radius-topleft: .5em; -webkit-border-top-left-radius: .5em; color: #GET{c_menu_a}; font-family: #GET{f_content}; font-size: 1.1em; font-weight: bold; }
1455#citations dd { background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{80})];
1456        [(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_citations_degrade}|non)]})
1457        background: [#(#GET{c_menu_a_bk}|couleur_inverserluminosite{80})][ url((#CHEMIN{images/fond_degrade_fonce_en_bas3.png}|image_sepia{[(#GET{c_menu_a_bk}|couleur_inverserluminosite{80})]}|image_aplatir{jpg}|extraire_attribut{src}|embarque_fichier)) repeat-x top];] border-bottom: solid 1px[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; border-right: solid 1px[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; -moz-border-radius-bottomright: .5em; -webkit-border-bottom-right-radius: .5em; -moz-border-radius-bottomleft: .5em; -webkit-border-bottom-left-radius: .5em; color:[ #(#GET{c_menu_a_bk}|couleur_foncerluminosite)]; font-size: 1em; overflow: hidden; padding: .5em .6em; margin: 0;
1458}
1459#citations dd p { margin-bottom: 0;margin-top: 0; }
1460/* bloc citations dans le header */
1461#header #citations { margin: 0; float: right; clear: right;[ width: (#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})px;]
1462/* Fallback for web browsers that doesn't support RGBa */
1463background: #GET{c_header_bk};
1464/* RGBa with 0.6 opacity */
1465background: rgba([(#GET{c_header_bk}|couleur_hexa_to_dec|table_valeur{red,0})], [(#GET{c_header_bk}|couleur_hexa_to_dec|table_valeur{green,0})], [(#GET{c_header_bk}|couleur_hexa_to_dec|table_valeur{blue,0})], 0.6);
1466/* For IE 5.5 - 7*/
1467filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99[(#GET{c_header_bk}|replace{'#',''})], endColorstr=#99[(#GET{c_header_bk}|replace{'#',''})]);
1468/* For IE 8*/
1469-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99[(#GET{c_header_bk}|replace{'#',''})], endColorstr=#99[(#GET{c_header_bk}|replace{'#',''})])";
1470 }
1471#header #citations dt, #header #citations dd { background: transparent; color: #GET{c_header}; }
1472#header #citations dt { text-align:right;  border-bottom: solid 1px #GET{c_datemajsite_bk}; }
1473#header #citations dd { border-bottom: none; border-right: none; }
1474#header #citations dd p { text-align:right; }
1475#header #logo { clear: left; float: left; height: 50px; }
1476#header #logo a { position: relative; display: inline-block; }
1477#header #logo span { position: relative; display: inline-block; -webkit-transition-duration: 0.3s;
1478        transition-duration: 0.3s;
1479        -webkit-transition-property: transform;
1480        transition-property: transform;
1481}
1482#header #logo a:before {
1483        pointer-events: none;
1484        position: absolute;
1485        content: '';
1486        bottom: -10px;
1487        left: 5%;
1488        height: 10px;
1489        width: 90%;
1490        filter: alpha(opacity=0);
1491        opacity: 0;
1492        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
1493        background: -webkit-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
1494        background: -moz-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
1495        background: -o-radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%);
1496        -o-transition-duration: 0.3s;
1497        -ms-transition-duration: 0.3s;
1498        -webkit-transition-duration: 0.3s;
1499        transition-duration: 0.3s;
1500        -o-transition-property: transform, opacity;
1501        -ms-transition-property: transform, opacity;
1502        -webkit-transition-property: transform, opacity;
1503        transition-property: transform, opacity;
1504}
1505#header #logo a:hover:before,
1506#header #logo a:focus:before,
1507#header #logo a:active:before {
1508        filter: alpha(opacity=100);
1509        opacity: 1;
1510}
1511#header #logo a:hover, #header #logo a:focus, #header #logo a:active { background-color: transparent !important; }
1512#header #logo a:hover span,
1513#header #logo a:focus span,
1514#header #logo a:active span {
1515        -o-transform: translateY(-10px);
1516        -ms-transform: translateY(-10px);
1517        -webkit-transform: translateY(-10px);
1518        transform: translateY(-10px);
1519}
1520
1521/* xiti et compteurs */
1522#xiti { position: absolute; bottom: 10px; left: 18px; z-index: -1; }
1523#compteurs { padding: 0; margin: 20px 5px 10px; background-color: #fc0; color: #f60; text-align: center; text-decoration: none; }
1524#compteurs a { display: block; padding-top: 5px; padding-bottom: 5px; text-align: center; }
1525
1526/* lettre d'info */
1527#lettre h2 { padding: 10px 1px 0; padding-right:1px; padding-left:10px; margin: 0; }
1528#lettre img { border: none; padding: 0 0.5em 0; }
1529
1530/* Bouton texte, pour permettre a direction_css de fonctionner */
1531.boutonstexte { float: none; display: block; position: absolute; right: 0; text-align: right; z-index: 1; }
1532.boutonstexte a { display: inline-block; padding: 4px; height: 40px; width: 40px; position: initial; top: initial; text-align: center; }
1533.boutonstexte a:hover { background-color: #333; }
1534.boutonstexte img { padding: 0; }
1535
1536/* Newsletter */
1537#inscriptionlettre h2 { font-size:1em; margin: 0; padding-bottom: 4px; background-color: transparent; }
1538#inscriptionlettre ul { margin: 0; padding:0; }
1539#sub_email, #lst_ids { width: 97%; }
1540#inscriptionlettre p.boutons { margin:0; padding-top:8px; text-align:right;}
1541#navigation .formulaire_newsletter_subscribe input.submit { display: inline-block; white-space: normal; width: 100%; }
1542#navigation .formulaire_spip .editer label,
1543#navigation .formulaire_spip .editer.gauche label {
1544        width: auto;
1545        float:none;
1546        margin-left:0;
1547}
1548
1549.formulaire_participer_evenement fieldset { border: none; font-size: 1.5em;}
1550
1551#content .socialtags { clear: left; height: 18px; text-align: right; }
1552#content .socialtags img { padding:0; }
1553
1554/* **************** BLOCK SKINS ***************** */
1555/* ====== Contour blocks ====== */
1556/* remove *background-image:" to default to square corners for IE */
1557/* ----- simple (extends box) ----- */
1558.simple .inner {border:1px solid #dddddd;background-color:#fcfcfc;}
1559.simple .inner .hd {}
1560.simple b{}
1561/* ----- info (extends box) ----- */
1562.info .inner {border:2px solid #46839B;}
1563.info .inner .hd {}
1564.info b{}
1565/* ----- note (extends box) ----- */
1566.note,.note .inner{border:1px solid #c2c2c2;}
1567.note .inner{border-color:#fff; border-width:4px; background-color:#f0f0f0;}
1568.note .inner .hd {}
1569
1570/* ----- important (extends box) ----- */
1571.important .inner{border: 3px solid #00477a; border-bottom-width:10px;}
1572.important b{}
1573
1574/* ----- basic (extends box) ----- */
1575.basic {overflow: hidden;}
1576.basic .inner {padding-bottom: 1px;margin-bottom: -1px;}
1577.basic .inner .hd {}
1578.basic b{}
1579
1580/* ----- basic (extends box) ----- */
1581.basic {overflow: hidden;}
1582.basic .inner {padding-bottom: 1px;margin-bottom: -1px;}
1583.basic .inner .hd {}
1584.basic b{}
1585
1586/* ----- error, success, notice (extends box) ----- */
1587.error .inner,.success .inner,.notice .inner{border:2px solid;font-weight: normal;color:#333;padding-left:40px;min-height:24px;background-repeat:no-repeat;background-position: 5px 5px;}
1588.success .inner{color: #264409;border-color: #C6D880;background-color:#E6EFC2;background-image:url(#CHEMIN{img_pack/box/message_ok-24.png});}
1589.error .inner{color: #8A1F11;border-color: #FBC2C4;background-color:#FBE3E4;background-image:url(#CHEMIN{img_pack/box/message_erreur-24.png});}
1590.notice .inner{color: #514721;border-color: #FFD324;background-color:#FFF6BF;background-image:url(#CHEMIN{img_pack/box/message_notice-24.png});}
1591
1592/* ====== Background blocks ====== */
1593.highlight .inner{background-color:#e3e36f;}
1594.inverse .inner{background-color:#333333;color:#ffffff}
1595
1596/* ====== Block headers and footers ====== */
1597/*
1598.section{background: #e9e9e9; color:#70617E;font-size:120%;padding:5px 10px;}
1599.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-size:100%;color:#70617E;padding:0;}
1600
1601.bam{background: #46839B;color: #fff;font-size:120%;padding:5px 10px;}
1602.bam h1,.bam h2,.bam h3,.bam h4,.bam h5,.bam h6{font-size:100%;color:#fff;padding:0;}
1603.topper{background: #fff;color: #4D4D4D;font-size:120%;padding:5px 10px;border:1px solid #eee;}
1604.topper h1,.topper h2,.topper h3,.topper h4,.topper h5,.topper h6{font-size:100%;color:#4D4D4D;padding:0;}
1605
1606.act{background-color:#e9e9e9;}
1607*/
1608
1609.hd {
1610    padding: 0;
1611}
1612#sommaire_mode_international .bam.h1{ padding:2px 1em; border-bottom: 2px solid [(#GET{c_titraille_ssniveaux_bk})]; font-weight: bold; font-size:1.2em; }
1613#sommaire_mode_international .archives{ padding:2px 1em; text-align:right }
1614
1615.troistiers { float:left; padding:0 #GET{margescolonnes}px; width:#GET{Largeurcontent_central}px; height:650px; }
1616.troistiers .bd { overflow-y:auto; }
1617.hauteur1 { margin-bottom:10px; height: 400px; }
1618.hauteur1 .bd { height: 350px; }
1619.hauteur2 { height: 240px; }
1620.hauteur2 .bd { height: 190px; }
1621.hauteur3 { margin-bottom:10px; height: [(#GET{HauteurArretSurImg}|plus{35})]px; }
1622.hauteur3 .bd { height: [(#GET{HauteurArretSurImg})]px; }
1623.hauteur4 { margin-bottom:10px; height: 85px; }
1624.hauteur4 .bd { height: 70px; overflow-y:hidden; }
1625.hauteur5 { margin-bottom:10px; height: 650px; }
1626.hauteur5 .bd { height: 600px; }
1627
1628/* ====== Horloge Flash ====== */
1629.horlogeflash { float:left; font-size:.7em; font-weight:bold; text-align:center; }
1630
1631/* Mode International */
1632#sommaire_mode_international #agenda h2, #sommaire_mode_international .rightmenu, #sommaire_mode_international .retourtop { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
1633#sommaire_mode_international #content #agenda td, th { padding: 0; }
1634#sommaire_mode_international #content #agenda table, #sommaire_mode_international #agenda table.spip { width: 50%; }
1635#sommaire_mode_international .miniagenda table.agenda { float:left; }
1636#sommaire_mode_international .outerinternational, .tickercontainer { margin:0 auto; width: [(#GET{largeurtotale})]px }
1637.tickercontainer .mask { width: [(#GET{largeurtotale}|moins{20})]px }
1638ul.newsticker { width: [(#GET{largeurtotale}|plus{12})]px }
1639
1640
1641/*************** ARRET SUR IMAGE */
1642#image .bd { padding: 0; }
1643#arretSurImg { background-color: #000; color:#fff; position: relative; width: #GET{LargeurArretSurImg}px; height: #GET{HauteurArretSurImg}px; }
1644  #arretSurImg2 { margin-top: 15px; background-color: #000; color:#fff; position: relative; width: 120px; height: 120px; }
1645#arretSurImg ul, #arretSurImg li, #arretSurImg ul ul, #arretSurImg li li, #arretSurImg2 ul, #arretSurImg2 li, #arretSurImg2 ul ul, #arretSurImg2 li li { padding-left: 0 !important; }
1646#arretSurImg img { padding: 0 !important; width: #GET{LargeurArretSurImg}px; height: #GET{HauteurArretSurImg}px; }
1647   #arretSurImg2 img { padding: 0 !important; width: 120px; height: 120px; }
1648#arretSurImg h2, #arretSurImg2 h2 { border: none !important; clear: none !important; padding: 0 !important; margin: 0 !important; }
1649#arretSurImg h2 a:link, #arretSurImg h2 a:visited, #arretSurImg h2 a:focus, #arretSurImg h2 a:hover, #arretSurImg2 h2 a:link, #arretSurImg2 h2 a:visited, #arretSurImg2 h2 a:focus, #arretSurImg2 h2 a:hover { display: block; color: #FFFFFF; text-decoration: none; padding: 4px; }
1650#arretSurImg .archives, #arretSurImg2 .archives { position: absolute; z-index: 1; bottom: 0; right: 0; }
1651#arretSurImg .mainCarousels, #arretSurImg2 .mainCarousels2 { position: absolute; z-index: 1; bottom: 0; left: 0; margin: 0; }
1652#arretSurImg li.mainCarousel, #arretSurImg2 li.mainCarousel2 { float :left; margin: 0 0 0 10px; background-color: #292929; }
1653#arretSurImg .mainCarousels li.active, #arretSurImg .mainCarousels li.hover, #arretSurImg2 .mainCarousels2 li.active, #arretSurImg2 .mainCarousels2 li.hover { background-color: #1666A8; }
1654#arretSurImg .smallCarousels { position: absolute; z-index: 0; top: 0; left: 0; width: #GET{LargeurArretSurImg}px; height: #GET{HauteurArretSurImg}px; margin: 0; }
1655  #arretSurImg2 .smallCarousels2 { position: absolute; z-index: 0; top: 0; left: 0; width: 120px; height: 120px; margin: 0; }
1656#arretSurImg li.smallCarousel { display: block; position: absolute; z-index: 0; top: 0; left: 0; overflow: hidden; width: #GET{LargeurArretSurImg}px; height: #GET{HauteurArretSurImg}px; text-align: center; }
1657  #arretSurImg2 li.smallCarousel2 { display: block; position: absolute; z-index: 0; top: 0; left: 0; overflow: hidden; width: 120px; height: 120px; text-align: center; }
1658#arretSurImg .smallCarousel li { width: #GET{LargeurArretSurImg}px; height: #GET{HauteurArretSurImg}px; }
1659  #arretSurImg2 .smallCarousel2 li { width: 120px; height: 120px; }
1660#arretSurImg .diapoControls, #arretSurImg2 .diapoControls2 { position: absolute; top: 200px; right: 30px; z-index: 1; }
1661.hasJS #arretSurImg .diapoNext, .hasJS #arretSurImg .diapoPrev, .hasJS #arretSurImg2 .diapoNext, .hasJS #arretSurImg2 .diapoPrev { display: block; float: left; width: 36px; height: 65px; background: transparent url(#CHEMIN{images/diapo_prev.png}) top left no-repeat; cursor: pointer; }
1662.hasJS #arretSurImg .diapoNext, .hasJS #arretSurImg2 .diapoNext { margin-left: 35px; background-image: url(#CHEMIN{images/diapo_next.png}); }
1663#arretSurImg .highlight_anchor, #arretSurImg2 .highlight_anchor { background: none; border: none; padding: 0; }
1664.hasJS #arretSurImg .smallCarousels, .hasJS #arretSurImg2 .smallCarousels2 { overflow: hidden; }
1665#arretSurImg .archives, #arretSurImg2 .archives { background-color: #292929; }
1666#arretSurImg .archives a, #arretSurImg2 .archives a { color: #fff; }
1667#arretSurImg li.smallCarousel a span, #arretSurImg2 li.smallCarousel2 a span { color: #fff; display: block; font-size: 1.5em; margin: 1.5em 1em; }
1668
1669*:first-child+html .hasJS #arretSurImg .smallCarousels, *:first-child+html .hasJS #arretSurImg2 .smallCarousels2 { overflow: visible; }
1670
1671/*************** multicolonnes */
1672#troiscolonnes div.innermulticolonnes { float: left; margin-right: 1%; width: 32%; }
1673
1674/*************** SuperFish */
1675.sf-sub-indicator {
1676        background:             url('#CHEMIN{images/arrows-ffffff.png}') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
1677}
1678
1679
1680/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
1681.sf-vertical, .sf-vertical li {
1682        width:  #GET{LargeurMenuGauche}px !important; clear: left;
1683}
1684/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
1685.sf-vertical li:hover ul,
1686.sf-vertical li.sfHover ul {
1687        left:   #GET{LargeurMenuGauche}px !important; /* match ul width */
1688        top:    -1px !important;
1689}
1690
1691/*** alter arrow directions ***/
1692.sf-vertical .sf-sub-indicator { background-position: -10px 0 !important; } /* IE6 gets solid image only */
1693.sf-vertical a > .sf-sub-indicator { background-position: 0 0 !important; } /* use translucent arrow for modern browsers*/
1694
1695/* hover arrow direction for modern browsers*/
1696.sf-vertical a:focus > .sf-sub-indicator,
1697.sf-vertical a:hover > .sf-sub-indicator,
1698.sf-vertical a:active > .sf-sub-indicator,
1699.sf-vertical li:hover > a > .sf-sub-indicator,
1700.sf-vertical li.sfHover > a > .sf-sub-indicator {
1701        background-position: -10px 0 !important; /* arrow hovers for modern browsers*/
1702}
1703
1704/*************** MAGAZINES */
1705#content dl.magazines { border: 1px solid[ #(#GET{c_titraille_bk}|couleur_inverserluminosite{10})]; background-color: transparent; width: 160px; text-align: center; padding: 10px; float: left; margin-right: 1em; }
1706#content .magazines dt { font-weight: bold; background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{10})]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{20,true})]; padding: 4px;}
1707#content .magazines dd img { background-color: #GET{c_container_bk}; margin:0; padding:8px 0; }
1708#content .magazines dd { margin: 0; padding: 0; }
1709
1710/*************** PORTAIL MAIRIE */
1711#SET{Largeurmairie_central,(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|moins{48})}
1712#SET{Largeurmairie_video,(#GET{Largeurmairie_central}|div{3})}
1713#SET{Largeurmairie_edito,(#GET{Largeurmairie_central}|moins{#GET{Largeurmairie_video}}|moins{24})}
1714
1715#sommaire_mode_mairie #content { width: 100%; }
1716#mairie_content_left { width: #GET{LargeurMenuGauche}px; float:left; }
1717#mairie_content_left select { width: [(#GET{LargeurMenuGauche}|moins{30})]px; }
1718#mairie_content_left img, #mairie_content_extra img { padding:0; }
1719#mairie_content_central { width: [(#GET{Largeurmairie_central})]px; margin-left: 24px; margin-right: 24px; float:left; }
1720#sommaire_mode_mairie .Edito { width: #GET{Largeurmairie_edito}px; float:left; }
1721#sommaire_mode_mairie .VideoALaUne { width: #GET{Largeurmairie_video}px; float:left; margin-left:24px;}
1722#sommaire_mode_mairie .miniagenda table.agenda { width: 134px; }
1723#sommaire_mode_mairie .logo_actualite  { float:left; padding-left: 0; }
1724#sommaire_mode_mairie #homequoideneuf ul, #sommaire_mode_mairie #mairie_content_left ul, #sommaire_mode_mairie #mairie_content_extra ul { list-style:none; padding:0;}
1725#sommaire_mode_mairie #homequoideneuf li { margin: 4px 0; paddind-left: 56px; min-height: 56px; }
1726#sommaire_mode_mairie #homequoideneuf img { padding: 4px; }
1727#sommaire_mode_mairie .datepublication { margin-right: 0;}
1728#sommaire_mode_mairie #content .socialtags { float:left; position: relative; text-align: left; top: 18px;}
1729#mairie_content_extra { width: #GET{LargeurMenuDroit}px; float:left; }
1730#sommaire_mode_mairie .dessousbreves { float:left; width:[(#GET{Largeurmairie_central}|mult{2}|div{6}|moins{16})]px;padding: 0 8px;}
1731#sommaire_mode_mairie .dessousbreves.oddbreves {clear:left;}
1732#sommaire_mode_mairie #homecadre_outils { clear:both; }
1733#sommaire_mode_mairie #homecadre_outils li { display: inline; float:left; text-align:center; }
1734#sommaire_mode_mairie .goody { clear: left;  height: 48px; }
1735#sommaire_mode_mairie #content img.logo_goody { float:left; padding:0 1em 0 0; }
1736
1737#content .VideoALaUne img { padding-right: 20px; max-width:  #GET{largeurMenu}px; }
1738
1739/*************** Player Multimedia */
1740.spip_documents_player { clear: both; margin: 0.5em 0 0; padding: 0; width: 100%; }
1741.spip_documents_player .spip_doc_titre { float: left; padding-right: 10px; text-align: right; width: [(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}}|moins{#GET{LargeurMenuDroit}}|moins{270})]px !important; }
1742.spip_documents_player .spip_doc_descriptif { clear: none; float: left; text-align: left; }
1743
1744/*************** Liste de lecture */
1745#contenu .radiobox { width: #CONFIG{soyezcreateurs_layout/maxlargeurimage,720}px; }
1746#contenu #scroller_container, #contenu div#now_playing { width: [(#CONFIG{soyezcreateurs_layout/maxlargeurimage,720}|moins{80})]px; line-height: 13px; }
1747#content .radiobox img { padding: 0; }
1748#content ul.playliste { font-size: 1.2em; }
1749
1750/*************** LOCUTIONS ETRANGERES */
1751div [lang], span [lang] { font-style: italic; }
1752
1753/*************** RUBRIQUES AUTOMATIQUES, SITES */
1754#content .listesites img.logo_site { float:left; padding:0; margin-left: -[(#GET{LargeurContaineur}|div{6}|intval|min{#CONFIG{soyezcreateurs_layout/largeurlogolistessites,48}}|plus{8})]px; }
1755#content .listesites img.rss_site { padding:0 0 0 1em; vertical-align: middle; clear: right; float: right}
1756#content .listesitesssrub li { clear: left; list-style-image: url([(#CHEMIN{images/menu_plus.gif}|embarque_fichier)]); padding-bottom: 1em; }
1757#content .listesitesssrub li ul { padding-top: 1em; }
1758#content .listesites li { clear: left; list-style: none; margin-bottom: 2em; }
1759#content .listesites li div { margin-left: [(#GET{LargeurContaineur}|div{6}|intval|min{#CONFIG{soyezcreateurs_layout/largeurlogolistessites,48}})]px; padding-left: 8px; }
1760#content .listesites li p { margin-top: 0.5em; }
1761#content .listesites a.spip_out:hover { opacity: 1; }
1762.listesitesssrub { padding-left: 2em; }
1763
1764#mobile-header { display: none; position: fixed; top: 0; }
1765
1766/************* Plan du site + Antichrono */
1767#antichrono #content ul.spip li, #plan #content ul.spip li {
1768        background-position: 0.35em 0.5em;
1769}
1770
1771#antichrono #content ul.spip li.iconsousrubrique, #plan #content ul.spip li.iconsousrubrique {
1772[       background-image: url((#CHEMIN{images/menu_plus.gif}|image_reduire{16,16}|extraire_attribut{src}));]
1773        background-position: 0.2em 0.2em;
1774}
1775
1776#antichrono #content ul.spip li.iconsites, #plan #content ul.spip li.iconsites {
1777[       background-image: url((#CHEMIN{images/sites_default.png}|image_reduire{16,16}|extraire_attribut{src}));]
1778        background-position: center left;
1779}
1780
1781#antichrono #content ul.spip li.iconbreves, #plan #content ul.spip li.iconbreves {
1782[       background-image: url((#CHEMIN{images/actualites.png}|image_reduire{16,16}|extraire_attribut{src}));]
1783        background-position: center left;
1784}
1785
1786/************* Mini plan du site */
1787#miniplan {
1788  margin-bottom: 1.5em;
1789  padding: 1em;
1790}
1791#miniplan .flexbox-wrap-space-around {
1792  display: flex;
1793  flex-wrap: wrap;
1794  justify-content: space-around;
1795}
1796#miniplan .avec-padding-bottom {
1797  padding-bottom: 1em!important;
1798}
1799#miniplan .avec-margin-bottom {
1800  margin-bottom: 1.5em!important;
1801}
1802#miniplan .menu {
1803  margin: 0;
1804  list-style-type: none;
1805}
1806#miniplan .menu > li {
1807  display: table-cell;
1808  vertical-align: middle;
1809}
1810#miniplan .vertical > li {
1811  display: block;
1812  vertical-align: middle;
1813}
1814
1815/* Pour les mobiles, inspiré de http://www.alsacreations.com/astuce/lire/1177 */
1816@media (max-width: [(#GET{LargeurContaineur})]px) {
1817
1818 /* passer tous les éléments de largeur fixe en largeur automatique */
1819 body, #container, #shadow, #content {
1820   width: 100% !important;
1821   margin: auto !important;
1822   padding: 0 !important;
1823 }
1824 #menu {
1825   width: auto !important;
1826 }
1827/* #header { background-image: none !important; min-height: inherit !important; } */
1828#mobile-header { background-color: #333333; display: block; height: 32px; width: 32px; z-index: 1000; }
1829#responsive-menu-button { background: url("[(#CHEMIN{images/nav-icon.svg}|embarque_fichier)]") no-repeat scroll center center transparent; display: block; height: 32px; width: 32px; }
1830#responsive-menu-button span { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
1831
1832 /* Afficher les liens d'évitement */
1833 /* .hasJS .escapelinks { position:relative !important; overflow:auto !important; top:auto !important; left:auto !important; height:auto !important; width:auto !important; } */
1834
1835 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
1836 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
1837   max-width: 100% !important;
1838 }
1839
1840 /* gestion des mots longs */
1841 textarea, table, td, th, code, pre, samp {
1842   word-wrap: break-word; /* césure forcée */
1843 }
1844 code, pre, samp {
1845   white-space: pre-line; /* passage à la ligne spécifique pour les éléments à châsse fixe */
1846 }
1847
1848 #navigation, #extra, #content {
1849   height: auto !important;
1850 }
1851
1852 #navigation, #extra {
1853   width: 50% !important;
1854   margin: auto !important;
1855   padding: 0 !important;
1856 }
1857 #mairie_content_left, #mairie_content_extra {
1858   width: 100%;
1859   margin: auto !important;
1860   padding: 0 !important;
1861 }
1862 #mairie_content_central {
1863        width: 100%;
1864        margin:0;
1865 }
1866
1867 /* masquer les éléments superflus */
1868 .hide_mobile {
1869   display: none !important;
1870 }
1871  #sommaire_mode_mairie .dessousbreves {
1872        width: 31%;
1873        padding:0 1%;
1874 }
1875 #sommaire_mode_mairie #content .socialtags {
1876        top:0;
1877 }
1878 .encart a, .encart img {
1879        width: 100%!important;
1880        height: auto!important;
1881 }
1882 .vertical .encart-label {
1883    border-radius: 6px 6px 0 0;
1884    display: inherit;
1885    transform: inherit;
1886    position: inherit;
1887 }
1888 .rainette_previsions_24h {
1889        width:31%;
1890 }
1891 #cef-root, #cef_navigation { display:none !important }
1892}
1893@media (max-width: 640px) {
1894
1895#spip-admin { top: 0; }
1896
1897 /* passer tous les éléments de largeur fixe en largeur automatique */
1898 #artrecents {
1899   width: auto !important;
1900   margin: auto !important;
1901   padding: 0 !important;
1902   display: block;
1903   max-height: inherit;
1904 }
1905
1906 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
1907 #wrapper, #content, #navigation, #navHaute, #extra, #artrecents, #escapelinks  {
1908   float: none !important;
1909   width: 100% !important
1910 }
1911#escapelinks { margin: 0 0 1em; color: #000; background-color: rgba(255, 255, 255, 0.8); }
1912#escapelinks li { background: transparent; }
1913#escapelinks li, #navHaute li { display: block; text-align: center; }
1914#escapelinks li a,#navHaute li a { display: block; padding: .6em 0; font-size: 1.2em; }
1915
1916 #header #logo {
1917        height: auto;
1918        left: 0;
1919        top: 0;
1920        max-width: 100vw;
1921        box-sizing: border-box;
1922 }
1923 #header h1 {
1924    clear: both; float: none; margin: 0;
1925 }
1926 
1927 #cadre_outils { clear: both; }
1928 #cadre_outils ul { float: none; padding: 0 1em; width: inherit; }
1929 
1930 #header #citations { width: inherit; }
1931
1932 #menufooter {
1933        padding-left: 0;
1934        text-align: center;
1935 }
1936 #menufooter ul li, #menufooter ul li a {
1937        display: block;
1938 }
1939 #menufooter ul li {
1940        padding: 0 24px 4px 24px;
1941 }
1942 #menufooter ul li a {
1943        margin-right: 0;
1944        padding: 4px 1em;
1945        text-align: center;
1946 }
1947 .menu_haut_logo {
1948        vertical-align: middle;
1949 }
1950 .modeactualites #col1, .modeactualites #col2 {
1951        float:none;
1952        margin-left:0;
1953        width:100%;
1954 }
1955 #sommaire_mode_mairie .dessousbreves {
1956        width: 100%;
1957        float: none;
1958 }
1959 body {
1960    margin-top: 0 !important;
1961 }
1962 .columns2 { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;  }
1963 .rainette_previsions_24h {
1964        width:47%;
1965        margin: .4em 1% 2em 1%;
1966 }
1967}
1968
1969@media screen and (max-width:640px) and (orientation: landscape) {
1970  body {
1971   -webkit-text-size-adjust: 70%;
1972  }
1973}
1974
1975/* Mode d'affichage Cognac, éléments communs à toutes les pages */
1976.portailcognac body {
1977  font-size: 1rem;
1978  line-height: 1.75em;
1979}
1980@media screen and (max-width: 70em) {
1981  .portailcognac body {
1982    font-size: 0.89473685rem;
1983  }
1984}
1985.portailcognac #mobile-header {
1986    position: absolute;
1987    top: 18px;
1988    z-index: initial;
1989}
1990.portailcognac #header #logo a:hover,
1991.portailcognac #header #logo a:focus,
1992.portailcognac #header #logo a:active {
1993  background-color: transparent;
1994  display: inline-block;
1995  border: none;
1996}
1997.portailcognac #header .searchfrm label {
1998  overflow: hidden;
1999  position: relative;
2000  top: auto;
2001  left: auto;
2002  height: auto;
2003  width: auto;
2004}
2005
2006.portailcognac [type="text"],
2007.portailcognac [type="password"],
2008.portailcognac [type="date"],
2009.portailcognac [type="datetime"],
2010.portailcognac [type="datetime-local"],
2011.portailcognac [type="month"],
2012.portailcognac [type="week"],
2013.portailcognac [type="email"],
2014.portailcognac [type="number"],
2015.portailcognac [type="search"],
2016.portailcognac [type="tel"],
2017.portailcognac [type="time"],
2018.portailcognac [type="url"],
2019.portailcognac [type="color"],
2020.portailcognac textarea {
2021  box-shadow: none;
2022}
2023
2024.portailcognac body {
2025  background-color: #GET{c_container_bk};
2026  font-family: 'Open Sans', sans-serif;
2027  font-size: 1em;
2028  color: #GET{c_container};
2029  line-height: 1.75em;
2030}
2031@media screen and (max-width: 80em) {
2032  .portailcognac body {
2033    font-size: 1.0625rem;
2034  }
2035}
2036@media screen and (max-width: 64em) {
2037  .portailcognac body {
2038    font-size: 1rem;
2039  }
2040}
2041a[href]:hover,
2042a[href]:focus {
2043  -webkit-transition: all .3s ease;
2044  transition: all .3s ease;
2045}
2046.portailcognac a[href]:hover,
2047.portailcognac a[href]:focus {
2048  color: #GET{c_container};
2049  text-decoration: none;
2050}
2051.portailcognac a[href]:focus {
2052  background-color: #ddd;
2053}
2054.portailcognac #spip-admin a[href]:hover {
2055  color: white!important;
2056}
2057
2058.portailcognac .spip-admin-float {
2059  top: 104px;
2060  right: 0px;
2061}
2062
2063.portailcognac #header #logo a:hover,
2064.portailcognac #header #logo a:focus,
2065.portailcognac #header #logo a:active {
2066  background-color: transparent;
2067  display: inline-block;
2068  border: none;
2069}
2070
2071.text-center {
2072  text-align: center;
2073}
2074.text-right {
2075  text-align: right;
2076}
2077.text-left {
2078  text-align: left;
2079}
2080.flexbox-flex {
2081  display: flex;
2082  align-items: unset;
2083}
2084.flexbox-center-center {
2085  display: flex;
2086  align-items: center;
2087  justify-content: center;
2088  flex-wrap: wrap;
2089}
2090.flexbox-center-top {
2091  display: flex;
2092  align-items: stretch;
2093  justify-content: center;
2094  flex-wrap: wrap;
2095}
2096.flexbox--center {
2097  display: flex;
2098  align-items: center;
2099}
2100.flexbox-flex-row-reverse {
2101  display: flex;
2102  flex-direction: row-reverse;
2103}
2104.flex-nowrap {
2105  flex-wrap: nowrap;
2106}
2107.flexbox-wrap-space-between {
2108  display: flex;
2109  flex-wrap: wrap;
2110  align-content: space-between;
2111}
2112.flexbox-wrap-space-around {
2113  display: flex;
2114  flex-wrap: wrap;
2115  justify-content: space-around;
2116}
2117.flexbox-center-space-between {
2118  display: flex;
2119  align-items: center;
2120  justify-content: space-between;
2121}
2122.flexbox-start-space-between {
2123  display: flex;
2124  align-items: flex-start;
2125  justify-content: space-between;
2126}
2127@media screen and (max-width: 47.9375em) {
2128  .flex-nowrap {
2129    flex-wrap: wrap;
2130  }
2131}
2132.flexbox-stretch {
2133  display: flex;
2134  align-items: stretch;
2135}
2136@media screen and (max-width: 40em) {
2137  .flexbox-stretch {
2138    display: block;
2139  }
2140}
2141.portailcognac .label-input {
2142  font-size: 1.25rem;
2143  font-weight: 300;
2144}
2145.sans-border {
2146  border: 0;
2147}
2148.avec-border {
2149  border: 1px solid #be1621 ;
2150}
2151.avec-border-top {
2152  border-top: 1px solid #be1621 ;
2153}
2154.avec-border-bottom {
2155  border-bottom: 1px solid #be1621 ;
2156}
2157.avec-border-left {
2158  border-left: 1px solid #be1621 ;
2159}
2160.sans-margin {
2161  margin: 0;
2162}
2163.avec-margin {
2164  margin: 1.5em;
2165}
2166.avec-margin-top {
2167  margin-top: 1.5em;
2168}
2169.avec-margin-right {
2170  margin-right: 1.5em;
2171}
2172.avec-margin-bottom {
2173  margin-bottom: 1.5em;
2174}
2175.avec-margin-bottom05 {
2176  margin-bottom: .5em;
2177}
2178.avec-margin-bottom015 {
2179  margin-bottom: .15em;
2180}
2181.avec-margin-left {
2182  margin-left: 1.5em;
2183}
2184@media screen and (min-width: 40em) {
2185  .avec-margin-bottom-for-medium {
2186    margin-bottom: 1.5em;
2187  }
2188}
2189.sans-padding {
2190  padding: 0;
2191}
2192@media screen and (max-width: 40em) {
2193  .sans-padding-for-small {
2194    padding: 0;
2195  }
2196}
2197.avec-padding {
2198  padding: 1em;
2199}
2200.avec-padding05 {
2201  padding: .5em;
2202}
2203.avec-padding-top {
2204  padding-top: 1em;
2205}
2206.avec-padding-top05 {
2207  padding-top: .5em;
2208}
2209.avec-padding-top15 {
2210  padding-top: 1.5em;
2211}
2212.avec-padding-right {
2213  padding-right: 1em;
2214}
2215.avec-padding-right05 {
2216  padding-right: .5em;
2217}
2218.avec-padding-bottom {
2219  padding-bottom: 1em;
2220}
2221.avec-padding-left {
2222  padding-left: 1em;
2223}
2224.avec-padding-leftright {
2225  display: block;
2226  padding-right: 1em;
2227  padding-left: 1em;
2228}
2229.display-block {
2230  display: block;
2231}
2232.text-transform-none {
2233  text-transform: none;
2234}
2235.text-uppercase {
2236  text-transform: uppercase;
2237}
2238.font-style-italic {
2239  font-style: italic;
2240}
2241.position-relative {
2242  position: relative;
2243}
2244.float-left {
2245  float: left ;
2246}
2247.float-right {
2248  float: right ;
2249}
2250.float-center {
2251  display: table;
2252  margin-right: auto ;
2253  margin-left: auto ;
2254}
2255.z-index-999 {
2256  z-index: 999;
2257}
2258.cursor-pointer {
2259  cursor: pointer;
2260}
2261
2262
2263
2264
2265
2266.portailcognac #header .searchfrm label {
2267  overflow: hidden;
2268  position: relative;
2269  top: auto;
2270  left: auto;
2271  height: auto;
2272  width: auto;
2273}
2274.portailcognac #contenu h1,
2275.portailcognac #content h2,
2276.portailcognac #content h3,
2277.portailcognac #content h4,
2278.portailcognac #content h5,
2279.portailcognac #content h6 {
2280  margin: 0;
2281  font-weight: 400;
2282  border-width: 0;
2283}
2284.portailcognac p,
2285.portailcognac ul,
2286.portailcognac ol,
2287.portailcognac dl {
2288  font-weight: 300;
2289}
2290.portailcognac p {
2291  margin-bottom: 1rem;
2292  font-size: inherit;
2293  line-height: 1.6;
2294  text-rendering: optimizeLegibility;
2295}
2296.portailcognac a {
2297  text-decoration: none;
2298  font-weight: 300;
2299}
2300a,
2301li,
2302button {
2303  -webkit-transition: all .3s ease;
2304  transition: all .3s ease;
2305}
2306.portailcognac img {
2307  display: inline-block;
2308  vertical-align: middle;
2309  max-width: 100%;
2310  height: auto;
2311  -ms-interpolation-mode: bicubic;
2312}
2313.portailcognac select {
2314  cursor: pointer;
2315}
2316.portailcognac .spip_logo {
2317  max-width: 100%;
2318}
2319.portailcognac .ariaformprop {
2320  padding: 0;
2321  margin: 0;
2322  position: relative;
2323  z-index: 99;
2324  background-color: white;
2325  font-size: 80%;
2326}
2327.portailcognac .erreur_message {
2328  padding: 0 1em;
2329  text-align: left;
2330  display: inline-block;
2331  line-height: 1.1;
2332}
2333.portailcognac .reponse_formulaire {
2334  margin-bottom: .1em;
2335}
2336.portailcognac .ajaxbloc {
2337  height: 100%;
2338}
2339.row {
2340  margin-right: auto;
2341  margin-left: auto;
2342  max-width: #GET{LargeurContaineur}px;
2343}
2344.button,
2345button {
2346  padding: .55rem 1.5rem .625rem;
2347  font-size: 1.2em;
2348  border: 1px solid transparent;
2349  border-radius: 4px;
2350}
2351.button:hover,
2352.button:focus,
2353a.button:hover,
2354a.button:focus,
2355#footer a.button:hover,
2356#footer a.button:focus,
2357button:hover,
2358button:focus {
2359  background-color: white;
2360  border: 1px solid #GET{c_triadea};
2361  color: #333;
2362}
2363.triadeA:hover,
2364.triadeA:focus,
2365a.triadeA:hover,
2366a.triadeA:focus,
2367#footer a.triadeA:hover,
2368#footer a.triadeA:focus {
2369  background-color: [(#GET{c_triadea}|couleur_extreme|=={000000}|?{#000000,#FFFFFF})];
2370  border: 1px solid #GET{c_triadea};
2371  color: [(#GET{c_triadea}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
2372}
2373.triadeB:hover,
2374.triadeB:focus,
2375a.triadeB:hover,
2376a.triadeB:focus,
2377#footer a.triadeB:hover,
2378#footer a.triadeB:focus {
2379  background-color: [(#GET{c_triadeb}|couleur_extreme|=={000000}|?{#000000,#FFFFFF})];
2380  border: 1px solid #GET{c_triadeb};
2381  color: [(#GET{c_triadeb}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
2382}
2383.button.triadeC:hover,
2384.button.triadeC:focus,
2385a.button.triadeC:hover,
2386a.button.triadeC:focus,
2387#footer a.button.triadeC:hover,
2388#footer a.button.triadeC:focus {
2389  background-color: [(#GET{c_triadec}|couleur_extreme|=={000000}|?{#000000,#FFFFFF})];
2390  border: 1px solid #GET{c_triadec};
2391  color: [(#GET{c_triadec}|couleur_extreme|=={000000}|?{#FFFFFF,#000000})];
2392}
2393
2394.portailcognac #container {
2395  width: 100%;
2396}
2397.portailcognac #contenu {
2398  max-width: #GET{LargeurContaineur}px;
2399  margin: 0 auto;
2400  position: relative;
2401}
2402@media screen and (max-width: 960px) {
2403  .portailcognac #content {
2404    max-width: 100%;
2405    width: 100%;
2406  }
2407}
2408@media screen and (max-width: 768px) {
2409  .portailcognac #content .cartouche {
2410    margin-top: 1em;
2411  }
2412}
2413
2414.hide {
2415  display: none!important;
2416}
2417.portailcognac #header #logo {
2418  position: relative;
2419  left: auto;
2420  margin: 0 20px;
2421  z-index: 2;
2422}
2423
2424[(#CONFIG{soyezcreateurs/centrerlogo,non}|=={oui}|oui)
2425.portailcognac #header #logo {
2426  position: absolute;
2427  left: calc(50% - [(#LOGO_SITE_SPIP_NORMAL|largeur|div{2})]px);
2428  margin: 0;
2429  z-index: 2;
2430}]
2431.portailcognac #mobile-header {
2432  top: 18px;
2433}
2434.portailcognac #mobile-header #responsive-menu-button {
2435  background: #GET{c_header_bk};
2436  width: 100px;
2437  height: 3.75em;
2438}
2439.portailcognac #mobile-header #responsive-menu-button:before {
2440  display: inline-block;
2441  padding: 7px 30px;
2442  font-family: 'picto-soyezcreateurs' !important;
2443  content: "\2630";
2444  color: #GET{c_header};
2445  font-size: 2.75em;
2446  font-style: normal;
2447  font-weight: 400;
2448  font-variant: normal;
2449  text-transform: none;
2450  line-height: 1;
2451  speak: none;
2452  -webkit-font-smoothing: antialiased;
2453  -moz-osx-font-smoothing: grayscale;
2454}
2455
2456@media screen and (max-width: 670px) {
2457  .portailcognac #mobile-header {
2458    top: 22px;
2459  }
2460  .portailcognac #mobile-header #responsive-menu-button {
2461    width: 70px;
2462    height: 50px;
2463  }
2464  .portailcognac #mobile-header #responsive-menu-button:before {
2465    padding: 7px 10px 7px 15px;
2466    font-size: 2.35em;
2467  }
2468}
2469
2470.portailcognac #menuhaut {
2471  text-align: center;
2472  max-width: 100%;
2473  position: relative;
2474}
2475.portailcognac #menuhaut #menuh {
2476  display: inline-block;
2477  text-align: center;
2478}
2479
2480.portailcognac #menuhaut #menuh a {
2481  padding: calc(.35rem + 3px) 2rem .35rem;
2482  font-size: 27px;
2483  font-weight: 400;
2484  border-bottom: 3px solid transparent;
2485}
2486.portailcognac #menuhaut #menuh strong a,
2487.portailcognac #menuhaut #menuh a:hover {
2488  border-bottom: 3px solid [(#GET{c_header_bk}|couleur_extreme|=={000000}|?{#GET{c_header_bk},#GET{c_header}})];;
2489}
2490.portailcognac #menuhaut #menuh ul li {
2491  line-height: 1em;
2492}
2493.portailcognac #menuhaut #menuh ul a {
2494  margin: 0;
2495  padding: .5em .5em .5em 1.5em;
2496  text-transform: inherit;
2497  font-size: 19px;
2498  font-family: inherit;
2499  font-weight: 300;
2500}
2501.portailcognac #menuhaut #menuh.drop ul {
2502  width: 300px;
2503  box-shadow: -4px 4px 4px rgba(170, 170, 170, 0.3);
2504}
2505.portailcognac #menuhaut #menuh > li:not(:first-child) {
2506  border-left: 1px solid #222;
2507}
2508.portailcognac #menuhaut #menuh .sf-sub-indicator {
2509  display: none;
2510}
2511.portailcognac #menuh li li a {
2512        border-left-color: #FFF;
2513        border-right-color: #FFF;
2514}
2515.portailcognac #menuhaut #menuh li li a {
2516        background-color: #FFF;
2517        color: #333;
2518}
2519
2520
2521[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
2522#header #cadre_outils {
2523  display: flex;
2524  justify-content: flex-end;
2525  align-items: center;
2526  padding: 8px;
2527  z-index: 1;
2528}
2529#header #cadre_outils .icon {
2530  padding-right: 3px;
2531  padding-left: 3px;
2532  font-size: 30px;
2533}
2534#header #cadre_outils ul {
2535  margin: 0;
2536}
2537#header #cadre_outils ul > li {
2538  display: inline-block;
2539  vertical-align: middle;
2540}
2541#header #cadre_outils ul,
2542#header #cadre_outils ul a {
2543  background-color: transparent;
2544  width: auto;
2545}
2546#header #cadre_outils a, #header #cadre_outils strong {
2547  padding: 8px .5vw 8px;
2548  border-bottom: 3px solid transparent;
2549  background-color: transparent;
2550  color: #GET{c_outils};
2551}
2552#header #cadre_outils a:hover, #header #cadre_outils a:focus {
2553  background-color: transparent;
2554  border-bottom: 3px solid #GET{c_outils};
2555}
2556]
2557.portailcognac #content {
2558  padding-left: 1.5rem;
2559  padding-right: 1.5rem;
2560}
2561.portailcognac #content, .portailcognac #navigation {
2562  padding-top: 0.5em;
2563}
2564.portailcognac .boutonstexte,
2565.portailagence .boutonstexte {
2566        right: calc(50% - [(#GET{LargeurContaineur}|div{2})]px);
2567}
2568.portailcognac .boutonstexte a {
2569  height: 38px;
2570  width: 32px;
2571}
2572.portailcognac .boutonstexte a.textsizeup img {
2573  width: 32px;
2574}
2575.portailcognac .boutonstexte a.textsizedown img {
2576  width: 16px;
2577}
2578#miettesdepain ul {
2579  text-align: left;
2580  font-size: 15px;
2581  font-style: normal;
2582  color: #GET{c_fildariane};
2583}
2584
2585#miettesdepain ul li a {
2586  padding-right: 16px;
2587}
2588#miettesdepain ul li:first-child {
2589  display: inline-block;
2590  width: 37px;
2591  height: 23px;
2592}
2593#miettesdepain ul li:first-child a {
2594  position: absolute;
2595  font-size: 0;
2596  line-height: 1.7;
2597  color: #GET{c_fildarianehome};
2598}
2599#miettesdepain ul li:first-child a:before {
2600  font-family: 'picto-soyezcreateurs' !important;
2601  content: "\2302";
2602  font-size: 20px;
2603  vertical-align: middle;
2604  color: #GET{c_fildarianehome};
2605}
2606#miettesdepain ul li:first-child a:hover:before,
2607#miettesdepain ul li:first-child a:focus:before {
2608  color: [#(#GET{c_fildarianehome}|couleur_saturation{1})];
2609}
2610.portailcognac #sommaire {
2611  clear: both!important;
2612  background-color: rgba([(#GET{c_titraille_ssniveaux_bk}|sc_rgb)], 0.1);
2613  margin: 2em 0 1em;
2614  border-bottom: 1px rgba([(#GET{c_titraille_ssniveaux}|sc_rgb)], 0.5);
2615}
2616.portailcognac #sommaire h2 {
2617  background-color: rgba([(#GET{c_titraille_ssniveaux_bk}|sc_rgb)], 0.75);
2618  padding: .5em;
2619  color: white;
2620}
2621.portailcognac #sommaire > ul {
2622  margin-left: 1.5rem;
2623  padding: 1rem;
2624}
2625.portailcognac .cartouche .logo_article,
2626.portailcognac .cartouche .logo_rubrique {
2627  float: right;
2628  padding: 0 0 1rem 2rem;
2629}
2630.portailcognac .cartouche .logo_article.contenthauttitre, .portailcognac .cartouche .logo_article.contentbastitre
2631#content .logo_article.contenthauttitre, #content .logo_article.contentbastitre
2632{ float: none; padding: 0;}
2633.portailcognac .cartouche .titrepage h1 {
2634  padding-left: 0;
2635  font-size: 2.35em;
2636  color: #GET{c_titraille};
2637  line-height: 1;
2638}
2639.portailcognac #letexte {
2640  display: inline;
2641  padding: 0;
2642  font-size: inherit;
2643}
2644.portailcognac #content h2,
2645.portailcognac #content h3 {
2646  padding: 1em 0 .5em;
2647  color: #GET{c_titraille_ssniveaux};
2648  border-bottom: 1px solid rgba([(#GET{c_titraille_ssniveaux_bk}|sc_rgb)], 0.5);
2649}
2650.portailcognac #content #artrecents h2 {
2651        padding: .5em 0;
2652}
2653
2654@media screen and (max-width: #GET{LargeurContaineur}px) {
2655[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
2656  #header #cadre_outils {
2657    margin-top: 0;
2658    position: absolute;
2659    right: 0;
2660    top: 25px;
2661    display: inline-block;
2662    padding-top: 0;
2663    padding-right: 0;
2664        height: auto;
2665        [(#PLUGIN{SIDR}|oui)
2666        margin-left:60px;
2667        ]
2668        [(#PLUGIN{SIDR}|non)
2669        margin-left:0;
2670        ]
2671        padding: 0;
2672  }
2673  #header #cadre_outils ul {
2674    padding-left: 0em;
2675    padding-right: 0em;
2676  }
2677  #header #cadre_outils ul li {
2678    display: inline-block;
2679  }
2680  #header #cadre_outils ul li.last {
2681    display: table-cell;
2682  }
2683]
2684  .portailcognac #header #logo {
2685        position: initial;
2686        margin-top: 4em;
2687        margin-bottom: .5em;
2688        text-align: center;
2689        margin-left:0;
2690        width: 100%;
2691        height: auto;
2692  }
2693  .portailcognac #header #logo img {
2694    display: inline-block;
2695        width:80%;
2696  }
2697  #header_inner {
2698    min-height: auto!important;
2699        margin-top: 0!important;
2700  }
2701  #header:before, #content:before, #content:after { display: none!important; }
2702  #menu .logo_rubrique { width: 100%; }
2703  #content, #navigation, #extra { min-height: auto!important; }
2704  #footer {
2705        background: #GET{c_footer_bk}!important;
2706                min-height: auto!important;
2707                height: auto!important;
2708  }
2709  .portailcognac #letexte {
2710    display: block;
2711    padding: 0 0.75em;
2712  }
2713  .portailcognac .boutonstexte, .portailagence .boutonstexte {
2714    right: 0;
2715  }
2716}
2717#footer #bandeaucontact p {
2718  margin: 0;
2719  padding-left: 1em;
2720  font-size: 19px;
2721  text-align: left;
2722}
2723#footer #bandeaucontact p a {
2724  font-size: 19px;
2725}
2726#footer #bandeaucontact p .icon-envelope {
2727  font-size: 1.75em;
2728  vertical-align: text-bottom;
2729}
2730.portailcognac #footer #footerbas {
2731  margin: 0;
2732  padding: 0;
2733}
2734.portailcognac #footer #footerbas div {
2735  display: block;
2736}
2737
2738.portailcognac #footer p {
2739  font-weight: 300;
2740}
2741.portailcognac #footer #copymentions {
2742  padding: 1em;
2743}
2744.portailcognac #footer #w3cgohome {
2745  font-size: 70%;
2746}
2747.portailcognac #footer #footerbas div#droitsauteurs {
2748  display: none;
2749}
2750#footer #informations #coordonnees .adresse,
2751#footer #informations #coordonnees .telephone,
2752#footer #informations #coordonnees .fax,
2753#footer #informations #coordonnees .accueil {
2754margin-bottom: 1em;
2755}
2756
2757@media screen and (min-width: 768px) {
2758  #footer #informations {
2759    display: flex;
2760    justify-content: space-between;
2761  }
2762  #footer #informations #coordonnees {
2763    margin-top: 1rem;
2764    width: 60%;
2765  }
2766  #footer #informations #carte {
2767    width: 40%;
2768  }
2769}
2770.portailcognac #letexte .innermulticolonnes h2 {
2771  border: none;
2772}
2773
2774.portailcognac #letexte .innermulticolonnes h2 a {
2775  display: block;
2776  width: 100%;
2777  margin: 0;
2778  padding: .75rem 0 .75rem 1.3rem;
2779  font-size: 2rem;
2780  line-height: 1em;
2781}
2782.portailcognac #letexte #listearticlerubrique dt,
2783.portailcognac #letexte #listerubriquerubrique dt {
2784  padding: .75rem 1.3rem;
2785  border: none;
2786}
2787.portailcognac #letexte #listearticlerubrique dt a,
2788.portailcognac #letexte #listerubriquerubrique dt a {
2789  display: block;
2790  width: 100%;
2791  margin: 1em 0 0;
2792  padding: .75rem 0 .75rem 1.3rem;
2793  font-weight: 400;
2794  font-size: 2rem;
2795  line-height: 1em;
2796}
2797.portailcognac #letexte #listearticlerubrique dd,
2798.portailcognac #letexte #listerubriquerubrique dd {
2799  padding: .75rem 1.3rem;
2800  margin: 0;
2801  border: none;
2802}
2803.portailcognac #content dt.h2 { margin-top: 1.6em; margin-bottom: 0; }
2804.portailcognac #letexte #listearticlerubrique dt a,
2805.portailcognac #letexte #listerubriquerubrique dt a { padding: 0; margin: 0; }
2806.portailcognac #content dd p:first-of-type { margin-top: 0; }
2807
2808.portailcognac #letexte .ps,
2809.portailcognac #letexte #artrecents.artrecent_bas,
2810.portailcognac #letexte .notes {
2811  -webkit-border-radius: 0;
2812  -moz-border-radius: 0;
2813  border-radius: 0;
2814}
2815.portailcognac #letexte hr.spip {
2816  width: 100%;
2817}
2818.portailcognac #letexte thead,
2819.portailcognac #letexte table.spip tr.row_first,
2820.portailcognac #letexte table.spip thead th {
2821  font-size: inherit;
2822}
2823.portailcognac #letexte .spip td,
2824.portailcognac #letexte .spip th {
2825  padding: 10px 15px;
2826}
2827.portailcognac #letexte ul {
2828  margin: 1rem;
2829  line-height: 1.6;
2830}
2831.portailcognac #letexte .texteencadre-spip {
2832  padding: .5em 1em;
2833  border: none;
2834  border-top: 1px solid;
2835  border-bottom: 1px solid;
2836}
2837@media screen and (max-width: 768px) {
2838  .portailcognac #letexte .logo_modenews {
2839    display: none;
2840  }
2841}
2842.portailcognac.bodyarticle .surtitre,
2843.portailcognac.bodyarticle .soustitre,
2844.portailcognac.bodyarticle .datepublication {
2845  padding: 0;
2846  font-size: 1em;
2847  font-weight: 400;
2848}
2849.portailcognac.bodyarticle .datepublication {
2850        float: none;
2851        text-align: right;
2852        padding-left: 0.5em;
2853        padding-right: 0.5em;
2854}
2855.portailcognac.bodyarticle .surtitre {
2856  padding-bottom: .5rem;
2857}
2858.portailcognac.bodyarticle .soustitre {
2859  padding-top: .5rem;
2860}
2861.portailcognac.bodyarticle .chapo p {
2862  font-weight: 700;
2863}
2864.portailcognac.bodyarticle .cartouche .titrepage h1 {
2865  display: block;
2866  width: 100%;
2867  margin: 1em 0 0;
2868  padding: .75rem 0 .75rem 1.3rem;
2869  font-weight: 400;
2870  font-size: 2rem;
2871  line-height: 1em;
2872}
2873@media screen and (max-width: 640px) {
2874  .portailcognac.bodyarticle .cartouche .titrepage h1 {
2875    display: flex;
2876    background: none;
2877    padding: 0;
2878    justify-content: center;
2879    flex-direction: column-reverse;
2880    align-items: flex-start;
2881    border: none;
2882  }
2883  .portailcognac.bodyarticle .cartouche .titrepage h1 .logo_article,
2884  .portailcognac.bodyarticle .cartouche .titrepage h1 .logo_rubrique {
2885    float: none;
2886    margin: 0;
2887    padding: 1rem 0 0 0;
2888  }
2889}
2890.portailcognac.bodyarticle .cartouche .notation .ariaformprop {
2891  background-color: transparent;
2892}
2893.portailcognac.bodyarticle .cartouche .notation .notation_note {
2894  display: inline-block;
2895}
2896.portailcognac.bodyarticle .cartouche .notation .note {
2897  padding-left: 7px;
2898  font-size: 1rem;
2899  font-weight: 300;
2900  border: none;
2901}
2902.portailcognac #artrecents {
2903  margin: 1em 0 0 0;
2904  padding-bottom: 1em;
2905  border-radius: 0;
2906}
2907.portailcognac #artrecents h2 {
2908  padding-bottom: 1rem;
2909}
2910.portailcognac #artrecents ul {
2911  line-height: 2;
2912}
2913
2914.portailcognac #extra .rss_bottom a {
2915  margin: 0 .5rem;
2916}
2917.portailcognac #documents_portfolio img {
2918  margin: 0 .75em .75em 0;
2919}
2920.portailcognac #navigation .navstuff {
2921  margin-top: .65rem;
2922  padding-right: 1rem;
2923  padding-left: 1rem;
2924}
2925.portailcognac #navigation .navstuff .espaceavant {
2926  margin-top: 0;
2927}
2928.portailcognac #navigation .navstuff li img + a span,
2929.portailcognac #navigation .navstuff li img + strong a span {
2930  padding-left: 10px;
2931}
2932.portailcognac #navigation .navstuff img.menu_plus,
2933.portailcognac #navigation .navstuff img.menu_minus {
2934  cursor: pointer;
2935}
2936.portailcognac #navigation a {
2937  margin: 0;
2938  padding: .5rem 1rem;
2939  border-top: 1px solid #ccc;
2940}
2941.portailcognac #navigation strong a,
2942.portailcognac #navigation a:hover {
2943  margin: 0;
2944}
2945.portailcognac .titre-plan {
2946  margin-top: 4em;
2947}
2948.portailcognac .titre-plan:before {
2949  content: "";
2950  display: block;
2951  background-color: #GET{c_footer};
2952  width: 100%;
2953  height: 1px;
2954}
2955.portailcognac .titre-plan h1 {
2956  display: table;
2957  background-color: #GET{c_footer_bk};
2958  margin: -1.1em 1em 1em 0.75em;
2959  padding: .25em .8em .3em!important;
2960  color: #GET{c_footer};
2961  font-size: 2rem;
2962  border-left: 1px solid #GET{c_footer};
2963}
2964.portailcognac #footer .menu > li > a {
2965  padding-left: 0;
2966}
2967
2968.portailcognac #footer h2 a {
2969  padding-bottom: 7px;
2970  font-weight: 300;
2971  font-size: .85em;
2972  border-bottom: 2px dotted transparent;
2973}
2974#footer .liste-rubriques section {
2975  max-width: 300px;
2976  padding: 0 0 0 1em;
2977}
2978#footer .liste-rubriques a,
2979#footer .liste-rubriques a:hover {
2980  color: #GET{c_footer};
2981}
2982#footer .liste-rubriques li {
2983  line-height: 1.25em;
2984  border-bottom: 2px dotted transparent;
2985}
2986#footer .liste-rubriques li:hover {
2987  border-bottom: 2px dotted #GET{c_footer};
2988}
2989#footer .liste-rubriques li a {
2990  display: inline-block;
2991  padding: .35em 0!important;
2992}
2993
2994@media screen and (max-width: 800px) {
2995  #footer .liste-rubriques section {
2996    border-bottom: 1px solid #GET{c_footer};
2997  }
2998}
2999@media screen and (max-width: 400px) {
3000  #footer .liste-rubriques section {
3001    width: 100%;
3002  }
3003}
3004[class^="icon-"],
3005[class*=" icon-"] {
3006  display: inline-block;
3007}
3008.icon-lg {
3009  font-size: 2.33333333em;
3010  line-height: 0.75em;
3011}
3012.portailcognac .icon-lg {
3013  font-size: 1.33333333em;
3014}
3015.icon-2x {
3016  font-size: 2em;
3017  vertical-align: middle;
3018}
3019.icon-25x {
3020  font-size: 2.5em;
3021}
3022.icon-3x {
3023  font-size: 3em;
3024}
3025.icon-4x {
3026  font-size: 4em;
3027}
3028.icon-5x {
3029  font-size: 5em;
3030}
3031.icon-fw {
3032  width: 1.28571429em;
3033  text-align: center;
3034}
3035.portailcognac .formulaire_spip .boutons {
3036  text-align: center;
3037}
3038
3039
3040#js-modal.sombre-modal {
3041  position: fixed;
3042  background-color: rgba(34, 34, 34, 0.95);
3043  top: 0;
3044  bottom: 0;
3045  left: 0;
3046  right: 0;
3047  margin: 0;
3048  padding: 0;
3049  width: auto;
3050  height: auto;
3051  z-index: 9999;
3052}
3053#js-modal #form_rech {
3054  max-width: 640px;
3055  margin: 0 auto;
3056}
3057#js-modal.sombre-modal > div {
3058  max-width: 640px;
3059  margin: 25vh auto;
3060  display: flex;
3061  flex-wrap: wrap;
3062  justify-content: center;
3063  [color: #(#GET{c_menu_a}|couleur_inverserluminosite{20,true});]
3064  [background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true});]
3065}
3066#js-modal #menu_lang {
3067  float: none;
3068  font-size: 3em;
3069  background-color: transparent;
3070}
3071#js-modal #form_rech label {
3072  width: 100%;
3073  text-align: center;
3074  color: white;
3075  font-size: 2em;
3076  font-weight: 300;
3077  padding: 1em;
3078}
3079#js-modal #form_rech .searchfield {
3080  width: auto;
3081  padding: .5rem 1rem;
3082  font-size: 2rem;
3083  font-weight: 300;
3084  border: none;
3085  border-right: 1px solid;
3086}
3087#js-modal #sendsearch {
3088  padding: .85rem;
3089  font-size: 1.5rem;
3090  border: none;
3091  cursor: pointer;
3092  -webkit-appearance: none;
3093  border-radius: 0;
3094}
3095@media screen and (max-width: 640px) {
3096  #js-modal #form_rech label,
3097  #js-modal #form_rech .searchfield {
3098    font-size: 1.5em;
3099  }
3100  #js-modal #form_rech .sendsearch {
3101    font-size: 1.2em;
3102  }
3103}
3104#js-modal .socialtags ul {
3105  background: #fff;
3106  padding: 2em 3em !important;
3107  border: 3px solid #000;
3108}
3109#js-modal-close {
3110  position: absolute;
3111  right: 1em;
3112  top: .5em;
3113  width: 70px;
3114  height: 70px;
3115  opacity: 0.75;
3116  z-index: 9999;
3117  background-color: transparent;
3118  border: none;
3119}
3120#js-modal-close .sombre-modal-close__text {
3121  display: none;
3122}
3123#js-modal-close:hover {
3124  opacity: 1;
3125}
3126#js-modal-close:hover:before {
3127  background-color: #e5222e;
3128  transform: rotate(-45deg);
3129  -webkit-transition: all .5s ease!important;
3130  transition: all .5s ease!important;
3131}
3132#js-modal-close:hover:after {
3133  background-color: #e5222e;
3134  transform: rotate(45deg);
3135  -webkit-transition: all .5s ease!important;
3136  transition: all .5s ease!important;
3137}
3138#js-modal-close:before,
3139#js-modal-close:after {
3140  position: absolute;
3141  top: 0;
3142  left: 35px;
3143  content: ' ';
3144  height: 70px;
3145  width: 2px;
3146  background-color: #fff;
3147}
3148#js-modal-close:before {
3149  transform: rotate(45deg);
3150  -webkit-transition: all .5s ease!important;
3151  transition: all .5s ease!important;
3152}
3153#js-modal-close:after {
3154  transform: rotate(-45deg);
3155  -webkit-transition: all .5s ease!important;
3156  transition: all .5s ease!important;
3157}
3158#js-modal .socialtags {
3159  height: auto!important;
3160  margin-bottom: 1rem;
3161}
3162#js-modal .socialtags img {
3163  width: auto;
3164  height: auto;
3165  margin: 0 5px;
3166}
3167#js-modal .socialtags img:hover,
3168#js-modal socialtags img:focus {
3169  -webkit-transition: all .3s ease!important;
3170  transition: all .3s ease!important;
3171  -webkit-transform: scale(1.05, 1.05) !important;
3172  transform: scale(1.05, 1.05) !important;
3173}
3174@media screen and (max-width: 40em) {
3175  #js-modal .socialtags {
3176    text-align: center;
3177  }
3178}
3179#js-modal .socialtags-hovers,
3180#js-modal .socialtags-hovers:hover,
3181#js-modal .socialtags-hovers:focus {
3182  -webkit-transition: all .3s ease!important;
3183  transition: all .3s ease!important;
3184}
3185[(#CONFIG{soyezcreateurs/mode_affichage,communiquant}|=={portailcognac}|ou{#CONFIG{soyezcreateurs_layout/pictogrammesoutils,non}|=={avecoutils}})
3186.hasJS #socialtags,
3187.hasJS #cadre_lang,
3188.hasJS #cadre_recherche,
3189.hasJS #miniagenda,
3190.hasJS #newsletterinscription,
3191.call-js-modal {
3192        display: none;
3193}
3194#js-modal-content #socialtags,
3195#js-modal-content #cadre_lang,
3196#js-modal-content #cadre_recherche,
3197#js-modal-content #miniagenda,
3198#js-modal-content #newsletterinscription {
3199        display: block;
3200}
3201]
3202#js-modal-content #cadre_recherche { padding: 2em 0 0.5em; }
3203#js-modal-content #formulaire_recherche_par_mot {
3204  text-align: right;
3205  float: none;
3206  margin: 0.5em;
3207}
3208.portailcognac #js-modal-content .ariaformprop { background-color: transparent; }
3209
3210.hasJS .call-js-modal {
3211        display: initial;
3212}
3213
3214@media screen and (max-width: 768px) {
3215  #miettesdepain,
3216  .boutonstexte,
3217  .socialtags {
3218    display: none;
3219  }
3220}
3221
3222.portailcognac .menu {
3223  margin: 0;
3224  list-style-type: none;
3225}
3226.portailcognac .menu > li {
3227  display: table-cell;
3228  vertical-align: middle;
3229}
3230.portailcognac .vertical > li {
3231  display: block;
3232  vertical-align: middle;
3233}
3234.portailcognac .title-bar-center .menu > li:hover,
3235.portailcognac .title-bar-center .menu > li:focus,
3236.portailcognac .title-bar-center .menu > li.rubActive {
3237  font-weight: normal;
3238}
3239.portailcognac .rubActive strong {
3240  font-weight: inherit;
3241}
3242.portailcognac h1,
3243.portailcognac h2,
3244.portailcognac h3,
3245.portailcognac h4,
3246.portailcognac h5,
3247.portailcognac h6,
3248.portailcognac .h1,
3249.portailcognac .h2,
3250.portailcognac .h3,
3251.portailcognac .h4,
3252.portailcognac .h5,
3253.portailcognac .h6 {
3254  font-weight: 400;
3255  letter-spacing: .02rem;
3256}
3257
3258.flex-container {
3259    display: -ms-flexbox;
3260    display: -webkit-flex;
3261    display: flex;
3262    -webkit-flex-direction: row;
3263    -ms-flex-direction: row;
3264    flex-direction: row;
3265    -webkit-flex-wrap: nowrap;
3266    -ms-flex-wrap: nowrap;
3267    flex-wrap: nowrap;
3268    -webkit-justify-content: center;
3269    -ms-flex-pack: center;
3270    justify-content: center;
3271    -webkit-align-content: stretch;
3272    -ms-flex-line-pack: stretch;
3273    align-content: stretch;
3274    -webkit-align-items: stretch;
3275    -ms-flex-align: stretch;
3276    align-items: stretch;
3277    }
3278
3279.flex-item {
3280    -webkit-order: 0;
3281    -ms-flex-order: 0;
3282    order: 0;
3283    -webkit-flex: 1 1 auto;
3284    -ms-flex: 1 1 auto;
3285    flex: 1 1 auto;
3286    -webkit-align-self: auto;
3287    -ms-flex-item-align: auto;
3288    align-self: auto;
3289    }
3290
3291[(#PLUGIN{lesscss}|oui)
3292        [(#CHEMIN{images/stylessoyezcreateurs_perso.less.html}|?{'/* Surcharge perso Less */'})
3293       
3294                [(#PRODUIRE{fond=images/stylessoyezcreateurs_perso.less,format=less}
3295                                |supprimer_timestamp
3296                                |appliquer_filtre{less_css}
3297                                |file_get_contents
3298                )
3299                #SET{lessdone,1}
3300                ]
3301        ]
3302]
3303[(#GET{lessdone}|non)
3304[(#CHEMIN{images/stylessoyezcreateurs_perso.css}|?{'/* Surcharge perso */'})
3305[(#INCLURE{#CHEMIN{images/stylessoyezcreateurs_perso.css}|url_absolue_css}|compacte{css})]
3306]
3307]
Note: See TracBrowser for help on using the repository browser.