Context Navigation

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

Visit:

Last change on this file since 115000 was 115000, checked in by real3t@…, 21 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	}
14	body { 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	}
217	a.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 */
241	html, body { padding: 0; margin: 0; font-family: #GET{f_content}; }
242	html { 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}; }
244	div { margin: 0; padding: 0; border: 0; }
245	img { z-index: 0; border: none; image-rendering:optimizeQuality; }
246	p { margin-bottom: 10px; margin-top: 20px; font-size: 1em; text-align: left; }
247	strong, b { font-weight: bold; }
248	ol { color: #[(#GET{c_container}\|couleur_inverserluminosite{10})]; font-size: 1em; list-style-type: decimal; list-style-image: none; }
249	ul ul, ol ul, ul ol, ol ol { padding-left: 12px; }
250	/* Suivre les recommandations de http://romy.tetue.net/signaler-les-abreviations - Merci !*/
251	acronym, abbr { border-bottom: .1em dotted; cursor: help; }
252	iframe { border: none; width: 100%;}
253	a[hreflang]:after { content: ""; }
254	/* Liens externes */
255	a.spip_out:after, a.external:after { content: ""; }
256	a[hreflang].spip_out:after, a[hreflang].external:after { content: ""; }
257	img { box-sizing: content-box; }
258	ul.spip { margin-left: 2em; }
259	ol.spip { margin-left: 2.5em; }
260	ul.spip ul.spip, ol.spip ol.spip { margin-left: .25em; margin-bottom: 0; margin-top: 0.5em;}
261	ul.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 */
293	h3.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 */
441	input[type="file"] {border: none;background-color: transparent;}
442	/* Pour IE, qui grossit le bouton submit */
443	input[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; }
515	a.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})];}
516	a.tags:hover, a.tags:focus, a.tags:active { color: #f00; background-color: #ddd; text-decoration:none; }
517	a.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 */
521	a { color: #GET{c_link}; font-weight: bold; text-decoration: none; }
522	a:visited { color: #GET{c_visited}; }
523	a:hover, a:focus { color: #GET{c_hover}; text-decoration: underline; }
524	/* Une idée trouvée sur http://userstyles.org/styles/1183/cursor-indicator */
525	a[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
527	a[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
529	a[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
531	a[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
533	a[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
535	a[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
537	a[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
539	a: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;}
595	a#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; }
964	html > 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 */
971	table.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 */
1110	table.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; }
1111	table.agenda caption { width: 100%; margin: auto; background-color: #GET{c_container_bk}; border: none; color: #GET{c_container}; }
1112	table.agenda th { width:14% !important; padding: .2em 0; font-size: 1.1em; }
1113	table.agenda tr, table.agenda th { border-collapse: collapse; border: 1px solid [ #(#GET{c_menu_a_bk}\|couleur_inverserluminosite{90})]; }
1114	table.agenda td { width:14% !important; border-collapse: collapse; border: 1px solid [ #(#GET{c_menu_a_bk}\|couleur_inverserluminosite{90})]; font-size: 1em; }
1115	table.agenda { background: transparent; border-collapse: collapse; border: 2px solid [ #(#GET{c_menu_a_bk}\|couleur_inverserluminosite{20,true})]; }
1116	table.agenda em { background-color:[ #(#GET{c_menu_a_bk}\|couleur_inverserluminosite{90})]; }
1117	table.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; }
1118	table.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; }
1119	table.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})]; }
1120	table.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})]; }
1121	table.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 */
1124	dl.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 */
1131	p.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; }
1160	ul.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 */
1232	dl#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
1250	blockquote.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; }
1251	blockquote.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})]; }
1252	div.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})];}
1339	p.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)]; }
1344	fieldset.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; }
1380	header 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 */
1412	dd.agendastatut { margin-left: -2em; padding: .3em 0; }
1413	strong.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 */
1463	background: #GET{c_header_bk};
1464	/* RGBa with 0.6 opacity */
1465	background: 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*/
1467	filter: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 }
1638	ul.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 */
1751	div [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	}
2041	a[href]:hover,
2042	a[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	}
2300	a,
2301	li,
2302	button {
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,
2345	button {
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,
2353	a.button:hover,
2354	a.button:focus,
2355	#footer a.button:hover,
2356	#footer a.button:focus,
2357	button:hover,
2358	button:focus {
2359	background-color: white;
2360	border: 1px solid #GET{c_triadea};
2361	color: #333;
2362	}
2363	.triadeA:hover,
2364	.triadeA:focus,
2365	a.triadeA:hover,
2366	a.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,
2375	a.triadeB:hover,
2376	a.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,
2385	a.button.triadeC:hover,
2386	a.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 {
2754	margin-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.

Download in other formats: