www/prive/themes/spip/theme.css.html

   1 [(#REM)
   2
   3         Ce squelette definit les styles de l'espace prive
   4
   5         Note: l'entete "Vary:" sert a repousser l'entete par
   6         defaut "Vary: Cookie,Accept-Encoding", qui est (un peu)
   7         genant en cas de "rotation du cookie de session" apres
   8         un changement d'IP (effet de clignotement).
   9
  10         ATTENTION: il faut absolument le charset sinon Firefox croit que
  11         c'est du text/html !
  12         <style>
  13 ]
  14 #CACHE{3600*100,cache-client}
  15 #HTTP_HEADER{Content-Type: text/css; charset=iso-8859-15}
  16 #HTTP_HEADER{Vary: Accept-Encoding}
  17
  18 #SET{claire,##ENV{couleur_claire,edf3fe}}
  19 #SET{foncee,##ENV{couleur_foncee,3874b0}}
  20 #SET{left,#ENV{ltr}|choixsiegal{left,left,right}}
  21 #SET{right,#ENV{ltr}|choixsiegal{left,right,left}}
  22 #SET{rtl,#ENV{ltr}|choixsiegal{left,'',_rtl}}
  23
  24 /* pour les icones pochoir de diala */
  25 .navigation_avec_icones #bando_navigation ul.deroulant > li > a { background-color: #GET{claire};}
  26 .navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover,
  27 .navigation_avec_icones #bando_navigation ul.deroulant > li > a:focus { background-color: #GET{foncee}; }
  28
  29 .navigation_avec_icones #bando_navigation ul li a {background-position:center top;background-repeat:no-repeat;padding-top:60px;}
  30 .navigation_avec_icones #bando_navigation ul li ul li a {margin-#GET{left}:7px; margin-#GET{right}: 1.0em; background-position:[(#GET{left})] center;margin-top:0;padding-#GET{left}:24px;padding-top:0.8em;}
  31
  32 /** Habillage tire du plugin details_interface d'Arno* *******/
  33
  34 [(#SET{lien,[#(#ENV{foncee}|couleur_foncer{0.25})]})]
  35
  36 body {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;background-color: #f9f9f9;background-color: #[(#ENV{claire}|couleur_luminance{0.01}|couleur_saturation{0.015})];}
  37 #bando_identite {letter-spacing: -0.5px}
  38 #bando_identite a:hover {color: #333;}
  39 #bando_haut ul.deroulant li a {color: #666;}
  40 #bando_haut ul.deroulant li a:hover {color: black;}
  41 #bando_haut ul.deroulant li ul li {background-color: transparent;}
  42 #bando_haut ul.deroulant li ul> li: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;position:relative;}
  43 #bando_haut ul.deroulant li ul li.actif,
  44 #bando_haut ul.deroulant li ul li.actif_tempo {background-color: #[(#ENV{claire}|couleur_eclaircir)];position:relative;}
  45 #bando_haut ul.deroulant li ul li.actif a:hover,
  46 #bando_haut ul.deroulant li ul li.actif_tempo a:hover {background-color: transparent;}
  47 #bando_navigation ul li {line-height: 125%;}
  48 #bando_navigation ul li ul {min-width: 170px;-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;background-color: white;position:relative;}
  49 #bando_navigation ul li ul a {padding: 0.5em;}
  50 #bando_navigation ul.deroulant > li {min-width: 90px;}
  51 .large #bando_navigation ul.deroulant > li {min-width: 100px;}
  52 /*
  53 #bando_outils {border-top: 1px solid #999;background-color: #444;background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#333333));background-image: -webkit-linear-gradient(top, #555555, #333333);background-image: -moz-linear-gradient(top, #555555, #333333);background-image: -ms-linear-gradient(top, #555555, #333333);background-image: -o-linear-gradient(top, #555555, #333333);background-image: linear-gradient(top, #555555, #333333);filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#555555', endColorstr='#333333');}
  54 */
  55 #bando_outils ul.deroulant {font-size: 0.9em;line-height: 120%;}
  56 /*
  57 .navigation_avec_icones #bando_navigation ul.deroulant > li > a {font-size: 90%;}
  58 .navigation_avec_icones #bando_navigation ul.deroulant > li > a:hover {background-color: #ENV{foncee};}
  59 .navigation_avec_icones #bando1_menu_accueil {background-image: url("plugins/details_interface_3/images/accueil-48.png");}
  60 .navigation_avec_icones #bando1_menu_edition {background-image: url("plugins/details_interface_3/images/edition-48.png");}
  61 .navigation_avec_icones #bando1_menu_publication {background-image: url("plugins/details_interface_3/images/publication-48.png");}
  62 .navigation_avec_icones #bando1_menu_activite {background-image: url("plugins/details_interface_3/images/suivi-activite-48.png");}
  63 .navigation_avec_icones #bando1_menu_squelette {background-image: url("plugins/details_interface_3/images/squelettes-48.png");}
  64 .navigation_avec_icones #bando1_menu_administration {background-image: url("plugins/details_interface_3/images/maintenance-48.png");}
  65 .navigation_avec_icones #bando1_menu_configuration {background-image: url("plugins/details_interface_3/images/configuration-48.png");}
  66 */
  67 .simple .inner {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border: 1px solid #d7d7d7;position:relative;}
  68 .simple .inner:hover {-webkit-box-shadow:0px 0px 2px #dddddd;-moz-box-shadow:0px 0px 2px #dddddd;box-shadow:0px 0px 2px #dddddd;position:relative;}
  69 .simple .inner .hd { background-color: #f0f0f0; color: #444;}
  70 .simple.fiche_objet .inner .hd { line-height: 120%; }
  71 #contenu .fiche_objet .propose .inner {border: 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background-color: #ffde00;margin: 0px -15px;padding:15px;position:relative;}
  72 #contenu .fiche_objet .propose .inner p {margin: 0;}
  73 #contenu .fiche_objet > .inner {border: 0px;-webkit-box-shadow:0px 0px 15px #e0e0e0;-moz-box-shadow:0px 0px 15px #e0e0e0;box-shadow:0px 0px 15px #e0e0e0;position:relative;}
  74 #contenu .fiche_objet > .inner > .hd {background-color: transparent;padding: 25px 15px 0px 15px;}
  75 #contenu .fiche_objet > .inner > .hd h1 {font-size: 1.7em;margin-bottom: 8px;}
  76 #contenu .fiche_objet > .inner > .hd .surtitre,
  77 #contenu .fiche_objet > .inner > .hd .soustitre {font-size: 1.4em;line-height: 125%;margin-bottom: 8px;}
  78 #contenu .fiche_objet > .inner > .bd {padding: 15px;padding-top:0;}
  79 #contenu .fiche_objet .editer_urls {margin: 10px 0; }
  80 #contenu .fiche_objet .editer_urls .formulaire_editer_url_objet {margin: 10px -15px 0px -15px; clear: both;}
  81 #contenu .fiche_objet .editer_urls .formulaire_editer_url_objet {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;}
  82 #contenu .fiche_objet .editer_urls .boutons {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;}
  83
  84 #contenu .fiche_objet {margin-bottom: 1em;}
  85 h1 {font-size: 2em;line-height: 125%;}
  86 .h1 {font-size: 2em;line-height: 125%;}
  87
  88 .sous-rub .inner {border: 0;background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];-webkit-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;-moz-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;position:relative;}
  89 .sous-rub .inner:hover {-webkit-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;-moz-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;position:relative;}
  90 .sous-rub .inner .hd {background-color: transparent;font-size: 100%;}
  91 .simple.sous-rub .inner .hd .logo {-webkit-border-top-#ENV{right}-radius:5px;-moz-border-radius-top#ENV{right}:5px;border-top-#ENV{right}-radius:5px;}
  92 .sous-rub .inner .bd {padding: 0;}
  93 .sous-rub .inner .bd .descriptif {padding:0px 10px 1px 16px; font-size: 0.95em;}
  94 .sous-rub .inner .bd .liste-items {font-size: 0.85em;line-height: 120%;}
  95 .sous-rub .inner .bd .liste-items .item {padding: 0px;}
  96 .sous-rub .inner .bd .liste-items .item a {padding: 5px 18px;display: block;}
  97 .sous-rub .inner .bd .liste-items .item:hover {background-color: #[(#ENV{foncee}|couleur_luminance{0.25})];}
  98 .sous-rub .inner .bd .liste-items .item:hover a {color: black;}
  99 .sous-rub .inner .bd .liste-items > .item:last-child {border-bottom: 0px;}
 100
 101 .liste-objets {border:1px solid #e5e5e5;-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;position: relative;z-index: 1;display: block;}
 102
 103 /*
 104 .liste-objets:hover {-webkit-box-shadow:0px 0px 0px #dddddd;-moz-box-shadow:0px 0px 0px #dddddd;box-shadow:0px 0px 0px #dddddd;position:relative;}
 105 .liste-objets:before {-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 15px 10px rgba(0, 0, 0, .5);box-shadow:0 15px 10px rgba(0, 0, 0, .5);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);position: absolute;left: 10px;bottom: 20px;z-index: -1;width: 50%;max-width: 300px;height: 20%;content: "";}
 106
 107 .liste-objets:after {-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, .5);-moz-box-shadow:0 15px 10px rgba(0, 0, 0, .5);box-shadow:0 15px 10px rgba(0, 0, 0, .5);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-khtml-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg);position: absolute;left: 10px;bottom: 20px;z-index: -1;width: 50%;max-width: 300px;height: 20%;content: "";}
 108 .liste-objets:after {-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-khtml-transform:rotate(3deg);-ms-transform:rotate(3deg);-o-transform:rotate(3deg);transform:rotate(3deg);left: auto;right: 10px;}
 109 */
 110 .liste-objets.selection-articles table {background-color: white;border-bottom: 1px solid #ccc;}
 111 .liste-objets.selection-articles form {background-color: #[(#ENV{claire}|couleur_luminance{0.25})];}
 112 .liste-objets table {background: transparent;}
 113 .liste-objets table caption {background: #e5e5e5;}
 114 .liste-objets table caption strong.caption { padding-top: 7px; padding-bottom: 7px; color: #444; background-color: transparent; font-size: 0.85em; line-height: 120%; }
 115 .liste-objets table thead {font-size: 0.85em;line-height: 120%;}
 116 .liste-objets table thead th {padding-top: 5px;padding-bottom: 5px;}
 117 .liste-objets table tbody > tr:last-child td {border-bottom: 0;}
 118 .liste-objets table tr td {line-height: 120%;}
 119 .liste-objets-lies.auteurs thead {display: none;}
 120 .liste-objets-lies.mots thead {display: none;}
 121 .icone {line-height: 120%;}
 122 .en-edition {line-height: 120%;}
 123 div.titrem {font-size: 1em;line-height: 125%;padding-top: 7px;padding-bottom: 7px;}
 124 h3.titrem {font-size: 1em;line-height: 125%;padding-top: 7px;padding-bottom: 7px;}
 125 .icone a img {-moz-transition-property:background-color;-webkit-transition-property:background-color;-khtml-transition-property:background-color;-ms-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-khtml-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;border: 0;background-color: #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding: 7px;position:relative;}
 126 .icone a:hover img {background-color: #aaa;}
 127 .icone .submit img {-moz-transition-property:background-color;-webkit-transition-property:background-color;-khtml-transition-property:background-color;-ms-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;-moz-transition-duration:0.2s;-webkit-transition-duration:0.2s;-khtml-transition-duration:0.2s;-ms-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;border: 0;background-color: #eee;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding: 7px;position:relative;}
 128 .icone .submit:hover img {background-color: #aaa;}
 129
 130 .lat .formulaire_spip {border-color: #ENV{claire};line-height: 120%;}
 131 .lat .formulaire_spip h3.titrem {background-color: #ENV{claire};color: #444;padding-top: 5px;padding-bottom: 5px;}
 132 .lat .formulaire_spip input.text {font-size: 0.9em;line-height: 125%;padding: 3px;}
 133 .lat .formulaire_spip input.password {font-size: 0.9em;line-height: 125%;padding: 3px;}
 134 .lat .formulaire_spip textarea {font-size: 0.9em;line-height: 125%;padding: 3px;}
 135 .lat .formulaire_spip p.boutons input.submit {padding: 2px 5px;}
 136
 137 .formulaire_spip {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;position:relative;}
 138 .formulaire_spip h3.titrem {background-color: #ENV{foncee};color: white;}
 139 .formulaire_spip input.text,
 140 .formulaire_spip input.password,
 141 .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;}
 142 .formulaire_spip img.ui-datepicker-trigger {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;position:relative;}
 143 .formulaire_spip .editer fieldset input.text {border: 1px solid #ddd;}
 144 .formulaire_spip .editer fieldset input.password {border: 1px solid #ddd;}
 145 .formulaire_spip .editer fieldset textarea {border: 1px solid #ddd;}
 146 .formulaire_spip label {color: #666;/*font-size: 90%;line-height: 120%;*/}
 147 .formulaire_spip .editer fieldset label {color: #777;}
 148 .formulaire_spip label[for] {cursor: pointer;}
 149 .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;}
 150 .formulaire_spip .explication+.editer-groupe {margin-top:-[(#ENV{margin-bottom}|strdiv{2})em]}
 151 .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;}
 152 .formulaire_spip .editer .explication:last-child{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 153 .formulaire_spip .explication + input.text,
 154 .formulaire_spip .explication + textarea,
 155 .formulaire_spip .explication + input.password,
 156 .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;}
 157 .formulaire_spip .editer input.text + .explication,
 158 .formulaire_spip .editer textarea + .explication,
 159 .formulaire_spip .editer input.password+.explication,
 160 .formulaire_spip .editer select+.explication,
 161 .formulaire_spip .editer div.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}
 162 .formulaire_spip input.text + .explication:before,
 163 .formulaire_spip textarea + .explication:before,
 164 .formulaire_spip input.password+.explication:before,
 165 .formulaire_spip select+.explication:before,
 166 .formulaire_spip div.choix:last-of-type+.explication:before{content:"";display: block;position: absolute;top:-5px;height:5px;width:100%;left:0;background:#ddd;}
 167
 168 .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}
 169 .formulaire_spip .choix + .choix {padding-top: 0px;border-top: 0px;border-bottom: 0px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
 170 .formulaire_spip div.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;}
 171 .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;}
 172 .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;}
 173 .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;}
 174 .formulaire_spip .boutons {-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;position:relative;}
 175 .formulaire_spip .submit,.bouton_action_post .submit {font: inherit;font-weight: normal;background-color: #ENV{claire};color: #[(#ENV{foncee}|couleur_luminance{0.9})];-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border: 0;padding: 1px 5px;font-size: 90%;position:relative;margin-bottom:3px;}
 176 .actions a.editbox {display:inline-block;}
 177 .icone.horizontale.bouton_action_post .submit {position:static;background: transparent;text-align:#GET{left};}
 178 .formulaire_spip .submit:hover,.bouton_action_post .submit:hover {background-color: #[(#ENV{foncee}|couleur_luminance{0.9})];color: white;position:relative; text-decoration: none;}
 179 .formulaire_spip .submit:focus,.bouton_action_post .submit:focus {background-color: #[(#ENV{foncee}|couleur_luminance{0.9})];color: white;position:relative;}
 180 .formulaire_spip .submit:active,.bouton_action_post .submit:active {background-color: #[(#ENV{foncee}|couleur_luminance{0.7})];}
 181 .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};}
 182 .formulaire_spip .toggle_box_link button {font-size: 10px;color: #GET{lien};}
 183 .formulaire_spip:hover .toggle_box_link {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
 184 .formulaire_editer_liens .associer_mot .submit {margin-top:3px;}
 185 .formulaire_editer_logo .editer_logo_on.logo_upload,
 186 .formulaire_editer_logo .editer_logo_off.logo_upload.open {background: #fff;} [(#REM) https://core.spip.net/issues/2995]
 187 #chemin {}
 188 #chemin .bouton_deplacer {font-size: 10px;color: #GET{lien};-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);}
 189 #chemin:hover .bouton_deplacer {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
 190 .box, .box .inner  {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 191 .box .inner .hd  {border-top-left-radius:5px; border-top-right-radius:5px;}
 192 .note {border: 0;}
 193 .box.error,.box.success,.box.notice {border: 0;}
 194
 195 .box_mediabox .formulaire_spip.formulaire_recherche {position: relative;border: 0px;width: 170px;background-color: transparent;}
 196 .box_mediabox .formulaire_spip.formulaire_recherche input.text {background-color: #777;border: 0;border: 1px solid #999;font-size: 0.9em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding-right: 22px;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;}
 197 .box_mediabox .formulaire_spip.formulaire_recherche input.text:focus {background-color: #333;border-color: white;-webkit-box-shadow:0px 0px 4px #ffffff;-moz-box-shadow:0px 0px 4px #ffffff;box-shadow:0px 0px 4px #ffffff;color: white;outline: none;position:relative;}
 198 .box_mediabox .formulaire_spip.formulaire_recherche input.image {position: absolute;top: 0px;right: 1px;}
 199 .largeur .formulaire_spip.formulaire_recherche {position: relative;border: 0px;width: 170px;background-color: transparent;}
 200 .largeur .formulaire_spip.formulaire_recherche input.text {background-color: #777;border: 0;border: 1px solid #999;font-size: 0.9em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding-right: 22px;width: 100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;}
 201 .largeur .formulaire_spip.formulaire_recherche input.text:focus {background-color: #333;border-color: white;-webkit-box-shadow:0px 0px 4px #ffffff;-moz-box-shadow:0px 0px 4px #ffffff;box-shadow:0px 0px 4px #ffffff;color: white;outline: none;position:relative;}
 202 .largeur .formulaire_spip.formulaire_recherche input.image {position: absolute;top: 0px;right: 1px;}
 203 .entete-formulaire {-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;position:relative;}
 204 .entete-formulaire+ .formulaire_spip,
 205 .entete-formulaire+.formedit .formulaire_spip,
 206 .entete-formulaire+div>.formulaire_spip,
 207 .entete-formulaire+div>div>.formulaire_spip{-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;}
 208 .popin .formulaire_spip {-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;}
 209
 210 .lat #documents_joints {border-top:0}
 211 .lat #documents_joints .item {-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
 212
 213 .fiche_objet #wysiwyg {padding: 0}
 214 #wysiwyg .champ,.preview {font-size: 1.2em;line-height: 145%;font-family: Cambria, Georgia, 'Times New Roman', Times, serif;-moz-hyphens:auto;-webkit-hyphens:auto;-khtml-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto;}
 215 #wysiwyg .champ .label, #wysiwyg .champ label {text-align: #GET{left};}
 216 #wysiwyg p,.preview p {margin: 0.8em 0;}
 217 #wysiwyg h3.spip, .preview h3.spip {margin-top: 2.5em;margin-bottom: 1.8em;font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-weight: normal;}
 218 #wysiwyg .spip_note_ref,.preview .spip_note_ref {vertical-align: super;font-size: 80%;font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;}
 219 #wysiwyg .contenu_descriptif {border: 0;background-color: #eee;padding: 10px 15px;}
 220 .fiche_objet #wysiwyg .contenu_descriptif {margin-left: -15px;margin-right: -15px;}
 221 #wysiwyg .contenu_descriptif .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
 222 #wysiwyg .contenu_descriptif p {margin: 0.5em 0em;}
 223 #wysiwyg .contenu_bio {border: 0;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
 224 #wysiwyg .contenu_bio .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
 225 #wysiwyg .contenu_bio p {margin: 0.5em 0em;}
 226 #wysiwyg .contenu_nom_site {border: 0;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
 227 #wysiwyg .contenu_nom_site .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;font-size: 0.8em;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
 228 #wysiwyg .contenu_nom_site p {margin: 0.5em 0em;}
 229 #wysiwyg .contenu_nom_site .label {display: inline-block;padding: 0;margin: 0;}
 230 #wysiwyg .contenu_nom_site .nom_site {display: inline-block;padding: 0;margin: 0;}
 231 #wysiwyg .contenu_notes {background-color: transparent;border-top: 0px solid #ccc;background-color: #eee;margin-left: -15px;margin-right: -15px;padding: 10px 15px;}
 232 #wysiwyg .contenu_notes .label {font-family: 'Lucida Grande', Tahoma, Ubuntu, Arial, Verdana, sans-serif;display: block;margin-bottom: 0.5em;color: #999;font-weight: normal;}
 233 #wysiwyg .contenu_notes .notes p {margin: 0.5em 0;}
 234 #wysiwyg .contenu_notes .notes p .spip_note_ref {margin-left: -28px;}
 235
 236 #contenu .preview h1 {color: inherit;}
 237
 238 #text_area {height: 450px;padding: 10px;outline: none;-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;}
 239 .formulaire_editer_liens .liste-objets tr > .action button {-webkit-opacity:0.6;-moz-opacity:0.6;opacity:0.6;filter:alpha(opacity=60);font-size: 90%;}
 240 .formulaire_editer_liens .liste-objets tr > .action button img {float: none;margin-left: 0px;vertical-align: bottom;}
 241 .formulaire_editer_liens .liste-objets tr:hover > .action button {-webkit-opacity:1.0;-moz-opacity:1.0;opacity:1.0;filter:alpha(opacity=100);}
 242 .formulaire_spip button.delete {color: #999;padding:0}
 243 .formulaire_spip button.delete:hover {color: red;text-decoration: underline;border: none;}
 244 .formulaire_spip button.delete:focus {color: red;text-decoration: underline;border: none;}
 245 .logo_du_site {text-align: center;}
 246 .fiche_objet .formulaire_spip {border: 1px solid #e5e5e5;}
 247 .fiche_objet .formulaire_spip.formulaire_dater {margin-top:0;border: 0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;margin-left: -15px;margin-right: -15px;padding: 10px 15px;background-color: #eee;position:relative;}
 248 .fiche_objet .formulaire_spip.formulaire_dater label {font-size: 85%;font-weight: normal;}
 249 .fiche_objet .formulaire_spip.formulaire_dater input.text {padding-top: 3px;padding-bottom: 3px;}
 250 .fiche_objet .formulaire_spip.formulaire_dater p.boutons {-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;margin: 0px -15px -10px -15px;;position:relative;}
 251 .onglets_simple ul li strong {-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;position:relative;}
 252 .onglets_simple ul li a {-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;position:relative;}
 253 .onglets_simple ul li strong {background-color: transparent;border-bottom-color: #f9f9f9;}
 254 .onglets_simple ul li a {-webkit-opacity:0.7;-moz-opacity:0.7;opacity:0.7;filter:alpha(opacity=70);}
 255 .onglets_simple ul li a:hover {-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
 256 .onglets_simple ul li a:focus {-webkit-opacity:1;-moz-opacity:1;opacity:1;filter:alpha(opacity=100);}
 257 .infos .instituer_objet {border: 0px;}
 258
 259 .en-edition {font-size: 95%;line-height: 120%;}
 260 .en-edition button.submit {background-color: transparent;border: 0;color: red;cursor: pointer;}
 261 .en-edition .bd {padding: 0;padding-bottom: 5px;}
 262 .en-edition .bd .liste-items {border-top: 1px solid white;}
 263 .en-edition .bd .liste-items li {border-bottom: 1px solid white;padding-left: 10px;padding-right: 10px;}
 264
 265 .barre_onglet ul li {margin-right: 0px;border-left-width: 0px;border-color: #eee;}
 266 .barre_onglet ul li strong.on {background-color: #ENV{foncee};}
 267 .barre_onglet ul li:first-child strong.on {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;}
 268 .barre_onglet ul li:last-child strong.on {-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;}
 269 .barre_onglet ul li a {background-color: #eee;}
 270 .barre_onglet ul li a:hover {background-color: white;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);background-image: -moz-linear-gradient(top, #ffffff, #ffffff);background-image: -ms-linear-gradient(top, #ffffff, #ffffff);background-image: -o-linear-gradient(top, #ffffff, #ffffff);background-image: linear-gradient(top, #ffffff, #ffffff);color: #[(#ENV{foncee}|couleur_luminance{0.7})];filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');}
 271 .barre_onglet ul li a:focus {background-color: white;background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);background-image: -moz-linear-gradient(top, #ffffff, #ffffff);background-image: -ms-linear-gradient(top, #ffffff, #ffffff);background-image: -o-linear-gradient(top, #ffffff, #ffffff);background-image: linear-gradient(top, #ffffff, #ffffff);color: #[(#ENV{foncee}|couleur_luminance{0.7})];filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');}
 272 .barre_onglet ul> li:first-child {border-left-width: 1px;}
 273 .barre_onglet ul> li:first-child {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;position:relative;}
 274 .barre_onglet ul> li:first-child a {-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomleft:5px;border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-moz-border-radius-topleft:5px;border-top-left-radius:5px;position:relative;}
 275 .barre_onglet ul> li:last-child {-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;position:relative;}
 276 .barre_onglet ul> li:last-child a {-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomright:5px;border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topright:5px;border-top-right-radius:5px;position:relative;}
 277 #portfolios h3 {padding: 7px 10px;background-color: #ENV{foncee};color: white;-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;position:relative;}
 278 .navigation .sous_navigation .item {padding: 0px;}
 279
 280 .navigation .sous_navigation .item a {margin: 0;padding: 10px;padding-left: 34px;background-position: 10px center;}
 281 .navigation .sous_navigation .item a:hover {background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];-webkit-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;-moz-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;color: black;position:relative;}
 282 .navigation .sous_navigation .item a:focus {background-color: #[(#ENV{foncee}|couleur_luminance{0.15})];-webkit-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;-moz-box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;box-shadow:0px 0px 10px #[(#ENV{foncee}|couleur_luminance{0.20})] inset;color: black;position:relative;}