/* CSS Document */ *{ margin:0; padding:0; } body {margin:0px; background-image:url(../images/fond.jpg); background-repeat:repeat-x; background-color:#0068B3; font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#727272; } img {border:0px;} #nl_texte2 h2 { color:#727272; font-size:16px; } #nl_texte2 h3 { color:#727272; font-size:14px; } .mrestosh2 { font-size:16px; } #home{background-color:#0367b2;} #conteneur {position:absolute;left:50%;margin-left:-498px; width:996px;} #conteneur_home {position:absolute;left:50%;margin-left:-498px; width:996px;} #home_top{height:126px;background-color:#0367b2} #home_titre{position:absolute;top:50px;left:200px;} #bandeau {height:123px;background-image:url(../images/bandeau-haut.jpg);background-repeat:no-repeat;} #home_bottom{height:173px;width:996px;background:transparent url(/images/home_bottom.gif) 0px 0px repeat-x;} #home_bottom a{display:inline;} #home_logo{float:left;width:100%;height:78px;text-align:center;} #Flag_Entree { float:left; width:100%; height:95px; padding-top:40px; text-align:center; } #Flag_Entree span a { padding-left:22px; font-size:19px; color:white; font-style:Arial; text-decoration:none; } #Flag_Entree span a.fr { background:transparent url(../images/flag_fr.gif) 0px 50% no-repeat; } #Flag_Entree span a.en { background:transparent url(../images/flag_en.gif) 0px 50% no-repeat; } #home_welcome{float:left;} #home_bienvenue{float:left;} a{font-size:11px; color:#727272;} a.sp{margin-bottom:50px} a.nostyle{text-decoration:none;} a.white{color:white} /*################################# MENU ###################################*/ #menu a, #menu a:visited{height:26px; display:block; float:left;} #menu a:hover {background-position:0px -26px;} div.decouvrir {width:171px; background-image:url(../images/decouvrir-la-ville.gif);height:27px;} div.site {width:126px; background-image:url(../images/sites-phares.gif);height:27px;} div.loisirs {width:88px; background-image:url(../images/loisirs.gif);height:27px;} div.evenements{width:128px; background-image:url(../images/evenements.gif);height:27px;} div.tourisme {width:107px; background-image:url(../images/tourisme.gif);height:27px;} div.hotels {width:202px; background-image:url(../images/hotels-restaurants.gif);height:27px;} div.acces {width:84px; background-image:url(../images/acces.gif);height:27px;} div.contact {width:90px; background-image:url(../images/contact.gif);height:27px;} /*#################################### FIN MENU ##################################*/ /*################################### SOUS MENU DECOUVRIR#################################*/ #plan a{display:block;height:28px;background-image:url(../images/plan-ville.gif);text-indent:-5000px} #plan a:hover,#plan a.over{ background-position:0px -28px;} #histoire a{display:block;height:27px; background-image:url(../images/histoire.gif);text-indent:-5000px} #histoire a:hover,#histoire a.over{ background-position:0px -27px;} #patrimoine a{display:block;height:27px; background-image:url(/images/patrimoine.gif);text-indent:-5000px} #patrimoine a:hover,#patrimoine a.over{ background-position:0px -27px;} #jardin a{display:block;height:27px; background-image:url(../images/jardin.gif);text-indent:-5000px} #jardin a:hover,#jardin a.over{ background-position:0px -27px;} #lac a{display:block;height:27px; background-image:url(../images/lac.gif);text-indent:-5000px} #lac a:hover,#lac a.over{ background-position:0px -27px;} #balades a{display:block;height:27px; background-image:url(../images/balades.gif);text-indent:-5000px} #balades a:hover,#balades a.over{ background-position:0px -27px;} #commerce a{display:block;height:27px; background-image:url(../images/commerces.gif);text-indent:-5000px} #commerce a:hover,#commerce a.over{ background-position:0px -27px;} #phototeque a{display:block;height:28px; background-image:url(../images/phototeques.gif);text-indent:-5000px} #phototeque a:hover,#phototeque a.over{ background-position:0px -28px;} /*################################### SOUS MENU SITE#################################*/ #rives a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/les_rives.gif);text-indent:-5000px} #rives a:hover, #rives a.over{ background-position:0px -27px;} #spark a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/spark.gif);text-indent:-5000px} #spark a:hover, #spark a.over{ background-position:0px -27px;} #thermes a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/thermes.gif);text-indent:-5000px} #thermes a:hover, #thermes a.over{ background-position:0px -27px;} #escalesM a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/escales_affaires.gif);text-indent:-5000px} #escalesM a:hover,#escalesM a.over{ background-position:0px -27px;} #theatre a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/theatre.gif);text-indent:-5000px} #theatre a:hover, #theatre a.over{ background-position:0px -27px;} #pergolaNova a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/pergola.gif);text-indent:-5000px} #pergolaNova a:hover, #pergolaNova a.over{ background-position:0px -27px;} #casino a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/casino.gif);text-indent:-5000px} #casino a:hover,#casino a.over{ background-position:0px -27px;} #hotel a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/hotel.gif);text-indent:-5000px} #hotel a:hover,#hotel a.over{ background-position:0px -27px;} #restaurant a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/restaurant.gif);text-indent:-5000px} #restaurant a:hover, #restaurant a.over{ background-position:0px -27px;} #centreart a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/centreart.gif);text-indent:-5000px} #centreart a:hover,#centreart a.over{ background-position:0px -27px;} #hippodromeM a{display:block;height:27px; background-image:url(../images/boutton_menu/sites/hippodrome.gif);text-indent:-5000px} #hippodromeM a:hover,#hippodromeM a.over{ background-position:0px -27px;} /*################################### LOISIRS#################################*/ #sports a{display:block;height:27px; background-image:url(../images/boutton_menu/loisirs/sports.gif);text-indent:-5000px} #sports a:hover,#sports a.over{ background-position:0px -27px;} #art a{display:block;height:27px; background-image:url(../images/boutton_menu/loisirs/art.gif);text-indent:-5000px} #art a:hover,#art a.over{ background-position:0px -27px;} /*################################### EVENEMENTS#################################*/ #affiche a{display:block;height:27px; background-image:url(../images/boutton_menu/evenements/affiche.gif);text-indent:-5000px} #affiche a:hover,#affiche a.over{ background-position:0px -27px;} #agenda a{display:block;height:27px; background-image:url(../images/boutton_menu/evenements/agenda.gif);text-indent:-5000px} #agenda a:hover,#agenda a.over{ background-position:0px -27px;} #tempsforts a{display:block;height:27px; background-image:url(../images/boutton_menu/evenements/tempsforts.gif);text-indent:-5000px} #tempsforts a:hover, #tempsforts a.over{ background-position:0px -27px;} a.indent{text-indent:-5000px;} /*################################### SOUS MENU #################################*/ /*################################### SOUS MENU LOISIRS #################################*/ #ssmenu-loisirs {position:absolute;top:149px;left:300px;width:171px; display:none;} #ssmenu-loisirs a{display:block;} #ssmenu-loisirs a.sports, a.plan:visited{height:27px; background-image:url(../images/menu_sport.gif);} #ssmenu-loisirs a.sports:hover{ background-position:0px -27px;} #ssmenu-loisirs a.arts_et_culture, a.plan:visited{height:27px; background-image:url(../images/menu_arts_et_culture.gif);} #ssmenu-loisirs a.arts_et_culture:hover{ background-position:0px -27px;} /*################################### SOUS MENU #################################*/ /*################################### SOUS MENU EVENEMENTS #################################*/ #ssmenu-evenements {position:absolute;top:149px;left:600px;width:171px; display:block;} #ssmenu-evenements a{display:block;} #ssmenu-evenements a.a_laffiche, a.plan:visited{height:27px; background-image:url(../images/menu_sport.gif);} #ssmenu-evenements a.a_laffiche:hover{ background-position:0px -27px;} #ssmenu-evenements a.agenda_du_mois, a.plan:visited{height:27px; background-image:url(../images/menu_arts_et_culture.gif);} #ssmenu-evenements a.agenda_du_mois:hover{ background-position:0px -27px;} /*################################### SOUS MENU #################################*/ /*#################################### CHEMIN DE FER #############################*/ #chemin-fer {height:16px; background-color:#F2E8BC; border-top:1px #C8BC93 solid; font-family:"Times New Roman", Times, serif; color:#867F60; font-size:10px; font-weight:bold; text-transform:uppercase; padding-left:10px; padding-top:3px;clear:both;} #chemin-fer a.chemin-fer, a.chemin-fer:visited{color:#867F60; text-decoration:none;height:16px;} #chemin-fer a.chemin-fer:hover{text-decoration:underline} /*#################################### FIN CHEMIN DE FER #############################*/ /*################################### HOME PAGE ################################*/ #contenu-home {height:462px;background-color:#FBEBB6;background-image:url(../images/fond-home.jpg);background-repeat:no-repeat;clear:both;} #contenu-1 {float:left;width:212px;padding-left:11px;} /*################################# MENU BLEU ###################################*/ #menu-bleu {margin-top:27px;} #menu-bleu a{display:block; width:141px; } a.thermes {height:26px; background:url(../images/thermes.gif) top left no-repeat;} a.thermes:hover {background:url(../images/thermes.gif) 0px -26px no-repeat;} a.spark {height:26px; background-image:url(../images/spark-soins.gif);} a.spark:hover {background-position:0px -26px;} a.spark2 {height:45px; background-image:url(../images/spark-soins.gif);} a.spark2:hover {background-position:0px -45px;} a.casino {height:26px; background-image:url(../images/casino.gif);} a.casino:hover {background-position:0px -26px;} a.theatre {height:26px; background-image:url(../images/theatre.gif);} a.theatre:hover {background-position:0px -26px;} a.centre-art {height:26px; background-image:url(../images/centre-arts.gif);} a.centre-art:hover {background-position:0px -26px;} a.hippodrome {height:25px; background-image:url(../images/hippodrome.gif);} a.hippodrome:hover {background-position:0px -25px;} a.nous-contacter {margin-top:10px; height:27px; background-image:url(../images/nous-contacter.gif);} a.nous-contacter:hover {background-position:0px -27px;} a.plan-ville-home {margin-top:10px; height:38px; background-image:url(../images/Plan_Ville_Home.gif);} a.plan-ville-home:hover {background-position:0px -38px;} /*################################# FIN MENU BLEU ###################################*/ #logo-bas-home {margin-top:126px;} #logo-bas-hometemp {margin-top:410px;} #contenu-2 {float:left;width:547px;height:399px;margin-top:27px;}/*background-image:url(../images/fond-affiche-home.gif);*/ #contenu-2m {float:left;width:547px;height:399px;margin-top:27px;background-image:url('../images/temp/fdtemp.gif')} #contenu-2 .affiche_home{float:left;width:266px;height:399px;margin:0;padding:0;} #contenu-2 .affiche_home img{width:266px;height:399px;margin:0;padding:0;} #contenu-2 .texte_affiche_home{float:left;width:281px;height:399px;margin:0;padding:0;display: inline;} #contenu-2 .texte_affiche_home .contenu-texte{width:281px;height:385px;background-color:white;overflow:hidden;} #contenu-2 .texte_affiche_home .contenu-texte h1{font-family:"Times New Roman", Times, serif; font-size:16px; color:#0068B3; font-weight:bold; text-transform:uppercase; margin:0 0 0 10px;} #contenu-2 .texte_affiche_home .contenu-texte p{font-size:11px; color:#727272; margin:10px 0px 0px 10px; padding-right:10px; margin-top:5px;} #contenu-2 .texte_affiche_home .contenu-texte img{margin:0;padding:0;} #contenu-2m .contenu-textetemp{text-align:center;width:547px;height:385px;} #contenu-2m .contenu-textetemp h1{font-family:"Times New Roman", Times, serif; font-size:16px; color:#0068B3; font-weight:bold; text-transform:uppercase; margin:0 0 0 5px;} #contenu-2m .contenu-textetemp p{font-size:11px; color:#727272; margin:5px 0px 0px 5px; padding-right:10px; margin-top:5px;} #contenu-2m .templien a {font-size:11px; color:#0068B3; margin:5px 0px 0px 5px; margin-top:5px;text-decoration:none;font-weight:bold;} #contenu-2m .templien a:hover {font-size:11px; color:#0068B3; margin:5px 0px 0px 5px; margin-top:5px;text-decoration:underline;font-weight:bold;} #contenu-3{float:left;margin-left:48px;} #webcam {width:155px; height:170px; margin-top:27px; background-image:url(../images/fond-web-cam.gif); background-repeat:no-repeat;padding-left:2px;} #webcam p{font-size:10px;color:#fff;margin:0px;padding-top:3px;margin-left:3px;} #webcam a.webcam, a.webcam:visited {font-weight:bold; color:#fff; text-decoration:underline;} #webcam a.webcam:hover {text-decoration:none;} #newsletter {width:154px;height:149px;margin-top:20px;background-image:url(../images/fond-newsletter.gif);background-repeat:no-repeat;} #newsletter p{font-size:10px; color:#000; margin:0px; padding-top:40px;margin-left:10px; margin-right:12px;} #meteo {width:152px;height:38px;margin-top:27px;background-image:url(../images/fond-meteo.gif);background-repeat:no-repeat;} #meteo p{font-size:10px;color:#fff;margin:0px;padding-top:5px;margin-left:30px;} #footer {float:left;} #site-officiel {position:relative;float:left;color:#fff;font-size:12px;height:20px;} #menu-bas {position:relative;float:right; font-size:11px; color:#ffffff; font-weight:bold;width:600px;text-align:right;} #menu-bas a.menu-bas, a.menu-bas:visited {color:#fff; text-decoration:none;} #menu-bas a.menu-bas:hover {text-decoration:none;} /*################################### FIN HOME PAGE ################################*/ /*##################################### PAGE BALADES ##########################################*/ #contenu-balade {height:450px;background-color:#FBEBB6;background-image:url(../images/fond-balade.jpg);background-repeat:no-repeat;clear:both; padding:0px 0px 0px 0px;} #float-left {float:left;} #txt-balade {height:379px; background-image:url(../images/fond-contenu-balade.gif); background-repeat:no-repeat; padding:10px;} #txt-balade h1{margin-top:5px; padding-right:10px; width:213px; } #txt-balade p{font-size:11px; color:#727272; margin:0px; padding-right:10px; margin-top:5px; width:213px;} #txt-balade p p {margin-bottom:10px;} #txt-balade img{float:left; margin-left:9px;} #titre_balade{position:relative;left:-10px;} /*##################################### FIN PAGE BALADES ##########################################*/ /*##################################### PAGE HISTOIRE ########################################*/ #contenu-histoire {height:428px;clear:both; padding:15px 0px 0px 13px;} #menu-histoire {float:left;} #menu-histoire a {display:block; width:197px; margin-bottom:5px; float:none;} #menu-histoire a.enghein-a-enghein,a.enghein-a-enghein:visited {height:42px; background-image:url(../images/enghien-a-enghien.gif);} #menu-histoire a.enghein-a-enghein-active {height:42px; background-image:url(../images/enghien-a-enghien.gif); background-position:0px -42px;} #menu-histoire a.enghein-a-enghein:hover { background-position:0px -42px;} #menu-histoire a.sources,a.sources:visited {height:42px; background-image:url(../images/sources-force.gif);} #menu-histoire a.sources-active {height:42px; background-image:url(../images/sources-force.gif); background-position:0px -42px;} #menu-histoire a.sources:hover { background-position:0px -42px;} #menu-histoire a.sources,a.sources:visited {height:42px; background-image:url(../images/sources-force.gif);} #menu-histoire a.sources-active {height:42px; background-image:url(../images/sources-force.gif); background-position:0px -42px;} #menu-histoire a.sources:hover { background-position:0px -42px;} #menu-histoire a.eaux-jeux,a.eaux-jeux:visited {height:27px; background-image:url(../images/eaux-jeux.gif);} #menu-histoire a.eaux-jeux-active {height:27px; background-image:url(../images/eaux-jeux.gif); background-position:0px -27px;} #menu-histoire a.eaux-jeux:hover { background-position:0px -27px;} #menu-histoire a.armes,a.armes:visited {height:27px; background-image:url(../images/armes-enghien.gif);} #menu-histoire a.armes-active {height:27px; background-image:url(../images/armes-enghien.gif); background-position:0px -27px;} #menu-histoire a.armes:hover { background-position:0px -27px;} #menu-histoire a.duc,a.duc:visited {height:27px; background-image:url(../images/duc-enghien.gif);} #menu-histoire a.duc-active {height:27px; background-image:url(../images/duc-enghien.gif); background-position:0px -27px;} #menu-histoire a.duc:hover { background-position:0px -27px;} #contenu-patrimoine {height:428px;clear:both; padding:15px 0px 0px 13px;} #menu-patrimoine {float:left;} #menu-patrimoine a {display:block; width:197px; margin-bottom:5px; float:none;} #menu-patrimoine a.urbanisme,a.urbanisme:visited {height:27px; background-image:url(../images/decouvrir-la-ville/patrimoine/urbanisme.gif);} #menu-patrimoine a.urbanisme-active {height:27px; background-image:url(../images/decouvrir-la-ville/patrimoine/urbanisme.gif); background-position:0px -27px;} #menu-patrimoine a.urbanisme:hover { background-position:0px -27px;} #menu-patrimoine a.architecture,a.architecture:visited {height:27px;width:197px; background-image:url(../images/decouvrir-la-ville/patrimoine/architecture_bouton.gif);} #menu-patrimoine a.architecture-active {height:27px; background-image:url(../images/decouvrir-la-ville/patrimoine/architecture_bouton.gif); background-position:0px -27px;} #menu-patrimoine a.architecture:hover { background-position:0px -27px;} #txt-histoire-plus {float:left; width:767px; height:401px; background:transparent url(/images/fond-contenu-histoire-duc.gif) -1px 0px no-repeat; padding:0px 0px 0px 13px;} .histoire-retour{width:100px;float:left;padding-top:5px;margin-top:10px;} #txt-histoire {float:left; width:767px; height:401px; background:transparent url(/images/fond-contenu-histoire.gif) -1px 0px no-repeat; padding:0px 0px 0px 13px;} #txt-histoire #text{float:left;width:210px;height:401px;overflow:auto;} #txt-histoire #text h1{width:200px;} #txt-histoire #text p{font-size:11px; color:#727272; margin:0px; padding-right:10px; margin-top:5px; width:200px;} #txt-histoire #image{float:left;width:545px;height:401px;padding:0;margin:0;} /*#txt-histoire-duc {float:left; width:313px; height:399px; background:transparent url(/images/decouvrir-la-ville/histoire/le_duc_left.gif) -1px 0px no-repeat; padding:0px 0px 0px 13px;}*/ #txt-histoire-carre {float:left; width:767px; height:401px; background:transparent url(/images/fond-contenu-histoire-carre.gif) -1px 0px no-repeat; padding:0px 0px 0px 13px;} #txt-histoire-carre #text{float:left;width:210px;height:401px;overflow:auto;} #txt-histoire-carre #text h1{width:200px;} #txt-histoire-carre #text p{font-size:11px; color:#727272; margin:0px; padding-right:10px; margin-top:5px; width:200px;} #txt-histoire-carre #image{float:left;width:545px;height:401px;padding:0;margin:0;} #txt-histoire #text-duc{float:left;width:359px;height:401px;overflow:auto;} #txt-histoire #text-duc h1{width:200px;} #txt-histoire #text-duc p{font-size:11px; color:#727272; margin:0px; padding-right:10px; margin-top:5px; width:349px;} #txt-histoire #image-duc{float:left;width:398px;height:401px;padding:0;margin:0;} #txt-histoire-carre #text-patrimoine-u{float:left;width:223px;height:399px;overflow:auto;} #txt-histoire-carre #text-patrimoine-u h1{width:195px;} #txt-histoire-carre #text-patrimoine-u p{font-size:11px; color:#727272;margin-right:10px;margin-top:5px;overflow:auto;} #txt-histoire-carre #image-patrimoine-u{float:left;width:532px;height:401px;padding:0;margin:0;} #txt-histoire-plus {float:left; width:757px; height:401px; background:transparent url(/images/fond-contenu-histoire.gif) -1px 0px no-repeat; padding:0px 0px 0px 13px;overflow:auto;} #txt-histoire-plus-carre {float:left; width:757px; height:401px; background:transparent url(/images/fond-contenu-histoire-carre.gif) -1px 0px no-repeat; padding:0px 0px 0px 13px;overflow:auto;} #txt-histoire-plus a.savoir-plus, a.savoir-plus:visited, a.savoir-plus:hover{height:0px;} #txt-histoire-plus h1{padding-right:0px;margin-top:10px; } #txt-histoire-plus p{font-size:11px; color:#727272; margin:0px; padding-right:10px; padding-left:135px; margin-top:5px; } /*##################################### FIN PAGE HISTOIRE ########################################*/ #chemin_de_fer {background:transparent url(/images/cheminard.png) top left no-repeat;width:996px;height:24px;} * html #chemin_de_fer{ height:24px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='scale',src='/images/cheminard.png');background:none; } /*################################################################### ### ### PAGES ### */ /*######################## SPORT ##############*/ #contenu-sport {height:450px;width:996px;background-color:#FBEBB6;background:transparent url(/images/loisirs/fond_sport.gif) -1px 0px no-repeat;clear:both;} #sport_contenaire{width:966px;height:400px;background:transparent url(/images/fond_footer.gif) 0px 0px no-repeat;} #sport_texte {float:left;background-color:white;position:relative;top:14px;left:23px;width:292px;height:399px;background-image: url(/images/loisirs/sport1.jpg); background-repeat:no-repeat;} #sport_liste{position:relative;padding-left:10px;padding-top:10px;font-size:11px; color:#727272;height:387px;overflow:auto;} #sport_liste a{position:relative;font-size:11px; color:#727272;} #sport_liste h1{margin-top:0} #sport_photo{position:relative;top:14px;left:23px;float:left;background-image: url(/images/loisirs/sport_photo.jpg);background-repeat:no-repeat;height:399px;width:754px;} /*######################## ART ET CULTURE ##############*/ #contenu-art_et_culture {height:449px;width:996px;background-color:#FBEBB6;background-image:url(/images/loisirs/fond_art_et_culture.gif);background-repeat:no-repeat;clear:both;} #art_et_culture_texte {float:left;background-color:white;height:399px;background:transparent url(/images/loisirs/art_et_culture1.gif) no-repeat; overflow:none;} #contenu-art_et_culture #art_et_culture_texte #art_et_culture_liste #listing { overflow:auto; height:340px; width:398px; } #contenu-art_et_culture #art_et_culture_texte #art_et_culture_liste #listing #col_gauche, #contenu-art_et_culture #art_et_culture_texte #art_et_culture_liste #listing #col_droite { float:left; width:185px; } #contenu-art_et_culture #art_et_culture_texte #art_et_culture_liste #listing #col_gauche { margin:0 10px 0 0; } #art_et_culture_texte #listing .centreart { float:left; margin:8px 0 0 0; width:185px; } #art_et_culture_texte #listing .centreart a { float:left; } #art_et_culture_liste{padding-left:10px;font-size:11px; color:#727272;} #art_et_culture_liste h1{margin-top:0;} #art_et_culture_liste a{font-size:11px; color:#727272;} #art_et_culture_photo{float:left;height:399px;width:534px;} #art_et_culture_div1 {width:199px;float:left;} #art_et_culture_div2 {width:199px;float:left;} /*######################## EVENEMENTS ##############*/ #contenu-a_l_affiche{height:450px;width:996px;background-color:#e5d597;clear:both;} #contenu-a_l_affiche_container{height:412px;width:100%px;padding-top:20px;padding-left:50px;background:transparent url(/images/evenements/a_l_affiche_fond.gif) 13px 13px no-repeat;clear:both;} #contenu-agenda{height:412px;width:100%px;padding-top:12px;padding-left:15px;}/*background:transparent url(/images/evenements/a_l_affiche_fond.gif) 13px 13px no-repeat;clear:both;*/ #contenu-agenda .border-gauche{float:left;background:transparent url(/images/border-gauche-399.gif) no-repeat;height:399px;width:8px;} #contenu-agenda .border-droite{float:left;background:transparent url(/images/border-droite-399.gif) no-repeat;height:399px;width:8px;} #contenu-agenda .menu-agenda{float:left;background-color:white;height:399px;width:255px;} #contenu-agenda .menu-agenda .liste{float:left;overflow:auto;width:255px;height:355px;overflow:auto;} #contenu-agenda .menu-agenda .liste .resume_agenda{float:left;margin-bottom:10px;} #contenu-agenda .menu-agenda .liste .resume_agenda a{text-decoration:none;cursor:pointer;} /*#contenu-agenda .menu-agenda .liste .resume_agenda a:link{color:#FFFFFF;} #contenu-agenda .menu-agenda .liste .resume_agenda a:visited{color:#FFFFFF;}*/ #contenu-agenda .menu-agenda .liste .resume_agenda a{text-decoration:none;cursor:pointer;} #contenu-agenda .menu-agenda .liste .resume_agenda .date-top{float:left;background:transparent url(/images/evenements/resume-date-top.gif) no-repeat;height:10px;width:215px;line-height:1px;} #contenu-agenda .menu-agenda .liste .resume_agenda .date{float:left;background-color:RGB(0,104,179);width:215px;} #contenu-agenda .menu-agenda .liste .resume_agenda .date-bottom{float:left;background:transparent url(/images/evenements/resume-date-bottom.gif) no-repeat;height:10px;width:215px;line-height:1px;} #contenu-agenda .menu-agenda .liste .resume_agenda .date h1{font-family:Arial;font-size:11px;font-weight:bold;color:white;text-align:center;margin:0 0 0 0;padding:0;} #contenu-agenda .menu-agenda .liste .resume_agenda .contenu{float:left;width:215px;margin:0 0 0 5px;color:#727272;} #contenu-agenda .menu-agenda .liste .resume_agenda .contenu p{color:#727272;} #contenu-agenda .descriptif-agenda{float:left;background-color:white;height:399px;width:695px;} #contenu-agenda .descriptif-agenda .description{float:left;margin:25px 0 0 15px;} #contenu-agenda .descriptif-agenda .date-top{float:left;background:transparent url(/images/evenements/date-top.gif) no-repeat;height:10px;width:668px;line-height:1px;} #contenu-agenda .descriptif-agenda .date{float:left;background-color:RGB(0,104,179);width:668px;} #contenu-agenda .descriptif-agenda .date-bottom{float:left;background:transparent url(/images/evenements/date-bottom.gif) no-repeat;height:10px;width:668px;line-height:1px;} #contenu-agenda .descriptif-agenda .date h1{font-family:Arial;font-size:14pt;color:white;text-align:center;margin:3.5px 0 0 0;} #contenu-agenda .descriptif-agenda .contenu{float:left;width:658px;height:300px;overflow:auto;margin:10px 5px 0 5px;} #contenu-agenda .descriptif-agenda .contenu img{float:left;padding-right:5px;} #contenu-agenda .descriptif-agenda .contenu p{margin:0 0 10px 0;} #contenu-agenda .descriptif-agenda .contenu .coordonnees-gauche{float:left;width:320px;margin-top:10px;} #contenu-agenda .descriptif-agenda .contenu .coordonnees-droite{float:left;width:320px;margin-top:10px;} #contenu-points_forts{height:449px;width:996px;background-color:#e5d597;background-repeat:no-repeat;clear:both;} #temps_fortsleft{width:348px;height:399px;float:left;background: transparent url(/images/evenements/temps_forts_fond1.gif) 0px 0 no-repeat;margin-left:10px} #temps_fortsright{width:615px;height:399px;float:left;} #temps_fortsoverflow{padding-left:5px;width:343px;height:335px;overflow:auto;} #temps_fortsoverflow{padding-left:5px;width:343px;height:335px;overflow:auto;} #temps_fortsoverflow a{font-size:11px; color:#727272;} #temps_fortsleft h1{padding-left:5px;padding-bottom:5px;} /*######################## TOURISME ##############*/ #contenu-tourisme{height:450px;width:996px;background-image:url(/images/tourisme/tourisme_fond.jpg);background-repeat:no-repeat;clear:both;} #tourisme_left{float:left;background-image: url(/images/tourisme/tourisme_fond1.gif);background-repeat:no-repeat;height:399px;width:386px;overflow:auto;padding-left:5px;} #tourisme_left h1{margin-top:0} #tourisme_left #intro { margin:0 0 20px 0; } #tourisme_left .departement { margin:0 0 20px 0; } #tourisme_left .liens_photo { margin:10px 0 20px 0; } #tourisme_left .precisions { margin:0 0 10px 0; } #tourisme_left .lien { margin:10px 0 ; } #tourisme_photo{width:578px;height:399px;float:left;}/*background:transparent url(/images/tourisme/tourisme_photo.jpg) 0px 0px no-repeat;*/ .tourisme_scroll{height:330px;width:381px;overflow:auto;padding-right:3px;} /*######################## HOTELS RESTAURANTS ##############*/ #contenu-hotels{height:450px;width:996px;background-color:#e5d597;clear:both;} #contenu-hotels_container{height:412px;width:100%px;padding-top:30px;padding-left:25px;background:transparent url(/images/hotels-restaurants/hotel_fond1.gif) 13px 13px no-repeat;clear:both;} #contenu-hotels_container h1 { margin:0 0 10px 0; } #contenu-hotels #contenu-hotels_container .hotel_info { margin:08px 0 0 0; } #contenu-hotels #contenu-hotels_container #autre_residence { margin:22px 0 0 0; } #contenu-hotels #contenu-hotels_container #gauche { float:left; } #contenu-hotels #contenu-hotels_container #droite { float:right; margin:0 68px 0 0; } *html #contenu-hotels #contenu-hotels_container #droite { margin:0 34px 0 0; } #contenu-hotels #contenu-hotels_container #droite p { margin:0 0 0 120px; } #contenu-restaurants{ height:450px; width:996px; background-color:#e5d597; clear:both; background-image: url(/images/hotels-restaurants/restaurants_fond.gif); background-repeat:no-repeat; } #contenu-restaurants #conteneur_colonnes { height:300px; overflow:auto; width:578px; } .mblocsrestaurants { padding:0 5px 0 0; width:180px; float:left; } #mblocrives { width:339px; height:330px; float:left; background-image: url(/images/hotels-restaurants/fond_rive.gif); padding: 0 12px 13px 0; text-align: center; } #mblocrestos { width:596px; float:left; } p.restoslegende { font-size:10px; padding-top:2px; } .mblocsrestaurants p { padding-bottom: 6px; } p.mtitresrestos { padding: 5px 0 11px 0; } p.mintrorestaurants { padding-bottom: 5px; } p.mviolet { padding: 20px 0; color:#9561a9; font-weight:bold; } .mimgspec { padding-top:40px; } /*######################## ACCES ##############*/ #contenu-acces {height:450px;width:996px;background-image:url(/images/acces/acces_fond.jpg);background-repeat:no-repeat;clear:both;} #acces_texte {float:left;padding:5px 0 0 1.5%;} #acces_liste{float:left;background-color:white;width:478px;height:399px;font-size:11px; color:#727272;} #acces_contenu_txt{float:left;width:478px;height:379px;overflow:auto;font-size:11px;margin:10px 0 10px 0;} #acces_contenu_txt p {margin: 5px 0 15px 0;} #acces_photo{float:left;background-image: url(/images/acces/acces_photo.gif);background-repeat:no-repeat;height:399px;width:481px;} #acces_bord_gauche {float:left;background-color:white;width:9px;height:400px;background:transparent url(/images/acces/acces_bord_gauche.gif) left no-repeat;} /*######################## CONTACT ##############*/ #contenu-contact {height:450px;width:996px;background:transparent url(/images/contact/contact_fond.jpg) -1px top repeat-x;clear:both;} #contact_texte {float:left;position:relative;top:5px;left:10px;width:344px;height:399px;background-image: url(/images/contact/contact_fond1.png); overflow:auto; background-repeat:no-repeat;} /* * html #contact_texte { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='images/contact/contact_fond1.png'); }*/ #contact_liste{position:relative;padding-left:10px;font-size:11px; color:#727272;} #contact_photo{position:relative;top:5px;left:10px;float:left;background-image: url(/images/contact/contact_photo.png);background-repeat:no-repeat;height:399px;width:622px;} * html #contact_photo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='images/contact/contact_photo.png'); } #contact_carte{position:absolute;top:250px;left:120px;} /*######################## HISTOIRE ##############*/ #contenu-histoire {height:428px;clear:both; padding:15px 0px 0px 13px;} #contenu-histoire-ses_sources {height:450px;width:996px;background:transparent url(/images/decouvrir-la-ville/histoire-ses-sources.jpg) -1px top no-repeat; clear:both;} #des-eaux-et-des-jeux-texte {height:401px;overflow:auto;float:left;} #des-eaux-et-des-jeux-texte-plus{overflow:auto;} /*####################### PATRIMOINE ##############*/ #txt-patrimoine {float:left; width:200px; height:400px; background:transparent url(/images/decouvrir-la-ville/patrimoine/fond1.gif)0px 0px no-repeat; padding:0px 0px 0px 13px;} #contenu-patrimoine_fond {height:450px;width:996px;clear:both;background:transparent url(/images/decouvrir-la-ville/patrimoine/fond.jpg) -1px top no-repeat;} /*################### JARDIN ET ESPACE VERTS ##############*/ #contenu-jardin {height:450px;width:996px;background-color:#FBEBB6;background:transparent url(/images/decouvrir-la-ville/fond_jardin.jpg) -1px 0px no-repeat;clear:both;} #jardin_liste {padding-left:5px;float:left;background-color:white;left:10px;position:relative;width:234px;height:399px;background-image: url(/images/loisirs/sport1.jpg); overflow:auto; background-repeat:no-repeat;} #jardin_liste ul{list-style-position:inside;list-style-type:square;} #jardin_liste ul li{padding:0 5px 10px 5px;width:220px;} #visu_jardin{float:left;left:10px;position:relative;} /*################### LAC ##############*/ #lac_joyau_bord_gauche {float:left;background-color:white;width:7px;height:400px;background:transparent url(/images/decouvrir-la-ville/lac_bord_gauche.gif) left no-repeat;} #contenu-lac{height:450px;width:996px;background-color:#FBEBB6;background-image:url(/images/decouvrir-la-ville/le_lac_fond.jpg);background-repeat:no-repeat;clear:both;} #lac_joyau_texte{padding-left:5px;float:left;background-color:white;width:600px;height:394px;overflow:auto;background-color:white;margin-top:1px;padding-bottom:5px;} #lac_joyau_texte p{text-align:left;padding:10px 12px 5px 0;} #lac_joyau_texte span img{margin-top:10px;} #lac_fondbleu1{float:left;width:227px;height:100px;background-image: url(/images/decouvrir-la-ville/lac_fond_bleu.gif);padding:10px;background-repeat:no-repeat;color:black;} #lac_fondbleu1 p {float:left;padding:0 20px 0 0;} #lac_fondbleu1 h3 {color:white} #lac_fondbleu1 a {color:white} #lac_fondbleu2{padding-left:10px:float:left;width:227px;height:100px;position:relative;background-image: url(/images/decouvrir-la-ville/lac_fond_bleu.gif);padding:5px;background-repeat:no-repeat} #lac_fondbleu2 h3 {color:white} #milieu_lac{padding:10px 0 0 2.5%;} #lac_contenair{height:399px;padding:10px 0 0 2.5%;} #Visu_Lac{float:left;z-index:0;top:0px;left:0px;padding-top:1px;margin-left:0px;} * html #Visu_Lac{float:left;z-index:0;top:0px;left:0px;padding-top:1px;margin-left:0px;} /*###################BALADES ##############*/ #contenu-commerces{width:996px;height:450px;background:transparent url(/images/decouvrir-la-ville/commerce-fond.jpg) -1px 0px no-repeat;clear:both;} #commerces_texte{float:left;width:340px;height:391px;background-color:white;overflow:auto; background-repeat:no-repeat;padding-left:5px;padding-right:5px;} #commerces_texte p{text-align:left;padding:10px 12px 5px 0;} #commerces_texte span img{margin-top:10px;} #commerces-et-marches{padding:10px 0 0 2.5%;} #commerces_bord_gauche{float:left;background-color:white;width:7px;height:391px;background:transparent url(/images/decouvrir-la-ville/commerces_bord_gauche.gif) left no-repeat;} /*################### PHOTOTEQUES ##############*/ #phototeque_texte{float:left;background-color:white;width:375px;height:399px;background-color:white;overflow:auto;paddingt:0 0 0 5px;} #phototeque_texte p {margin:10px 10px 0 0;} #phototeque_texte span img{margin-top:10px;} #phototheque_bord_gauche{float:left;background-color:white;width:7px;height:399px;background:transparent url(/images/decouvrir-la-ville/phototheque_bord_gauche.gif) left no-repeat;} /*############ HIPPODROME ###############*/ #contenu-hippodrome{width:996px;height:455px;clear:both;background-image: url(/images/sites-phares/hippodrome_fond.jpg);background-repeat:no-repeat;clear:both;} #hippodrome{float:left;width:961px;height:399px;padding: 10px 0 0 20px;} #hippodrome_bord_gauche{float:left;width:7px;height:399px;background:transparent url(/images/sites-phares/hippodrome_bord_gauche.gif) left no-repeat;} #hippodrome_texte{float:left;width:347px;height:399px;overflow:auto;background-color:white;} #hippodrome #hippodrome_texte h1{padding-top:15px;margin-top:0; } #hippodrome #hippodrome_texte p{font-size:11px; color:#727272;margin: 10px 10px 5px 0;overflow:auto;} /*##############################################CENTRE DES ARTS ###########################################*/ #contenu-centre_des_arts{width:996px;height:450px;background-image: url(/images/sites-phares/centre_des_arts_fond.jpg);background-repeat:no-repeat;clear:both;} /*############################################## SITE PHARES ###########################################*/ #sp_menu{width:145px; float:left;padding:10px 0 0 5px;} #sp_menu a img{margin-bottom:2px;} #sp_menu .logo_rive {margin-top:5px;} #sp_contenu{width:817px;float:left;margin-left:5px} /*#sp_contenu_thermes{width:817px; height:1086px;float:left;margin-left:10px} #sp_contenu_casino{width:817px; height:1086px;float:left;margin-left:10px} #sp_contenu_hotel{width:817px; height:1086px;float:left;margin-left:10px}*/ #sp_contenu .spark-en-tete{width:817px;margin:10px 0 5px 0;float:left;} #sp_contenu .contenu{background-color:white;float:left;width:817px;} h2.sp {color:#d9d9d9;} span.violet{color:#9561a9;font-size:20px;} span.white{color:white;font-size:14px;} #contenu-site-phare-hotel{background-color:#b8252f;float:left;padding-bottom:10px;} /*#sp_contenu_hotel{width:817px; height:800px;float:left;margin-left:5px}*/ span.rouge{color:#b8252f;font-size:20px;} #hotel1{width:350px;border:2px solid #b8252f;height:300px;float:left;margin-left:30px;background-color:white;text-align:center;} #hotel2{width:350px;border:2px solid #b8252f;height:300px;float:left;margin-left:30px;background-color:white;text-align:center;} #contenu-site-phare-theatre{background-color:#e91689;float:left;padding-bottom:10px;} span.rose{color:#e91689;font-size:20px;} span.rose_petit{color:#e91689;} #contenu-site-phare-casino{background-color:#004190;float:left;padding-bottom:10px;} span.bleu{color:#004190;font-size:20px;} span.bleu_petit{color:#004190;} #casino_block1{border:1px solid #004190;width:400px;height:300px;float:left;text-align:center;} #casino_block2{border:1px solid #004190;width:320px;height:300px;float:left;margin-left:40px;text-align:center;} #contenu-site-phare-escales{background-color:#48c0d1;float:left;padding-bottom:10px;} #escale_block1{border:1px solid #48c0d1;width:430px;height:230px;float:left;text-align:center;margin-left:8px} *html #escale_block1{margin-left:4px} #escale_block2{border:1px solid #48c0d1;width:320px;height:300px;float:left;margin-left:40px;margin-top:-70px;text-align:center;} *html #escale_block2{margin-left:30px;} span.bc{color:#48c0d1;font-size:20px;} a.bc{color:#48c0d1;} span.bc_petit{color:#48c0d1;} #contenu-site-phare-escales #get_access { margin:10px 0 10px 10px; } #contenu-site-phare-escales #get_access h4 { background:transparent url(/images/point.gif) no-repeat scroll left center; color:#48c0d1; font-family:Arial; font-weight:normal; font-size:18px; padding-left:10px; } #contenu-site-phare-escales #get_access p { } #contenu-site-phare-thermes{background-color:#b3d38a;float:left;padding-bottom:10px;} .vert{color:#b3d38a;} span.vert{color:#b3d38a;font-weight:bold} span.vert2{color:#b3d38a;} span.vertgros{color:#b3d38a;font-size:20px;} #thermes_block1{width:440px;height:300px;float:left;text-align:center;margin-left:5px;text-align:left;} #thermes_block2{border:1px solid #b3d38a;width:320px;height:300px;float:left;text-align:center;} #contenu-site-phare-spark{background-color:#f78f1e;float:left;padding-bottom:10px;} #spark_retour{float:right;margin:62px 5px 0 0;} #spark_retour a {font-family:'Times New Roman', Times, serif; color:#FFFFFF; font-size:10px;font-weight:bold;text-transform:uppercase;text-decoration:none;} #spark_block1{width:470px;float:left;text-align:center;margin-left:5px;text-align:left;} #spark_block2{border:1px solid #f78f1e;width:320px;height:300px;float:left;text-align:center;} a.orange{color:#f78f1e;} span.orange{color:#f78f1e;font-weight:bold} span.orange2{color:#f78f1e;} span.orangegros{color:#f78f1e;font-size:20px;} span.gros{font-size:20px;} #contenu-site-phare-rives{background-color:#e3e4e4;height:1220px;} #contenu-site-phare-restaurant{background-color:#9561a9;float:left;padding-bottom:10px;} #pergola_1{float:left;width:465px;margin:0 0 0 5px;} #pergola_1 img{margin:0;padding:0;} #pergola_2{float:left;width:186px;margin:0 0 0 10px;} #pergola_2 img{margin:0;padding:0;} #pergola_3{float:left;width:129px;margin:0 0 0 7px;} #pergola_3 img{margin:0;padding:0;} #pergola_4{float:left;width:465px;margin:10px 0 0 5px;} #pergola_4 img{margin:0;padding:0;} #contenu-site-phare-restaurant #get_access { margin:10px 0 10px 10px; } #contenu-site-phare-restaurant #pergola_4 #get_access h4 { background:transparent url(/images/point.gif) no-repeat scroll left center; color:#9561a9; font-family:Arial; font-weight:normal; font-size:18px; padding-left:10px; } #contenu-site-phare-restaurant h2 { text-align:left; font-size:24px; margin-left:30px; } /* Ajout Aurélien */ .separateur-simple { margin:10px 0 10px 0; } .separateur-double { margin:20px 0 20px 0; } .sous-titre-phare { background : transparent url(/images/point.gif) left no-repeat; padding-left:10px; } .bandeau_image { margin:0; float:left; } .bandeau_image img { height:128px; margin:0 5px 0 0; width:193px; } #pergola_block2 { border:1px solid #9561a9; float:left; height:308px; margin:10px 0 0 10px; text-align:center; width:321px; } .pergola{color:#9561a9;} span.pergola{color:#9561a9;font-size:20px;} span.pergola_petit{color:#9561a9;} #theatre_block1 { margin:0 10px 0 0; padding:0; width:337px; } #theatre_block1 img { margin:0 0 5px 0; padding:0; } #theatre_block2 { width:322px; } /*############################################## FOOTER ###########################################*/ #contenu-footer{height:450px;width:996px;background-color:#e5d597;clear:both;} #page_footer{text-align:left;margin-top:7px;margin-left:15px;padding-left:13px;padding-top:15px;width:966px;height:400px;background:transparent url(/images/fond_footer.gif) 0px 0px no-repeat;} #pds_1{float:left;margin:20px 0 0 0;padding:0 0 0 20px;text-align:left;} #pds_1 a{margin:0px;padding:0px;border:0px;display:block;height:9px; width:160px;} #pds_2{float:left;margin:20px 0 0 0;;padding:0;text-align:left; margin-left:60px;} #pds_2 a{margin:0px;padding:0px;border:0px;display:block;height:9px; width:210px;} #pds_3{float:left;margin:20px 0 0 0;;padding:0;text-align:left; margin-left:60px;} #pds_3 a{margin:0px;padding:0px;border:0px;display:block;height:9px; width:100px;} #pds_4{float:left;margin:20px 0 0 0;;padding:0;text-align:left; margin-left:60px;} #pds_4 a{margin:0px;padding:0px;border:0px;display:block;height:9px; width:90px;} #pds_1 h1, #pds_2 h1, #pds_3 h1, #pds_4 h1, #pds_5 h1{margin-bottom:5px;} p a h1{text-decoration:underline;} .sous-menu{margin:0 0 8px 12px;} .sous-menu2{margin:0 0 0px 12px;} .sous-menu a{color:#a4a4a4;} .sous-menu2 a{color:#a4a4a4;} .sous-menu-exp{margin:0 0 8px 8px;padding-top:10px;} /** html .sous-menu {margin:0 0 8px 8px;padding:0;} * html .sous-menu-exp{margin:0 0 8px 8px;padding:0;}*/ /*############################################## class ###########################################*/ .mr5{margin-right:10px;} .float-right {float:right;} .fright{float:right;} .fleft{float:left;} .px900{width:900px;} .px220{width:220px;} .px200{width:200px;} .px100{width:100px;} .px150{width:150px;} .tright{text-align:right;} .px300{width:300px;} .px600{width:600px;} .h300{height:340px;} .mr50{margin-right:50px;} .ml100{margin-left:100px;} .mr10{padding-right:10px;} .ml40{margin-left:40px;} .ml15{margin-left:15px;} .ml17{margin-left:17px;} .ml16{margin-left:16px;} .ml10{margin-left:10px;} .ml50{margin-left:50px;} .ml100{margin-left:100px;} .mr50{margin-right:50px;} .pt10{padding-top:10px;} .h380{height:400px;} .pt40{padding-top:40px;} .pt50{padding-top:50px;} .pl50{padding-left:50px;} .block{display:block} .bleun{color:#0068b3} .red{color:red} a.bleun{color:#0068b3} .vtop{vertical-align:top;} .bold{font-weight:bold;} .pl15{padding-left:15px;} .pl7{padding-left:7px;} .ml13{margin-left:13px;} .pl5{padding-left:7px;} .pl10{padding-left:10px;} .pl20{padding-left:20px;} .pl23{padding-left:23px;} .px177{width:177px;} .px190{width:190px;} .px133{width:133px;} .ml5{margin-left:5px} .mr5{margin-right:5px} .ml20{margin-left:20px} .ml25{margin-left:23px} .ml40{margin-left:40px} .cleaner{clear:both;} .cleanernew{clear:both;font-size:0;height:0;} .maxsize{width:100%;} .textcenter{text-align:center;} .overflow{overflow:auto;overflow-x:hidden;} .h401{height:401px;} .bordure_rouge{border:1px solid red;} .h1{height:1px} .textright{text-align:right;} .fwhite{background-color:white;} .fright{float:left;} .block{display:block;} .italic{font-style:italic;} .noborder{border:0px} .nomargin{margin:0px} .h360{height:360px;} .h340{height:340px;} .tleft{text-align:left;} .ml13{margin-left:13px;} .ml8{margin-left:8px;} .dblock{display:block;} .pr5{padding-right:5px} .relative{position:relative;} a.pds{font-weight:bold;} a.bleu{color:#0068b3;text-decoration:none;font-weight:bold;} a.bleu2{color:#004190;font-weight:normal; text-decoration:underline;} a.mrose{color:#e91689; text-decoration:underline; font-size:14px;} a.mrouge{color:#b8252f; text-decoration:underline; font-size:14px; font-weight:normal;} /***************************************** FOOTER ************************************************************/ #newletter{background-color:#fcecc0;} #nl_fond1{margin-left:10px;float:left;background:transparent url(/images/footer/nl_fond1.gif) 0px 0px no-repeat;width:552px; height:399px;padding-top:10px;padding-left:8px;} #nl_fond2{margin-left:15px;float:left;background:transparent url(/images/footer/nl_fond2.gif) 0px 0px no-repeat;width:386px; height:399px;padding-top:10px;padding-left:8px;} #nl_texte2{width:510px;height:260px;margin:40px 0 0 10px;} #nl_texte2 .grand_titre{margin-bottom:20px;} #nl_texte2 .grand_titre2{margin-bottom:10px;} #nl_texte2 .sujet{margin-bottom:10px;} #nl_texte2 p {margin:0 0 7px 0} #nl_texte2 p span{color:#0068B3;} ul { padding: 0; margin: 0; list-style: none; z-index:10000; } li{ float: left; position: relative; height:27px; width:171px; font-size:14px; font-weight:bold; background-color:#f2e8bc; z-index:10000; } #menu_decouvrir{width:171px;} #menu_site{width:126px;} #menu_loisirs{width:88px;} #menu_evenements{width:128px;} #menu_tourisme{width:107px;} #menu_hotels{width:202px;} #menu_acces{width:84px;} #menu_contact{width:90px;} li ul { /* second-level lists */ display: none; position: absolute; top: 27px; vertical-align:middle; left: 0px; z-index:10000; } li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto; } #menu_site ul> li >ul { display:none; z-index:10000; top:0px; } * html #menu_site ul> li >ul { position:relative; display:block; z-index:10000; top:50px; } #menu_rives.over { display:block; position:absolute; left:171px; width:126px; z-index:10000; } * html #menu_rives.over { display:block; position:absolute; top:0; left:171px; width:126px; } * html #menu_rives { display:none; } li:hover ul, li.over ul { /* lists nested under hovered list items */ display: block; z-index:10000; } #content { clear: left; } #anim_flash{position:relative;z-index:0;top:2px;left:-7px;} #anim_flash1{position:relative;z-index:0;top:0px;left:0px;} /*#anim_flash3{position:relative;z-index:0;top:0px;left:0px;border:0px;}*/ /*#anim_flash4{position:relative;z-index:0;top:0px;left:-1px;border:0px;}*/ * html #anim_flash4{position:relative;z-index:0;top:0px;left:-2px;border:0px;} #anim_flash5{position:relative;z-index:0;top:0px;left:-1px;border:0px;} /*#anim_flash6{position:relative;z-index:0;top:1px;left:-1px;border:0px;}*/ /*#anim_flash6{position:relative;z-index:0;top:1px;left:0px;}*/ #anim_flash6{float:left;padding-top:1px;margin-left:-1px;} #anim_flash7{position:relative;z-index:0;top:0px;left:-10px;border:0px;} * html #anim_flash7{position:relative;z-index:0;top:0px;left:-10px;border:0px;} ul .normal{background-color:none;} li.normal{background-color:white;width:100%;font-family:Arial, Helvetica, sans-serif;font-size:11px; color:#727272;font-weight:normal;} li.h0 {height:0px;} input {background-color:#fff; border:1px solid #a7a6aa;} input.mobligatoire {background-color:#fbf9ef; border:1px solid #a7a6aa;} #date{ background: url(/images/evenements/date.jpg) 0px 0px no-repeat; color:white; font-weight:bold; width:150px; height:25px; padding-top:0px; padding-left:10px; font-size:20px; } #km14{ position:absolute; top:330px; left:400px; z-index:10000; } div.cheminard{font-family:Times New Roman;font-size:10px;height:25px;vertical-align:bottom;padding-top:3px;padding-left:11px;font-weight:bold;} #image_urbanisme{width:532px;height:401px;} * html #image_urbanisme{width:541px;} .clear { clear:both; } h1{font-family:"Times New Roman", Times, serif; font-size:16px; color:#0068B3; font-weight: bold; text-transform:uppercase; margin:0px; margin-top:10px; padding-right:10px;} /** html h1 {font-weight: bold;}*/ /* Ajout pour les rives*/ #contenu-site-phare-rives #sp_contenu .fwhite .db_line{margin:10px 0 10px 0;} div .db_line{margin:10px 0 10px 0;} /*Ajout pour les Lucien Barrière subventionnés*/ .titre { padding-left:5px; } .titre h4 { font-family:"Arial"; font-size:18px; font-weight:normal; } .titre p { font-weight:bold; margin:5px 0 0 0; padding:0 10px 0 0; } /*Mentions */ .mentions, .credits{margin:10px 0 10px 0;height:365px;width:910px;} .mentions p, .credits p{margin:2px 0 20px 5px;} h5{font-family:'Times New Roman', Times, serif; font-size:16px; color:#0068B3;font-weight:100;text-transform:uppercase;} h6{font-family:'Times New Roman', Times, serif; font-size:16px; color:#0068B3;font-weight:bold;text-transform:uppercase;} .credits-di{background:transparent url('/images/footer/fond_credit_DI.gif') no-repeat;height:238px;width:403px;} .credits-logo{float:left;width:100%;text-align:center;margin:10px 0 0 0;} .credits-logo a{text-decoration:none;} .credits-di-under{float:left;margin:0;padding:20px 0 0 30px;} .credits-di-under p{margin:0 0 7px 0;} /*LIENS UTILES*/ .mliensleft { float:left; width:400px; } .mlienscenter{ float:left; } /*PLAN DU SITE*/ p.mmenu { padding:0 0 20px 0; } /*LES RIVES*/ .mmarginspec { margin-left:63px; margin-bottom:5px; } /*LIEN ACCUEIL DANS CHEMINARD*/ #maccueilchem { float:right; font-family:Times New Roman; font-size:10px; height:25px; vertical-align:bottom; padding-top:3px; padding-right:11px; font-weight:bold; } .cheminard a { font-family:Times New Roman; font-size:10px; text-decoration:underline; position:relative; } .cheminard a:hover { font-family:Times New Roman; font-size:10px; text-decoration:none; } .mspecaffiche { width:281px; height:7px; margin:0; padding:0; } .mspecaffiche img{ display: block; } .webcam { text-align:center; margin:20px auto; width:490px; } .contenu_cam { height:310px; overflow:hidden; } .lien_cam { margin-top:10px; text-align:right; } .lien_cam a { color:#FFFFFF; font-size:12px; margin-right:25px; }