utiliser la class .on plutot que .selected pour la methode selectionnee, et...

utiliser la class .on plutot que .selected pour la methode selectionnee, et deplacer ces styles dans la css des formulaires, en fin, dans les cas particuliers

prive/formulaires/configurer_reducteur.html

@@ -17,7 +17,7 @@
 				#SET{process,gd1}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)selected]"
+					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_#EVAL{chr(91)}[(#GET{process})]#EVAL{chr(93)}">
 				[(#GET{process}|strtoupper)]
@@ -25,7 +25,7 @@
 				#SET{process,gd2}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)selected]"
+					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_#EVAL{chr(91)}[(#GET{process})]#EVAL{chr(93)}">
 				[(#GET{process}|strtoupper)]
@@ -33,7 +33,7 @@
 				#SET{process,netpbm}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)selected]"
+					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_#EVAL{chr(91)}[(#GET{process})]#EVAL{chr(93)}">
 				[(#GET{process}|strtoupper)]
@@ -41,7 +41,7 @@
 				#SET{process,imagick}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)selected]"
+					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_#EVAL{chr(91)}[(#GET{process})]#EVAL{chr(93)}">
 				[(#GET{process}|strtoupper)]
@@ -49,7 +49,7 @@
 				#SET{process,convert}
 				[<button
 					type="submit"
-					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)selected]"
+					class="vignette_reducteur[(#ENV{image_process}|=={#GET{process}}|oui)on]"
 					style="background-image:url((#GET{process}|url_vignette_choix));"
 					name="image_process_#EVAL{chr(91)}[(#GET{process})]#EVAL{chr(93)}">
 				[(#GET{process}|strtoupper)]

prive/style_prive.html

@@ -692,12 +692,6 @@ td.vu { background: #ccc; }
 .upload_message ol {padding: 2px;list-style: none; font-size: xx-small; max-height:20em; overflow:auto}
 .upload_message ol li {padding: 2px;}
 
-/* config/reducteur */
-.formulaire_configurer_reducteur .vignette_reducteur {text-align: center; float: #GET{left};padding:2px; border:2px solid #ddd; width:154px;padding-top:150px;margin:2px;background-position: top center;background-repeat: no-repeat;}
-.formulaire_configurer_reducteur .vignette_reducteur:hover {border-color:#bbb;}
-.formulaire_configurer_reducteur .vignette_reducteur.selected { font-weight: bold; border:2px dotted #GET{claire}; }
-.formulaire_configurer_reducteur .vignette_reducteur.selected:hover {border-color:#GET{foncee};}
-
 /* pour les puces de changement rapide de statut ; NB: ca buggue car ca s'affiche en-dessous du cadre */
 li .puce_statut { float: #GET{left}; padding-top: 5px; }
 li .puce_article_popup, li.puce_breve_popup,li.puce_site_popup { padding: 0; }

prive/style_prive_formulaires.html

@@ -584,3 +584,9 @@ input[type="submit"] {
 .formulaire_configurer_multilinguisme #langues_proposees li { padding:0 5px;margin-#GET{right}:10px;float:#GET{left};width:45%;clear:none;}
 .formulaire_configurer_multilinguisme .traduite label {text-decoration:underline;}
 .formulaire_configurer_multilinguisme #langues_bloquees label {color: #GET{foncee};font-weight: bold; }
+
+/* config/reducteur */
+.formulaire_configurer_reducteur .vignette_reducteur {text-align: center; float: #GET{left};padding:2px; border:2px solid #ddd; width:154px;padding-top:150px;margin:2px;background-position: top center;background-repeat: no-repeat;}
+.formulaire_configurer_reducteur .vignette_reducteur:hover {border-color:#bbb;background-color:#ddd;}
+.formulaire_configurer_reducteur .vignette_reducteur.on { font-weight: bold; border:2px solid #GET{claire};background-color:#fff; }
+.formulaire_configurer_reducteur .vignette_reducteur.on:hover {border-color:#GET{foncee};}