| | 102 | |
| | 103 | |
| | 104 | #bando_haut { font-size: 110%; position:relative;} |
| | 105 | #bando_haut a { text-decoration: none; } |
| | 106 | #bando_haut .largeur { width: 780px; margin: auto; text-align:#GET{left}; } |
| | 107 | .large #bando_haut .largeur {width:974px;} |
| | 108 | |
| | 109 | |
| | 110 | #bando_haut #bando_liens_rapides {position:absolute;top:0;z-index:0;width:100%;} |
| | 111 | #bando_haut #bando_liens_rapides.actif {z-index:11;background:#000;min-height:25px;line-height:2em;color: #fff; overflow:hidden; border-bottom:1px solid #222;} |
| | 112 | #bando_haut #bando_liens_rapides a {color:#fff;font-weight:bold;} |
| | 113 | |
| | 114 | #bando_haut ul{margin: 0; padding: 0; list-style: none;} |
| | 115 | |
| | 116 | #bando_haut ul.deroulant li { /*position:relative; */float:#GET{left}; display: block;} |
| | 117 | #bando_haut ul.deroulant li ul li {float:none;position:static;} |
| | 118 | #bando_haut ul.deroulant li:hover, #bando_haut ul.deroulant li.actif,#bando_haut ul.deroulant li.actif_tempo { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; } |
| | 119 | #bando_haut ul.deroulant li ul {border: 1px solid #666; border-top: 0; text-align:#GET{left}; height: auto; width: auto; display: block; position:absolute; #GET{left}:-3000em; z-index: 99; } |
| | 120 | #bando_haut ul.deroulant li:hover ul, #bando_haut ul.deroulant li.actif ul, #bando_haut ul.deroulant li.actif_tempo ul { #GET{left}:auto;} |
| | 121 | #bando_haut ul.deroulant li a { display: block; } |
| | 122 | #bando_haut ul.deroulant li ul li { background-color: #fff; border-top: 1px solid #ccc;} |
| | 123 | #bando_haut ul.deroulant li ul li a { font-weight: normal; } |
| | 124 | #bando_haut ul.deroulant li ul li a:hover, |
| | 125 | #bando_haut ul.deroulant li ul li a:focus { background-color: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; } |
| | 126 | |
| | 127 | #bando_identite { line-height:2em; background: #[(#GET{foncee}|couleur_foncer|couleur_foncer)]; color: #eee; overflow:hidden; border-bottom:1px solid #222; z-index:10;position:relative;} |
| | 128 | #bando_identite p { width: 50%; padding: 1px 0; margin:0;} |
| | 129 | #bando_identite p img { vertical-align: middle; } |
| | 130 | #bando_identite p.nom_site_spip { width: 40%; float:#GET{right};text-align:#GET{right}; } |
| | 131 | #bando_identite p.session { width: 60%; float:#GET{left}; text-align:#GET{left}; } |
| | 132 | #bando_identite p.session .menu_lang { vertical-align: middle; } |
| | 133 | #bando_identite strong, #identite a { color: #afafaf; } |
| | 134 | #bando_identite a { color: #fff; } |
| | 135 | #bando_identite a:hover { text-decoration: underline; } |
| | 136 | |
| | 137 | #bando_outils { /*position:fixed;*/ bottom:0px; width:100%; line-height:1.5em;clear:both; background: #[(#GET{claire}|couleur_eclaircir|couleur_eclaircir)]; border-bottom: 1px solid #888; z-index:10000;} |
| | 138 | |
| | 139 | #bando_outils li.boussole {margin-#GET{right}:20px;} |
| | 140 | #bando_outils li.boussole a#boutonbandeautoutsite {display:block;line-height:1em;} |
| | 141 | #bando_outils li.boussole a#boutonbandeautoutsite img {padding:2px; } |
| | 142 | #bando_outils li.boussole a#boutonbandeautoutsite:hover,#bando_outils li.boussole a#boutonbandeautoutsite:focus {background:#fff;} |
| | 143 | |
| | 144 | #bando_outils ul.deroulant {font-size:0.9em;} |
| | 145 | #bando_outils ul.deroulant li ul {background:#fff;border:2px solid #444;padding:1px;border-top:0;padding-top:0;} |
| | 146 | #bando_outils ul.deroulant li li a { padding: 3px 3px;padding-#GET{right}:10px;background-repeat:no-repeat;background-position:[(#GET{right}) ]3px;} |
| | 147 | #bando_outils ul.deroulant li li { background-repeat:no-repeat;background-position:[(#GET{left}) ]3px;padding-#GET{left}:15px;} |
| | 148 | |
| | 149 | #bando_outils ul.deroulant li.haschild > a {background-image:url(#CHEMIN_IMAGE{triangle-droite#GET{rtl}|concat{.gif}});} |
| | 150 | #bando_outils ul.deroulant li li {background-image:url(#CHEMIN_IMAGE{secteur-12.gif});} |
| | 151 | #bando_outils ul.deroulant li li li {background-image:url(#CHEMIN_IMAGE{rubrique-12.gif});} |
| | 152 | #bando_outils ul.deroulant li.toutsite {background-image:none;} |
| | 153 | |
| | 154 | #bando_outils ul.deroulant li ul li {float:none;position:relative;} |
| | 155 | #bando_outils ul.deroulant li:hover li ul, #bando_outils ul.deroulant li.actif li ul, #bando_outils ul.deroulant li.actif_tempo li ul { #GET{left}:-3000em;} |
| | 156 | #bando_outils ul.deroulant li li:hover >ul,#bando_outils ul.deroulant li li.actif >ul,#bando_outils ul.deroulant li li.actif_tempo >ul {#GET{left}:50px;top:1.5em;} |
| | 157 | |
| | 158 | #bando_outils ul.deroulant li ul {width:770px;} |
| | 159 | .large #bando_outils ul.deroulant li ul {width:970px;} |
| | 160 | #bando_outils ul.deroulant li ul.cols_1 {width:200px;} |
| | 161 | #bando_outils ul.deroulant li ul.cols_1 > li {width:185px;} |
| | 162 | #bando_outils ul.deroulant li ul.cols_2 {width:350px;} |
| | 163 | #bando_outils ul.deroulant li ul.cols_2 > li {float:#GET{left};width:160px;} |
| | 164 | #bando_outils ul.deroulant li ul.cols_3 {width:495px;} |
| | 165 | #bando_outils ul.deroulant li ul.cols_3 > li {float:#GET{left};width:150px;} |
| | 166 | |
| | 167 | #bando_outils ul.deroulant li ul.cols_4 {width:620px;} |
| | 168 | #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:140px;} |
| | 169 | .large #bando_outils ul.deroulant li ul.cols_4 {width:800px;} |
| | 170 | .large #bando_outils ul.deroulant li ul.cols_4 > li {float:#GET{left};width:185px;} |
| | 171 | #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:139px;} |
| | 172 | .large #bando_outils ul.deroulant li ul.cols_5 > li {float:#GET{left};width:179px;} |
| | 173 | #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:113px;} |
| | 174 | .large #bando_outils ul.deroulant li ul.cols_6 > li {float:#GET{left};width:146px;} |
| | 175 | #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:113px;} |
| | 176 | .large #bando_outils ul.deroulant li ul.cols_7 > li {float:#GET{left};width:123px;} |
| | 177 | #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:113px;} |
| | 178 | .large #bando_outils ul.deroulant li ul.cols_8 > li {float:#GET{left};width:123px;} |
| | 179 | |
| | 180 | #bando_outils ul.creer {float:#GET{left};} |
| | 181 | #bando_outils ul.collaborer {float:#GET{left};margin-#GET{right}:20px;} |
| | 182 | #bando_outils ul.rapides li.bouton{ float:#GET{left}; } |
| | 183 | #bando_outils ul.rapides li.bouton a{ display:block; padding:2px;background-position:center;background-repeat:no-repeat; } |
| | 184 | #bando_outils ul.rapides li.bouton a span { visibility:hidden;display:block;height:24px;width:24px;overflow:hidden; } |
| | 185 | #bando_outils ul.rapides li.bouton a:hover, #bando_outils ul.rapides li.bouton a:focus{background-color:white;} |
| | 186 | #bando_outils ul.rapides li.bouton{ margin-top:0px;} |
| | 187 | |
| | 188 | #bando_outils #rapides {float:#GET{right};} |
| | 189 | #bando_outils #rapides .spip_recherche {padding:3px 0;} |
| | 190 | #bando_outils #rapides .spip_recherche form {display:inline;} |
| | 191 | #bando_outils #rapides .spip_recherche .recherche {margin-bottom:0;margin-top:1px;} |
| | 192 | #bando_outils #rapides .spip_recherche .submit {vertical-align:bottom;} |
| | 193 | |
| | 194 | #bando_navigation ul li {min-width:80px; text-align: center; border-#GET{right}: 1px solid #eee; } |
| | 195 | #bando_navigation ul li ul li {float:none;text-align:#GET{left};position:static;} |
| | 196 | |
| | 197 | #bando_navigation { clear:both; background: #fff; border-bottom: 1px solid #999; border-top: 1px solid #ddd; } |
| | 198 | #bando_navigation ul li a { display: block; padding: .8em 1.2em; font-weight: bold; } |
| | 199 | #bando_navigation ul li a:hover, |
| | 200 | #bando_navigation ul li a:focus { text-decoration: underline; } |
| | 201 | |
| | 202 | #bando_navigation ul li.first { border-#GET{left}: 1px solid #eee;} |
| | 203 | #bando_navigation ul.deroulant > li > a { color:#333;} |
| | 204 | |
| | 205 | .navigation_avec_icones #bando_navigation ul.deroulant > li > a { } |
| | 206 | .navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover, |
| | 207 | .navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #[(#GET{claire}|couleur_eclaircir)]; } |
| | 208 | |
| | 209 | .navigation_avec_icones #bando_navigation ul li a {background-position:center 5px;background-repeat:no-repeat;padding-top:60px;} |
| | 210 | .navigation_avec_icones #bando_navigation ul li ul li a {margin-#GET{left}:7px;background-position:[(#GET{left})] center;margin-top:0;padding-#GET{left}:30px;padding-top:0.8em;} |
| | 211 | |
| | 212 | |
| | 213 | .navigation .sous_navigation .item a {display:block;background-position:left center;margin-left:7px;padding-left:30px;background-repeat:no-repeat;} |