body { font-size: 12px; font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; line-height: 14px; margin: 0; padding: 0 } ul { margin: 0; padding: 0 } #header { background-image: url(menus/bandeau.jpg); background-repeat: no-repeat; width: 1000px; height: 216px } hr.force { visibility: hidden; clear: both; } #lang { list-style-type: none; margin: 0; padding: 30px 0 0 20px } #lang li { margin: 0 5px 0 0; padding: 0; width: 30px; height: 20px; float: left; border: solid 1px #900 } #lang li a { width: 30px; height: 20px; font-size: 10px; line-height: 10px; text-decoration: none; display: block; margin: 0; padding: 0 5px 0 0 } #lang li.fr a { background-image: url(menus/francais.jpg); background-repeat: no-repeat; background-position: 0 -20px; } #lang li.fr a.actif { background-image: url(menus/francais.jpg); background-repeat: no-repeat; background-position: 0 0; } #lang li.de a { background-image: url(menus/deutsch.jpg); background-repeat: no-repeat; background-position: 0 -20px; } #lang li.de a.actif { background-image: url(menus/deutsch.jpg); background-repeat: no-repeat; background-position: 0 0; } #lang li.en a { background-image: url(menus/english.jpg); background-repeat: no-repeat; background-position: 0 -20px; } #lang li.en a.actif { background-image: url(menus/english.jpg); background-repeat: no-repeat; background-position: 0 0; } #lang li a:hover { background-position: 0 0 } #lang li a span { display: none } #content { background-color: #ff9; background-image: url(menus/bandeau_bas_fr.jpg); background-repeat: no-repeat; margin: 0; padding: 30px 0 0; width: 1000px } #content h1 { color: #900; font-size: 1.4em; font-weight: bold; margin: 15px 0 0; padding: 0 255px } #content h1 a { color: #900; margin: 0; padding: 0 } #content h2 { color: #900; font-size: 1.2em; font-weight: bold; text-decoration: underline; margin: 10px 0 0; padding: 0 255px } #content h2 a { color: #900; margin: 0; padding: 0 } #content h3 { color: #900; font-size: 1em; font-weight: bold; margin: 3px 0 0; padding: 0 255px 0 265px } #content h3 a { color: #900; margin: 0; padding: 0 } #content p { font-size: 1.1em; margin: 5px 0 0; padding: 0 255px 0 265px } #content p a { color: #900; margin: 0; padding: 0 } #content p strong { color: #900; font-weight: bold; margin: 0; padding: 0 } #content div.diapo { display: block; margin: 0; padding: 20px 250px 0 } #content div.diapo img { display: block; margin: 0 20px 20px 0; padding: 0; float: left; border: solid 1px #900 } #content div.diapo img.l103 { width: 103px } #content div.diapo img.l228 { width: 228px } #content div.diapo img.l478 { width: 478px } #content table { font-size: 12px; line-height: 14px; background-color: #fc3; margin: 0; padding: 0; width: 490px; float: left; border-style: solid none none solid; border-width: 1px medium medium 1px; border-color: #900 } #content table td { text-align: left; margin: 0; padding: 10px; vertical-align: middle; border-style: none solid solid none; border-width: medium 1px 1px medium; border-color: #900 } #content table td.jour { color: #900; font-weight: bold; text-align: right } #content table td h1 { color: #900; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: underline; margin: 0; padding: 5px 0 } #content table td a { color: #900; font-weight: bold } #menu { font-size: 1px; line-height: 1px; width: 250px; float: left } #menu li a .css { display: none } #menu li.indexfr a { background-image: url(menus/menu_accueil_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.indexfr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.indexfr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_a_la_citafr a { background-image: url(menus/menu_tango_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.cours_a_la_citafr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_a_la_citafr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_reguliersfr a { background-image: url(menus/menu_cita_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.cours_reguliersfr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_reguliersfr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.photos_soireesfr a { background-image: url(menus/menu_gal_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.photos_soireesfr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.photos_soireesfr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.associations_sur_strasbourgfr a { background-image: url(menus/menu_liens_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.associations_sur_strasbourgfr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.associations_sur_strasbourgfr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.archivesfr a { background-image: url(menus/menu_archive_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.archivesfr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.archivesfr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.blogfr a { background-image: url(menus/menu_blog_fr.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.blogfr a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.blogfr a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.indexde a { background-image: url(menus/menu_accueil_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.indexde a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.indexde a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_a_la_citade a { background-image: url(menus/menu_tango_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.cours_a_la_citade a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_a_la_citade a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_reguliersde a { background-image: url(menus/menu_cita_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.cours_reguliersde a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_reguliersde a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.photos_soireesde a { background-image: url(menus/menu_gal_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.photos_soireesde a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.photos_soireesde a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.associations_sur_strasbourgde a { background-image: url(menus/menu_liens_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.associations_sur_strasbourgde a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.associations_sur_strasbourgde a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.archivesde a { background-image: url(menus/menu_archive_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.archivesde a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.archivesde a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.blogde a { background-image: url(menus/menu_blog_de.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.blogde a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.blogde a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.indexen a { background-image: url(menus/menu_accueil_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.indexen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.indexen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_a_la_citaen a { background-image: url(menus/menu_tango_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.cours_a_la_citaen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_a_la_citaen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_reguliersen a { background-image: url(menus/menu_cita_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.cours_reguliersen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.cours_reguliersen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.photos_soireesen a { background-image: url(menus/menu_gal_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.photos_soireesen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.photos_soireesen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.associations_sur_strasbourgen a { background-image: url(menus/menu_liens_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.associations_sur_strasbourgen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.associations_sur_strasbourgen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.archivesen a { background-image: url(menus/menu_archive_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.archivesen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.archivesen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.blogen a { background-image: url(menus/menu_blog_en.jpg); background-repeat: no-repeat; background-position: 0 0; display: block; width: 250px; height: 55px } #menu li.blogen a:hover { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #menu li.blogen a.actif { color: #000; font-weight: bold; text-decoration: none; background-position: 0 -55px } #actu { background-color: #fc3; margin: 0; padding: 0 0 10px; width: 250px; float: right } #actu h1 { color: #900; font-size: 1.4em; font-weight: bold; margin: 0; padding: 20px 10px 0 } #actu p { margin: 0; padding: 10px 10px 0 } #smenu { font-size: 16px; line-height: 18px; margin: 0; padding: 0; width: 500px; float: left } #smenu li { list-style-type: none; float: left } #smenu a { color: #900; text-decoration: none; margin: 0; padding: 2px 5px } #smenu a.actif { color: #000; font-weight: bold; text-decoration: none } #ssmenu { font-size: 16px; line-height: 18px; margin: 0 0 10px; padding: 0; width: 500px; float: left } #ssmenu li { list-style-type: none; float: left } #ssmenu a { color: #900; text-decoration: none; list-style-type: none; margin: 0; padding: 2px 5px } #ssmenu a.actif { color: #900; font-weight: bold; text-decoration: none } #footer { font-size: 0.8em; margin: 0; padding: 30px 0 10px 250px; width: 1000px; clear: both } #footer a { color: #900; margin: 0; padding: 0 }