body { background-color: #717070; color: #333; margin: 0px; padding: 0px; font-family: verdana, arial, helvetica, sans-serif, sans; font-size: 1em; } body img { border: 0px; } body a { color: #11b23c; outline: none; } body a.spip_in { color: #11b23c; } body a.spip_out { color: #11b23c; } body .spip_poesie { font-family: verdana, arial, helvetica, sans-serif, sans; line-height: 1.2em; font-size: 90%; } body.sommaire #principal { background-color: #dddddd; } body.rubrique #principal { background-color: #eeeeee; } .spip_code { color: #11b23c; } table.spip { border: 1px solid #11b23c; width: 100%; font-size: 0.9em; margin-left: 0px; margin-right: 0px; border-collapse: separate; overflow: hidden; } table.spip caption { border-bottom: 0px; margin: 0px; display: table-caption; background-color: #11b23c; color: #ffffff; font-size: 1em; padding: 3px; padding-left: 10px; text-align: left; } table.spip thead tr th { background-color: #88d99e; border: 0px; } table.spip tbody tr.row_even { background-color: white; } table.spip tbody tr td { padding: 3px; border: 0px; color: #444444; } #bandeau-haut { position: relative; height: 99px; background: url(local/cache-gd2/d497aa602b03f5fb7547a7c6135635cf.png) ; } #bandeau-haut .conteneur_page { height: 99px; } #bandeau-haut #fond-haut-droite { height: 23px; background: url(squelettes/imgs/fond-bandeau-haut-droite.png); position: absolute; width: 30%; top: 0px; right: 0px; } #bandeau-haut #bandeau-haut-droite { position: absolute; top: 0px; right: 0px; width: 450px; height: 23px; padding-top: 3px; background: url(squelettes/imgs/bandeau-haut-droite.png) no-repeat; padding-left: 20px; text-align: left; font-size: 75%; color: white; } #bandeau-haut #bandeau-haut-droite #espace-prive { float: right; } #bandeau-haut #bandeau-haut-droite a { text-decoration: none; margin-left: 5px; padding-left: 10px; color: #dddddd; } #bandeau-haut #bandeau-haut-droite a:hover { color: white; background: url(squelettes/imgs/fond-petit-carre.gif) 0px 5px no-repeat; } #bandeau-haut .logo-site-spip { position: absolute; left: -2px; top: 27px; } #bandeau-haut #pos_recherche { position: absolute; bottom: 5px; right: 230px; } #bandeau-haut #pos_recherche form { padding: 0px; margin: 0px; } #bandeau-haut #pos_recherche form label { display: none; } #bandeau-haut #pos_recherche form #recherche { width: 100px; border: 1px solid #11b23c; padding: 2px; } #bandeau-haut #pos_recherche form select { border: 1px solid #11b23c; padding: 2px; background-color: #88d99e; } #bandeau-haut #pos_recherche form input[type=submit] { background-color: #11b23c; color: white; border: 1px solid #08591e; padding: 2px; } #principal { min-height: 300px; background-color: white; padding-bottom: 57px; } #principal .prise-electrique { position: absolute; right: -7px; top: -70px; } #principal div.liste_pipelines { font-size: 0.7em; text-align: left; margin: 0px; margin-top: 25px; } #principal div.liste_pipelines ul { margin: 0px; padding: 0px; padding-left: 15px; } #principal #colonne_navigation { width: 200px; -moz-display: inline-box; display: inline-block; vertical-align: top; padding-top: 150px; } #principal #colonne_navigation ul { font-size: 70%; line-height: 1.1em; margin: 0px; padding: 0px; list-style-type: none; } #principal #colonne_navigation ul li a { width: 159px; margin-bottom: 0px; padding: 4px; padding-top: 7px; padding-right: 15px; display: block; height: 29px; overflow: hidden; } #principal #colonne_navigation ul li a span.numero { display: block; float: left; width: 40px; text-align: right; font-size: 32px; line-height: 31px; margin: 0px; margin-top: -2px; padding: 0px; font-family: arial, helvetica, sans-serif, sans; } #principal #colonne_navigation ul li a span.intitule { display: block; padding-left: 47px; } #principal #colonne_navigation ul li.navigation_1 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_1 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_1 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_1 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_1on a { background: url( local/cache-gd2/d18762597bea216f06a26af65e3e3ede.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_1on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_1on a:hover { background: url( local/cache-gd2/a851bb5b3581b757e77e5ba4ed5cf6a9.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_2 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_2 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_2 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_2 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_2on a { background: url( local/cache-gd2/67e51c84b5241a0f0c5e0d1a75d55e96.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_2on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_2on a:hover { background: url( local/cache-gd2/489bac77095d3acb66d66491e5279e42.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_3 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_3 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_3 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_3 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_3on a { background: url( local/cache-gd2/0d9fc3587c519be5994e08d905dd13ab.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_3on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_3on a:hover { background: url( local/cache-gd2/7660fcea906c2e1c3d9f1a69c6db4d60.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_4 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_4 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_4 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_4 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_4on a { background: url( local/cache-gd2/05fb0f5f58d395c9cbd61ccb61909bbc.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_4on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_4on a:hover { background: url( local/cache-gd2/6dd9ae0b86f701e9804198f8df8bac6d.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_6 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_6 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_6 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_6 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_6on a { background: url( local/cache-gd2/53edf275d3642a7e2619dddef6c3f9c2.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_6on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_6on a:hover { background: url( local/cache-gd2/5e6bcf3d0bcb945a61a31e42e89d5572.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_7 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_7 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_7 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_7 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_7on a { background: url( local/cache-gd2/ef3aa40c257397fefeda9cdb15e5db87.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_7on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_7on a:hover { background: url( local/cache-gd2/81fc8cacc7e6b4407aebc1a7c40d064a.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_8 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_8 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_8 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_8 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_8on a { background: url( local/cache-gd2/1616160098e76e07871f8e9d342868c0.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_8on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_8on a:hover { background: url( local/cache-gd2/88f8bc81ce79622461b6bde0b7f84679.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_9 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_9 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_9 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_9 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_9on a { background: url( local/cache-gd2/620c5ebe3bf38d129c57dbe12dfe4deb.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_9on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_9on a:hover { background: url( local/cache-gd2/ad09bd3553b71f2354ec4dbc36e66710.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_10 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_10 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_10 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_10 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_10on a { background: url( local/cache-gd2/88dfa227894750b4fa7cc3130698e2dd.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_10on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_10on a:hover { background: url( local/cache-gd2/311d51a11e1f2a9e5535f4a9cc649182.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_11 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_11 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_11 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_11 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_11on a { background: url( local/cache-gd2/630e1fafd511855543cb2bbcc0a90bb3.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_11on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_11on a:hover { background: url( local/cache-gd2/cb2a2225fdcc251bfeb1c14943bcba65.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_12 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_12 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_12 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_12 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_12on a { background: url( local/cache-gd2/0bdbf6fb2ece7841a94b10dc21357ec0.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_12on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_12on a:hover { background: url( local/cache-gd2/0090d29deb783c4574bd3b0246d5528c.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_13 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_13 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_13 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_13 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_13on a { background: url( local/cache-gd2/28de84d24488bd51577de7d71a1482e3.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_13on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_13on a:hover { background: url( local/cache-gd2/927b4923804ef0e1af72ab7555f421ff.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_14 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_14 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_14 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_14 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_14on a { background: url( local/cache-gd2/a31aa7b4a65ec9553e6eefafd8f96f2a.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_14on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_14on a:hover { background: url( local/cache-gd2/4ce9f6a6797afdbf62f888649bb7056f.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_15 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_15 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_15 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_15 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_15on a { background: url( local/cache-gd2/576a9614e67bb97a7b3128ceff55c18f.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_15on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_15on a:hover { background: url( local/cache-gd2/b58d14ee550c608eb18ba276685131fe.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_16 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_16 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_16 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_16 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_16on a { background: url( local/cache-gd2/6742a2a14017b1dad57e87cb75fe7420.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_16on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_16on a:hover { background: url( local/cache-gd2/daa13d39faec4a79f7410b9c3c7712b0.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_17 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_17 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_17 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_17 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_17on a { background: url( local/cache-gd2/bfdaad18d74a1b357d860ca42f9c1add.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_17on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_17on a:hover { background: url( local/cache-gd2/20fe4a0eab9ae1de952c8042a52972ec.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_18 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_18 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_18 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_18 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_18on a { background: url( local/cache-gd2/41f9a65691341145156bc054f5151e6e.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_18on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_18on a:hover { background: url( local/cache-gd2/2e55e9ef0b6493994f82571520e931c6.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_19 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_19 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_19 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_19 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_19on a { background: url( local/cache-gd2/f7cabd33f503614c8634f7b52c2c7433.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_19on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_19on a:hover { background: url( local/cache-gd2/82961ad8be7eb02b109753486117b69f.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_20 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_20 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_20 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_20 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_20on a { background: url( local/cache-gd2/d18762597bea216f06a26af65e3e3ede.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_20on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_20on a:hover { background: url( local/cache-gd2/a851bb5b3581b757e77e5ba4ed5cf6a9.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_21 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_21 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_21 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_21 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_21on a { background: url( local/cache-gd2/c63888f75750d3d922f1e86a6d280d69.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_21on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_21on a:hover { background: url( local/cache-gd2/67c9930debae838b62c646990f137f64.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_28 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_28 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_28 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_28 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_28on a { background: url( local/cache-gd2/14c3c604008062a09776adb252b17a88.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_28on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_28on a:hover { background: url( local/cache-gd2/0df20a994327eac00d8b48e976049db0.gif ) right center no-repeat; } #principal #colonne_navigation ul li.navigation_32 a { background-color: #f3f3f3; background: url( local/cache-gd2/24143ee8776d86d8370553266e5905c6.gif ) right center no-repeat; color: #555555; text-decoration: none; } #principal #colonne_navigation ul li.navigation_32 a span.numero { color: #dddddd; } #principal #colonne_navigation ul li.navigation_32 a:hover { background-color: #aaaaaa; background: url( local/cache-gd2/5b06f718b1e3d68f090f9e5f4faebfe6.gif ) right center no-repeat; color: white; } #principal #colonne_navigation ul li.navigation_32 a:hover span.numero { color: #666666; } #principal #colonne_navigation ul li.navigation_32on a { background: url( local/cache-gd2/4a3afbc1bf2ea49b6fbfae3c467b4e06.gif ) right center no-repeat; color: white; text-decoration: none; font-weight: bold; } #principal #colonne_navigation ul li.navigation_32on a span.numero { font-weight: normal; } #principal #colonne_navigation ul li.navigation_32on a:hover { background: url( local/cache-gd2/309bad985bdf7dbea447bce49a8c033f.gif ) right center no-repeat; } #principal #colonne_centrale { position: relative; width: 670px; float: right; padding-top: 55px; font-family: arial, helvetica, sans-serif, sans; } #principal #colonne_centrale .telechargement a { background: url(squelettes/imgs/fleche-bas-blanc.gif) 6px center no-repeat; background-color: #11b23c; color: white; text-decoration: none; display: block; float: left; padding: 4px; padding-left: 20px; margin-top: 15px; margin-bottom: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #principal #colonne_centrale .telechargement a:hover { background-color: #666666; } #principal #colonne_centrale #articles_presentation { position: absolute; top: 5px; right: 200px; width: 700px; text-align: right; margin: 0px; padding: 0px; list-style-type: none; font-size: 0.8em; } #principal #colonne_centrale #articles_presentation li { display: inline; padding-left: 10px; } #principal #colonne_centrale #articles_presentation li a { text-decoration: none; } #principal #colonne_centrale #articles_presentation li a:hover { color: black; } #principal #colonne_centrale #choix_version { float: right; width: 180px; border: 1px solid #ccc; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f7f7f7; background: url(squelettes/imgs/fond-selection.gif) bottom repeat-x; padding: 9px; margin: 0px; margin-right: -230px; font-size: 80%; list-style-type: none; } #principal #colonne_centrale #choix_version .sel_choix_version { padding-top: 2px; padding-left: 20px; line-height: 1.1em; } #principal #colonne_centrale #choix_version .sel_choix_version a { text-decoration: none; } #principal #colonne_centrale #choix_version .sel_choix_version_actif { font-weight: bold; padding-left: 20px; background: url(squelettes/imgs/check-valid.gif) 0px 2px no-repeat; } #principal #colonne_centrale #choix_version .sel_choix_version_actif a { color: black; } #principal #colonne_centrale #logo-article { position: absolute; width: 230px; top: 50px; left: -230px; text-align: center; } #principal #colonne_centrale h1 { margin: 0px; padding: 0px; color: #11b23c; } #principal #colonne_centrale h1#titre_article { float: left; height: 55px; overflow: hidden; background: url(squelettes/imgs/fond-gris-gauche.png) top left; margin-bottom: 40px; } #principal #colonne_centrale h1#titre_article img { background: url(squelettes/imgs/fond-gris-droite.png) top right no-repeat; color: white; padding: 10px; padding-top: 3px; padding-bottom: 0px; } #principal #colonne_centrale h2 { margin: 0px; margin-top: -30px; padding: 0px; color: #11b23c; } #principal #colonne_centrale .formulaire_notation { font-size: 0.9em; color: #666666; float: right; } #principal #colonne_centrale .colonne_etroite { padding-right: 230px; } #principal #colonne_centrale .colonne_etroite .texte { margin-top: 25px; line-height: 1.4em; text-align: justify; color: #444444; } #principal #colonne_centrale .colonne_etroite .texte p { text-indent: 1.4em; padding: 0px; margin: 0px; } #principal #colonne_centrale .colonne_etroite .texte p:first-child { text-indent: 0px; } #principal #colonne_centrale .colonne_etroite .liste_articles { margin-top: 25px; } #principal #colonne_centrale .colonne_etroite .liste_articles .selection { float: right; } #principal #colonne_centrale .text_description { width: 440px; text-align: justify; font-family: arial, helvetica, sans-serif, sans; line-height: 1.4em; padding-top: 20px; } #principal #colonne_centrale .text_description p { padding: 0px; margin: 0px; text-indent: 1.4em; } #principal #colonne_centrale .text_description p:first-child { text-indent: 0px; } #principal #colonne_centrale .texte_article { text-align: justify; font-family: arial, helvetica, sans-serif, sans; font-size: 85%; line-height: 160%; padding-top: 50px; } #principal #colonne_centrale .texte_article .spip_documents { font-size: 90%; text-align: justify; } #principal #colonne_centrale .texte_article .spip_documents p { padding: 0px; } #principal #colonne_centrale .texte_article .spip_documents .spip_doc_titre { text-align: left; padding-top: 5px; } #principal #colonne_centrale .texte_article .spip_documents .spip_doc_descriptif { width: auto; } #principal #colonne_centrale .texte_article p { padding: 0px; margin: 0px; padding-top: 0.7em; padding-bottom: 0.7em; padding-right: 230px; } #principal #colonne_centrale .texte_article p .spip_documents_right { margin-right: -230px; padding-left: 30px; padding-bottom: 20px; } #principal #colonne_centrale .texte_article ul.spip { margin-right: 230px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; } #principal #colonne_centrale .texte_article ul.spip li { padding-top: 1em; } #principal #colonne_centrale .texte_article ul.spip li:first-child { padding-top: 0px; } #principal #colonne_centrale .texte_article ul.spip ul { margin-right: 0px; } #principal #colonne_centrale .texte_article h3 { margin-right: 230px; padding-left: 30px; padding-right: 30px; font-family: arial, helvetica, sans-serif, sans; font-weight: bold; font-size: 120%; color: #444444; } #principal #colonne_centrale .notes_article { margin-top: 30px; font-size: 80%; padding-left: 30px; padding-right: 230px; } #principal #colonne_centrale .notes_article .ouvre_note { display: block; float: left; margin-left: -30px; } #principal #colonne_centrale .pave-liste-article { margin-bottom: 50px; } #principal #colonne_centrale .pave-liste-article .lien_traduction { font-size: 80%; margin-left: 10px; } #principal #colonne_centrale .pave-liste-article .bloc-info-liste { margin-bottom: 10px; } #principal #colonne_centrale .pave-liste-article .logo { float: right; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; } #principal #colonne_centrale .pave-liste-article .bloc-info-lire { font-size: 80%; text-align: right; padding-top: 7px; } #principal #colonne_centrale .pave-liste-article .bloc-info-lire a { color: #e0e0e0; background-color: #999; padding: 2px; padding-left: 5px; padding-right: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-display: inline-box; display: inline-block; text-decoration: none; } #principal #colonne_centrale .pave-liste-article .bloc-info-lire a:hover { background-color: #e0e0e0; color: #666666; } #principal #colonne_centrale .pave-liste-article .bloc-info-rubrique { font-size: 75%; float: left; padding-top: 7px; color: #666666; } #principal #colonne_centrale .pave-liste-article .bloc-info-rubrique a { font-weight: bold; } #principal #colonne_centrale .pave-liste-article .description-liste-article { font-size: 80%; text-align: justify; } #principal #colonne_centrale .pave-liste-article .description-liste-article p { padding: 0px; margin: 0px; text-indent: 1.4em; } #principal #colonne_centrale .pave-liste-article .description-liste-article p:first-child { text-indent: 0px; } #principal #colonne_centrale .petit-titre-article { cursor: pointer; margin-bottom: 5px; } #principal #colonne_centrale .petit-titre-article a.petit-titre1 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/de9e5c686df2b89417503693c2754b92.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre1 span { display: block; padding-left: 6px; background: url(local/cache-gd2/b602e6c44d6d75e30e2b9f3af97ab574.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre2 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/be7e47c2575405c97de922a5cd0dab19.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre2 span { display: block; padding-left: 6px; background: url(local/cache-gd2/d8e83048bd6278c11e99a4ed9c6eaa54.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre3 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/e21634b1e15327ce9a5a7d4651639cfd.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre3 span { display: block; padding-left: 6px; background: url(local/cache-gd2/38e347fd23033e77d6be777670f1ec49.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre4 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/06adee963a7d8a85480f0c7dfa2fd15c.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre4 span { display: block; padding-left: 6px; background: url(local/cache-gd2/b6df70bb24c5f0f2e711dc47a31ce827.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre6 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre6 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre7 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/31d4dc751c586913bc5212e1b9bc73c3.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre7 span { display: block; padding-left: 6px; background: url(local/cache-gd2/191b8c6bf34008b4263e82397f994a77.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre8 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/e0fd2a1163c2d6749983ea3480ca42a1.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre8 span { display: block; padding-left: 6px; background: url(local/cache-gd2/b2b005b67685b38f3a98f41e0a6115e4.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre9 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/3c60c99204826dabb6fdc6ac44ccf02a.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre9 span { display: block; padding-left: 6px; background: url(local/cache-gd2/e11ee1b7fb7e79c2b84cc2f26c0c7236.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre10 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/b57890f8509b30648e79f5a281b41f35.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre10 span { display: block; padding-left: 6px; background: url(local/cache-gd2/68665b89615157f596009b6e70c44831.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre11 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/c0ef279a98b3a074b8258ce37df7626f.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre11 span { display: block; padding-left: 6px; background: url(local/cache-gd2/5c293d8af48f66b7e9671771b2d2d829.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre12 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/b1e810bb17d37b7b57a8006e6c965a01.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre12 span { display: block; padding-left: 6px; background: url(local/cache-gd2/bfaaea35842e8b1378cdd1d3d7ce934b.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre13 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/44f99cf5711dad9496cf87a8b83ac7e5.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre13 span { display: block; padding-left: 6px; background: url(local/cache-gd2/2a3b973fa6c9574bfe44890fbadef929.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre14 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/45db69b4d9a02a08709f627982287385.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre14 span { display: block; padding-left: 6px; background: url(local/cache-gd2/ecb29d1461adf7f1552823bd55f9ebec.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre15 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/94ae25d71ba3be4f9cf328d26f96f104.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre15 span { display: block; padding-left: 6px; background: url(local/cache-gd2/aeef1d34e3cfdfa7b5a24b830b339c35.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre16 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/ec9cf9c50bddf0c9bf5c4840b6651df1.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre16 span { display: block; padding-left: 6px; background: url(local/cache-gd2/ff33f947c17b8564c2b9bc3990f847c4.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre17 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/93f1e75b1813018f17d7440f27cd9bfd.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre17 span { display: block; padding-left: 6px; background: url(local/cache-gd2/2d4cfe6ef5ccd75c36d124fe56bd1287.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre18 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/e52997f294f726cf7c3aa4436dc468fe.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre18 span { display: block; padding-left: 6px; background: url(local/cache-gd2/f725e8908f64184f1d00e109247932b4.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre19 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/5edfd7a8b92ad74fc1d76019439a50c6.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre19 span { display: block; padding-left: 6px; background: url(local/cache-gd2/55135a829bd198e44702c03a67085e70.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre20 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/de9e5c686df2b89417503693c2754b92.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre20 span { display: block; padding-left: 6px; background: url(local/cache-gd2/b602e6c44d6d75e30e2b9f3af97ab574.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre21 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/980735044748efaaeaa2a9dc50dff3c5.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre21 span { display: block; padding-left: 6px; background: url(local/cache-gd2/066af4322a81023e236e8b078a06850a.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre22 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/9254e238bad9b35b327848e3a274ea2e.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre22 span { display: block; padding-left: 6px; background: url(local/cache-gd2/5f4f4461553db11e2bc8766b538778dc.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre23 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/06adee963a7d8a85480f0c7dfa2fd15c.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre23 span { display: block; padding-left: 6px; background: url(local/cache-gd2/b6df70bb24c5f0f2e711dc47a31ce827.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre24 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/44f99cf5711dad9496cf87a8b83ac7e5.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre24 span { display: block; padding-left: 6px; background: url(local/cache-gd2/2a3b973fa6c9574bfe44890fbadef929.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre25 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/3c60c99204826dabb6fdc6ac44ccf02a.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre25 span { display: block; padding-left: 6px; background: url(local/cache-gd2/e11ee1b7fb7e79c2b84cc2f26c0c7236.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre26 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/e21634b1e15327ce9a5a7d4651639cfd.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre26 span { display: block; padding-left: 6px; background: url(local/cache-gd2/38e347fd23033e77d6be777670f1ec49.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre28 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/d68cbd11534ecd6eca34393cf42ca3c1.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre28 span { display: block; padding-left: 6px; background: url(local/cache-gd2/e015fd97bd1bbd5712555f969f742f33.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre27 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre27 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre29 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre29 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre30 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre30 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre31 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre31 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre32 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/cfad0462f9f7c940ec4523104c951dbb.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre32 span { display: block; padding-left: 6px; background: url(local/cache-gd2/122aa9d5f142cd065adbeddca36d72ea.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre33 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre33 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre34 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre34 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre35 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre35 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre36 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre36 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre37 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre37 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre38 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre38 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre39 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre39 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre40 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre40 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre41 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre41 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre42 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre42 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre43 { display: block; float: left; color: white; height: 21px; overflow: hidden; padding-right: 5px; background: url(local/cache-gd2/8d2943336ecddeb766339f49104c0484.png) right top no-repeat; } #principal #colonne_centrale .petit-titre-article a.petit-titre43 span { display: block; padding-left: 6px; background: url(local/cache-gd2/9f924ce46f878f500aac30e8b8a85b18.png) left top no-repeat; } #signature_site { margin-top: 50px; width: 200px; float: right; clear: both; padding-bottom: 30px; } #signature_site .intitule_signature { font-size: 80%; padding-bottom: 5px; padding-left: 15px; background: url( local/cache-gd2/aae72c1cf92408b37ecb9cfbade3a58a.gif ) 0px 3px no-repeat; } #signature_site .intitule_signature a { text-decoration: none; } #liste_sites { margin-top: 50px; margin-right: 230px; font-size: 85%; } #liste_sites ul { padding: 0px; margin: 0px; margin-top: 3px; list-style-type: none; } #liste_sites ul li { border-top: 1px solid #88d99e; padding-top: 2px; margin-top: 2px; float: left; width: 48%; } #liste_sites ul li.liste1 { margin-right: 4%; clear: left; } #liste_sites ul li a { text-decoration: none; display: block; } #liste_sites ul li a:hover { color: black; } #liste_sites ul li a .pr { float: left; display: block; } #liste_sites ul li a .nom_site { display: block; padding-left: 27px; } .formulaire_signature { font-size: 80%; border: 1px solid #11b23c;; padding: 0px; color: #08591e; } .formulaire_signature form { margin: 0px; padding: 0px; } .formulaire_signature fieldset { border: 0px; padding: 0px; margin: 0px; } .formulaire_signature fieldset legend { display: none; } .formulaire_signature fieldset p.explication { border-top: 1px solid #11b23c; background-color: #88d99e; margin: 0px; margin-top: 5px; padding: 10px; padding-left: 5px; padding-top: 5px; } .formulaire_signature fieldset ul { margin: 0px; padding: 0px; list-style-type: none; } .formulaire_signature fieldset ul li { display: block; margin: 10px; margin-top: 5px; margin-bottom: 0px; } .formulaire_signature fieldset ul li label { display: block; } .formulaire_signature fieldset ul li input { width: 170px; } .formulaire_signature p.reponse_formulaire { margin: 0px; padding: 10px; background-color: #c4eccf; color: #08591e; } .formulaire_signature .erreur_message { display: block; color: red; font-size: 90%; line-height: 1.1em; } .formulaire_signature .boutons { margin: 0px; margin-top: 5px; border-top: 1px solid #11b23c; background-color: #88d99e; text-align: right; padding: 10px; padding-top: 5px; padding-bottom: 5px; } .formulaire_signature .boutons input { background-color: #08591e; color: white; border: white; } .coloration_code .cadre { background-color: #f0f0f0; padding: 10px; } .coloration_code .cadre ol { margin: 0px; padding: 0px; padding-left: 30px; font-family: verdana, arial, sans; font-weight: bold; color: #999999; line-height: 1.1em; font-size: 0.5em; } .coloration_code .cadre ol li { margin: 0px; padding: 0px; border-bottom: 1px solid #eeeeee; margin-bottom: 2px; padding-bottom: 2px; font-weight: normal; text-align: left; } .coloration_code .cadre ol li:first-child { border-top: 1px solid #eeeeee; padding-top: 4px; } .coloration_code .cadre ol li div { color: #444444; font-size: 2.4em; line-height: 1.2em; } .coloration_code .cadre_download a { font-size: 0.9em; } #bandeau-bas { background: url(squelettes/imgs/fond-bandeau-bas.gif) top left repeat-x; padding-top: 15px; font-size: 70%; color: white; } #bandeau-bas .logo-site-spip { position: absolute; right: -3px; top: 10px; } #bandeau-bas a { color: #dddddd; } #bandeau-bas a:hover { color: white; } #bandeau-bas ul { padding-left: 15px; } #bandeau-bas #site-utilise { position: absolute; top: 70px; right: 0px; width: 237px; } #bandeau-bas #galaxie { position: absolute; top: 100px; left: 0px; } #bandeau-bas #syndication { position: absolute; top: 5px; left: 230px; width: 360px; } .conteneur_page { position: relative; width: 900px; margin: auto; } .clear-left { clear: left; } .clear-right { clear: left; } .clear-both { clear: both; } .bloc_infos { font-size: 80%; font-family: arial, helvetica, sans; color: #666; } .bloc_infos .bloc1 { padding-right: 15px; width: 120px; } .bloc_infos .bloc2 { padding-right: 15px; width: 170px; } .bloc_infos .bloc3 { padding-right: 0px; width: 120px; } .bloc_infos .bloc { float: left; } .bloc_infos .bloc div.element { border-top: 1px solid #ddd; padding-top: 2px; margin-top: 2px; } .bloc_infos .bloc div.homepage { margin-top: 2px; background-color: #e0e0e0; padding: 2px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .bloc_infos .bloc div.homepage a { text-decoration: none; color: #666666; } .bloc_infos .bloc div.homepage a:hover { color: black; } .bloc_infos .bloc ul { padding: 0px; margin: 0px; margin-bottom: 0px; list-style-type: none; } .bloc_infos .bloc ul li { border-top: 1px solid #ddd; padding-top: 2px; margin-top: 2px; padding-left: 20px; background: url(squelettes/imgs/check-valid.gif) 0px 2px no-repeat; } .bloc_infos .bloc ul li .explication { margin-left: -20px; margin-top: 2px; font-size: 80%; color: #444444; text-align: justify; } .bloc_infos .bloc ul li .explication p { margin: 0px; padding: 0px; } #selection_spip { padding-top: 30px; float: right; width: 200px; text-align: center; } #reviews { clear: both; } #reviews .review { font-size: 85%; clear: both; padding-top: 30px; } #reviews .review .auteur { font-size: 90%; float: right; width: 200px; } #reviews .review .auteur .logo { padding-top: 2px; float: left; } #reviews .review .auteur .element { margin-left: 50px; border-top: 1px solid #aaaaaa; padding-top: 2px; margin-top: 2px; } #reviews .review .texte { margin-right: 230px; text-align: justify; } #reviews .review .texte p { padding: 0px; margin:0px; text-indent: 1.4em; } #reviews .review .texte p:first-child { text-indent: 0px; } #form_review { clear: both; padding-top: 30px; width: 440px; } #form_review #click_review { float: right; margin-right: -230px; width: 185px; cursor: pointer; font-size: 80%; padding-bottom: 5px; padding-left: 15px; background: url( local/cache-gd2/c4e05a29d6e3065e6fddcdbb8040f729.gif ) 0px 3px no-repeat; color: #555555; font-weight: bold; } #form_review #click_review_off { font-size: 80%; padding-bottom: 5px; color: #444444; font-weight: bold; } #formulaire_review { font-size: 80%; padding: 0px; border: 1px solid #666666; background-color: #eeeeee; } #formulaire_review form { margin: 0px; padding: 0px; } #formulaire_review p.boutons { background-color: #666666; padding: 5px; padding-right: 9px; text-align: right; margin: 0px; } #formulaire_review p.boutons input { width: auto; border: 1px solid #aaaaaa; } #formulaire_review .erreur_message { color: red; padding-bottom: 2px; } #formulaire_review fieldset.previsu p.boutons { margin-left: -9px; margin-right: -9px; } #formulaire_review fieldset { border: 0px; margin: 0px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } #formulaire_review fieldset legend { display: block; margin: 0px; padding: 3px; background-color: #666666; color: white; float: none; } #formulaire_review fieldset .explication { display: none; } #formulaire_review fieldset table.spip_barre { background-color: #aaaaaa; width: 100%; } #formulaire_review fieldset table.spip_barre tr { width: 100%; } #formulaire_review fieldset table.spip_barre tr td input { background-color: #aaaaaa; border: 0px; width: 410px; margin: 0px; display: none; } #formulaire_review fieldset table.spip_barre a img { -moz-display: inline-box; display: inline-block; background-color: #cccccc; padding: 2px; margin: 2px; margin-right: 0px; margin-bottom: 0px; } #formulaire_review fieldset table.spip_barre a:hover img { -moz-display: inline-box; display: inline-block; background-color: white; padding: 2px; margin: 2px; margin-right: 0px; margin-bottom: 0px; } #formulaire_review fieldset input { width: 420px; border: 1px solid #aaaaaa; } #formulaire_review fieldset textarea { width: 410px; padding: 5px; border: 1px solid #aaaaaa; border-top: 0px; margin-top: 0px; } #formulaire_review ul { margin: 0px; padding: 0px; list-style-type: none; } #formulaire_review li.saisie_titre { display: none; } #formulaire_review li.saisie_texte label { display: none; } #formulaire_review .forum-chapo { display: none; } #pave_inscription { -moz-border-radius: 5px; -webkit-border-radius: 5px; float: right; width: 200px; font-size: 80%; background-color: #88d99e; color: #ffffff } #pave_inscription #formulaire_inscription { margin: 0px; padding: 0px; display: block; } #pave_inscription form { padding: 0px; margin: 0px; } #pave_inscription fieldset { padding: 0px; margin: 0px; margin-top: 0px; border: 0px; width: 100%; } #pave_inscription fieldset p { margin: 0px; padding: 5px; font-size: 90%; } #pave_inscription fieldset legend { background-color: #88d99e; display: none; margin: 0px; width: 190px; padding: 4px; font-weight: bold; color: #11b23c; margin-top: 0px; } #pave_inscription fieldset ul { padding: 0px; margin: 0px; list-style-type: none; } #pave_inscription fieldset ul li { background-color: #08591e; padding: 5px; color: #88d99e; } #pave_inscription fieldset ul li:first-child { padding-bottom: 0px; } #pave_inscription fieldset ul li .erreur_message { display: block; color: white; font-size: 90%; } #pave_inscription fieldset ul input { width: 180px; border: 1px solid #08591e; } #pave_inscription p.boutons { background-color: #88d99e; text-align: right; margin: 0px; padding: 5px; margin-bottom: 0px; } #pave_inscription p.boutons input { background-color: #08591e; border: 0px; color: white; } #cadre-forum { border-top: 1px solid #08591e; padding-top: 20px; padding-bottom: 20px; background-color: #11b23c; color: #ffffff } #cadre-forum ul { padding: 0px; margin: 0px; } #cadre-forum #bouton_ecrire_forum { clear: right; margin-top: 0px; width: 185px; float: right; font-size: 80%; cursor: pointer; padding-bottom: 5px; padding-left: 15px; font-weight: bold; background: url( local/cache-gd2/5d386a30015833f6afc3db5c1dbc2107.gif ) 0px 3px no-repeat; } #cadre-forum .messages_forum { margin-left: 219px; margin-right: -11px; background-color: white; color: #08591e; border: 1px solid white; margin-top: 20px; font-size: 85%; clear: both; } #cadre-forum .messages_forum .message-forum { padding: 10px; clear: both; } #cadre-forum .messages_forum .message-forum .auteur_plugin { background-color: #aaaaaa; color: white; margin-bottom: -2px; padding-bottom: 2px; padding-left: 5px; padding-right: 5px; } #cadre-forum .messages_forum .message-forum .auteur { font-size: 90%; float: right; width: 200px; } #cadre-forum .messages_forum .message-forum .auteur .logo { padding-top: 2px; float: left; } #cadre-forum .messages_forum .message-forum .auteur .element { margin-left: 50px; border-top: 1px solid #aaaaaa; padding-top: 2px; margin-top: 2px; } #cadre-forum .messages_forum .message-forum .texte { margin-right: 230px; text-align: justify; } #cadre-forum .messages_forum .message-forum .texte p { padding: 0px; margin:0px; text-indent: 1.4em; } #cadre-forum .messages_forum .message-forum .texte p:first-child { text-indent: 0px; } #cadre-forum .messages_forum .reponse_forum { border-top: 1px solid white; background-color: #cceed5; } #cadre-forum .messages_forum .repondre_forum { padding: 10px; padding-top: 10px; } #cadre-forum .messages_forum .repondre_forum .bouton_repondre_forum { clear: right; margin-top: 0px; width: 185px; float: right; font-size: 80%; padding-bottom: 5px; padding-left: 15px; font-weight: bold; background: url( local/cache-gd2/aae72c1cf92408b37ecb9cfbade3a58a.gif ) 0px 3px no-repeat; } #cadre-forum .messages_forum .repondre_forum .bouton_repondre_forum a { text-decoration: none; color: #11b23c; } #cadre-forum #formulaire-du-forum { margin-left: 220px; margin-right: 230px; display: none; width: 438px; font-size: 80%; padding: 0px; border: 1px solid #08591e; background-color: #88d99e; color: black; } #cadre-forum #formulaire-du-forum form { margin: 0px; padding: 0px; } #cadre-forum #formulaire-du-forum p.boutons { background-color: #08591e; padding: 5px; padding-right: 9px; text-align: right; margin: 0px; } #cadre-forum #formulaire-du-forum p.boutons input { width: auto; border: 1px solid white; background-color: #08591e; color: white; } #cadre-forum #formulaire-du-forum .erreur_message { color: red; padding-bottom: 2px; } #cadre-forum #formulaire-du-forum fieldset.previsu p.boutons { margin-left: -9px; margin-right: -9px; } #cadre-forum #formulaire-du-forum fieldset { border: 0px; margin: 0px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } #cadre-forum #formulaire-du-forum fieldset legend { display: block; margin: 0px; padding: 3px; background-color: #08591e; color: white; float: none; } #cadre-forum #formulaire-du-forum fieldset .explication { display: none; } #cadre-forum #formulaire-du-forum fieldset table.spip_barre { background-color: #aaaaaa; width: 100%; } #cadre-forum #formulaire-du-forum fieldset table.spip_barre tr { width: 100%; } #cadre-forum #formulaire-du-forum fieldset table.spip_barre tr td input { background-color: #aaaaaa; border: 0px; width: 410px; margin: 0px; display: none; } #cadre-forum #formulaire-du-forum fieldset table.spip_barre a img { -moz-display: inline-box; display: inline-block; background-color: #cccccc; padding: 2px; margin: 2px; margin-right: 0px; margin-bottom: 0px; } #cadre-forum #formulaire-du-forum fieldset table.spip_barre a:hover img { -moz-display: inline-box; display: inline-block; background-color: white; padding: 2px; margin: 2px; margin-right: 0px; margin-bottom: 0px; } #cadre-forum #formulaire-du-forum fieldset input { width: 414px; border: 1px solid #aaaaaa; padding: 3px; } #cadre-forum #formulaire-du-forum fieldset textarea { width: 410px; padding: 5px; border: 1px solid #aaaaaa; border-top: 0px; margin-top: 0px; } #cadre-forum #formulaire-du-forum ul { margin: 0px; padding: 0px; list-style-type: none; } #cadre-forum #formulaire-du-forum li.saisie_titre { display: none; } #cadre-forum #formulaire-du-forum li.saisie_texte label { display: none; } #cadre-forum #formulaire-du-forum .forum-chapo { display: none; } #cadre-forum .formulaire_reponse_forum { margin-left: 220px; margin-right: 230px; display: none; width: 438px; font-size: 80%; padding: 0px; border: 1px solid #08591e; background-color: #88d99e; color: black; } #cadre-forum .formulaire_reponse_forum form { margin: 0px; padding: 0px; } #cadre-forum .formulaire_reponse_forum p.boutons { background-color: #08591e; padding: 5px; padding-right: 9px; text-align: right; margin: 0px; } #cadre-forum .formulaire_reponse_forum p.boutons input { width: auto; border: 1px solid white; background-color: #08591e; color: white; } #cadre-forum .formulaire_reponse_forum .erreur_message { color: red; padding-bottom: 2px; } #cadre-forum .formulaire_reponse_forum fieldset.previsu p.boutons { margin-left: -9px; margin-right: -9px; } #cadre-forum .formulaire_reponse_forum fieldset { border: 0px; margin: 0px; margin-right: 0px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; } #cadre-forum .formulaire_reponse_forum fieldset legend { display: block; margin: 0px; padding: 3px; background-color: #08591e; color: white; float: none; } #cadre-forum .formulaire_reponse_forum fieldset .explication { display: none; } #cadre-forum .formulaire_reponse_forum fieldset table.spip_barre { background-color: #aaaaaa; width: 100%; } #cadre-forum .formulaire_reponse_forum fieldset table.spip_barre tr { width: 100%; } #cadre-forum .formulaire_reponse_forum fieldset table.spip_barre tr td input { background-color: #aaaaaa; border: 0px; width: 410px; margin: 0px; display: none; } #cadre-forum .formulaire_reponse_forum fieldset table.spip_barre a img { -moz-display: inline-box; display: inline-block; background-color: #cccccc; padding: 2px; margin: 2px; margin-right: 0px; margin-bottom: 0px; } #cadre-forum .formulaire_reponse_forum fieldset table.spip_barre a:hover img { -moz-display: inline-box; display: inline-block; background-color: white; padding: 2px; margin: 2px; margin-right: 0px; margin-bottom: 0px; } #cadre-forum .formulaire_reponse_forum fieldset input { width: 414px; border: 1px solid #aaaaaa; padding: 3px; } #cadre-forum .formulaire_reponse_forum fieldset textarea { width: 410px; padding: 5px; border: 1px solid #aaaaaa; border-top: 0px; margin-top: 0px; } #cadre-forum .formulaire_reponse_forum ul { margin: 0px; padding: 0px; list-style-type: none; } #cadre-forum .formulaire_reponse_forum li.saisie_titre { display: none; } #cadre-forum .formulaire_reponse_forum li.saisie_texte label { display: none; } #cadre-forum .formulaire_reponse_forum .forum-chapo { display: none; } #cadre-forum .formulaire_reponse_forum { margin-left: 0px; margin-top: 30px; } #selection { border: 2px solid #ccc; margin-bottom: 60px; margin-top: 24px; padding: 9px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f7f7f7; background: url(squelettes/imgs/fond-selection.gif) bottom repeat-x; } #selection #titres_selection { float: left; width: 200px; font-size: 80%; } #selection #titres_selection a.lien-selection { display: block; width: 160px; padding-top: 2px; margin-top: 2px; padding-left: 20px; text-decoration: none; color: #999; } #selection #titres_selection a.lien-selection:hover { color: #444; } #selection #titres_selection a.lien-selection-on { background: url(squelettes/imgs/check-valid.gif) 0px 2px no-repeat; color: black; font-weight: bold; } #selection #titres_selection a.lien-selection-on:hover { color: black; } #selection #slide_selection .pave-liste-article-section { margin-bottom: 0px; }


Tickets est un outil de suivi de bugs directement intégré à l’espace privé de SPIP. Il est conçu pour faciliter la phase de développement du site (notamment les squelettes du site public).
Tickets est un système simple de suivi de bugs directement intégré à l’espace privé de SPIP. Sa vocation est avant tout de faciliter la phase de développement du site public (squelettes, graphisme, etc.) sur lequel il est installé.
Lors de la phase de création d’un site, de nombreux messages sont échangés pour signaler par exemple :
— des bugs d’affichage du HTML (« c’est tout cassé sous MSIE 6… »),
— des problèmes d’ergonomie (« la couleur des liens hypertexte, ma grand-mère arrive pas à bien lire… »),
— des morceaux d’Ajax qui ne fonctionnent pas bien dans certaines situations,
— des fautes d’orthographe systématiques à corriger (« monsieur Coulemole, notre PDG… »),
— certaines fonctionnalités manquantes (« il faudrait terminer la newsletter… »),
— etc.
Messages vaguement stockés, que tout le monde n’a pas forcément reçu, avec un suivi à la va-comme-j’te-pousse qui fait qu’une fois c’est corrigé une fois c’est oublié…
C’est typiquement dans ce genre de situation que l’on a besoin d’un système de suivi de bugs :
— pouvoir signaler les problèmes et les transmettre à toutes les personnes concernées,
— pouvoir centraliser ces signalement pour pouvoir les traiter de manière systématique,
— pouvoir gérer leur « statut » pour savoir lesquels sont toujours valables et lesquels ont été résolus,
— permettre d’attribuer à certains intervenants les questions qui les concernent (ce qui équivaut à « je m’en occupe »),
— signaler qu’une question est très importante ou pas du tout…
Il existe d’excellents systèmes de suivi de bugs diffusés sous GPL (Mantis, Trac…).
Tickets propose d’insérer un système de suivi de bugs directement dans SPIP. En effet :
— c’est le plus souvent dans l’espace privé du site en développement que se retrouvent toutes les personnes concernées ; Tickets évite ainsi de devoir gérer un espace séparé (que la plupart des utilisateurs finissent par oublier d’utiliser), et de devoir gérer une autre liste d’autorisations de connexions ;
— ce plugin propose une interface aussi simplifiée que possible, car il est clairement conçu pour le développement du site public, et non d’un logiciel informatique de grande ampleur. Le nombre de champs à renseigner est donc restreint et basé sur des choix explicites (pas de jargon, vocabulaire adapté à des non-techniciens).
Évolutions
— 1.0 : on peut assigner le ticket à un rédacteur.
— 1.1 : envoi d’un mail avertissant les rédacteurs et les administrateurs lors du changement de statut d’un ticket.