html, body {padding: 0; margin: 0; height: 100%; width: 100%;} * { padding: 0; margin: 0;} body { font-size: 85%; font-family: "Verdana", "Tahoma", "Geneva", "Lucida Sans Unicode"; background-color: #fff; } img { border: 0;} #frame_main {position: relative; width: 1481px; min-height: 1250px; height: auto !important;height: 1250px; float: left;background: #fff url('../images/background2.gif') no-repeat 0 0; z-index: 1;} #frame_centre { position: relative; width: 672px;height: auto; top: 0px;left: 139px; float: left;margin-bottom: 0px;} #bandeau { position: relative; float: left;width: 672px;height: 293px; background-color: #000; z-index: 0;overflow: hidden;} #contenu { padding-bottom: 300px; position: relative; float: left;width: 550px;min-height: 500px; height: auto !important;height: 500px;padding-right: 120px;padding-top: 50px;padding-left: 60px;color: #666;line-height: 1em;font-size: 1.2em; z-index: 1;} #contenu h1 { color: red; font-weight: normal;font-size: 1.9em; padding-bottom: 10px;line-height: 1em;} #contenu h2 { line-height: 1.1em; padding-bottom: 10px; color: #000; clear: both; padding-top: 10px;} #contenu h3 { color: #b24c4c; color: red; padding-bottom: 5px; padding-top: 10px; clear: both; font-weight: normal;} #contenu ul { margin-left: 40px;} #contenu strong { color: #555; } #contenu ul strong {color: #111; font-weight: normal; } #contenu p { margin-bottom: 8px;} #contenu p.first {margin-top: 20px;} #contenu p.intro {text-indent: 20px; font-style: italic; margin-top: 0px; font-size: 0.8em; padding-bottom: 10px;} #contenu a { color: red; text-decoration: underline;} #contenu a.black {color: #000; text-decoration: none; } #contenu a.black:hover {color: red; text-decoration: none; } #contenu a:hover {text-decoration: none;} #contenu img {margin-top: 20px; margin-bottom: 20px; } #contenu .logo_sup { position: relative; margin-top: 20px; margin-bottom: 20px; clear: both; padding-left: 450px;float: left; font-size: 0.7em;} #contenu .logo_sup img {padding: 0; margin: 0; } #logo { z-index: 20;position: absolute; top: 0; left: 666px; width: 470px; height: 186px;} #logos_partenaires { z-index:10; position: absolute; top: 240px; left: 824px; width: 150px; height: auto; text-align: center;} #logos_partenaires img { margin-bottom: 5px;} /* PIED DE PAGE */ #pied { position: absolute; bottom: 0; left: 0; background: transparent url(../images/magicfun_11b_bck_bottom.gif) no-repeat 0 0; width: 1481px; height: 239px; z-index: 3; text-align: center;} #pied #menu_pied { position: relative; margin-left: 140px; margin-top: 63px; width: 671px; text-align: center;} #pied #menu_pied ul { list-style: none;} #pied #menu_pied ul li {display: inline; margin-left: 5px; margin-right: 5px;} #pied #menu_pied ul li a { color: #ddd;font-size: 0.9em; text-decoration: none; font-variant: small-caps;} #pied #menu_pied ul li a:hover {color: #fff;} #pied #copy { position: absolute; bottom: 10px; left: 800px;} #pied #copy a { color: #777; text-decoration: none; font-size: 0.8em;} #pied #copy a:hover { color: #fff;} #logo_addicted { position: absolute; top: 10px; left: 400px; width:159px; height: 30px; } /* menu activites */ #menu_activites {position: absolute; top: 40px; left: 19px; z-index: 5;} #menu_activites ul {list-style: none;} #menu_activites ul li a { position: relative; float: left;width: 135px; height: 74px; margin-bottom: 7px; clear: both;} #menu_activites ul li#surf a { background: transparent url(../images/menu_activites.gif) no-repeat 0 -134px;} #menu_activites ul li#surf a:hover {background: transparent url(../images/menu_activites.gif) no-repeat 0 -654px;} #menu_activites ul li#windsurf a { background: transparent url(../images/menu_activites.gif) no-repeat 0 -30px;} #menu_activites ul li#windsurf a:hover {background: transparent url(../images/menu_activites.gif) no-repeat 0 -238px;} #menu_activites ul li#kitesurf a { background: transparent url(../images/menu_activites.gif) no-repeat 0 -342px;} #menu_activites ul li#kitesurf a:hover {background: transparent url(../images/menu_activites.gif) no-repeat 0 -758px;} #menu_activites ul li#kayak a { background: transparent url(../images/menu_activites.gif) no-repeat 0 -446px;} #menu_activites ul li#kayak a:hover { background: transparent url(../images/menu_activites.gif) no-repeat 0 -550px;} #menu_activites li#surf.selected a {background: transparent url(../images/menu_activites.gif) no-repeat 0 -654px;} #menu_activites li#kitesurf.selected a {background: transparent url(../images/menu_activites.gif) no-repeat 0 -758px;} #menu_activites li#windsurf.selected a {background: transparent url(../images/menu_activites.gif) no-repeat 0 -238px;} #menu_activites li#kayak.selected a {background: transparent url(../images/menu_activites.gif) no-repeat 0 -550px;} /* Menu principal */ #menu_principal { position: absolute; top: 370px; left: 20px;} #menu_principal a { color: #fff;text-decoration: none; font-size: 0.8em;} #menu_principal a:hover { color: red;} #menu_principal ul {list-style: none;} #menu_principal ul li { vertical-align: text-top; background: transparent url(../images/icones.gif) no-repeat 0 -30px;padding-top: 6px; padding-left: 28px; height: 28px;} #menu_principal ul li:hover, #menu_principal ul li.selected {background: transparent url(../images/icones.gif) no-repeat 0 -596px;} #menu_principal ul li:hover a,#menu_principal ul li.selected a {color: red;} /* Menu langues */ #menu_langues { position: absolute; top: 2px; left: 500px;height: 15px;width: 250px; z-index: 50;overflow: hidden; color: #fff; font-size: 0.8em; background-color: #000; } #menu_langues ul {list-style: none; margin-left: 15px;} #menu_langues ul li { display: inline; background: transparent url(../images/icones.gif) no-repeat 0 -397px; padding-left: 15px; margin-right: 20px;} #menu_langues ul li.selected { color: red; background: transparent url(../images/icones.gif) no-repeat 0 -310px;} #menu_langues ul li:hover {color: red; background: transparent url(../images/icones.gif) no-repeat 0 -310px; } #menu_langues a {color: #fff;text-decoration: none;} #menu_langues a:hover {color: red;text-decoration: none;} /* Menu phototeque */ #menuphototeque ul {list-style: none;} #menuphototeque ul li { margin-bottom: 2px;} #menuphototeque a { font-variant:small-caps;color: #000;padding-left: 20px; background: transparent url(../images/icones.gif) no-repeat 0 -491px; font-size: 0.9em;} #menuphototeque a:hover, #menuphototeque a.selected {text-decoration: none; color: red; background: transparent url(../images/icones.gif) no-repeat 0 -348px;} /* Sous-Menu */ #sousmenu { position: absolute; top: 281px; left: 190px; width: 610px; height: 30px; overflow: hidden; z-index: 10;} #sousmenu a {text-decoration: none; color: #fff;} #sousmenu .sousmenu_item {position: relative;float: left;padding-right: 15px;} #sousmenu .sousmenu_item .sousmenu_item_left { position: relative; float: left; background: transparent url(../images/boxes_logos.gif) no-repeat 0 -979px;width: 12px;height: 24px; } #sousmenu .sousmenu_item .sousmenu_item_body { position: relative; float: left; background: transparent url(../images/menusub_black_body.gif) repeat-x 0 0; width: auto;height: 22px; color: #fff; padding-top: 2px; padding-left: 6px;padding-right: 6px;} #sousmenu .sousmenu_item .sousmenu_item_right { position: relative; float: left;background: transparent url(../images/boxes_logos.gif) no-repeat 0 -925px;width: 13px;height: 24px; } #sousmenu .sousmenu_item:hover .sousmenu_item_left {background: transparent url(../images/boxes_logos.gif) no-repeat 0 -212px; } #sousmenu .sousmenu_item:hover .sousmenu_item_body {background: transparent url(../images/menusub_red_body.gif) repeat-x 0 0;} #sousmenu .sousmenu_item:hover .sousmenu_item_right {background: transparent url(../images/boxes_logos.gif) no-repeat 0 -811px; } #sousmenu .sousmenu_item_selected .sousmenu_item_left { background: transparent url(../images/boxes_logos.gif) no-repeat 0 -212px; } #sousmenu .sousmenu_item_selected .sousmenu_item_body { background: transparent url(../images/menusub_red_body.gif) repeat-x 0 0;} #sousmenu .sousmenu_item_selected .sousmenu_item_right { background: transparent url(../images/boxes_logos.gif) no-repeat 0 -811px; } /* ALBUMS */ #album {position: relative; text-align: center; height: auto; margin-top: 30px;margin-bottom: 30px;margin-left: auto; margin-right: auto;} /* PAGER NAV */ #pagerNav { position: relative; clear: both;float: right;margin-top: 0px;width: 60px;text-align: right;} #pagerNav a.prev { position: relative; float: left;width: 27px;height: 27px;background: transparent url(../images/icones.gif) no-repeat 0 -539px; cursor: pointer;} #pagerNav a.prev:hover {background: transparent url(../images/icones.gif) no-repeat 0 -765px;} #pagerNav a.next { position: relative; float: left;width: 27px;height: 27px;background: transparent url(../images/icones.gif) no-repeat 0 -653px; cursor: pointer;} #pagerNav a.next:hover {background: transparent url(../images/icones.gif) no-repeat 0 -88px;} /* formulaires de contact */ #commentForm { width: 510px; margin-top: 30px;} #commentForm p.submit {width: 480px; text-align: right;} #commentForm p {width: 480px; position: relative; float: left;clear: both;} #commentForm label { position: relative; float: left; width: 180px; color: #555; font-weight: bold;} #commentForm label.error { font-size: 0.8em; font-style: italic; color: red; width: 300px; margin: 0;} #commentForm label.error, #commentForm input.submit { margin-left: 253px; } input.submit { background-color: #000; padding: 5px; color: red; font-weight: bold; border: 0; cursor: pointer;} input.submit:hover {background-color: red; color: #000;} input.decalerdroite { margin-left: 180px;} form#commentForm em {font-size: 0.8em;} form#commentForm fieldset{ padding: 15px; margin-top: 10px; margin-bottom: 10px;} form#commentForm legend { color: red; margin-bottom: 20px;} form#commentForm legend strong { color: #000; font-size: 1.2em; font-weight: normal;} form#commentForm p.important { color: red; font-weight: bold; padding-top: 10px; margin-bottom: 10px;} /* BOX METEO */ #box_meteo {position: absolute; top: 380px; left: 825px; width: 160px; height: 270px; z-index: 50;} #box_meteo #box_meteo_top { position: relative; width: 191px; height: 56px; background: transparent url(../images/boxes_logos.gif) no-repeat 0 -352px; text-align: center;} #box_meteo #box_meteo_top img { padding-top: 15px;} #box_meteo #box_meteo_body {position: relative; width: 165px; height: 160px; background: transparent url(../images/boxmeteo_body2.gif) repeat-y 0 0; padding-left: 26px; padding-top: 5px;} #box_meteo #box_meteo_bottom {position: relative;width: 191px; height: 56px; background: transparent url(../images/boxes_logos.gif) no-repeat 0 -126px;} #box_meteo #box_meteo_bottom a {background: transparent url(../images/icones.gif) no-repeat 0 -30px;padding-left: 35px; color: #fff;font-size: 0.8em;height: 25px; margin-left: 30px;margin-top: 15px; padding-top: 10px; float: left;} /* BOX NEWS */ #box_news { position: absolute; top: 750px; left: 780px; background: transparent url(../images/boxes_logos.gif) no-repeat 0 -568px; width: 209px; height: 150px; padding-top: 50px; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; overflow: hidden; z-index: 10;} #box_news .itemnews {position: relative; float: left; clear: both; padding-right: 10px; color: #999; margin-bottom: 10px; width: 200px; } #box_news .itemnews h1 {background: transparent url(../images/icones.gif) no-repeat 0 -496px;padding-left: 25px;text-decoration: none; position: relative; float: left;font-size: 0.8em;clear: both; width: 190px; } #box_news .itemnews h1 a { text-decoration: none; color: #000;} #box_news .itemnews h1 a:hover {text-decoration: none; color: red;} #box_news .itemnews p { position: relative; float: left;clear: both;padding-left: 25px; border-bottom: dotted 2px #999; padding-bottom: 5px;margin-bottom: 5px; font-size: 0.9em; width: 190px; } #box_news .itemnews p a {color: #333;line-height: 1em; text-decoration: underline;} #box_news .itemnews p a:hover { text-decoration: none;} #pagerboxnews .itemnews p { width: 180px;} #pagerboxnews #pagerNav {float: left; text-align: right; padding-left: 120px;} /* PAGER NAV NEWS */ #pagerNavNews { position: absolute; bottom: 0px; right: 0;width: 60px;text-align: right;} #pagerNavNews a.prev { position: relative; float: left;width: 27px;height: 27px;background: transparent url(../images/icones.gif) no-repeat 0 -539px; cursor: pointer;} #pagerNavNews a.prev:hover {background: transparent url(../images/icones.gif) no-repeat 0 -765px;} #pagerNavNews a.next { position: relative; float: left;width: 27px;height: 27px;background: transparent url(../images/icones.gif) no-repeat 0 -653px; cursor: pointer;} #pagerNavNews a.next:hover {background: transparent url(../images/icones.gif) no-repeat 0 -88px;} /* BOX SHOP */ #box_shop { position: absolute; left: 10px; top: 565px; width: 150px; z-index: 50;} #box_shop #box_shop_top {position: relative; float: left; width: 150px; height: 56px; background: transparent url(../images/boxes_logos.gif) no-repeat 0 -266px;} #box_shop #box_shop_body {position: relative;float: left;clear: both;background: transparent url(../images/shop_body.gif) repeat-y 0 0; width: 130px;height: auto; padding-left: 12px; padding-right: 8px; color: #fff;line-height: 1em;} #box_shop #box_shop_bottom {position: relative; float: left;clear: both;background: transparent url(../images/boxes_logos.gif) no-repeat 0 -80px; width: 150px;height: 16px;} #box_shop h1 { color: red; font-size: 0.9em; font-variant: small-caps; font-weight: normal; margin-bottom: 6px;} #box_shop #box_shop_top a { background: transparent url(../images/boxes_logos.gif) no-repeat -57px -1036px; width: 41px;height: 41px;position: absolute;right: 2px;top: 10px;} #box_shop #box_shop_top a:hover {background: transparent url(../images/boxes_logos.gif) no-repeat 0 -1036px;} /* PAGE LIENS */ .le_logo_lien { position: relative; float: left;width: 150px;vertical-align: baseline;margin: 5px;} .logo_ligne {position: relative;width: 100%;height: auto;float: left;clear: both;vertical-align: middle;} /* PAGE NEWS */ #menunews { margin-bottom: 20px;width: 610px;background-color: transparent; height: 30px;} ul#wslidenews strong.h1 { color: #000;} ul#wslidenews p { margin-top: 15px;} #menunews a {text-decoration: none; color: #000;background: transparent url(../images/icones.gif) no-repeat 0 -144px;width: 26px; height: 25px;position: relative;float: left;margin-right: 8px;text-align: center;padding-top: 5px;} #menunews a.wactive, #menunews a:hover {color: #000; background: transparent url(../images/icones.gif) no-repeat 0 -200px;} /* GUESTBOOK */ #pagerguestbook h2 {font-size: 0.9em;color: #000;font-weight: bold;} /* PAGE EQUIPE */ .itemequipe img {position: relative;float: right;margin-left: 15px; padding-bottom: 0px;border: solid 1px #555;} /* Page Tarifs */ #tarifs {margin-bottom: 15px; margin-top: 15px; position: relative; float: left; width: auto; height: auto;} .tarif_item { position:relative; float: left; width: 412px; margin-bottom: 20px;margin-top: 20px;text-align: center; margin-left: 80px;} .tarif_item .tarif_item_top { padding-left: 15px;color: red; font-weight: bold; text-align: left; position: relative; float: left; width: 412px; height: 40px; background: transparent url(../images/table_tarif_top.gif) no-repeat 0 0; padding-top: 15px;} .tarif_item .tarif_item_bottom { position: relative; float: left; width: 412px; height: 28px; background: transparent url(../images/table_tarif_bottom.gif) no-repeat 0 0;} .tarif_item .tarif_item_body { position: relative; float: left; width: 412px; height: auto; background: transparent url(../images/table_tarif_body.gif) repeat-y 0 0;} .tarif_item table.tarif { position: relative; float: left; width: 350px;margin-left: 25px; border-collapse: collapse;} .tarif_item table.tarif tbody { height: auto;} .tarif_item table.tarif tbody th { border-right: solid 1px #999;font-weight: bold; color: #555; text-align: right; padding: 3px; padding-right: 10px;font-size: 0.9em;width: 60%;} .tarif_item table.tarif tbody td { text-align: left; padding: 3px; padding-left: 10px; } .tarif_item table.tarif tbody th, .tarif_item table.tarif tbody td {border-bottom: solid 1px #999;} .tarif_item .tarif_texte {position: relative; float: left; margin-left: 30px; text-align: left; font-style: italic; color: red; font-size: 0.8em; width: 360px; margin-top: 0; padding-top: 0;} #contenu .tarif_item .tarif_texte strong { font-weight: bolder; color: red;} .tarif_item .tarif_texte h1 { font-weight: bolder; font-size: 10px; text-decoration: underline; padding-bottom: 6px; padding-top: 6px; font-style: normal;} .tarif_item .tarif_texte ul { margin-top: 6px; margin-bottom: 6px;} /* Page matériel */ .highslide-maincontent .resume {border: 1px solid red; } .highslide-maincontent .resume table th { width: 100px; text-align: right;} /* Pages Matériel/Shop */ .matos {position: relative; float: left;width: 100%;clear: both;margin-bottom: 20px;} .matos table {position: relative;float: left; margin-left: 30px;} .matos table thead th { color: #555; padding-left: 10px; padding-right: 10px; text-align: left; } .matos table tbody td { padding-left: 10px; padding-right: 10px; text-align: left; } .matos table th {padding-bottom: 10px;} .matos table td {font-size: 0.9em;} /*** fiches produit ***/ .highslide-maincontent { background: transparent url(../images/bkg_windsurf.gif) no-repeat 0 0;} .highslide-maincontent .entete {position: relative; float: left;width: 100%;height: auto;margin-bottom: 30px;margin-top: 30px;} .highslide-maincontent .entete h1 { position: relative; float: right;width: auto;text-align: right; margin-right: 20px; margin-bottom: 30px;color: #555;} .highslide-maincontent .entete img {position: relative; float: left;} .highslide-maincontent .entete .resume {position: relative; clear: right;border: 2px solid #555;width: 350px;float: right;margin-right: 20px;margin-bottom: 10px;} .highslide-maincontent .resume table th {width: 125px; text-align: right; padding-right: 22px;color: red;} /* PAGE HEBERGEMENT */ .itemhebergement {position: relative;float: left;clear: both; width: 100%;margin-top: 15px;margin-bottom: 15px;padding-bottom: 15px; border-bottom: dotted 2px #888;} .itemhebergement .entete {width: 100%;position: relative; float: left;margin-bottom: 40px;} .itemhebergement .entete .entete_titre {position: relative; float: left; width: 260px; } .itemhebergement .entete .entete_img {position: relative;float: right;margin-right: 0px;width: 260px; height: 210px;text-align: center; overflow: hidden;} .itemhebergement .entete .entete_titre h2 { padding-bottom: 40px; width: 100%;} .itemhebergement a.reserver {padding-left: 20px;background: transparent url(../images/icones.gif) no-repeat 0 -350px;color: red;text-decoration: underline; font-variant: small-caps; font-size: 0.8em; font-weight: bold;} .itemhebergement a.reserver:hover { background: transparent url(../images/icones.gif) no-repeat 0 -493px;color: #000;text-decoration: none;}