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: #5e600d; outline: none; } body a.spip_in { color: #5e600d; } body a.spip_out { color: #5e600d; } 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: #5e600d; } table.spip { border: 1px solid #bcc11a; 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: #bcc11a; color: #ffffff; font-size: 1em; padding: 3px; padding-left: 10px; text-align: left; } table.spip thead tr th { background-color: #dee08d; 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/59e2cf3db1ff3051ab8fcf9f940fc3e0.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 #bcc11a; padding: 2px; } #bandeau-haut #pos_recherche form select { border: 1px solid #bcc11a; padding: 2px; background-color: #dee08d; } #bandeau-haut #pos_recherche form input[type=submit] { background-color: #bcc11a; color: white; border: 1px solid #5e600d; 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: #bcc11a; 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: #5e600d; } #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: #5e600d; } #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/9175c499d3977f8dc74aae23d5443a5a.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 #dee08d; 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 #bcc11a;; padding: 0px; color: #5e600d; } .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 #bcc11a; background-color: #dee08d; 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: #eff0c6; color: #5e600d; } .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 #bcc11a; background-color: #dee08d; text-align: right; padding: 10px; padding-top: 5px; padding-bottom: 5px; } .formulaire_signature .boutons input { background-color: #5e600d; 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: #dee08d; 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: #dee08d; display: none; margin: 0px; width: 190px; padding: 4px; font-weight: bold; color: #bcc11a; margin-top: 0px; } #pave_inscription fieldset ul { padding: 0px; margin: 0px; list-style-type: none; } #pave_inscription fieldset ul li { background-color: #5e600d; padding: 5px; color: #dee08d; } #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 #5e600d; } #pave_inscription p.boutons { background-color: #dee08d; text-align: right; margin: 0px; padding: 5px; margin-bottom: 0px; } #pave_inscription p.boutons input { background-color: #5e600d; border: 0px; color: white; } #cadre-forum { border-top: 1px solid #5e600d; padding-top: 20px; padding-bottom: 20px; background-color: #bcc11a; 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/0e8e436fc96cbb64d1f096b084f950a4.gif ) 0px 3px no-repeat; } #cadre-forum .messages_forum { margin-left: 219px; margin-right: -11px; background-color: white; color: #5e600d; 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: #f0f1cc; } #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/9175c499d3977f8dc74aae23d5443a5a.gif ) 0px 3px no-repeat; } #cadre-forum .messages_forum .repondre_forum .bouton_repondre_forum a { text-decoration: none; color: #bcc11a; } #cadre-forum #formulaire-du-forum { margin-left: 220px; margin-right: 230px; display: none; width: 438px; font-size: 80%; padding: 0px; border: 1px solid #5e600d; background-color: #dee08d; color: black; } #cadre-forum #formulaire-du-forum form { margin: 0px; padding: 0px; } #cadre-forum #formulaire-du-forum p.boutons { background-color: #5e600d; 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: #5e600d; 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: #5e600d; 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 #5e600d; background-color: #dee08d; color: black; } #cadre-forum .formulaire_reponse_forum form { margin: 0px; padding: 0px; } #cadre-forum .formulaire_reponse_forum p.boutons { background-color: #5e600d; 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: #5e600d; 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: #5e600d; 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; }

« Typographie avancée » active automatiquement un grand nombre d’automatismes destinés à affiner la typographie des textes produits par SPIP.
« Typographie avancée » est l’adaptation, pour SPIP, de la classe « PHP Typography », dont les réglages ont été optimisés pour assurer sa compatibilité avec SPIP.
Lorsque le plugin est activé, les traitements sont immédiatement appliqués, aussi bien aux éléments du site public qu’à ceux de l’espace privé. Les traitements sont réalisés avant le filtre |typo, et concernent donc la quasi-totalité des textes traités par SPIP.
L’une des plaies des affichages de texte sur le Web est la mauvaise gestion, par les navigateurs, des dernières lignes de texte. Il n’est pas rare, en effet, de se retrouver avec un mot court isolé en dernière ligne d’une paragraphe.
Le plugin est configuré pour interdire l’affichage d’un mot ou d’un groupe de mot de moins de neuf caractères en dernière ligne. Pour cela, il insère des espaces insécables entre ces derniers mots.
Le plugin insère des indications de césure dans les textes, et cela pour plus de 40 langues. Le principe est similaire au filtre « Césure automatique », mais le traitement est plus fin et produit moins de césures dans les textes. Notamment : une césure ne peut pas être insérée à moins de trois lettre du début d’un mot, et à moins de quatre caractères de la fin ; cela évite les césures trop nombreuses et trop inélégantes.
Un aspect sympathique de php-typography, c’est qu’il n’y a pas d’insertion de césures dans les neuf derniers caractères d’un paragraphe, pour éviter de rendre inefficace la gestion des veuves et des orphelines.
Notez bien : ce plugin rend inutile le plugin « Césure automatique ». Ne les utilisez pas les deux en même temps.
Le plugin active certaines corrections typographiques mineures, dont la transformation de la lettre « x » dans « 640×480 » en véritable symbole de multiplication.
En revanche, la majeure partie des corrections de PHP Typography est désactivée, parce qu’elles ne fonctionnent pas correctement ou invalident des traitements automatiques de SPIP :
— pas de mise en exposant ; pour cela, installez le plugin « Typo : mise en exposant », beaucoup plus précis et efficace ;
— pas de correction des guillemets ; pour cela, utilisez « Typo : guillemets ».
Noter que la fonction de remplacement automatique de textes mal accentués par leur version accentuée (« creme brulee » devient « crême brulée ») est désactivée. Celle fonction est conçue uniquement pour l’anglais, et je pense que ça n’est pas la vocation d’un correcteur typographique de faire cela, et cela provoque de trop nombreux dommages collatéraux.
Certains éléments des textes sont encapsulés automatiquement dans des span dotés de classes (CSS) spécifiques :
— l’espuerlète est dotée de la classe amp,
— les chiffres sont dotés de la classe numbers,
— les acronymes (mots composés entièrement en majuscules) sont dotées de la classe caps.
Visuellement, cela ne change rien au rendu graphique par défaut. Cependant, cela vous donne la possibilité de créer des styles adaptés (espuerlète en italique, chiffres dans une police sans empattements, acronymes en petites capitales…).
Tous les textes traités par le filtre |typo de SPIP (c’est-à-dire quasiment tous les textes) sont modifiés par ce plugin.
C’est donc un plugin qui peut se montrer très intrusif. Par ailleurs, notez que les temps de calcul des pages est très lourdement allongés (puisque les traitements sur les textes sont lourds).
Pour supprimer les caractères invisibles insérés par le plugin, notamment ceux destinés à provoquer les césures discrètes, le filtre |supprimer_cesure est inclus. Il est notamment utile avant le passage d’un élément par |image_typo (qui, sinon, affiche des espaces parasites là où le plugin a inséré des caractères invisibles).
0.2. Renato a signalé un bug : les patterns de césure basés sur un seul caractère n’étaient pas pris en compte. La version de PHP-Typography est donc patchée. (Le bug est signalé à KingDesk.)
Par ailleurs, le plugin ne s’applique plus dans l’espace privé.