/* CONTENEURS*/ /* ________________________________________________________*/ body { background:#242b3d; background:#37415a; color:#232c3d; color:#222; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; text-align:center;} #conteneur1 { background:#425b71; background:#466580; border-top:10px solid #4c7da8; margin-top:33px; position:relative;} #conteneur { width:990px; margin:0 auto; padding:0; position:relative;} #header { width:703px; height:130px; background:url('../documents/images/design/camping-apv-vendee-2.png') no-repeat -12px 3px; position:relative; z-index:20; clear:both; float:none; bottom:0px;} .en #header { background:url('../documents/images/design/camping-apv-vendee-en.png') no-repeat -12px 3px; } .nl #header { background:url('../documents/images/design/camping-apv-vendee-nl.png') no-repeat -12px 3px; } .de #header { background:url('../documents/images/design/camping-apv-vendee-de.png') no-repeat -12px 3px; } #corps { width:703px; height:390px; height:auto!important; min-height:390px; position:relative; float:left; border:9px solid #8a0c4b; text-align:left; z-index:5; margin:0; background:#fac446 url('../documents/images/design/camping-apv-bretagne.png') no-repeat top right; } #template { height:420px; height:auto!important; min-height:460px; position:relative; clear:both; float:none; padding:10px; } #right { width:254px; height:540px; position:relative; float:left; border:9px solid #8a0c4b; border-left:0; background:#fac446 url('../documents/images/design/camping-apv-bretagne-22.png') no-repeat bottom; text-align:left; padding:0 3px 10px;} #footer1 { background:#4c7da8; clear:both; float:none; text-align:left; position:relative; } #footer2 { clear:both; float:none; text-align:center; color:#4A7CA7; } #footer2 p { margin:8px 0 0; font-size:10px; } #footer2 a { color:#f9e5b9; text-decoration:none;} #logo { z-index:20; position:absolute; display:block; width:195px; height:110px;top:-40px; left:10px; border:6px solid #4c7da8; padding:10px; text-indent:-99999px; background:#fff url('../documents/images/design/camping-apv-bretagne-56.png') no-repeat center 10px; } #barre_langues { position:absolute; top:-35px; right:0; text-align:center; } #lang { list-style:none; list-style-position:outside; margin:4px 0 0; } #lang li { width:30px; height:23px; float:left; margin-right:8px; } #lang a { display:block; text-indent:-2000em; width:30px; height:20px; background:url('../documents/design/flags-sprite.png'); } #lang a#en { background-position:left -23px; } #lang a#es { background-position:left -46px; } #lang a#de { background-position:left -46px; } #lang a#nl { background-position:left -69px; } /* NAVIGATION */ #navigation { position:absolute; bottom:125px; left:0; height:200px; width:220px; z-index:10; text-align:left; } #navigation ul { margin:0; padding:0; } #navigation ul ul { display:none; } #navigation li { display:block; width:auto; height:22px; background:url('../documents/images/design/camping-apv-vendee-85.png') no-repeat right -6px; padding:0; margin:0; list-style:none; list-style-position:outside; } #navigation li li {} #navigation ul a { width:auto; color:#fff; text-transform:uppercase; text-decoration:none; font-size:12px; background:url('../documents/images/design/camping-apv-vendee-france.png') no-repeat 9px 4px; padding-left:22px;} #navigation ul a:hover { } iframe a{ color:#F00;} /* BALISES */ a { color:#333; outline:none; } a img { border:none;} a span { display:none;} img { } a:hover { } p { margin-bottom:15px; } .beige, p.beige { color:#F9E58B;} .blanc, p.blanc { color:#fff;} h1 { font-size:18px; color:#FFF; border-bottom:1px solid #FFF; margin:10px 0; margin-top:24px; } .accueil h1 { font-size:16px; color:#444; padding-bottom:0; border:none; margin-top:0;} h2 { margin-bottom:4px; font-size:16px; } h3 { font-weight:bold; font-size:13px; margin:0 0 4px; color:#fff; } h4 { color:#5b8110; font-size:14px; } h5 { } ul,ol { padding:0;margin-left:0; list-style-position:inside;} ol li { padding-left:0; } dl { } dl dd { padding:0; margin:0;} dl dd p { padding:0; margin:0; } dt,dd { clear:both; float:none;} fieldset { border:none; padding:0;} label { display:block; font-weight:bold;} input, select, textarea{ width:100%; border:1px solid #8c99a3; margin-bottom:16px; background:#F9E1AA;} input:hover, select:hover, textarea:hover{ border-color:#f80;} textarea:hover{ background-position:top;} input.radio { width:20px;} input.submit { width:auto; clear:both; float:none; display:block; } /* CLASSES */ .left { float:left; margin:0 10px 10px 0; } .right { float:right; margin:0 0 10px 10px; } .cale { display:block; clear:both; float:none; height:0; } .margin { margin:15px 25px 15px 35px; } .chapo { color:#634a08; font-weight:bold; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;} .bouton_lien { background-color:#856B58; padding:3px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; } .etiquette { display:inline-block; width:187px; padding:12px; height:66px; background:url('../documents/design/etiquette.png') no-repeat; font-size:22px; color:#F2971B; text-decoration:none; font-weight:bold; } .bloc { width:100%;} .a_gauche{ float:left; margin:0 10px 10px 0;} .a_droite{ float:right; margin:0 0 10px 10px;} .titre_remise{ color:#C00; font-size:16px; font-weight:bold; margin:0 0 12px; } /* LOGIN */ #login form { width:500px; margin:40px auto; background:#CCC; text-align:left;} #login label { font-weight:bold; text-align:left; display:inline-block; width:140px;} #login .submit { width:80px;} #popup { padding:30px; } #popup img { margin-right:15px; } #popup h2 { padding:0; height:auto; width:auto; clear:both; display:block; float:none; background:none; color:#333; text-transform:none;} /* Colonnes (defaut) */ .c1 { width:46%; float:left; position:relative; padding:2%;} .c2 { width:46%; float:right; position:relative; padding:2%; } #bloc3 { text-align:left; color:#6F7072; font-size:10px;margin:8px 18px 18px; padding:10px 18px 0; background:#ECECED; border:1px solid #868789;-moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } #bloc3 p{ margin-bottom:2px; } #bloc3 dl { width:19%; float:left; margin-right:1%;} #bloc3 dt { border-bottom:1px solid #999; margin-bottom:4px; padding-bottom:3px; font-weight:bold;} #right #list{position:relative; overflow:hidden; width: 250px; height:568px; margin-top:16px; } #list ul { position:absolute; top:0; } #right .prev, #right .next{ z-index:20; position:absolute; right:6px; display:block; width:18px; height:18px; background:url('../documents/images/design/camping-apv-bretagne-france.png') no-repeat; text-indent:-99999px; cursor:pointer;} #right .prev{ top:12px;} #right .next{ background-position:left -18px; bottom:8px;} #right li { list-style:none; list-style-position:outside; clear:both; float:none; } #right li h4 { margin:5px 0 2px; padding:0; font-size:12px; color:#30526D; border-bottom:1px solid #DB8F1F; } #right li h4 a { color:#8a0c4b; } #right li a { text-decoration:none;} #right li a:hover{ text-decoration:underline;} #right li a span{ color:#FFF; font-size:8px; text-align:center; height:10px; width:10px; margin:3px 4px 0 0; float:left; display:block;background-image:url('../documents/images/design/camping-apv-charente-maritime.png'); background-repeat:no-repeat; } #right #nos-campings{ position:absolute; top:-27px; left:-11px; } #sous-menu { width:900px; margin:0 auto; position:relative;} #sous-menu ul { overflow:hidden; position:relative; width:900px; height:31px; margin:0 auto; background:url('../documents/images/design/france-corse-espagne.png') no-repeat 380px bottom;} .en #sous-menu ul{ background:url('../documents/design/france-corsica-spain.jpg') no-repeat 380px bottom;} #sous-menu li { width:auto; float:left; list-style:none; margin-top:13px; } #sous-menu li a { width:84px; height:20px; display:block; background:url('../documents/images/design/sous-menu.jpg') no-repeat; text-indent:-99999px; } #sous-menu li a#newsletter { width:84px;} #sous-menu li a#recrutement { width:104px; background-position:-84px top;} #sous-menu li a#aide { width:60px; background-position:-188px top;} #sous-menu li a#rire-medecin { width:117px; height:29px; position:absolute; top:0; right:30px; background:url('../documents/images/design/rire-medecin.png') no-repeat;} #tipRire { display:none; position:absolute; bottom:32px; right:-34px; height:190px; width:266px; z-index:1000;} #tipRire .wrap { position:relative; right:0; color:#336699; background:#FFF; border:1px solid #8a0c4b; height:170px; padding:10px; width:254px } #tipRire #logoRire { position:absolute; top:-24px; left:-50px; background: url('../documents/images/design/Logo_Rire_Medecin_1.png') no-repeat; width:95px; height:138px;} #bloc { position:relative; top:0; width:100%;} #horaires { display:none; position:absolute; background:#ea9c21 url('../documents/images/design/degrade.png') -15px top repeat-y; bottom:111px; right:55px; border:3px solid #8a0c4b; border-bottom:0; padding:12px; height:150px; width:216px;} #horaires h3 { color:#FFF;} #content { width:400px; float:right; } #content h2 { color:#f9e5b9; margin:0; border-bottom:1px solid #FFF; } #content p.adresse{ color:#fff; font-size:13px; font-weight:bold; margin-top:0; } #content p { } .cartouche { background:#ea9c21; border:1px solid #890d4b; padding:6px; height:127px; height:auto!important; min-height:127px; } .picto { width:20px; height:20px; display:block; text-indent:-99999px; background:url('../documents/images/design/fleches.png') no-repeat; } /* Accueil */ #carteFrance { position:absolute; top:0; right:0; } .accueil #corps { padding-top:0; background-image:url('../documents/images/design/fleches.png'); background-repeat:no-repeat; background-position:70px 100px; } .accueil .bloc { margin-top:100px; height:200px; width:240px; z-index:10; position:relative; } #destinations { background:url('../documents/images/design/destinations.png') no-repeat -10px -10px; height:67px; width:329px; position:absolute; top:60px; right:4px; z-index:10;} .en #destinations { background:url('../documents/images/design/all-our-campsites-in-france.png') no-repeat left -10px; } .de #destinations { background:url('../documents/images/design/alle-unsere-reiseziele.png') no-repeat left -10px; } .nl #destinations { background:url('../documents/images/design/destinations-nl.png') no-repeat left -10px; } #campingTip { position:absolute;z-index:100;display:none; background:#e97309; background:#e99209;border:1px solid #890d4b;font-size:12px;overflow:hidden;text-align:left; width:270px;height:120px;padding:2px;color:#fff;left:15px;top:450px; } #campingTip h3 { border-bottom:1px solid #FFF; text-transform:uppercase; color:#FFF; font-size:11px;} #cheque { position:absolute; width:150px; height:100px; left:215px; top:308px; z-index:20;} #cheque p { margin:0; } #nouveaute { position:absolute;left:442px; top:186px; width:200px; height:100px; padding:0;background:url('../documents/images/nouveaute.png') no-repeat; text-indent:-99999px;} .en #nouveaute {background:url('../documents/images/design/nouveaute-en.png') no-repeat; } .de #nouveaute {background:url('../documents/images/design/nouveaute-de.png') no-repeat; } .nl #nouveaute {background:url('../documents/images/design/nouveaute-nl.png') no-repeat; } .dynamicMap { background:#F00; position:relative; z-index:0; } .dynamicMap li { position:absolute; width:15px; height:15px; list-style:none; list-style-position:inside; padding:0; } .dynamicMap li a { display:block; width:15px; color:#FFF; text-decoration:none; text-align:center; font-weight:bold; height:15px;outline:none;background-image:url('../documents/images/design/camping-apv-charente-maritime.png'); } #brochure { position:absolute; right:10px; top:130px; padding:0;} #brochure a { font-size:16px; color:#FFF; display:block; text-indent:-99999px; width:174px; height:62px;background:url('../documents/images/design/camping-apv-corse.png') no-repeat; } .en #brochure a { background:url('../documents/images/design/brochure-en.png') no-repeat;} .de #brochure a { background:url('../documents/images/design/brochure-de.png') no-repeat; width:250px;} .nl #brochure a { background:url('../documents/images/design/brochure-nl.png') no-repeat; width:220px;} /* Accueil camping*/ .accueil-camping #content { height:400px; height:auto!important; min-height:400px; position:relative;overflow:hidden; width:400px; } .accueil-camping .images {/* position:absolute; top:20px; left:0; border:4px solid #232a3c; height:127px; width:190px; */} .cat { font-weight:bold; color:#FFF; } .pictos { overflow:hidden; margin:4px 0; } .picto-services { cursor:help; width:20px; height:20px; text-indent:-99999px; background:url('../documents/images/design/camping-apv-mediterranee.png') no-repeat; float:left; margin-right:2px; } #restaurant { } #nautique { background-position:-22px top;} #tennis { background-position:-44px top;} #pingpong { background-position:-66px top;} #velo { background-position:-88px top;} #piscine { background-position:-110px top;} #couverte { background-position:-176px top;} #chiens { background-position:-132px top;} #pasChiens { background-position:-154px top;} #toboggan { background-position:-198px top;} #animations { background-position:-154px top;} #bar { background-position:-220px top;} #internet { background-position:-242px top;} #mobil { background-position:-264px top;} #emplacement { background-position:-286px top;} #eau { background-position:-308px top;} #anims { background-position:-330px top;} .accueil-camping #content .panes img{ border:1px solid #fff; } .accueil-region #content { height:400px; position:relative;overflow:hidden; width: 400px; } #content h2 { font-size:14px; margin-bottom:4px; } #content h2 a{ color:inherit; text-decoration:none; } .accueil-region #content p { margin:0; } .accueil-region #content img{ } .accueil-region .region { height:65px; } .infos { width:220px; float:left; height:60px; height:auto; min-height:60px; position:relative; top:70px; z-index:15000; overflow:hidden; } .infos h2 { font-size:22px; color:#FFF; border-bottom:1px solid #FFF; margin:10px 0; } .infos p { margin:0 0 6px; } a.dwnld { font-size:10px; } #promo { border:1px solid #fff; background:#8a0c4b; color:#fff; padding:10px; margin-bottom:15px;} #promo .titre_remise { color:#FFCC00; font-size:20px; } .plan { width:360px; overflow:hidden; height:300px; } .catalogues #content h2 { border:none; margin-bottom:0; padding-bottom:0;} .catalogues #content p {margin:0 0 15px;} #actions { height:20px; width:480px; float:right; } #actions a { color:#444;float:left; cursor:pointer; } #actions a.nextPage { float:right;} #onglets .tabs { margin:0 1px 0 0; border-bottom:1px solid #F7D27F; height:14px;} #onglets .tabs li { width:auto; display:block; float:left;} #onglets .tabs li a { display:block; border:1px solid #F7D27F; background:#f8b617; height:14px; width:auto; padding:3px; padding-right:7px; color:#8a0c4b; text-transform:uppercase; text-decoration:none; } #onglets .tabs li a.current { border-width:1px 1px 0; background:#e99209; color:#FFF;} .tabs { height:6px; clear:both;} #onglets .panes { border:1px solid #F7D27F; border-width:0 1px 1px; margin:0; padding:18px 10px; margin-right:1px; height:240px; height:auto!important; min-height:240px; } .panes h3 { color:#F7D27F; margin:0; } #onglets .tabs #situation a { } #onglets .panes ul { list-style-position:outside; margin-left:18px; } div#slider {position:relative;overflow:hidden;width: 402px;height:127px;padding-top:20px;} div#slider div.images {width:20000em;position:absolute; } div#slider div.images div {float:left;} div#slider img {width:130px; margin-right:4px;} div.images div.active {border:1px inset #ccc;background-color:#fff; } /* DIAPORAMAS CAMPINGS */ .locatifs a, .thumbs a { display:none;} .locatifs a, .thumbs a.galleryLink { width:55px; height:auto; padding:4px; display:block;/* text-indent:-99999px; background:url('../documents/images/design/galerie.png') no-repeat;*/ position:absolute; right:7px; top:18px; background:#f8b617; color:#8a0c4b; font-weight:bold; border:1px solid #fff; text-align:center; text-decoration:none; } .locatifs a.locLink { top:59px; } .de .locatifs a.locLink { width:80px; } .nl .locatifs a.locLink { width:80px; } #gallery{ background:#333; /* CSS3 styling for latest browsers */ -moz-box-shadow:0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; display:none; } #gallery .next, #gallery .prev { /* absolute positioning relative to the overlay */ position:absolute; top:40%; background:#2c535c; color:#FFF; padding:15px; cursor:pointer; font-weight:bold; font-size:16px; display:none; } #gallery .prev{left:0;} #gallery .next{right:0;} #gallery .info{ background:#2c535c; color:#FFF; padding:15px; position:absolute; bottom:0;left:0; } /* progress indicator (animated gif). should be initially hidden */ .progress { position:absolute; top:45%; left:50%; display:none; } /* active thumbnail is raised on top of the mask using the z-index property */ #gallery a.active img { outline:1px solid #000; z-index:9999; position:relative; } .close { background:url(http://static.flowplayer.org/tools/img/overlay/close.png); position:absolute; z-index:10000; right:-15px; top:-15px; cursor:pointer; height:35px; width:35px; text-indent:-99999px; display:none; } #servicesTip { display:none; background:transparent url('../documents/images/design/tip100.png'); font-size:12px; height:42px; width:80px; padding:8px; color:#fff; z-index:10000; } #popupBrochure, #popupResa, #locatifs, #popup, #popup iframe, #popupBrochure iframe, #popupResa iframe { background:#fff; color:#efefef; height:658px; width:721px; display:none; color:#222; margin:0; padding:0; } #popupResa, #popupResa iframe { width:820px; } #popupBrochure iframe, #popupResa iframe{ display:block;} #popupResa .close, #promos .close, #popup .close { display:block; } #promos{width:850px; height:390px; height:auto!important; min-height:390px; position:relative; float:left; border:9px solid #8a0c4b; text-align:left; z-index:5; margin:0; background:#fac446 url('../documents/images/design/camping-apv-bretagne.png') no-repeat top right; display:none; } #locatifs { overflow:hidden; width:850px; height:551px;} #locatifs img { margin-bottom:15px; } #locatifs .wrap{ height:550px; overflow:auto;} #locatifs .close{ display:block; position:absolute; top:0; right:0;} /* container for external content. uses vertical scrollbar, if needed */ .contentWrap { height:441px; overflow:hidden; } .newsletter #corps { padding:10px; width:683px; } .formBrochure .c1, .formBrochure .c2, .formBrochure .c3 { width:320px; padding:0; margin:10px;} .formBrochure .c3 { width:650px; clear:both; float:none; } .formBrochure input {margin-bottom:8px;} .modele-texte #bloc1{ margin-top:100px; width:220px; float:left; } .modele-texte #bloc2{ margin-top:100px; width:430px; float:right; }