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


4 viewers Flash au choix, de base, mais extensible…,
Viewer utilisable dans vos squelettes ou vos articles, paramétrable par le rédacteur,
Voir plusieurs galeries sur une même page avec différents viewers.
Extension : Ajouter facilement à SPIP vos propres viewers flash personnalisés (interface par fichier XML)
De base 4 viewers flash libres sont livrées, mais vous pourrez facilement interfacer vos propres viewer flash via un fichier XML.
Les balises sont utilisables dans les squelettes ou la rédaction des articles par le rédacteur.
Il est possible de disposer plusieurs galerie sur une même page, même avec différents viewer.
Par exemple, dans un article XX, je veux :
Déclarer une nouvelle galerie nommée ’nomgalerie’ : <MULTIVIEWERXX|NEW|nom=nomgalerie>
Choisir le viewer de la galerie ’nomgalerie’ : <MULTIVIEWERXX|PARAM|nom=nomgalerie|viewer=postcard>
Ajouter le document 26 dans la galerie ’nomgalerie’ : <MULTIVIEWERXX|ADD|nom=nomgalerie|doc=26>
Afficher la galerie ’nomgalerie’ : <MULTIVIEWERXX|VOIR|nom=nomgalerie>
pour choisir le viewer (4 sont livrés avec le plugin à la base) :
— autoviewer (sympa pour une page d’accueil, un bandeau)
— simpleviewer (Celui que j’utilise le plus, la galerie d’image sur le côté, en dessous, ou… et la grande image sur le côté, classique et efficace.)
— postcard (un peu fun, on clique ça s’agrandit, on clique le voisin, il arrive)
— tiltviewer (Le plus délire des 4, un peu comme Postcard mais en plus ça bouge en 3D)
Idem dans les squellettes :
#MULTIVIEWER{NEW,nomgalerie}
#MULTIVIEWERXX{PARAM,nomgalerie,viewer=postcard}
#MULTIVIEWERXX{ADD,nomgalerie,26}
#MULTIVIEWERXX{VOIR,nomgalerie}
Les viewers livrés avec le plugin sont ceux de Felix Turner, www.airtightinteractive.com Ces versions sont libres (mais avec un lien vers son site). Sinon, moyennant quelques dollars, des versions débridés et anonymes sont dispos.