source: spip-zone/_themes_/soyezcreateurs/habillage.css.html @ 39428

Last change on this file since 39428 was 39428, checked in by ccapdev@…, 10 years ago

premier éléments du thème soyezcreateurs

File size: 69.7 KB
Line 
1#CACHE{3600,cache-client}
2#FASTCACHE
3#HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
4#HTTP_HEADER{Vary: Accept-Encoding}
5[(#REM) Recuperation des CSS par defaut de SPIP ]
6[(#INCLURE{#CHEMIN{spip_style.css}|url_absolue_css}|compacte{css})]
7[(#REM) Recuperation des CSS par defaut du plugin Comments s'il est installé ]
8[(#PLUGIN{comments}|oui)[(#INCLURE{#CHEMIN{comments.css}|url_absolue_css}|compacte{css})]]
9
10/* layout */
11
12#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
13#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,160})}
14#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,140})}
15
16#SET{c_body_bk,(#CONFIG{soyezcreateurs_couleurs/body_bk,#a1856e})}
17#SET{c_logo_bk,(#CONFIG{soyezcreateurs_couleurs/logo_bk,transparent})}
18#SET{c_header,(#CONFIG{soyezcreateurs_couleurs/header,#ffffff})}
19        #SET{c_header_bk,(#CONFIG{soyezcreateurs_couleurs/header_bk,#664e3b})}
20#SET{c_footer,(#CONFIG{soyezcreateurs_couleurs/footer,#ffffff})}
21        #SET{c_footer_bk,(#CONFIG{soyezcreateurs_couleurs/footer_bk,#664e3b})}
22#SET{c_navigation,(#CONFIG{soyezcreateurs_couleurs/navigation,#013067})}
23        #SET{c_navigation_bk,(#CONFIG{soyezcreateurs_couleurs/navigation_bk,#3fa3d7})}
24#SET{c_menuhaut,(#CONFIG{soyezcreateurs_couleurs/menuhaut,#ffffff})}
25        #SET{c_menuhaut_bk,(#CONFIG{soyezcreateurs_couleurs/menuhaut_bk,#a1856e})}
26#SET{c_extra,(#CONFIG{soyezcreateurs_couleurs/extra,#013067})}
27        #SET{c_extra_bk,(#CONFIG{soyezcreateurs_couleurs/extra_bk,#3fa3d7})}
28#SET{c_datemajsite,(#CONFIG{soyezcreateurs_couleurs/datemajsite,#ffffff})}
29        #SET{c_datemajsite_bk,(#CONFIG{soyezcreateurs_couleurs/datemajsite_bk,#402816})}
30#SET{c_menu_a,(#CONFIG{soyezcreateurs_couleurs/menu_a,#ffffff})}
31        #SET{c_menu_a_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_bk,#5599cd})}
32#SET{c_menu_a_hover,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover,#ffffff})}
33        #SET{c_menu_a_hover_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_hover_bk,#66aade})}
34#SET{c_menu_a_active,(#CONFIG{soyezcreateurs_couleurs/menu_a_active,#5599cd})}
35        #SET{c_menu_a_active_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_active_bk,#ffffff})}
36#SET{c_menu_a_strong,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong,#013067})}
37        #SET{c_menu_a_strong_bk,(#CONFIG{soyezcreateurs_couleurs/menu_a_strong_bk,#ffffff})}
38
39#SET{c_container,(#CONFIG{soyezcreateurs_couleurs/container,#013067})}
40        #SET{c_container_bk,(#CONFIG{soyezcreateurs_couleurs/container_bk,#ffffff})}
41#SET{c_titraille,(#CONFIG{soyezcreateurs_couleurs/titraille,#013067})}
42        #SET{c_titraille_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_bk,#a6cbec})}
43#SET{c_titraille_ssniveaux,(#CONFIG{soyezcreateurs_couleurs/titraille_ssniveaux,#013067})}
44        #SET{c_titraille_ssniveaux_bk,(#CONFIG{soyezcreateurs_couleurs/titraille_ssniveaux_bk,#a6cbec})}
45#SET{c_link,(#CONFIG{soyezcreateurs_couleurs/link,#5599cd})}
46#SET{c_visited,(#CONFIG{soyezcreateurs_couleurs/visited,#66aade})}
47#SET{c_hover,(#CONFIG{soyezcreateurs_couleurs/hover,#a1856e})}
48#SET{c_active,(#CONFIG{soyezcreateurs_couleurs/active,#402816})}
49#SET{c_cadrestexte,(#CONFIG{soyezcreateurs_couleurs/cadrestexte,#002652})}
50        #SET{c_cadrestexte_bk,(#CONFIG{soyezcreateurs_couleurs/cadrestexte_bk,#e4eff9})}
51
52#SET{f_navigation,(#CONFIG{soyezcreateurs_couleurs/fontsnavigation,'Verdana, Arial, Geneva, sans-serif'})}
53#SET{f_content,(#CONFIG{soyezcreateurs_couleurs/fontscontent,'Verdana, Arial, Geneva, sans-serif'})}
54
55#SET{d_body_degrade,#CONFIG{soyezcreateurs_couleurs/body_degrade}}
56#SET{d_footer_degrade,#CONFIG{soyezcreateurs_couleurs/footer_degrade}}
57#SET{d_titraille_degrade,#CONFIG{soyezcreateurs_couleurs/titraille_degrade}}
58#SET{d_menuhaut_degrade,#CONFIG{soyezcreateurs_couleurs/menuhaut_degrade}}
59#SET{d_cartouche_degrade,#CONFIG{soyezcreateurs_couleurs/cartouche_degrade}}
60#SET{d_cadreinfo_degrade,#CONFIG{soyezcreateurs_couleurs/cadreinfo_degrade}}
61#SET{d_citations_degrade,#CONFIG{soyezcreateurs_couleurs/citations_degrade}}
62
63/*************** DEFAULT DEFINITION */
64html, body { padding: 0; margin: 0; font-family: #GET{f_content}; background: transparent;}
65html { 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}|url_absolue)) repeat-x top];] color: #[(#GET{c_body_bk}|couleur_inverserluminosite{80})]; font-size: 62.7%; }
66#header, #navigation, #extra, #footer { font-family: #GET{f_navigation}; }
67div { margin: 0; padding: 0; border: 0; }
68img { z-index: 0; border: none; }
69p { margin-bottom: 10px; margin-top: 20px; font-size: 1em; text-align: justify; }
70strong, b { font-weight: bold; }
71ol { color: #[(#GET{c_container}|couleur_inverserluminosite{10})]; font-size: 1em; list-style-type: decimal; list-style-image: none; }
72ul ul, ol ul, ul ol, ol ol { padding-left: 12px; }
73acronym, abbr { border-bottom: 1px dotted #336699; cursor: help; }
74sup, sub {line-height:0;} /* Astuce trouvée via Twitter pour ne pas changer l'interlignage d'un texte, ne marche pas sous IE6 */
75
76/*************** FORMS */
77.forml { width: 96%; }
78.searchfield { width: 70%; }
79input, textarea, select { padding: 0.06em; 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)]; font-family: #GET{f_content}; vertical-align: middle; }
80fieldset { padding-left: .25em; padding-right: .25em; padding-bottom: 3px; margin-top: 3px; margin-bottom: 5px; }
81label { vertical-align: top; text-align: left; }
82textarea.spip_cadre { display: block; width: 100%; height: auto; max-height: 10em; padding: 1px; margin: 0; background-color: [ (#GET{c_cadrestexte_bk})]; border: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; color: [ (#GET{c_cadrestexte})]; }
83input:focus, textarea:focus, select:focus {
84        background-color:[ #(#GET{c_cadrestexte_bk}|=={transparent}|?{#ddddff,#GET{c_cadrestexte_bk}}|couleur_inverserluminosite{80,true})];
85        color:[ #(#GET{c_cadrestexte_bk}|=={transparent}|?{#ddddff,#GET{c_cadrestexte_bk}}|couleur_inverserluminosite{80,true}|couleur_inverser|couleur_extreme)];
86}
87.searchfrm label { overflow: hidden !important; position: absolute !important; top: -2000px !important; left: -2000px !important; height: 0 !important; width: 0 !important; }
88input.submit, input.form_submit { cursor:pointer; }
89/* spip forms */
90.spip_forms { padding: 0; border-left: none; color: inherit; font-family: inherit; }
91#content .spip_forms ul.choix_mots, #content .spip_forms ul.spip_form_choix_multiple, #content .spip_forms ul.spip_form_choix_unique { float: left; width: 45%; padding-left: 5px; list-style: none none outside; }
92.spip_forms fieldset { border: 1px solid #GET{c_titraille_bk}; }
93.spip_forms legend { border: 1px solid #GET{c_titraille_bk}; }
94#content .formulaire_spip ul { padding-left:5px; list-style: none none outside; }
95.formulaire_spip ul { list-style-type:none; }
96#content .formulaire_spip textarea { width: 98%; }
97
98/**************** Recherche par mot clef */
99#mots_filtres { padding: 8px; }
100#formulaire_recherche_par_mot .searchfield { width: auto; }
101#formulaire_recherche_par_mot { float:right; }
102#formulaire_recherche_par_mot label { vertical-align:middle; }
103#postDetailInfos { float: left; }
104#mots_filtres p { margin:0; padding:0; }
105a.tags, a.tags:link, a.tags:visited { background: #fff url([(#CHEMIN{images/croix-rouge.gif}|url_absolue)]) no-repeat 5px center; color: #000; padding:2px; padding-left: 16px; padding-right: 4px; border: 1px solid [#(#GET{c_container_bk}|couleur_inverserluminosite{10})];}
106a.tags:hover, a.tags:focus, a.tags:active { color: #f00; background-color: #ddd; text-decoration:none; }
107a.tags.ajouter, a.tags.ajouter:link, a.tags.ajouter:visited { background: #fff url([(#CHEMIN{images/tags_ajouter.gif}|url_absolue)]) no-repeat 3px center; display:inline-block; padding:2px; padding-left: 16px; margin:2px 0 4px; padding-right: 4px; }
108
109
110/*************** LINKS */
111a { color: #GET{c_link}; font-weight: bold; text-decoration: none; }
112a:visited { color: #GET{c_visited}; }
113a:hover, a:focus { color: #GET{c_hover}; text-decoration: underline; }
114a:active { color: #GET{c_active}; }
115.retourtop { clear: both; padding: 1.5em 1em 2em; font-style: italic; font-size: .8em; text-align: right; }
116
117/*************** STRUCTURE - GENERAL */
118#container { background-color: #GET{c_container_bk}; color: #GET{c_container}; }
119#clearbottom { height: 0; }
120/* tooltip */
121#tooltip { position: absolute; z-index: 3000; padding: 5px; background-color: #eee; border: 1px solid #111; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #111; }
122#tooltip h3, #tooltip p, #tooltip h2 { margin: 0; font-size: 1em; background-color: transparent; }
123
124/*************** STRUCTURE - HEADER */
125#header { position: relative; background-color: #GET{c_header_bk}; color: #GET{c_header};
126        font-size: #CONFIG{soyezcreateurs_couleurs/fontsizeheader,1.2}em;
127        <BOUCLE_HeaderBanner(MOTS){type=_HeaderBanner}{0,1}> </BOUCLE_HeaderBanner>
128        [min-height: [(#LOGO_SITE_SPIP_SURVOL|hauteur)]px;
129        _height: [(#LOGO_SITE_SPIP_SURVOL|hauteur)]px;
130        background: [(#GET{c_header_bk})] url((#LOGO_SITE_SPIP_SURVOL|extraire_attribut{src}|url_absolue)) no-repeat !important;]
131        [(#LOGO_SITE_SPIP_SURVOL|non)
132                [(#CONFIG{soyezcreateurs/default_banniere,lentilles}|=={degrade}|oui)
133                        min-height: 100px;
134                        _height: 100px;
135                        [(#GET{c_header_bk}|!={transparent}|oui)
136                        background: #GET{c_header_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas2.png}|image_sepia{[(#GET{c_header_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) repeat-x bottom];]
137                ]
138                [(#CONFIG{soyezcreateurs/default_banniere,lentilles}|=={metal}|oui)
139                        min-height: 100px;
140                        _height: 100px;
141                        [(#GET{c_header_bk}|!={transparent}|oui)
142                        background: #GET{c_header_bk}[ url((#CHEMIN{images/trame_metal.jpg}|image_sepia{[(#GET{c_header_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) repeat];]
143                ]
144                [(#CONFIG{soyezcreateurs/default_banniere,lentilles}|=={lentilles}|oui)
145                        [min-height: [(#CHEMIN{images/bandeauhaut_soyezcreateur.png}|hauteur)]px;
146                        _height: [(#CHEMIN{images/bandeauhaut_soyezcreateur.png}|hauteur)]px;
147                        background: [(#GET{c_header_bk})] url((#CHEMIN{images/bandeauhaut_soyezcreateur.png}|image_sepia{[(#GET{c_header_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) no-repeat;]
148                ]
149        ]
150        <//B_HeaderBanner>
151}
152/* cadre recherche dans le header */
153#formulaire_recherche { text-align:right; bottom:.5em; right:1em; clear:right; float: right;[background: #(#GET{c_menu_a_bk}|couleur_inverserluminosite{30});]}
154#formulaire_recherche { padding:4px; }
155#formulaire_recherche .text { width: [(#GET{LargeurMenuDroit}|moins{60})]px; }
156#header .cadre_recherche form { display: inline; }
157#header .cadre_recherche form div { display: inline; }
158[(#REM) Si logo de survol du site ET titre invisible ]
159[(#LOGO_SITE_SPIP_SURVOL|oui|?{[(#CONFIG{soyezcreateurs/afficher_titre,invisible}|=={invisible}|oui)]})
160#header h1 { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
161]
162[(#REM) Si titre visible OU pas de logo de survol du site ]
163[(#CONFIG{soyezcreateurs/afficher_titre,invisible}|=={visible}|oui|?{' ',[(#LOGO_SITE_SPIP_SURVOL|non)]})
164#header h1 { float:left; margin:0; padding:0 1em; }
165#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}; }
166]
167#header h1 sup, #header h1 sub {line-height:normal;}
168#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:auto;}
169a#logo { display: block; clear: right; margin-left: 80px; }
170#logo {
171        background-color: #GET{c_logo_bk}; height: auto;
172        [(#CONFIG{soyezcreateurs/logoheader,navigation}|!={header}|?{text-align: center;})]
173        [(#CONFIG{soyezcreateurs/logoheader,navigation}|=={header}|oui)
174        position: relative; left:#CONFIG{soyezcreateurs/logoheaderx,0}px; top:#CONFIG{soyezcreateurs/logoheadery,0}px;
175        [width: (#LOGO_SITE_SPIP_NORMAL|largeur)px;]
176        ]
177}
178/* date de maj du site */
179#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 10px; }
180#menu_lang a { padding: 0 8px 4px; background-color: #GET{c_menu_a_bk}; color:#GET{c_menu_a}; text-decoration: none;}
181#menu_lang a:hover, #menu_lang a:focus {background-color: #GET{c_menu_a_hover_bk}; color:#GET{c_menu_a_hover}}
182#menu_lang a:active {background-color: #GET{c_menu_a_active_bk}; color:#GET{c_menu_a_active}}
183#menu_lang strong { background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; padding: 2px 8px 2px; }
184#datemajsite { float: right; height: 0; background-color: transparent; border-left: 1.8em solid transparent; border-top: 1.2em solid #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; font-size:.9em; }
185#datemajsite span { position: relative; top: -1.4em; padding: .1em 10px; background-color: #GET{c_datemajsite_bk}; }
186/* cadre outils dans le header */
187#cadre_outils { text-align:right; position:relative; clear:right; }
188#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; }
189#cadre_outils li { display:block; min-height:[(#CONFIG{soyezcreateurs_layout/hauteurlogomenuhaut,16}|plus{4})]px; list-style: none; list-style-image: none; padding-right:1em; }
190#cadre_outils img { padding:2px 0 2px 1em; padding-right:0; padding-left:1em; vertical-align:middle; }
191/* bandeau d'annonce dans le header */
192#bandeau_annonce { padding: .5em 1em; text-align: center; font-size:2em; border-bottom: [(#GET{c_header})] 2px solid; border-top: [(#GET{c_header})] 1px solid;}
193
194
195/*************** STRUCTURE - CONTENT */
196#content { clear:both; position: relative; padding:0; margin: 0; background: transparent;-moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; }
197.clearing { clear: both; height: 0; line-height:0; }
198
199/*************** STRUCTURE - MAIN SIDEBAR */
200#navigation { color: #GET{c_navigation}; background-color: #GET{c_navigation_bk}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizenavigation,1.2}em; }
201#navigation ul, #navigation li, #extra ul, #extra li { list-style-image: none; }
202#menu { overflow: hidden; width: #GET{LargeurMenuGauche}px; background-color: transparent; }
203#menu .menu-liste 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; }
204.menu .menu-liste .menu-liste img.menu_plus, #menu .menu-liste .menu-liste img.menu_minus { margin: .3em 0 0; margin-right:0; margin-left:5px;}
205.menu img.menu_plus { background-image: url([(#CHEMIN{images/menu_plus.gif}|url_absolue)]); }
206.menu img.menu_minus { background-image: url([(#CHEMIN{images/menu_minus.gif}|url_absolue)]); }
207.menu .menu-liste { padding: 0; margin: 0; }
208.menu .menu-entree { padding: 0; background: transparent; list-style: none; list-style-image: none; }
209.menu .menu-liste .menu-liste { padding: 0; margin: 0; margin-left:10px;}
210.menu .menu-entree 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; }
211.menu .menu-liste .menu-liste .menu-entree 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; }
212.menu strong .menu-entree a, #menuhaut strong .menu-entree a, #menufooter strong #menu-entree a, .menu a.on { background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
213.menu #menu-entree strong a:visited, .menu #menu-entree strong a:link, .menuhaut #menu-entree strong a:visited, #menuhaut #menu-entree strong a:link, .menufooter .menu-entree strong a:visited, .menufooter .menu-entree strong a:link, .menu a.on {
214        margin-left: 2px; background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong};
215}
216.menu #menu-entree a:hover, .menu #menu-entree a:focus, #menuhaut #menu-entree a:hover, #menuhaut #menu-entree a:focus, #menufooter #menu-entree a:hover, #menufooter #menu-entree 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; }
217.menu #menu-entree a:active, #menuhaut #menu-entree a:active, #menufooter #menu-entree a:active, #artrecents a:active { background-color: #GET{c_menu_a_active_bk}; color: #GET{c_menu_a_active}; }
218.menu form { padding: 0; margin: 0; }
219.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; }
220/* selects dans zone de recherche */
221#recherchemot { width: 100%; }
222
223/*************** STRUCTURE - EXTRA SIDEBAR */
224#extra { background-color: #GET{c_extra_bk}; color: #GET{c_extra}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizenavigation,1.2}em; }
225#extra ul ul li { padding: 0; padding-right:0; padding-left:10px; margin: 0; }
226#extra ul ul li a { overflow: hidden; width: [(#GET{LargeurMenuDroit}|moins{35})]px; padding: 0; padding-right:0; padding-left:15px; margin: 1px 0 0; }
227.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; }
228.rightmenu li a:link { }
229.rightmenu li a:visited { }
230.rightmenu li a:hover, .rightmenu li a:focus { background: #GET{c_menu_a_hover_bk}; color: #GET{c_menu_a_hover}; }
231.rightmenu li a:active { background-color: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
232.rightmenu li { display: block; padding-left: 0; margin-left: 0; margin-right: 0; }
233.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; }
234.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; }
235.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; }
236.rightmenu li strong a:link, .rightmenu li strong a:visited { background-color: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
237.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; }
238/* Contenu RSS */
239#extra ul ul li a { font-weight:normal; }
240
241#splickr { margin: 0 auto; }
242
243/*************** STRUCTURE - FOOTER */
244#footer { width: auto !important; background-color: #GET{c_footer_bk};
245        [(#GET{c_footer_bk}|!={transparent}|oui|et{[(#GET{d_footer_degrade}|non)]})
246        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}|url_absolue)) repeat-x bottom];]
247        color: #GET{c_footer}; font-size: #CONFIG{soyezcreateurs_couleurs/fontsizefooter,1.2}em;
248}
249#footerbas { padding: 4px 10px; }
250#footer span.right { display: block; padding: 2em 0 0.5em; font-size: 0.8em; font-style: italic; text-align: right; }
251#footer img { width: 4px; height: 4px; padding: 0 .5em; vertical-align: middle; background-color: #GET{c_footer_bk};
252        [(#GET{c_footer_bk}|!={transparent}|oui)
253        background:[  url((#CHEMIN{images/pucebleue.gif}|image_sepia{[(#GET{c_footer_bk}|couleur_inverser)]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) no-repeat center];]
254}
255#footer a, .cadreinfo a { color: #eef; font-weight: bold; text-decoration: none; font-variant: small-caps; }
256#footer a:visited, .cadreinfo a:visited { color: #eef; text-decoration: none; }
257#footer a:hover, #footer a:focus, .cadreinfo a:hover, .cadreinfo a:focus { color: #ff8c00; text-decoration: underline; }
258#footer a:active, .cadreinfo a:active { color: #f00; }
259/* ?? */
260#menufooter { background-color: #GET{c_navigation_bk};
261        [(#GET{c_navigation_bk}|!={transparent}|oui|et{[(#GET{d_menuhaut_degrade}|non)]})
262        background: #GET{c_navigation_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas_menu.png}|image_sepia{[(#GET{c_navigation_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) repeat-x center];]
263        text-align:right;
264}
265#menufooter ul { padding: 0; margin: 0; }
266#menufooter ul li { display: inline; margin: 0; list-style: none; }
267#menufooter ul li a { padding: 0 10px; background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; text-decoration: none; white-space: nowrap; }
268/* bandeau de contact dans le footer */
269#footer #bandeaucontact { padding: 1px 10px; /*[background-color: #(#GET{c_footer_bk}|couleur_inverserluminosite{10});]*/ color: #GET{c_footer}; text-align: center; }
270#footer #bandeaucontact p { text-align: center; }
271
272/* Nuage de mot clé dans le footer */
273#nuage {
274padding: 5px;
275text-align: center;
276}
277#nuage .nuage li a {
278font-variant: normal;
279}
280#nuage .nuage a.nuage { font-size:1em;}
281#nuage .nuage li a { vertical-align:middle; }
282#nuage .nuage a.nuage0 { font-size:0.9em; opacity:0.5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); }
283#nuage .nuage a.nuage1 { font-size:1em; opacity:0.55; -ms-filter: "alpha(opacity=55)"; filter: alpha(opacity=55); }
284#nuage .nuage a.nuage2 { font-size:1.1em; opacity:0.60; -ms-filter: "alpha(opacity=60)"; filter: alpha(opacity=60); }
285#nuage .nuage a.nuage3 { font-size:1.2em; opacity:0.65; -ms-filter: "alpha(opacity=65)"; filter: alpha(opacity=65); }
286#nuage .nuage a.nuage4 { font-size:1.3em; opacity:0.70; -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); }
287#nuage .nuage a.nuage5 { font-size:1.4em; opacity:0.75; -ms-filter: "alpha(opacity=75)"; filter: alpha(opacity=75); }
288#nuage .nuage a.nuage6 { font-size:1.5em; opacity:0.80; -ms-filter: "alpha(opacity=80)"; filter: alpha(opacity=80); }
289#nuage .nuage a.nuage7 { font-size:1.6em; opacity:0.85; -ms-filter: "alpha(opacity=85)"; filter: alpha(opacity=85); }
290#nuage .nuage a.nuage8 { font-size:1.7em; opacity:0.90; -ms-filter: "alpha(opacity=90)"; filter: alpha(opacity=90); }
291#nuage .nuage a.nuage9 { font-size:1.8em; opacity:0.95; -ms-filter: "alpha(opacity=95)"; filter: alpha(opacity=95); }
292#nuage .nuage a.nuage10 { font-size:1.9em; opacity:1.0; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); }
293
294
295
296/*************** STRUCTURE - bouton "participer à la vie du site" */
297#participer { height: 0; background-color: #GET{c_body_bk}; font-size:1em; }
298#participer div { float: right; height: 0; border-left: 1.5em solid transparent; border-top: 2em solid #GET{c_datemajsite_bk}; border-right: 1.5em solid transparent; }
299#participer div span { position: relative; top: -1.5em; padding: 2px 10px; background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; }
300#participer a, #participer a:link, #participer a:visited, #participer a:hover, #participer a:focus, #participer a:active { background-color: #GET{c_datemajsite_bk}; color: #GET{c_datemajsite}; font-size:1em; }
301
302/*************** GENERAL - CONTENT */
303#content img { padding: 0 1.5em; }
304#content h1 { background-color: #GET{c_titraille_bk}; color: #GET{c_titraille};
305        [(#GET{c_titraille_bk}|!={transparent}|oui|et{[(#GET{d_titraille_degrade}|non)]})
306        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}|url_absolue)) repeat-x top];]
307        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: 50px; border-bottom: 4px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; line-height: 1.5em;
308}
309#content h2 { padding-top: 0; padding-left: 12px; margin-bottom: 0; margin-top: 1em; margin-left: 0; clear: left; color: #GET{c_titraille_ssniveaux}; border-bottom: 2px solid [(#GET{c_titraille_ssniveaux_bk})]; font-family: #GET{f_content}; font-size: 1.4em; font-weight: bold; line-height: 120%; }
310#content h2 a:link, #content h2 a:visited { color: [#(#GET{c_titraille_ssniveaux}|couleur_inverserluminosite{5,true})]; }
311#content h3, #content h4, #content h5, #content h6 { clear: left; padding-left: .25em; margin-bottom: 0; margin-top: 0.5em; margin-left: -1em; border-left: 2px solid [(#GET{c_titraille_ssniveaux_bk})]; color: #GET{c_titraille_ssniveaux}; font-family: #GET{f_content}; font-size: 1.3em; font-weight: bold; line-height: 120%; text-align: left; }
312#content h4 { border-left-color: [(#GET{c_titraille_ssniveaux_bk})]; font-size: 1.1em; margin-top: 0; clear: left; margin-left: -.75em; }
313#content h5, #content h6 { margin-top: 0; margin-left: -.5em; border-left-width: 1px; font-size: 1.1em; }
314#content h6 { margin-left: -.25em; border-left: none; font-style:italic; }
315#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; }
316#content ul { list-style:none; }
317#content ul.spip {
318        color: #[(#GET{c_container}|couleur_inverserluminosite{10})]; font-size: 1em; list-style-type: disc;
319        [(#GET{c_navigation_bk}|!={transparent}|oui)
320        [list-style-image: url((#CHEMIN{images/pucebleue.gif}|image_sepia{[(#GET{c_navigation_bk}|couleur_inverser)]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue))];]
321}
322#content img.gallerie { float: left; padding: 2px; margin: .5em 2em; background-color: #000; border: 3px solid #ebeff8; }
323#content img.galleriebig { padding: 4px; margin: .5em 2em; background-color: #000; }
324
325#content .contenu_chapitres { padding-left: 3em; border-left: 1px solid #39f; font-size: 80%; }
326#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; }
327
328/* tableaux */
329#content table, table.spip { margin-top: 2em; margin-bottom: .5em; width: auto; border-collapse: collapse; background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{50,true})]; border: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite)]; font-size: 1em; }
330#content tbody { width: auto; }
331#content td, #content tr { font-size: 1em; }
332#content table tr td h2 { padding: 0; margin: 0; background: none; }
333#content table tr td .retoursommaire { padding: 0; margin: 0; float: right; text-align: auto; }
334#content td, th { width: auto; vertical-align: top; padding: 5px; padding-right:20px; padding-left:10px; border: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{20,true})]; text-align: left; }
335#content thead, table.spip tr.row_first, table.spip th { width: auto; background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{10})]; border: 1px solid [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{20,true})]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{20,true})]; font-size: 1.1em; text-align: center; }
336#content tr.alt, #content tr.row_odd  { background-color: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{5,true})]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{5,true})]; }
337table.spip tr.row_even { background: [ #(#GET{c_titraille_bk}|couleur_inverserluminosite{80,true})]; color: [ #(#GET{c_titraille}|couleur_inverserluminosite{20,true})]; }
338/* date picker de F&t */
339#content div.popup-calendar h3 { margin-left:1em; }
340#content div.popup-calendar td, th { padding:0; width:21px; }
341html > body div.popup-calendar { left:auto; right:40px; }
342
343/*************** BLOCKS - CONTENT */
344/* "popup" de connexion */
345#connexion { padding: 0 1em; margin: 0; font-size:1.5em; background-color: #ffffff; border: 4px solid #777777; color: #000000; }
346#connexion fieldset { padding-left: .25em; padding-right: .25em; padding-bottom: 3px; margin-top: 3px; margin-bottom: 5px; border: 1px solid #990000; }
347
348/* ancre cachée pour "retour haut de page" */
349#sommaire { clear: left; position: relative; width: auto; background-color: [ (#GET{c_cadrestexte_bk})]; border-top: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; border-bottom: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; font-size: .9em; }
350#sommaire h2 { width: auto; padding: 0 1em; margin: 0; background-color: [ (#GET{c_titraille_bk})]; border-bottom: 1px solid [ #(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; color: [ (#GET{c_titraille})];}
351
352/* menu en haut du contenu (onglets) */
353#menuhaut { padding-bottom: 1.7em; background-color: #GET{c_menuhaut_bk}; color: #GET{c_menuhaut};
354        [(#GET{c_menuhaut_bk}|!={transparent}|oui|et{[(#GET{d_menuhaut_degrade}|non)]})
355        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}|url_absolue)) repeat-x center];]
356        font-size: 130%;
357}
358#menuhaut ul { width: 100%; padding: 0; margin: 0; background-color: transparent; }
359#menuhaut ul li { display: inline; background-color: transparent; }
360#menuhaut ul li a { float: left; padding: 0.2em .5em; margin: 0; margin-right: 2px; background-color: #GET{c_menu_a_bk}; border-top: 1px solid #GET{c_menu_a_bk}; border-right: 1px solid #GET{c_menu_a_bk}; border-left: 1px solid #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-size: 1em; font-weight: bold; text-decoration: none; text-align: left; }
361#menuhaut ul li strong a { border-top: 1px solid #ffffff; border-right: 1px solid #B4C2C2; border-left: 1px solid #ffffff; }
362
363/* Breadcrumbs/Ariane */
364#miettesdepain { clear: both; padding: .25em 1em 1.5em; background-color: transparent; color: #000; font-size: .9em; font-style: italic; text-align: right; }
365#miettesdepain img { width: 8px; height: 11px; padding: 0; background: url([(#CHEMIN{images/chevrons.gif}|url_absolue)]) no-repeat center; }
366#miettesdepain ul { margin: 0; }
367#miettesdepain ul li { display: inline; }
368#miettesdepain ul li a { padding-right: 14px; background: url([(#CHEMIN{images/chevrons.gif}|url_absolue)]) right no-repeat; }
369
370/* sommaire en début d'article/de page */
371#artrecents {
372     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;
373        [background: (#GET{c_navigation_bk});] [(#GET{c_navigation_bk}|!={transparent}|oui|et{[(#GET{d_cartouche_degrade}|non)]}) background: #GET{c_navigation_bk}[ url((#CHEMIN{images/fond_degrade_fonce_en_bas3.png}|image_sepia{[(#GET{c_navigation_bk})]}|image_aplatir{jpg}|extraire_attribut{src}|url_absolue)) repeat-x top]; ]
374    border: 1px solid [#(#GET{c_navigation_bk}|couleur_inverserluminosite{30})];
375        border-bottom-color: [#(#GET{c_navigation_bk}|couleur_inverserluminosite{70})];
376        border-right-color: [#(#GET{c_navigation_bk}|couleur_inverserluminosite{70})];
377        font-size: #CONFIG{soyezcreateurs_couleurs/fontsizeartrecents,1}em;
378}
379#artrecents a { display: block; padding: 0; background: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; font-size: .9em; font-weight: normal; text-align: left; text-decoration: none; }
380#artrecents .odd { background-color: transparent; }
381#artrecents .odd a { background-color: [#(#GET{c_menu_a_bk}|couleur_inverserluminosite{10,true})]; }
382#artrecents h2, #signature h2 { padding: 2px 5px .5em; padding-right:5px; padding-left:2px; margin: 0 0 .5em; margin-right:0; margin-left:25px; background: transparent; border-bottom: 1px solid #GET{c_navigation}; color: #GET{c_navigation}; font-size: 1.2em; font-weight: bold; text-align: center; }
383#artrecents ul { margin-left: 18px; padding-left: 2px; }
384#artrecents li, #artrecents li.odd { margin-right:2px; background: #GET{c_menu_a_strong_bk}; color: #GET{c_menu_a_strong}; }
385/* documents dans sommaire début d'article */
386#docjoints ul { padding: 0; padding-right:5px; padding-left:25px; margin: 0; }
387#docjoints img { float: left; padding-left: 0.5em; padding-right: 0.5em; }
388
389/* agenda */
390table.agenda, table.agenda tr, table.agenda th, table.agenda td, table.agenda caption, table.agenda caption h2 { padding: 0; margin: 0; color: #000000; font-size: .9em; text-align: center; }
391table.agenda caption { width: 136px; margin: auto; background-color: #GET{c_container_bk}; border: none; color: #GET{c_menu_a_bk}; font-size: 1.2em; }
392table.agenda th { width:14% !important; padding: .2em 0; font-size: 1.1em; }
393table.agenda tr, table.agenda th { border-collapse: collapse; border: 1px solid [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; }
394table.agenda td { width:14% !important; border-collapse: collapse; border: 1px solid [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; font-size: 1em; }
395table.agenda { background: transparent; border-collapse: collapse; border: 2px solid [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; }
396table.agenda em { background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{90})]; }
397table.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}|url_absolue)]) top right no-repeat; color: [ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{20,true})]; font-weight: bold; text-decoration: none; }
398table.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; }
399table.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})]; }
400table.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})]; }
401table.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})]; }
402.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; }
403/* jour avec événement */
404dl.event { padding: 0; margin: 2em 0; }
405.event dt { position: relative; left: 0; top: 1.1em; width: 7em; font-weight: bold; }
406.event dd { padding: 0 0 .5em; padding-right:0; padding-left:.5em; margin: 0; margin-left:8em; border-left: 1px solid #000000; }
407.highlight_anchor { background: [#(#GET{c_titraille_bk}|couleur_inverserluminosite{60,true})]; border: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; padding: .5em; }
408
409/* google */
410#googlesearch { padding: 5px; margin: 0 10px 10px; margin-right:10px; margin-left:5px; background-color: #fff; color: #000; font-size: .9em; text-decoration: none; }
411#googleadsense { padding-top: 1em; text-align:center; }
412#google_picasa { margin: 1em 0 .2em; text-align: center; }
413
414/* barre d'outils pour publication dans forum */
415#content table.spip_barre a img { padding: 3px; background-color: #ffddaa; border: 1px solid #ffffff; border-right-color: #aa9966; border-bottom-color: #aa9966; }
416#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; }
417
418/* liste de bougies */
419#graversonnom { margin: 1em 30px; }
420#graversonnom img { float: left; padding: 0; margin: 0; }
421
422/*************** HOME - MODE NEWS */
423.modenews dt { padding: .3em; padding-right:0; padding-left:1em; border-top: 1px solid #13007D; font-size: 120%; }
424.modenews .datepublication { font-size: .6em; font-weight: normal; }
425.modenews .savoirplus { clear: right; margin-bottom: 1em; font-style: italic; text-align: right; }
426/* articles "signalés" */
427.alaune dl { background: url([(#CHEMIN{images/staryellow.gif}|url_absolue)]) no-repeat left 65% transparent; }
428ul.alaune li { list-style-image: url([(#CHEMIN{images/staryellow.gif}|url_absolue)]); }
429.alaune dd p { margin-bottom: 0; margin-top: 0; }
430
431/*************** HOME - MODE Actualités */
432.modeactualites #col1 { width:50%; float:left;}
433.modeactualites #col2 { margin-left:5%; width:45%; float:left; }
434#content .modeactualites h2 { margin-left:0; }
435
436/*************** PAGE DE RUBRIQUE - LISTE D'ARTICLES */
437/* liste d'articles dans page de rubriques */
438dl#listearticlerubrique { padding: 0; margin: .5em 0 1.5em; }
439#listearticlerubrique dt { 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)]; }
440#listearticlerubrique dt .datepublication { margin-right: 0; -moz-border-radius-topleft: 1em; -webkit-border-top-left-radius: 1em; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; }
441#listearticlerubrique 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)]; }
442
443/*************** ARTICLE - CONTENT */
444.surtitre, .soustitre, .datepublication { position: relative; margin-left: 0; margin-right: 0; color: #GET{c_titraille}; font-size: .9em; font-style: italic; font-weight: bold; }
445.surtitre { top: 0; }
446.soustitre { text-align: right; margin-bottom: .3em; }
447.datepublication { z-index: 100; float: right; padding: 1px .5em; margin-right: -8px; background: [#(#GET{c_titraille_bk}|couleur_inverserluminosite{70,true})]; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; font-size: .8em; font-style: italic; }
448.surtitre span, .soustitre span { padding: 0 1em; }
449.surtitre span { background: [#(#GET{c_titraille_bk}|couleur_inverserluminosite{70,true})]; -moz-border-radius-topright: 1em; -webkit-border-top-right-radius: 1em; }
450.soustitre span { margin-right: -8px; background: [#(#GET{c_titraille_bk}|couleur_inverserluminosite{70,true})]; -moz-border-radius-bottomleft: 1em; -webkit-border-bottom-left-radius: 1em; }
451
452blockquote.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}|url_absolue)]) no-repeat top left; border: none; color: [ (#GET{c_cadrestexte})]; }
453blockquote.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}|url_absolue)]) 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})]; }
454div.spip_poesie div { margin-left: 60px; text-indent: -60px; }
455
456.spip_documents_center { margin: auto; text-align: center; }
457.spip_documents_left { clear: left; margin-right: 15px; text-align: center; }
458.spip_documents_right { clear: right; margin-left: 15px; text-align: center; }
459.spip_documents img { padding: 0 !important; border: none; }
460.spip_documents { text-align: center; }
461
462.texte { font-size: #CONFIG{soyezcreateurs_couleurs/fontsizecontenu,1.2}em; }
463
464.odd { background-color: [#(#GET{c_container_bk}|couleur_inverserluminosite{10})]; }
465.right { text-align: right; }
466
467/* bloc d'intro */
468#letexte { clear: left; padding: 0 30px; font-size: 1.1em; line-height: 120%; }
469#letexte ul { font-size: 1em; line-height: 120%; }
470#letexte form { position: relative; padding: 0; margin: 0; }
471#letexte form p { text-align: right; }
472#letexte form .forum-texte p { text-align: left; }
473
474/* Rectification pour la météo sur 5 jours */
475.rainette_previsions_24h, .rainette_previsions_24h .jour, .rainette_previsions_24h .date,.rainette_previsions_24h .contenu {
476        width:100px;
477}
478
479.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;
480        [(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_cadreinfo_degrade}|non)]})
481        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}|url_absolue)) repeat-x top];]
482}
483
484.ahem { position:absolute !important; overflow:hidden !important; top:-2000px !important; left:-2000px !important; height:0 !important; width:0 !important; }
485
486.espaceavant { margin-top: 10px; }
487
488.centrer_div { margin-top: 1em; margin-bottom: .5em; text-align: center; }
489
490.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})]; }
491.caractencadre-spip { color: #f60; font-weight: bold; }
492.caractencadre2-spip { color: #009; font-weight: bold; }
493
494.cartouche { position: relative; margin-bottom: 2em; }
495
496.descriptif, .chapo { padding: 2px 1em 3px; margin-top: 1em; margin-bottom: .5em; clear: left; font-size: 1em; font-weight: normal; text-align: justify; }
497.chapo { padding: 1em 2em; background-color: [(#GET{c_cadrestexte_bk})]; border: 1px solid [#(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; -webkit-border-radius: 1em; -moz-border-radius: 1em; color: [(#GET{c_cadrestexte})]; }
498
499.retoursommaire { margin-bottom: 10px; margin-top: 20px; font-size: .8em; text-align: right; }
500
501.menuarticles { background-image: url([(#CHEMIN{images/chevrons.gif}|url_absolue)]) !important; background-position: 5px !important; background-repeat: no-repeat !important; }
502
503.rubriques_chapitres { padding-left: 1em; border-left: 2px solid #076b8b; }
504
505/* forum en bas d'un article */
506
507/* comments */
508#content .comments h2 { background-color: #GET{c_titraille_bk}; color: #GET{c_titraille};
509        [(#GET{c_titraille_bk}|!={transparent}|oui|et{[(#GET{d_titraille_degrade}|non)]})
510        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}|url_absolue)) repeat-x top];]
511        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;
512}
513#content .comments h2{ background-image: none; border: none; }
514.comments-list { margin: .5em 0 0 0; background: [ #(#GET{c_container_bk}|couleur_inverserluminosite{5})]; color: [ #(#GET{c_container}|couleur_inverserluminosite{5})]; }
515.comments-list ul, .comments-thread ul { padding-left: 0; }
516.comments-list ul ul, .comments-thread ul ul { padding-left: 16px; }
517.odd {background: [ #(#GET{c_container_bk}|couleur_inverserluminosite{5})];}
518p.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;}
519.comment-meta img.avatar { vertical-align:top;}
520.comment-content, .modererforum { padding-left: 1%; }
521#formulaire_forum li { clear : none; }
522fieldset.qui p , .comments-feed{ padding-left: 0.75em; }
523.modererforum button { background-color: #GET{c_titraille_bk}; color: #GET{c_titraille};}
524
525#cadreforum { margin: .5em 0 0 0; background: [ #(#GET{c_container_bk}|couleur_inverserluminosite{5})]; color: [ #(#GET{c_container}|couleur_inverserluminosite{5})]; }
526#cadreforum h1 { padding-right: 0; margin-right: 0; margin-left: 0; background-image: none; border: none; }
527#cadreforum ul { padding-left: 0; }
528#cadreforum ul ul { padding-left: 16px; }
529.forum-auteur { float: right; font-style: italic; padding-right: 5px; }
530.logo-auteur { float: right; }
531.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})]; }
532.forum-item { padding-left: 1%; padding-right: 1%; margin-bottom: 5px; }
533.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; }
534.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; }
535.forum-repondre-message { padding-right: 5px; margin-top: 3px; text-align: right; }
536
537/* mise en forme spip */
538.ps { clear: both; position: relative; padding: 2px .5em 3px; margin-top: 1em; margin-bottom: .5em; background-color: [(#GET{c_cadrestexte_bk})]; border: 1px solid #[(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; color: [(#GET{c_cadrestexte})]; font-size: .9em; font-weight: normal; text-align: justify; }
539#letexte a.spip_out { padding-right: 14px; background: transparent url([(#CHEMIN{images/out.gif}|url_absolue)]) no-repeat scroll right center; color: #GET{c_link}; }
540.spip_bouton { margin: 0; width: auto; font-size: .9em; font-weight: bold; text-align: right; }
541.okfield, .spip_bouton input { border: none; background-color: #GET{c_menu_a_bk}; color: #GET{c_menu_a}; }
542#letexte form .spip_bouton { text-align: right; }
543.spip_surligne { background: #ffcc00; color: #293778; }
544.spip_code { color: [#(#GET{c_container}|couleur_inverserluminosite{30})] }
545
546/* logos (?!) */
547.logo_modenews { float:right; clear:right; }
548.logo_article, .logo_rubrique, .logo_breve { float:left; }
549.logo_agenda { float: left; padding: .2em 0.5em !important; }
550.menu_right_logo { margin: 3px 0; }
551.menu_haut_logo { float: left; padding: 0 !important; padding-right:4px !important; padding-left:0 !important; margin: 0 !important; }
552.menu_gauche_logo { float: right; margin: 0 4px; }
553
554/* pétition */
555#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; }
556
557/* notes de bas de page */
558.notes { padding: .5em 1em 1em; padding-right:1em; padding-left:10px; margin: 1em 0 2em; background-color: [(#GET{c_cadrestexte_bk})]; border: 1px solid #[(#GET{c_cadrestexte_bk}|couleur_inverserluminosite{30})]; color: [(#GET{c_cadrestexte})]; font-size: 1em; line-height: 120%; }
559.notes p { padding: 0; margin: .3em 0; }
560
561/* dates d'événements */
562#ArticleAgendaDetail li { margin-bottom: .5em; }
563#ArticleAgendaDetail ul.spip li { margin-bottom: 0; margin-left: .5em; }
564#ArticleAgendaDetail dt { border-bottom: 1px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; }
565#ArticleAgendaDetail dd { padding-left: 1em; margin-left: 1.2em; border-left: 2px solid [#(#GET{c_titraille_bk}|couleur_foncerluminosite)]; }
566
567/*************** AGENDA - CONTENT */
568/* statut de l'événement */
569dd.agendastatut { margin-left: -2em; padding: .3em 0; }
570strong.agendastatut { padding: .1em 1em; margin-right: 1em; border: 1px solid #FF0000; border-left-wdith: 4px; border-right-width: 4px; }
571
572/*************** GALLERY - CONTENT */
573/* si pas de JS (?) */
574#document_actif { padding: .5em 0 1em; margin: 1em 0; text-align: center; }
575#document_actif h2 { margin-left: 0; }
576#document_actif dl { margin: 1em 0; color: inherit; }
577#document_actif dt { padding: 0; margin: 0; color: inherit; font-weight: bold; font-size: 120%; }
578#document_actif dd { padding: 0; margin: 0 0 .5em; color: inherit; font-style: italic; }
579/* photos sous la grande */
580#documents_portfolio { clear: both; }
581#documents_portfolio img { padding: 0; float: left; margin: 0 1em .5em; margin-right:1em; margin-left:0; border: 2px solid #000000; }
582/* ?? */
583#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; }
584
585/*************** SIGLES - CONTENT */
586#sigles dt { margin-top: 1em; font-size: 1.2em; font-weight: bold; }
587#sigles dd p { margin-top: 0; }
588
589/*************** CONTENT - MAIN SIDEBAR */
590#menu .cadreinfo { padding: 10px 5px; margin-left: 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});]
591        [(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_cadreinfo_degrade}|non)]})
592        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}|url_absolue)) repeat-x top];]
593}
594#menu .cadreinfo p { margin: .5em 0 0; text-align: left; }
595
596/*************** CONTENT - EXTRA SIDEBAR */
597/* mini-agenda */
598.miniagenda { text-align: center; }
599.miniagenda table.agenda { width: 134px; margin: auto; }
600/* derniers ajouts dans agenda */
601.agendaderniersajouts { text-align: left; }
602/* bloc citations */
603#citations { position: relative; overflow: hidden; padding: 0; margin-top:2em; margin-right: 10px; margin-bottom: .5em; margin-left: 10px; width: [(#GET{LargeurMenuDroit}|moins{20})]px; }
604#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; }
605#citations dd { background-color:[ #(#GET{c_menu_a_bk}|couleur_inverserluminosite{80})];
606        [(#GET{c_menu_a_bk}|!={transparent}|oui|et{[(#GET{d_citations_degrade}|non)]})
607        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}|url_absolue)) 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;
608}
609#header #citationsheader { clear: right; float: right; width: 400px; font-size: 80%; }
610/* xiti et compteurs */
611#xiti { position: absolute; bottom: 10px; left: 18px; z-index: -1; }
612#compteurs { padding: 0; margin: 20px 5px 10px; background-color: #fc0; color: #f60; text-align: center; text-decoration: none; }
613#compteurs a { display: block; padding-top: 5px; padding-bottom: 5px; text-align: center; }
614
615
616/* lettre d'info */
617#lettre h2 { padding: 10px 1px 0; padding-right:1px; padding-left:10px; margin: 0; }
618#lettre img { border: none; padding: 0 0.5em 0; }
619
620/* Paiement en ligne */
621ul#infos_etapes {
622        list-style-type: none;
623        list-style-image: none;
624        padding: 0;
625        margin: 0;
626        margin-top: 0;
627        margin-bottom: 0;
628        height: 63px;
629        overflow: hidden;
630        text-align: left;
631        font-family: helvetica, arial, sans;
632        background: url([(#CHEMIN{images/degrade-etapes-clair-left.gif}|url_absolue)]) top right;
633}
634
635#infos_etapes li {
636        float: left;
637        width: 20%;
638        padding-left: 5%;
639        padding-right: 4%;
640        padding-top: 19px;
641        height: 69px;
642        text-align: left;
643        font-size: 13px;
644        line-height: 1.05em;
645        margin-left: -4%;
646       
647}
648#infos_etapes li span.numero_etape {
649        font-weight: bold;
650        font-size: 36px;
651        padding-right: 3px;
652        padding-left: 3px;
653        padding-top: 7px;
654        float: left;
655        display: block;
656        height: 50px;
657        font-family: helvetica, arial, sans;
658}
659#infos_etapes li.encours {
660        background: url([(#CHEMIN{images/degrade-etapes-fonce-left.gif}|url_absolue)]) top left;
661        color: white;
662        font-weight: bold;
663}
664#infos_etapes li.prochains {
665        background: url([(#CHEMIN{images/degrade-etapes-clair-left.gif}|url_absolue)]) top left;
666        color: #666666;
667}
668#infos_etapes li.valides {
669        background: url([(#CHEMIN{images/degrade-etapes-vert-left.gif}|url_absolue)]) top left;
670        color: #128f02;
671}
672#infos_etapes li.erreur {
673        background: url([(#CHEMIN{images/degrade-etapes-rouge-left.gif}|url_absolue)]) top left;
674        color: white;
675}
676
677#pb_etape_contenu {
678        padding: 10px;
679}
680
681#liste_panier {
682        width: 100%;
683        font-size: 12px;
684        border-spacing: 1px;
685}
686#liste_panier td {
687        font-family: verdana, arial, sans;
688}
689.col1 {
690        padding: 0;
691        width: 30px;
692        text-align: center;
693        background: url([(#CHEMIN{images/label-fond-gauche-left.gif}|url_absolue)]) center left no-repeat;
694}
695.col1 img { border: 0; }
696.col2 {
697        background: url([(#CHEMIN{images/label-fond-gauche-left.gif}|url_absolue)]) center right no-repeat;
698        padding: 5px;
699       
700}
701.col2 a {
702        color: white;
703        text-decoration: none;
704       
705}
706.col3, .col4, .col5 {
707        text-align: center;
708        background-color: #eeeeee;
709}
710.col5 a {
711        color: red;
712}
713.col6 {
714        background: url([(#CHEMIN{images/label-fond-haut-left.gif}|url_absolue)]) bottom left no-repeat;
715        text-align: center;
716        padding: 5px;
717        color: white;
718}
719.pb_mention_total_ttc, .pb_afficher_total_ttc {
720        background-color: black;
721        color: white;
722        padding: 5px;
723        text-align: center;
724}
725.pb_mention_total_ht, .pb_afficher_total_ht {
726        background-color: #eeeeee;
727        color: black;
728        padding: 5px;
729        text-align: center;
730}
731
732.pb_etape_prec, .pb_etape_suiv {
733        margin-top: 15px;
734        display: -moz-inline-box;
735        display: inline-block;
736        font-size: 12px;
737        font-weight: normal;
738        font-family: verdana, arial, sans;
739        padding: 4px;
740        border: 0;
741        color: #cccccc;
742        text-decoration: none;
743        text-align: center;
744}
745.pb_etape_prec:hover, .pb_etape_prec:focus, .pb_etape_suiv:hover, .pb_etape_suiv:focus {
746        color: white;
747}
748.pb_etape_prec {
749        float: left;
750        padding-left: 10px;
751        background: url([(#CHEMIN{images/label-fond-gauche-right.gif}|url_absolue)]) center left no-repeat;
752
753}
754.pb_etape_suiv {
755        font-weight: bold;
756        float: right;
757        padding-right: 10px;
758        background: url([(#CHEMIN{images/label-fond-gauche-left.gif}|url_absolue)]) center right no-repeat;
759}
760
761.pb_panier_add { float: right; padding:8px 1em; }
762.pb_panier_produit { margin: 4px 1em; }
763.pb_panier_produit i { color: #[(#GET{c_container}|couleur_inverserluminosite{50})]; font-size: .8em; }
764
765/* Bouton texte, pour permettre a direction_css de fonctionner */
766
767.boutonstexte { text-align:right; }
768
769/* CleverMail 2 */
770#inscriptionlettre h2 { font-size:1em; margin: 0; padding-bottom: 4px;}
771#inscriptionlettre ul { margin: 0; padding:0; }
772#sub_email { width: 97%; }
773#inscriptionlettre p.boutons { margin:0; padding-top:8px; text-align:right;}
774
775[(#CHEMIN{images/stylessoyezcreateurs_perso.css}|?{'/* Surcharge eventuelle */'})
776[(#INCLURE{#CHEMIN{images/stylessoyezcreateurs_perso.css}|url_absolue_css}|compacte{css})]
777]
778
779
780#SET{layoutgala, #CONFIG{soyezcreateurs_layout/sommaire_layout,7}}
781
782
783#SET{LargeurOmbre,(#CONFIG{soyezcreateurs_layout/largeurombre,0})}
784#SET{LargeurContaineurOmbres,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|plus{#GET{LargeurOmbre}}|plus{#GET{LargeurOmbre}})}
785#SET{LargeurContaineurOmbre,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960}|plus{#GET{LargeurOmbre}})}
786#SET{LargeurContaineur,(#CONFIG{soyezcreateurs_layout/largeurconteneur,960})}
787#SET{LargeurMenuGaucheOmbre,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,160}|plus{#GET{LargeurOmbre}})}
788#SET{LargeurMenuGauche,(#CONFIG{soyezcreateurs_layout/largeurmenugauche,160})}
789#SET{LargeurMenuDroitOmbre,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,140}|plus{#GET{LargeurOmbre}})}
790#SET{LargeurMenuDroit,(#CONFIG{soyezcreateurs_layout/largeurmenudroit,140})}
791
792
793[(#GET{layoutgala}|=={1}|oui)/* 1 */
794div#wrapper{float:left;width:100%}
795div#content{margin: 0 25%}
796div#navigation{float:left;width:25%;margin-left:-100%}
797div#extra{float:left;width:25%;margin-left:-25%}
798div#footer{clear:left;width:100%}
799][(#GET{layoutgala}|=={2}|oui)/* 2 */
800div#wrapper{float:left;width:100%}
801div#content{margin: 0 25%}
802div#navigation{float:left;width:25%;margin-left:-25%}
803div#extra{float:left;width:25%;margin-left:-100%}
804div#footer{clear:left;width:100%}
805][(#GET{layoutgala}|=={3}|oui)/* 3 */
806div#wrapper{float:left;width:100%}
807div#content{margin-right: 50%}
808div#navigation{float:left;width:25%;margin-left:-50%}
809div#extra{float:left;width:25%;margin-left:-25%}
810div#footer{clear:left;width:100%}
811][(#GET{layoutgala}|=={4}|oui)/* 4 */
812div#wrapper{float:left;width:100%}
813div#content{margin-right: 50%}
814div#navigation{float:left;width:25%;margin-left:-25%}
815div#extra{float:left;width:25%;margin-left:-50%}
816div#footer{clear:left;width:100%}
817][(#GET{layoutgala}|=={5}|oui)/* 5 */
818div#wrapper{float:left;width:100%}
819div#content{margin-left: 50%}
820div#navigation{float:left;width:25%;margin-left:-100%}
821div#extra{float:left;width:25%;margin-left:-75%}
822div#footer{clear:left;width:100%}
823][(#GET{layoutgala}|=={6}|oui)/* 6 */
824div#wrapper{float:left;width:100%}
825div#content{margin-left: 50%}
826div#navigation{float:left;width:25%;margin-left:-75%}
827div#extra{float:left;width:25%;margin-left:-100%}
828div#footer{clear:left;width:100%}
829][(#GET{layoutgala}|=={7}|oui)/* 7 */
830div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
831div#wrapper{float:left;width:100%}
832div#content{margin: 0 #GET{LargeurMenuDroitOmbre}px 0 #GET{LargeurMenuGaucheOmbre}px}
833div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineurOmbre}px}
834div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroitOmbre}px}
835div#footer{clear:left;width:100%}
836][(#GET{layoutgala}|=={8}|oui)/* 8 */
837div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
838div#wrapper{float:left;width:100%}
839div#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
840div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
841div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
842div#footer{clear:left;width:100%}
843][(#GET{layoutgala}|=={9}|oui)/* 9 */
844div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
845div#wrapper{float:left;width:100%}
846div#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
847div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
848div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
849div#footer{clear:left;width:100%}
850][(#GET{layoutgala}|=={10}|oui)/* 10 */
851div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
852div#wrapper{float:left;width:100%}
853div#content{margin-right:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
854div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
855div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
856div#footer{clear:left;width:100%}
857][(#GET{layoutgala}|=={11}|oui)/* 11 */
858div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
859div#wrapper{float:left;width:100%}
860div#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
861div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurContaineur}px}
862div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
863div#footer{clear:left;width:100%}
864][(#GET{layoutgala}|=={12}|oui)/* 12 */
865div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
866div#wrapper{float:left;width:100%}
867div#content{margin-left: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
868div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuDroit}})]px}
869div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurContaineur}px}
870div#footer{clear:left;width:100%}
871][(#GET{layoutgala}|=={13}|oui)/* 13 */
872div#wrapper{float:left;width:100%;}
873div#content{margin: 0 #GET{LargeurMenuDroit}px 0 #GET{LargeurMenuGauche}px}
874div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
875div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
876div#footer{clear:left;width:100%}
877][(#GET{layoutgala}|=={14}|oui)/* 14 */
878div#wrapper{float:left;width:100%}
879div#content{margin: 0 #GET{LargeurMenuGauche}px 0 #GET{LargeurMenuDroit}px}
880div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
881div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-100%}
882div#footer{clear:left;width:100%}
883][(#GET{layoutgala}|=={15}|oui)/* 15 */
884div#wrapper{float:left;width:100%}
885div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
886div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
887div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
888div#footer{clear:left;width:100%}
889][(#GET{layoutgala}|=={16}|oui)/* 16 */
890div#wrapper{float:left;width:100%}
891div#content{margin-right: [(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
892div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
893div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
894div#footer{clear:left;width:100%}
895][(#GET{layoutgala}|=={17}|oui)/* 17 */
896div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
897div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
898div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
899div#extra{float:right;width:#GET{LargeurMenuDroit}px}
900div#footer{clear:right;width:100%}
901][(#GET{layoutgala}|=={18}|oui)/* 18 */
902div#wrapper{float:right;width: 100%;margin-left: -[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
903div#content{margin-left:[(#GET{LargeurMenuGauche}|plus{#GET{LargeurMenuDroit}})]px}
904div#navigation{float:left;width: #GET{LargeurMenuGauche}px}
905div#extra{float:right;width:#GET{LargeurMenuDroit}px}
906div#footer{clear:both;width:100%}
907][(#GET{layoutgala}|=={19}|oui)/* 19 */
908div#wrapper{float:left;width:100%}
909div#content{margin: 0 33% 0 #GET{LargeurMenuGauche}px}
910div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
911div#extra{float:left;width:33%;margin-left:-33%}
912div#footer{clear:left;width:100%}
913][(#GET{layoutgala}|=={20}|oui)/* 20 */
914div#wrapper{float:left;width:100%}
915div#content{margin: 0 #GET{LargeurMenuDroit}px 0 33%}
916div#navigation{float:left;width:33%;margin-left:-100%}
917div#extra{float:left;width:#GET{LargeurMenuDroit}px;margin-left:-#GET{LargeurMenuDroit}px}
918div#footer{clear:left;width:100%}
919][(#GET{layoutgala}|=={21}|oui)/* 21 */
920div#wrapper{float:left;width:100%;margin-left:-25%}
921div#content{margin: 0 #GET{LargeurMenuGauche}px 0 25%}
922div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
923div#extra{float:left;width:25%}
924div#footer{clear:left;width:100%}
925][(#GET{layoutgala}|=={22}|oui)/* 22 */
926div#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuDroit}px}
927div#content{margin: 0 25% 0 #GET{LargeurMenuDroit}px}
928div#navigation{float:left;width:25%;margin-left:-25%}
929div#extra{float:left;width:#GET{LargeurMenuDroit}px}
930div#footer{clear:left;width:100%}
931][(#GET{layoutgala}|=={23}|oui)/* 23 */
932div#wrapper{float:left;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
933div#content{margin-left:#GET{LargeurMenuGauche}px}
934div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
935div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
936div#footer{clear:both;width:100%}
937][(#GET{layoutgala}|=={24}|oui)/* 24 */
938div#wrapper{float:right;width:100%;margin-left:-#GET{LargeurMenuGauche}px}
939div#content{margin-left:#GET{LargeurMenuGauche}px}
940div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
941div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
942div#footer{clear:both;width:100%}
943][(#GET{layoutgala}|=={25}|oui)/* 25 */
944div#wrapper{float:left;width:100%;margin-left:-33%}
945div#content{margin-left:33%}
946div#navigation{float:right;width:32.9%}
947div#extra{float:right;clear:right;width:32.9%}
948div#footer{clear:both;width:100%}
949][(#GET{layoutgala}|=={26}|oui)/* 26 */
950div#wrapper{float:right;width:80%;}
951div#navigation{float:left;width:20%}
952div#extra{float:left;clear:left;width:20%}
953div#footer{clear:both;width:100%}
954][(#GET{layoutgala}|=={62}|oui)/* 26 modifie - identifiant 62 */
955div#wrapper{float:right;width:80%;margin-left:-.5%}
956div#navigation{float:left;width:20.5%}
957div#extra{float:left;clear:left;width:20%}
958div#footer{clear:both;width:100%}
959][(#GET{layoutgala}|=={27}|oui)/* 27 */
960div#navigation{float:left;width:50%}
961div#extra{float:left;width:49.9%}
962div#footer{clear:left;width:100%}
963][(#GET{layoutgala}|=={28}|oui)/* 28 */
964div#navigation{float:right;width:50%}
965div#extra{float:right;width:49.9%}
966div#footer{clear:right;width:100%}
967][(#GET{layoutgala}|=={29}|oui)/* 29 */
968div#wrapper{float:right;width:70%}
969div#navigation{float:left;width:29.9%}
970div#extra{clear:both;width:100%}
971][(#GET{layoutgala}|=={30}|oui)/* 30 */
972div#wrapper{float:left;width:70%}
973div#navigation{float:right;width:29.9%}
974div#extra{clear:both;width:100%}
975][(#GET{layoutgala}|=={31}|oui)/* 31 */
976div#wrapper{float:left;width:100%;}
977div#content{margin-left:#GET{LargeurMenuGauche}px}
978div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-100%}
979div#extra{clear:left;width:100%}
980][(#GET{layoutgala}|=={32}|oui)/* 32 */
981div#wrapper{float:left;width:100%}
982div#content{margin-right:#GET{LargeurMenuGauche}px}
983div#navigation{float:left;width:#GET{LargeurMenuGauche}px;margin-left:-#GET{LargeurMenuGauche}px}
984div#extra{clear:left;width:100%}
985][(#GET{layoutgala}|=={33}|oui)/* 33 */
986div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
987div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
988div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
989div#extra{float:right;clear:right;width:#GET{LargeurMenuGauche}px}
990div#footer{clear:both;width:100%}
991][(#GET{layoutgala}|=={34}|oui)/* 34 */
992div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
993div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
994div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
995div#extra{float:left;clear:left;width:#GET{LargeurMenuGauche}px}
996div#footer{clear:both;width:100%}
997][(#GET{layoutgala}|=={35}|oui)/* 35 */
998div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
999div#content{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
1000div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
1001div#extra{float:left;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
1002div#footer{clear:both;width:100%}
1003][(#GET{layoutgala}|=={36}|oui)/* 36 */
1004div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
1005div#content{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
1006div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
1007div#extra{float:right;width:[(#GET{LargeurContaineur}|plus{-#GET{LargeurMenuGauche}})]px}
1008div#footer{clear:both;width:100%}
1009][(#GET{layoutgala}|=={37}|oui)/* 37 */
1010div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
1011div#content{float:left;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
1012div#navigation{float:right;width:#GET{LargeurMenuGauche}px}
1013div#extra{clear:both;width:100%}
1014][(#GET{layoutgala}|=={38}|oui)/* 38 */
1015div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
1016div#content{float:right;width:[(#GET{LargeurContaineur}|moins{#GET{LargeurMenuGauche}})]px}
1017div#navigation{float:left;width:#GET{LargeurMenuGauche}px}
1018div#extra{clear:both;width:100%}
1019][(#GET{layoutgala}|=={39}|oui)/* 39 */
1020div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
1021div#navigation{float:left;width:50%}
1022div#extra{float:right;width:50%}
1023div#footer{clear:both;width:100%}
1024][(#GET{layoutgala}|=={40}|oui)/* 40 */
1025div#container{width:#GET{LargeurContaineurOmbres}px;margin:0 auto}
1026div#navigation{float:right;width:50%}
1027div#extra{float:left;width:50%}
1028div#footer{clear:both;width:100%}
1029]
1030[(#REM) Correction rapide pour les sites n'utilisant pas la surcharge perso des CSS.
1031Permet de faire remarcher les bulles d'aide partout. ]
1032#tooltip {
1033        position: absolute;
1034        z-index: 3000;
1035}
Note: See TracBrowser for help on using the repository browser.