/* --------------------------------------------------- */ /* ESTELUM.com - Front Office css tout style */ /* --------------------------------------------------- */ /* ================================================================================= SQUELETTE --------------------------------------------------------------------------------- */ html,body { height:100%;} body { margin:0; text-align:center;} html>body #main { height:auto;} #main { position:relative; top:0; left:0; margin:0 auto; border:0;padding:0;width:760px; height:100%; min-height:100%;display:block;} html>#main { height:auto;} #header-fr { height:86px;width:760px;display:block;} #header-en { height:86px;width:760px;display:block;} #logo { height:86px;width:152px;display:block;} #container { float:left} #menu-s { float:left;width:152px;} #content { margin:0 0 0 152px;} #cont1 { display:block;min-width:100%;float:left;} #cont2 { padding:8px 20px} #cleaner { height:1px;width:400px;font: 0/0;border:none;padding:0;margin:0;background:transparent;clear:both;} #clearfooter { position:relative;height:20px;width:760px;font: 0/0; display:block; clear:both;} #footer { position:relative; z-index:2;left:0;bottom:0;height:20px; width:760px;} #prelude { display:none;} .nocss { display:none;} /* ================================================================================= DESIGN --------------------------------------------------------------------------------- */ body { font: 1em arial, hevetica, Verdana, sans-serif; color:#505367; background: #fff;} #main { text-align:left; } /* ================================================ Menu P ============================*/ #menu-p { position:absolute;top:70px;left:152px;width:608px;height:16px;display:block;} #menu-p ul { list-style:none; margin:0; padding:0; width:608px;height:16px;display:block;font-size:12px;} #menu-p li ul { display:block;} #menu-p li:hover > ul { display:block;} #menu-p li { position:relative;height:16px;display:inline;float:left} #menu-p li a { height:16px;display:block;text-decoration:none;float:left;} #menu-p #mp-1 { padding:0 6px 0 30px;} #menu-p #mp-1:hover { padding:0 6px 0 30px;} #menu-p #mp-9 { border:0;} #oldmenu-p .st1 { position:absolute; top:16px;width:152px;height:auto;font-size:12px;} #oldmenu-p .st1 li { width:152px;height:16px;display:block; } #oldmenu-p .st1 li a { width:100%;margin:0;padding:0 0 0 16px;border:none;} #oldmenu-p .st1>li a { width:136px;} #oldmenu-p .st1 li a:hover { display:block;float:left} #oldmenu-p #st1-1 { left:3px;} #oldmenu-p #st1-2 { left:0;} #oldmenu-p li ul { position:absolute; top:16px; left:0; z-index:110; height:auto; width:170px; display:none; font-size:0.9em;text-align:left;margin:0;padding:0;} #oldmenu-p li ul li { height:auto;width:170px;font-size:0.9em;text-align:left;margin:0;padding:0; display:block;} #oldmenu-p li ul form { margin:8px;} #oldmenu-p ul li ul.st8 { position:absolute; top:16px; left:-131px;} #menu-p li ul { position:absolute; top:16px; left:0; z-index:110; display:none; font-size:0.9em;text-align:left;margin:0;padding:0;} #menu-p li ul li { font-size:0.9em;text-align:left;margin:0;padding:0; } /* ================================================ Menu P ============================*/ #band2 { position:absolute; top:18px; left:237px;height:35px;width:458px;display:block;background:url("img/css1/band2.jpg") no-repeat left top; font-size:0.9em;text-align:center;margin:0;padding:1px 2px 2px 2px; color:#000;} #mp-a1-fr { height:16px;width:125px;display:block;} #mp-a1-do-fr { height:16px;width:125px;display:block;color:#fff;background:url("img/css1/mp-a1-fr.gif") no-repeat left top;} #mp-a2-fr { height:16px;width:101px;display:block;} #mp-a2-do-fr { height:16px;width:101px;display:block;color:#fff;background:url("img/css1/mp-a2-fr.gif") no-repeat left top;} #mp-a1-en { height:16px;width:125px;display:block;} #mp-a1-do-en { height:16px;width:125px;display:block;color:#fff;background:url("img/css1/mp-a1-en.gif") no-repeat left top;} #mp-a2-en { height:16px;width:101px;display:block;} #mp-a2-do-en { height:16px;width:101px;display:block;color:#fff;background:url("img/css1/mp-a2-en.gif") no-repeat left top;} #mp-a1-fr:hover { background:url("img/css1/mp-a1-fr.gif") no-repeat left top;} #mp-a2-fr:hover { background:url("img/css1/mp-a2-fr.gif") no-repeat left top;} #mp-a1-en:hover { background:url("img/css1/mp-a1-en.gif") no-repeat left top;} #mp-a2-en:hover { background:url("img/css1/mp-a2-en.gif") no-repeat left top;} #mp-a3 { height:16px;width:107px;display:block;} #mp-a4 { height:16px;width: 21px;display:block;} #mp-a5 { height:16px;width: 54px;display:block;} #mp-a6 { height:16px;width: 21px;display:block;} #mp-a7 { height:16px;width: 44px;display:block;} #mp-a8 { height:16px;width: 20px;display:block;} #mp-a9 { height:16px;width: 59px;display:block;} #mp-a3-do { height:16px;width:107px;display:block;color:#fff;background:url("img/css1/mp-a3.gif") no-repeat left top;} #mp-a4-do { height:16px;width: 21px;display:block;color:#fff;background:url("img/css1/mp-a4.gif") no-repeat left top;} #mp-a5-do { height:16px;width: 54px;display:block;color:#fff;background:url("img/css1/mp-a5.gif") no-repeat left top;} #mp-a6-do { height:16px;width: 21px;display:block;color:#fff;background:url("img/css1/mp-a6.gif") no-repeat left top;} #mp-a7-do { height:16px;width: 44px;display:block;color:#fff;background:url("img/css1/mp-a7.gif") no-repeat left top;} #mp-a8-do { height:16px;width: 20px;display:block;color:#fff;background:url("img/css1/mp-a8.gif") no-repeat left top;} #mp-a9-do { height:16px;width: 59px;display:block;color:#fff;background:url("img/css1/mp-a9.gif") no-repeat left top;} #mp-a3-co { height:16px;width:107px;display:block;color:#fff;background:url("img/css1/mp-a3-do.gif") no-repeat left top;} #mp-a4-co { height:16px;width: 21px;display:block;color:#fff;background:url("img/css1/mp-a4-do.gif") no-repeat left top;} #mp-a5-co { height:16px;width: 54px;display:block;color:#fff;background:url("img/css1/mp-a5-do.gif") no-repeat left top;} #mp-a6-co { height:16px;width: 21px;display:block;color:#fff;background:url("img/css1/mp-a6-do.gif") no-repeat left top;} #mp-a7-co { height:16px;width: 44px;display:block;color:#fff;background:url("img/css1/mp-a7-do.gif") no-repeat left top;} #mp-a8-co { height:16px;width: 20px;display:block;color:#fff;background:url("img/css1/mp-a8-do.gif") no-repeat left top;} #mp-a3-co:hover { height:16px;width:107px;display:block;color:#fff;background:url("img/css1/mp-a3.gif") no-repeat left top;} #mp-a4-co:hover { height:16px;width: 21px;display:block;color:#fff;background:url("img/css1/mp-a4.gif") no-repeat left top;} #mp-a5-co:hover { height:16px;width: 54px;display:block;color:#fff;background:url("img/css1/mp-a5.gif") no-repeat left top;} #mp-a6-co:hover { height:16px;width: 21px;display:block;color:#fff;background:url("img/css1/mp-a6.gif") no-repeat left top;} #mp-a7-co:hover { height:16px;width: 44px;display:block;color:#fff;background:url("img/css1/mp-a7.gif") no-repeat left top;} #mp-a8-co:hover { height:16px;width: 20px;display:block;color:#fff;background:url("img/css1/mp-a8.gif") no-repeat left top;} #mp-a3:hover { color:#fff;background:url("img/css1/mp-a3.gif") no-repeat left top;} #mp-a4:hover { color:#fff;background:url("img/css1/mp-a4.gif") no-repeat left top;} #mp-a5:hover { color:#fff;background:url("img/css1/mp-a5.gif") no-repeat left top;} #mp-a6:hover { color:#fff;background:url("img/css1/mp-a6.gif") no-repeat left top;} #mp-a7:hover { color:#fff;background:url("img/css1/mp-a7.gif") no-repeat left top;} #mp-a8:hover { color:#fff;background:url("img/css1/mp-a8.gif") no-repeat left top;} #mp-a9:hover { color:#fff;background:url("img/css1/mp-a9.gif") no-repeat left top;} .fmp-a:hover { color:#fff;background:url("img/css1/mpa_ov.gif") no-repeat left top #202E41;} .mp-b { color:#fff;} .mp-b:hover { color:#fff;background:url("img/css1/mpb_up.gif") no-repeat left top #8E99A9;} .fmp-b:hover { color:#fff;background:url("img/css1/mpb_ov.gif") no-repeat left top #474C54;} .mp-promo { color:#fff;background:url("img/css1/promo_up.gif") no-repeat center top;} .mp-promo:hover { color:#fff;background:url("img/css1/promo_ov.gif") no-repeat center top #474C54;} #menu-p .st1 { background:#E6EAEE;border-width:0 1px 1px 1px;border-style:solid;border-color: #415D83;} #menu-p .st1 li a { color:#273f80;} #menu-p .st1 li a:hover { color:#fff;background:#000;} #menu-p li ul { background:#E6EAEE;color:#273f80;border-width:0 1px 1px 1px;border-style:solid;border-color: #415D83;} #menu-p li ul li { color:#273f80;} #menu-p li ul li a { border:none;} /* ESTELUM.com - Front Office css g_form */ /* --------------------------------------------------- */ #menu-p option.val { background-color:#DBDBDB} input { font-size:1em;z-index:4;} select { font-size:1em;} .qt1 { position:relative;left:47px;margin:2px 0;} .qt2 { position:relative;left:10px;margin:2px 0;} .qt3 { position:relative;left:22px;margin:2px 0;} .g-bout { margin:12px 0 2px 0;} .important { color:#C60803;font-size:1em;font-weight:bold;text-align:center;} /* ================================================ Menu s ============================*/ #menu-s { font-size:12px;display:block;padding:0 0 30px 0;} #menu-s ul { width:152px;list-style:none; margin:0; padding:0 0 40px 0;display:block;} #menu-s li { width:152px;margin:0;padding:1px 0;display:block;} #menu-s li a { width:100%;margin:0;padding:0 0 0 16px;display:block} #menu-s>ul li a { width:auto;} #menu-s li span { padding:0 0 0 16px; display:block} #menu-s li a:hover, #menu-s li#active a:hover { text-decoration:none;} #menu-s li#active a { position:relative;} #menu-s li.rub a { font-weight:bold;font-style:italic;margin-top:5px;} #menu-s li#active2 a { position:relative;font-weight:bold;font-style:italic;margin-top:5px;} #menus-pict { position:absolute;top:-7px; left:-6px;width:15px;height:29px;} #menus-deco { width:152px;height:32px;display:block;} #menus-visa { text-align:center} /* ================================================ Menu langue ============================*/ #drap { position:absolute;top:49px;right:0px;width:74px;height:16px;display:block;float:right;} #drapfr,#drapfroff, #drapen, #drapenoff { position:relative;top:1px;left:22px;width:18px;height:14px;display:block;float:left;} #drapfr { background:url("img/commun/fr_do.gif") no-repeat;} #drapfr:hover { background:url("img/commun/fr_up.gif") no-repeat;} #drapfroff { background:url("img/commun/fr_up.gif") no-repeat;} #drapen { background:url("img/commun/en_do.gif") no-repeat;} #drapen:hover { background:url("img/commun/en_up.gif") no-repeat;} #drapenoff { background:url("img/commun/en_up.gif") no-repeat;} #drap3 { position:relative;top:1px;left:22px;width:11px;height:14px;display:block;float:left;} /*================================================== fin : menu ==========================*/ /*///////////////////////////////////// MISE EN PAGE ////////////////////////////////////*/ /* ------- en commun*/ #page { width:390px; float:left; clear:both;} img { border:0;} .both { clear:both;} .left { float:left;} a:link { text-decoration:none;} a:visited { text-decoration:none;} a:active { text-decoration:none;} a:hover { text-decoration:underline;} p { text-align:justify;} h1 { font-size:1.8em;color:#0A2B74;font-weight:normal; margin:0;padding:0} #h1-1 { margin-bottom:10px;height:19px;width:100%;background:url("img/divers/h1_1.gif") repeat-x;float:left;} #h1-2 { height:19px;width:42px;background:url("img/divers/h1_2.gif") no-repeat;float:left;} #h1-3 { height:19px;width:35px;background:url("img/divers/h1_3.gif") no-repeat;float:right;} /* ------- mise en page générale*/ #mep { clear:both;} #mep p { color:#0A2B74;text-indent:1em;clear:both;} #mep a { color:#D07817;font-weight:bold;} #mep a:hover { color:#0A2B74;text-decoration:none;} #mep ul { color:#0A2B74;text-align:left;} #mep #mep-img { text-align:center; text-indent:0em; display:block;} /* ------- Estelum*/ #mep .mepimg { text-align:center;text-indent:0em;display:block;} #mep .divl p { padding:6px;text-indent:0em;} #mep .divr p { padding:6px;text-indent:0em;} #mep .divl { font-size:0.8em;text-align:center;width:180px;float:left;margin-bottom:30px;} #mep .divl a { color:#0A2B74;font-weight:normal;} #mep .divl a:hover { color:#0A2B74;font-weight:normal;} #mep .divr { font-size:0.8em;text-align:center;width:180px;float:right;margin-bottom:30px;} #mep .divr a { color:#0A2B74;font-weight:normal;} #mep .divr a:hover { color:#0A2B74;font-weight:normal;} #mep .mep-est { font-style:italic;font-size:1em;text-align:center;color:#0A2B74;font-weight:bold;text-indent:0em;} #mep p.mep-pro { margin-top:8px;border-top:1px solid #0A2B74;border-bottom:1px solid #0A2B74; background:url("img/divers/descfond2.gif") repeat-y top right #E8EDEC;} #mep p.mep-pic { text-align:center;font-size:1.1em;font-weight:bold;} #mep .mep-pro span { margin-top:4px;padding-top:2px;border-top:1px solid #0A2B74;font-weight:bold;display:block;clear:both;} #mep .mep-pro a { color:#35416A;} #mep .mep-pro a:hover { color:#BA6B14;} #mep .mep-ti { background:url("img/divers/mep_f.gif") repeat-y;margin-bottom:10px; padding:4px 0px 6px 6px; border-top:1px solid #95A4C3;border-bottom:1px solid #95A4C3;font-size:0.8em;line-height:1em;font-weight:bold;color:#0A2B74;} /* ------- Agence de voyage*/ #mep .mep-adv { text-align:justify;} #mep .mep-advsign { padding:10px 0; margin-left:8px;} /* ------- coordonées*/ #mep .mep-coo1, #mep .mep-coo2, #mep .mep-coo3, #mep .mep-coo4 { text-indent:0em;font-size:0.8em;border-top:1px solid #0A2B74;border-bottom:1px solid #0A2B74; background:url("img/divers/descfond2.gif") repeat-y top right #E8EDEC;padding:6px 8px;margin:10px 25px;} #mep .mep-coo1 { } #mep .mep-coo2 { font-weight:bold;} #mep .mep-coo3 { font-size:0.9em;font-weight:bold;} #mep .mep-coo4 { text-align:left;} #mep .mep-coo4 a { color:#D07817;} #mep .mep-coo4 a:hover { color:#0A2B74;} /* ------- etoile dans mention légales*/ #mep .eti { color:#0A2B74;text-align:left;font-weight:800;padding-left:20px;background:url("img/divers/etoile.gif") no-repeat 15px 50%;} /*///////////////////////////////////////////////////////////////////////////////////////*/ /* ------------------------------------------ CSS de la page dans index.php */ #page-titre2 { margin-top:20px;color:#0A2B74;} #page-titre2:hover { text-decoration:none;color:#BA6B14;} .page-stt1-cont { clear:both; } /* ----------------------------------------- pack- liste des packages CSS dans package.php */ #packcontainer ul { list-style-type:none;list-style-image:none;padding:0;margin:0;} #packcontainer li { margin-top:10px;float:left;list-style-type:none;} #packcontainer li a { font-size:1.2em;} #packcontainer ul li { width:100%;margin-bottom:8px;margin-top:4px;float:left;} #packcontainer ul li a, #packcontainer ul li span { font-size:0.9em;color:#35416A;padding:2px 0px;} #packcontainer ul li a:hover { color:#BA6B14;} #packcontainer ul .pack-puce { font-weight:800;padding-left:20px;background:url("img/divers/etoile.gif") no-repeat left center;color:#5F72B0;} #packcontainer ul .pack-puce:hover { color:#D07817;background:url("img/divers/etoile_ov.gif") no-repeat 0% 50%;} .pack-titre { width:68%;text-align:left;float:left;border-top: 1px solid #35416A;} .pack-jour { width:9%; text-align:center;background:url("img/divers/bg_jour.gif") repeat-x #CAFCFF;float:left; border:1px solid #35416A;border-top:1px solid #35416A;} .pack-prix { width:20%;text-align:right;background:url("img/divers/bg_prix.gif") repeat-x #FEFBDF;float:left; border-bottom:1px solid #35416A;border-right:1px solid #35416A;border-top:1px solid #35416A;} /* ----------------------------------------- desc- liste des jours dans le descriptif d"un package dans package.php */ .desc-desc { text-align:justify;margin-bottom:10px;border:2px dotted #7D7854;padding:8px;clear:both;} #desc-commun { background:url("img/divers/descfond3.gif") repeat-y top right #F5F4ED;margin-bottom:10px;padding:8px 0; border-top:1px solid #D5D2BB;border-bottom:1px solid #D5D2BB;text-align:left;width:100%;clear:both;} #desc-commun img { margin:2px 8px 0 8px;} #desc-commun div { clear:both;} #desc-com { float:right; width:210px; font-size:0.75em; margin:0; padding:0 10px 0 0;} #desc-com2 { float:right; width:210px; font-size:0.75em; margin:0; padding:0 10px 0 0;text-align:left;} #desc-com span { } #desc-com a { color:#35416A;} #desc-com2 a { color:#35416A;} #desc-com a:hover { color:#BA6B14;} #desc-com2 a:hover { text-decoration:none;color:#BA6B14;} #desc-com a.com { background:url("img/divers/com_up.gif") no-repeat top left; height:37px;padding-left:35px;line-height:40px;display:block; font-size:1.1em;border-top:1px solid #D5D2BB; margin-top:8px;} #desc-com a.com:hover { background:url("img/divers/com_ov.gif") no-repeat top left;} .desc-dprix { margin-bottom:10px; border:2px dotted #7D7854; padding:8px; clear:both;} .desc-lprix { margin-bottom:18px; border:1px solid #A5A5A5; padding:4px; background:#EDEDED;} .desc-oprix { margin-bottom:14px;} .desc-ligne { margin-bottom:4px;border-bottom:4px solid white;display:block;} .desc-co { background:url("img/divers/descfond.gif") repeat-y top right #EDEBDF; display:block;margin-left:2.5em;border-top:1px solid #948C50;border-bottom:1px solid #948C50;} .desc-co a,.desc-co span { font-size:0.8em;color:black;padding:0.4em;padding-top:8px;display:block;} .desc-co a:hover { color:#716B3D;} .desc-jx- { font-size:0.8em;color:black; background:url("img/divers/desc.gif") repeat-x; padding:2px 4px;margin-right:8px;padding-top:8px;border:1px solid black;float:left;} .desc-jx-:hover { color:#716B3D;} .desc-jx-- { font-size:small;color:black; background:url("img/divers/ombre.jpg") no-repeat; padding:1px 6px 7px 2px;margin-right:8px;float:left;} /* ----------------------------------------- fonction triz détail par jour du package dans package.php */ #triz1 { width:30%; float:left;} #triz2 { width:60%; float:right; text-align:justify;} .triz-co { background:#EFF1F7;border:2px dotted #5366A7;display:block;margin-bottom:2.5em;clear:both;} .triz-co- { font-size:0.8em;color:black;padding:0.4em;padding-top:4px;display:block;margin:0px;} .triz-jx- { font-size:0.8em;color:black;background:url("img/divers/triz.gif") repeat-x; padding:2px 4px;padding-top:8px;border:1px solid black;margin-bottom:8px;float:left;} #triz2 a #triz2 span { font-size:0.8em;} /* ----------------------------------------- Onglet dans détail par jour du package dans package.php*/ #ongletcont { display:block;clear:both;} #onglet { width:100%;font-size:0.7em;margin:20px 0;padding:0;border-bottom:1px solid #776655; background:url("img/onglet/bg.gif") repeat-x left bottom;float:left;} #onglet ul { margin:0;padding:0 8px;list-style:none;} #onglet li { float:left;background:url("img/onglet/left.gif") no-repeat left top;margin:0;padding:0 0 0 9px;} #onglet a { float:left;display:block;background:url("img/onglet/right.gif") no-repeat right top;padding:4px 6px 4px 0;font-weight:bold;color:#765;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header-fr a { float:none; } #header-en a { float:none; } /* End IE5-Mac hack */ #onglet a:hover { text-decoration:none;color:#333;} #onglet #current { background-image:url("img/onglet/left_on.gif");} #onglet #current a { background-image:url("img/onglet/right_on.gif"); color:#333; padding:4px 6px 4px 0;} #onglet #current { position:relative; top:1px;} /*================================================== boite info ===========================================================*/ #col3-content { width:172px;height:405px;position:relative;top:78px;float:right;} #col3-illus-0 { width:172px;height:405px;background:url("img/illus/1" ) no-repeat bottom right;position:relative;} #col3-illus-1 { width:172px;height:405px;background:url("img/illus/1" ) no-repeat bottom right;position:relative;} #col3-illus-3 { width:172px;height:405px;background:url("img/illus/3" ) no-repeat bottom right;position:relative;} #col3-illus-4 { width:172px;height:405px;background:url("img/illus/4" ) no-repeat bottom right;position:relative;} #col3-illus-5 { width:172px;height:405px;background:url("img/illus/5" ) no-repeat bottom right;position:relative;} #col3-illus-6 { width:172px;height:405px;background:url("img/illus/6" ) no-repeat bottom right;position:relative;} #col3-illus-7 { width:172px;height:405px;background:url("img/illus/7" ) no-repeat bottom right;position:relative;} #col3-illus-8 { width:172px;height:405px;background:url("img/illus/8" ) no-repeat bottom right;position:relative;} #col3-illus-9 { width:172px;height:405px;background:url("img/illus/9" ) no-repeat bottom right;position:relative;} #col3-illus-2 { width:172px;height:405px;background:url("img/illus/10") no-repeat bottom right;position:relative;} #col3-illus-11 { width:172px;height:405px;background:url("img/illus/11") no-repeat bottom right;position:relative;} #col3-illus-12 { width:172px;height:405px;background:url("img/illus/12") no-repeat bottom right;position:relative;} #col3-illus-17 { width:172px;height:405px;background:url("img/illus/4") no-repeat bottom right;position:relative;} #col3-boite { position:relative;top:-12px;right:0;width:162px;float:right;} #boite-1 { padding-left:50px;padding-right:4px;display:block;text-decoration:none;font-size:x-small;font-weight:bold;float:right;text-align:right;} #boite-2 { text-align:justify;clear:both;} #boite-3 { position:relative;top:-3px;left:-3px;width:17px;height:20px;display:block;} .boite-texte { position:relative;top:-10px;text-decoration:none;font-size:0.7em;padding:0 8px 0 8px;} .boite-texte form { margin:4px 0 0 0;} .boite-texte span { text-align:left;margin-left:1px;padding:0 4px;} .boite-texte select { font-size:1.1em;width:140px;margin-bottom:8px;display:block;} .boite-texte a:hover { text-decoration:none;} .bouton { font-size:1.1em;width:60px;margin-top:8px;cursor:pointer;} .bouton:hover { font-size:1.1em;width:60px;margin-top:8px;} #product { position:absolute;top:414px;font-size:0.6em;text-align:center;width:152px;display:block;} .prodlien { text-decoration:none; } .prodlien:hover { text-decoration:none; } /*================================================== fin : boite info =====================================================*/ /*============================================ Formulaire ======================================================== */ #forcol-float { width:390px;} #forcol-1 { float:left;width:30px;} #forcol-2 { width:314px;margin-left:40px; } #forcol-233 form { margin-top:40px; } #forcol-float a { padding-top:4px; } #formul-deco1-fr { width:30px;height:248px;background:url("img/formulaire/contact_det_fr.gif") no-repeat center center;} #formul-deco1-en { width:30px;height:248px;background:url("img/formulaire/contact_det_en.gif") no-repeat center center;} #formul-deco2-fr { width:30px;height:220px;background:url("img/formulaire/voyage_fr.gif") no-repeat center center; border-top:1px solid #577090;} #formul-deco2-en { width:30px;height:220px;background:url("img/formulaire/voyage_en.gif") no-repeat center center; border-top:1px solid #577090;} .formul-cel { width:100%;margin-bottom:3px; } .formul-cel1, .formul-cel2, .formul-cel3, .formul-cel4 {position:relative;height:22px;width:112px;text-decoration:none;color:white; font-size:10pt;padding-left:4px;text-align:right;display:block;line-height:130%;} .formul-cel1 { background-color:#9CADC3;font-size:0.7em;line-height:2em;} .formul-cel2 { background-color:#577090;font-size:0.7em;line-height:2em;} .formul-cel3 { background-color:#577090;font-size:0.7em;height:101px;line-height:2em;} .formul-cel4 { background-color:white;} .formul-saisie { position:absolute;top:0px;left:120px;text-indent:2px;width:200px;text-decoration:none; font-size:10pt;color:#454F5E;border:1px solid #577090;overflow:hidden;} .formul-saisie2 { position:absolute;top:0px;left:120px;text-indent:2px;width:200px;text-decoration:none; font-size:10pt;color:#454F5E;border:1px solid #577090;height:100px;overflow:auto;} #formul-saisie3 { position:relative; top:-10px; left:83px; height:28px; width:200px; background:url("img/formulaire/form_bout.gif") no-repeat center center; vertical-align:top; cursor:pointer;} #formul-saisie3:hover { background: url("img/formulaire/form_bout_ov.gif") no-repeat center center;} #formul-saisie3 span { text-decoration:none;font-size:10pt;font-weight:bold;color:white;text-align:center;padding-left:60px;} /*============================================ fin: Formulaire ========================================================*/ /*============================================ Recherche : carte, theme, durée, prix ================================= */ #carte-txt { font-size:0.9em;text-align:justify;} #theme-cell { font-size:0.7em; list-style:none; padding:0; margin:0; width:360px;} #theme-cell li { float:left; margin-right:4px; text-align:center;} #theme-cell li a, #theme-cell li span { text-decoration:none; height:70px; width:86px; vertical-align:top; color:#35416A; display:block;} #theme-cell li a:hover { color:#BA6B14;} #theme-cell li span { color:#BA6B14;} #cel1 { background: url("img/i-theme/1.jpg") no-repeat top center;} #cel2 { background: url("img/i-theme/2.jpg") no-repeat top center;} #cel3 { background: url("img/i-theme/3.jpg") no-repeat top center;} #cel4 { background: url("img/i-theme/4.jpg") no-repeat top center;} #cel5 { background: url("img/i-theme/5.jpg") no-repeat top center;} #cel6 { background: url("img/i-theme/6.jpg") no-repeat top center;} #cel7 { background: url("img/i-theme/7.jpg") no-repeat top center;} #cel8 { background: url("img/i-theme/8.jpg") no-repeat top center;} #cel9 { background: url("img/i-theme/9.jpg") no-repeat top center;} #cel10 { background: url("img/i-theme/10.jpg") no-repeat top center;} #cel11 { background: url("img/i-theme/11.jpg") no-repeat top center;} #cel1:hover, #celact1 { background: url("img/i-theme/1_ov.jpg") no-repeat top center;} #cel2:hover, #celact2 { background: url("img/i-theme/2_ov.jpg") no-repeat top center;} #cel3:hover, #celact3 { background: url("img/i-theme/3_ov.jpg") no-repeat top center;} #cel4:hover, #celact4 { background: url("img/i-theme/4_ov.jpg") no-repeat top center;} #cel5:hover, #celact5 { background: url("img/i-theme/5_ov.jpg") no-repeat top center;} #cel6:hover, #celact6 { background: url("img/i-theme/6_ov.jpg") no-repeat top center;} #cel7:hover, #celact7 { background: url("img/i-theme/7_ov.jpg") no-repeat top center;} #cel8:hover, #celact8 { background: url("img/i-theme/8_ov.jpg") no-repeat top center;} #cel9:hover, #celact9 { background: url("img/i-theme/9_ov.jpg") no-repeat top center;} #cel10:hover, #celact10 { background: url("img/i-theme/10_ov.jpg") no-repeat top center;} #cel11:hover, #celact11 { background: url("img/i-theme/11_ov.jpg") no-repeat top center;} #cell { font-size:0.7em; list-style:none; padding:0 0 20px 0; margin:0; color:#BA6B14;} #cell img { margin: 2px 2px 0 0; vertical-align:middle;} #cell li { } #cell a { color:#35416A; padding:4px; height:100%; width:100%; display:block; border-bottom:1px solid #C1C8D3;} #cell a:visited { color:#000;} #cell a:hover { color:#BA6B14;background-color:#C1C8D3;text-decoration:none;} #cell span { background-color:#E3E6EB; padding:4px; height:100%; width:100%; display:block; border-bottom:1px solid #C1C8D3;} /* -------cartes */ .m0 { background:url("img/destination/m0.gif"); height:41px; width:69px; display:block; float:left;} .m0:hover { background:url("img/destination/m0_ov.gif");} .m1-p1 { background:url("img/destination/m1_p1.gif"); height:201px; width:127px; display:block; float:left;} .m1-p1:hover { background:url("img/destination/m1_p1_ov.gif");} .m1-p2 { background:url("img/destination/m1_p2.gif"); height:201px; width:101px; display:block; float:left;} .m1-p2:hover { background:url("img/destination/m1_p2_ov.gif");} .m1-p3 { background:url("img/destination/m1_p3.gif"); height:201px; width:116px; display:block; float:left;} .m1-p3:hover { background:url("img/destination/m1_p3_ov.gif");} /*============================================ Recherche : vol, week-end, hôtel, Séjours ================================= */