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; }

Jouer des sons, des vidéos et des playlists avec SPIP
Le plugin « lecteur multimedia » permet la lecture et l’affichage de sons ou de vidéos.
Le plugin transforme les raccourcis des documents ajoutés dans le texte <docX|player> et affiche des lecteurs flash adaptés aux formats .MP3 et .FLV (respectivement sons et vidéos).
<docX|player> dans le texte d’un article SPIP
Ajouter un lecteur en écrivant <docX|player> ou bien <docXX|player|player=dewplayer> ou encore [->http://www.monsite.net/fichier.mp3]dans le texte d’un article SPIP.
Dans un squelette le plugin agit également (en javascript) sur les liens class="enclosure".
Affichage d’un player mp3 dans un squelette SPIP
On peut choisir son player flash favori sur la page de configuration du plugin. [1]
Afficher une playliste audio dans un squelette SPIP avec un modèle .
Pour afficher la playliste des mp3 d’un article, ou bien des derniers mp3 enregistrés : utiliser le modèle playliste dans le texte d’un article :
<playliste|id_article>
<playliste|id_article=XX>
<playliste|site>.
Appel dans un squelette (pour une playliste spécifique au document d’un article) :
La playlist est un fait un simple modèle SPIP en HTML/CSS
Voir une démo de modèle de playlist personalisé
Il est possible de créer sa propre adaptation de la playlist en créent ses propres modèles SPIP.
Avec le http://flv-player.net/ de Néolao.
Le raccourci <doc184|player|center> affiche la vidéo du document joint d’extention .flv, (video au format flv + legende, , titre, vignette personnalisée).
[2]
La playliste vidéo est également disponible.
Dans un article
<playliste|video|id_article=18>
Dans un squelette :
Le code source du plugin Lecteur multimedia est disponible sur spip-zone
Une fois que vous avez décompressé le fichier, renommez le repertoire "Lecteur_multimedia", puis placez le dans le répertoire /plugins à la racine du SPIP, et activez le plugin dans l’espace privé.
[1] Le lecteur audio par défaut est le lecteur de Neolao, mais le plugin propose également de choisir un lecteur audio alternatif parmi Dewplayer, one pixel out player (celui qui se déplie) et eraplayer.
éventuellement, il peut être utile d’afficher plusieurs lecteurs
<docXX|player|player=pixplayer>
<docXX|player|player=neoplayer>
<docXX|player|player=dewplayer>
<docXX|player|player=eraplayer>[2] Note : Parfois, les documents distants au format .flv sont reconnus par spip en tant que fichier texte, vous saurez ici pourquoi, et quoi faire
Comme l’explique Arno*, il est également possible d’ajouter une video format .swf (comme sur utube par exemple) , avec l’habituel <embX> en précisant la largeur et la hauteur du document (425 et 350 ici).
<embX> fonctionne également avec des videos au format m4v, .mov, .avi, mpeg, wmv, etc
Très pratique, mais pourquoi est-il encore classé "en développement" au téléchargement alors qu’il est stable ? Ce serait dommage que ça en rebute certains !
J’attends avec impatience la version qui gèrera aussi les ogg…