/*---------------------------------------------------------- Style principal Projet: Sommaire: Reset css Balises par défaut Disposition Disposition générale Disposition des éléments courants Navigation principale Navigation secondaire Disposition des pages internes Home Articles Contact Mentions Classes générales IE Patchs (PNG fix, hasLayout triggers, etc.) ----------------------------------------------------------*/ /* ======================================================================== * Reset CSS * ========================================================================*/ @import "reset.css"; /* ======================================================================== * Balises par défaut * ========================================================================*/ html { min-height:100%; min-width:990px; background-color:#5D7227; background-image:url(../../images/fond/bg_main.jpg); background-repeat:no-repeat; background-attachment:fixed; } body { min-height:100%; min-width:990px; background:url(../../images/fond/bg_arabesque.jpg) no-repeat center top; background-attachment:fixed; font:normal normal normal 11px/18px verdana; } h1 { } h2 { } h3 { } h4 { } h5 { } h6 { } p { } img { } sup { } abbr, acronym { } blockquote, q { } blockquote { } cite { } ul { } ol { } dl { } form { } fieldset { } input { } label { } a { color:#FFC821; } a:link { } a:visited { } a:hover { } a:focus { } a[hreflang]:after { } a img { } code, pre { } pre { } hr { } /* ======================================================================== * Disposition * ========================================================================*/ /* ----------------------------------------- * Mise en page générale * ------------------------------------------*/ div#centrer { width:950px; height:1000px; margin:0 auto; position:relative; padding:0 0 10px 0; } div#logo { position:absolute; top:10px; left:10px; z-index:1; } div#slogan { position:absolute; top:65px; left:250px; z-index:2; } div#menutop { width:400px; height:34px; background:url(../images/fond/menutop.gif) no-repeat 0 0; position:absolute; top:0; left:560px; z-index:300; } div#menutop li { float:left; padding:0 10px; position:relative; } div#menutop li ul { position:absolute; top:32px; left:-9000px; width:181px; border-left:1px solid #606f38; border-right:1px solid #606f38; border-bottom:1px solid #606f38; z-index:5500; } div#menutop li li { padding:0;} div#menutop li a, div#menutop li span { color:#fff; font-size:14px; font-weight:bold; text-decoration:none; line-height:32px; cursor:pointer; } div#menutop li li a { display:block; width:165px; line-height:23px; font-size:12px; border-top:1px solid #606f38; background:#88995d; padding:0 8px; } div#menutop li a:hover { text-decoration:underline; } div#menutop li li a:hover {text-decoration:none; background:#94a95e; } div#main { width:950px; height:584px; background:#fff; position:absolute; top:107px; left:0; z-index:4; } div#menuleft { width:238px; height:584px; background:#fff; position:absolute; top:0; left:0; z-index:1000; } div#menuleft li { padding:3px 0 0 3px; position:relative; float:left; } div#menuleft li a { display:block; width:235px; height:80px; text-align:left; text-indent:-5000px; overflow:hidden; cursor:pointer; } div#menuleft li ul { position:absolute; top:3px; left:-9000px; width:226px; z-index:500; } div#menuleft li li { padding:0; } div#menuleft li li a { text-indent:0; overflow:visible; width:210px; height:auto; font-size:14px; font-weight:bold; text-decoration:none; color:#fff; line-height:26px; padding:0 8px; } div#menuleft .onglet01 { background:url(../images/menu/home.gif) no-repeat 0 0; } div#menuleft .ong01 ul { border-left:1px solid #6797e3; border-right:1px solid #6797e3; border-bottom:1px solid #6797e3; } div#menuleft .ong01 ul a { border-top:1px solid #6797e3; background:#648cac; } div#menuleft .onglet02 { background:url(../images/menu/services.gif) no-repeat 0 0; } div#menuleft .ong02 ul { border-left:1px solid #6797e3; border-right:1px solid #6797e3; border-bottom:1px solid #6797e3; } div#menuleft .ong02 ul a { border-top:1px solid #6797e3; background:#648cac; } div#menuleft .onglet03 { background:url(../images/menu/news.gif) no-repeat 0 0; } div#menuleft .ong03 ul { border-left:1px solid #6797e3; border-right:1px solid #6797e3; border-bottom:1px solid #6797e3; } div#menuleft .ong03 ul a { border-top:1px solid #6797e3; background:#648cac; } div#menuleft .onglet04 { background:url(../images/menu/paristours.gif) no-repeat 0 0; } div#menuleft .ong04 ul { border-left:1px solid #dbb74f; border-right:1px solid #dbb74f; border-bottom:1px solid #dbb74f; } div#menuleft .ong04 ul a { border-top:1px solid #dbb74f; background:#c5a138; } div#menuleft .onglet05 { background:url(../images/menu/daytours.gif) no-repeat 0 0; } div#menuleft .ong05 ul { border-left:1px solid #dbb74f; border-right:1px solid #dbb74f; border-bottom:1px solid #dbb74f; } div#menuleft .ong05 ul a { border-top:1px solid #dbb74f; background:#ab8928; } div#menuleft .ong05 ul a:hover { background:#c5a138; } div#menuleft .onglet06 { background:url(../images/menu/overnighttours.gif) no-repeat 0 0; } div#menuleft .ong06 ul { border-left:1px solid #b23e03; border-right:1px solid #b23e03; border-bottom:1px solid #b23e03; } div#menuleft .ong06 ul a { border-top:1px solid #b23e03; background:#7d2d00; } div#menuleft .ong06 ul a:hover { background:#a13701; } div#menuleft .onglet07 { background:url(../images/menu/europe.gif) no-repeat 0 0; } div#menuleft .ong07 ul { border-left:1px solid #ceb261; border-right:1px solid #ceb261; border-bottom:1px solid #ceb261; } div#menuleft .ong07 ul a { border-top:1px solid #ceb261; background:#ad8000; } div#menuleft .ong07 ul a:hover { background:#c89c1d; } div#content { width:706px; height:578px; position:absolute; top:0; left:238px; z-index:10; overflow:hidden; padding:3px; } div#langage { width:20px; height:584px; position:absolute; top:107px; left:950px; z-index:5; } div#langage li { padding:1px 0; } div#langage a { display:block; width:20px; text-align:left; text-indent:-5000px; overflow:hidden; } div#langage a:hover { background-position:-2px 0; } div#langage .on { background-position:-2px 0 !important; } div#langage .onglet01 { height:58px; background:url(../images/menu/fr.gif) no-repeat -24px 0; } div#langage .onglet02 { height:47px; background:url(../images/menu/en.gif) no-repeat -24px 0; } div#langage .onglet03 { height:53px; background:url(../images/menu/sp.gif) no-repeat -24px 0; } div#langage .onglet04 { height:38px; background:url(../images/menu/jap.gif) no-repeat -24px 0; } div#langage .onglet05 { height:61px; background:url(../images/menu/pg.gif) no-repeat -24px 0; } div#langage .onglet06 { height:58px; background:url(../images/menu/ru.gif) no-repeat -24px 0; } div#presentation { width:834px; height:19px; position:absolute; top:708px; left:118px; z-index:6; } div#specialoffers { width:567px; height:103px; background:#516423; position:absolute; top:750px; left:0; z-index:7; padding:0 20px; } div#specialoffers h3 { background:url(../../images/fond/sepspecialoffers.gif) no-repeat center bottom; text-align:center; padding:5px 0; } div#specialoffers h4 { color:#fff; font-size:12px; } div#specialoffers p { color:#fff; font-size:12px; } div#partners { width:343px; height:103px; background:#657932; position:absolute; top:750px; left:607px; z-index:8; } div#footer { width:950px; height:50px; background:url(../../images/fond/sepfooter.png) no-repeat 0 0; position:absolute; top:866px; left:0; z-index:9; padding-top:10px; } div#footer p { /*color:#c0cc90;*/color:#ffffff; text-align:center; } div#footer a { /*color:#c0cc90;*/color:#ffffff; text-decoration:none; } div#footer a:hover { text-decoration:underline; } /* ----------------------------------------- * Les éléments courants * ------------------------------------------*/ .format {} .format p { margin:10px 0; } .format .formatform p { padding:5px 0; margin:0; overflow:hidden; display:inline-block; } .format div.nb { background:#859a4f url(../../images/fond/sep02.gif) no-repeat center top; } .format div.nb-inner { background:url(../../images/fond/sep02.gif) no-repeat center bottom; padding:20px 0 20px 0; } .format ul li { background:url(../../images/puce/puce01.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } .format ul li li { background:url(../../images/puce/puce01.gif) no-repeat 0 4px; margin:0; } /* ----------------------------------------- * Les pages internes * ------------------------------------------*/ /* __________ Home.php */ div#home { width:706px; overflow:hidden; background:url(../../images/illustr/imgHome01.jpg); } /* __________ Licensedguides.php */ div#licensedguides { background:#94a95e url(../images/fond/aboutus.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#licensedguides div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#licensedguides h2 { display:none; } div#licensedguides h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#licensedguides h4 { margin:10px 0; font-size:18px; } div#licensedguides div.nb-inner { padding:20px; } /* __________ Ourteam.php */ div#ourteam { background:#94a95e url(../images/fond/aboutus.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#ourteam div.container { width:626px; height:414px; overflow:auto; padding-right:40px; } div#ourteam h2 { display:none; } div#ourteam h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#ourteam .guide { width:500px; float:left; padding:10px 0 10px 0; } div#ourteam .guide .picture { width:160px; float:left; } div#ourteam .guide .picture img { border:1px solid #fff; } div#ourteam .guide .description { width:260px; float:left; } /* __________ Ourvehicles.php */ div#ourvehicles { background:#94a95e url(../images/fond/aboutus.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#ourvehicles div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#ourvehicles h2 { display:none; } div#ourvehicles h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#ourvehicles .vehicle { width:600px; float:left; padding:10px 0 10px 0; } div#ourvehicles .vehicle .picture { width:400px; float:left; } div#ourvehicles .vehicle .picture img { border:1px solid #fff; } div#ourvehicles .vehicle .description { width:140px; float:left; } /* __________ Clientscomments.php */ div#clientscomments { background:#94a95e url(../images/fond/aboutus.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#clientscomments div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#clientscomments h2 { display:none; } div#clientscomments h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#clientscomments div.nb { background:#859a4f url(../../images/fond/sep02.gif) no-repeat center top; margin:20px 0; } div#clientscomments div.nb-inner { background:url(../../images/fond/sep02.gif) no-repeat center bottom; padding:20px; } div#clientscomments .comment { font-style:italic; } div#clientscomments .sig { color:#c7db8e; font-size:11px; } /* __________ Prices.php */ div#prices { background:#94a95e url(../images/fond/pricesconditions.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#prices div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#prices h2 { display:none; } div#prices h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#prices h4 { margin:0 0 10px 0; font-size:18px; color:#ffc821; padding:0 10px; } div#prices table.list-price th { vertical-align:middle; text-align:left; color:#55632d; padding:2px 10px; border:1px solid #859751; } div#prices table.list-price td { vertical-align:top; text-align:left; padding:5px 10px; } div#prices table.list-price tr.c01 td{ background:#859a4f; } div#prices table.list-price tr.c02 td{ background:#859751;} div#prices table.list-price td.price { text-align:right; color:#ffc821; } div#prices div.nb { margin:20px 0; width:600px; } /* __________ Generalconditions.php */ div#generalconditions { background:#94a95e url(../images/fond/pricesconditions.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#generalconditions div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#generalconditions h2 { display:none; } div#generalconditions h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#generalconditions div.nb-inner { padding:20px; margin:10px 0; } div#generalconditions #mentions { padding:0; } /* __________ Howtobook.php */ div#howtobook { background:#94a95e url(../images/fond/pricesconditions.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#howtobook div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#howtobook h2 { display:none; } div#howtobook h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#howtobook div.nb-inner { padding:20px; margin:10px 0; } /* __________ Contact.php */ div#contact { background:#94a95e url(../images/fond/contact.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#contact div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#contact h2 { display:none; } div#contact div.nb-inner { padding:20px; margin:10px 0; } div#contact label { display:block; float:left; width:215px; text-align:right; padding:0 10px 0 0; } div#contact input.text { font-family:arial, sans-serif; font-size:12px; font-weight:bold; width:300px; border:0; } div#contact textarea { font-family:arial, sans-serif; font-size:12px; font-weight:bold; width:300px; border:0; } div#contact .btn { width:600px; } /* __________ Mentions.php */ div#mentions { background:#94a95e; width:666px; height:578px; padding:0 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#mentions div.container { width:626px; height:578px; overflow:auto; padding-right:40px } div#mentions h2 { display:none; } div#mentions h3 { background:url(../../images/fond/sep01.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#mentions div.nb-inner { padding:20px; margin:10px 0; } /* __________ Services.php */ div#services { background:#1a1b1c url(../images/fond/services.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#services div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#services h2 { display:none; } div#services div.nb-inner { padding:20px; margin:10px 0; } div#services ul li { background:url(../../images/puce/puce05.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#services ul li li { margin:10px 0; } div#services div.nb { background:#2d3134 url(../../images/fond/sep09.gif) no-repeat center top; margin:20px 0; } div#services div.nb-inner { background:url(../../images/fond/sep09.gif) no-repeat center bottom; padding:20px; } /* __________ Newsevents.php */ div#newsevents { background:#dc3153 url(../images/fond/newsevents.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#newsevents div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#newsevents h2 { display:none; } div#newsevents h3 { color:#f67790; font-size:18px; } div#newsevents .news { width:600px; background:#d80038 url(../../images/fond/sep03.gif) no-repeat center top; margin:30px 0; overflow:auto; } div#newsevents .news-inner { background:url(../../images/fond/sep03.gif) no-repeat center bottom; padding:20px; float:left; } div#newsevents .news .picture { width:160px; float:left; } div#newsevents .news .picture img { border:1px solid #fff; } div#newsevents .news .description { width:400px; float:left; } div#newsevents .news .description .more { background:url(../../images/puce/puce02.gif) no-repeat right 3px; color:#f67790; font-weight:bold; padding-right:17px; } div#newsevents .news .description .less { background:url(../../images/puce/puce06.gif) no-repeat left 6px; color:#f67790; font-weight:bold; padding-left:17px; } /* __________ Paristours.php */ div#paristours { background:#608cd0 url(../images/fond/paristours.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#paristours div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#paristours h2 { display:none; } div#paristours table.excursions { margin:20px 0 0 0;} div#paristours table.excursions td { padding:5px; vertical-align:top; } div#paristours .excursion { width:175px; float:none; margin:0; border:8px solid #fff; } div#paristours .excursion a { display:block; text-decoration:none; color:#fff; text-align:center; } div#paristours .excursion .name a { display:block; background:#354d73; text-decoration:none; color:#fff; text-align:center; padding:3px; } /* __________ Paristours pages internes.php */ div#paristoursdetails { background:#608cd0; width:706px; height:578px; padding:0; font-size:13px; font-weight:bold; color:#fff; } div#paristoursdetails div.container { width:706px; height:578px; overflow-y:auto; overflow-x:hidden; position:relative; } div#paristoursdetails h2 { padding:10px 0 0 15px; font-size:18px; } div#paristoursdetails h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; font-size:16px; margin:30px 0 10px 0; color:#fff; } div#paristoursdetails h4 { font-size:14px; } div#paristoursdetails h5 { color:#E7C123; } div#paristoursdetails div.content { width:615px; margin:0 auto; } div#paristoursdetails div.nb { background:#4174C2 url(../../images/fond/sep04.gif) no-repeat center top; margin:20px 0; } div#paristoursdetails div.nb-inner { background:url(../../images/fond/sep04.gif) no-repeat center bottom; padding:20px; overflow:hidden; } div#paristoursdetails div.nb-inner span { font-size:10px; font-style:italic; margin:-10px 0 0 0; display:block;} div#paristoursdetails div.nb-inner h2 { padding:0;} div#paristoursdetails div.nb-inner .picture { width:70px; margin:0 10px 0 0; padding:15px 0 0 0; display:block; clear:left; float:left; } div#paristoursdetails div.nb-inner .description { float:left; width:495px; } div#paristoursdetails ul.noPuces li { background:none; padding:0; margin:0; } div#paristoursdetails .hr { background:url(../../images/fond/sep12.gif) no-repeat -10px 0 ;} div#paristoursdetails ul.navMuseums { background:none;} div#paristoursdetails ul.navMuseums li { background:none; display:inline; margin:0 0 2px 0; padding:0 2px;} div#paristoursdetails ul.temporaryexhibition { margin:0 0 10px 0;} div#paristoursdetails ul.temporaryexhibition li { background:url(../../images/puce/puce09.gif) no-repeat 0 8px; padding:0 0 0 8px;} /* __________ Halfdaytours.php */ div#halfdaytours { background:#c4aa44 url(../images/fond/daytoursfromparis.jpg) no-repeat 0 0; width:703px; height:538px; padding:40px 0 0 3px; font-size:13px; font-weight:bold; color:#fff; } div#halfdaytours div.container { width:703px; height:538px; overflow:auto; } div#halfdaytours h2 { display:none; } div#halfdaytours h3 { background:url(../../images/fond/sep05.gif) no-repeat right bottom; padding:10px 0 10px 0; margin:0 40px 5px 37px; } div#halfdaytours h4 { padding:10px 0 10px 0; margin:0 40px 5px 37px; } div#halfdaytours table.excursions td { padding:5px; vertical-align:top; } div#halfdaytours .excursion { width:175px; float:left; margin:0; border:8px solid #fff; } div#halfdaytours .excursion a { display:block; text-decoration:none; color:#fff; text-align:center; } div#halfdaytours .excursion .name a { display:block; background:#a7913a; text-decoration:none; color:#fff; text-align:center; padding:3px; } /* __________ Halfdaytours.php - pages détails */ div#daytoursdetails { background:#c4aa44; width:706px; height:578px; padding:0; font-size:13px; font-weight:bold; color:#fff; } div#daytoursdetails div.container { width:706px; height:578px; overflow-y:auto; overflow-x:hidden; position:relative; } div#daytoursdetails h2 { padding:10px 0 0 15px; font-size:18px; } div#daytoursdetails h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#daytoursdetails h4 { font-size:14px; } div#daytoursdetails .back a {background:url(../../images/puce/puce04_b.gif) no-repeat left 3px; color:#FFFFFF;} div#daytoursdetails div.content { width:615px; margin:0 auto; } div#daytoursdetails div.nb { background:#A7913A url(../../images/fond/sep11.gif) no-repeat center top; margin:20px 0; } div#daytoursdetails div.nb-inner { background:url(../../images/fond/sep11.gif) no-repeat center bottom; padding:20px; } div#daytoursdetails ul li { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#daytoursdetails ul.noPuces li { background:none; padding:0; margin:0; } div#daytoursdetails div.hr { background:url(../../images/fond/sep05.gif) no-repeat -10px 0 ; height:13px; font-size:0;} div#otherideasidf { background:#c4aa44 url(../images/fond/otherideasidf.jpg) no-repeat 0 0; width:706px; height:414px; font-size:13px; font-weight:bold; color:#fff; padding:164px 0 0 0; } div#otherideasidf div.container { width:706px; height:414px; overflow-y:auto; overflow-x:hidden; position:relative; } div#otherideasidf h2 { padding:10px 0 0 15px; font-size:18px; } div#otherideasidf h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#otherideasidf h4 { font-size:14px; } div#otherideasidf div.content { width:615px; margin:0 auto; } div#otherideasidf div.nb { background:#A7913A url(../../images/fond/sep11.gif) no-repeat center top; margin:20px 0; overflow:hidden; width:600px; } div#otherideasidf div.nb-inner { background:url(../../images/fond/sep11.gif) no-repeat center bottom; padding:20px; overflow:hidden; float:left; } div#otherideasidf div.nb-inner div.picture { width:160px; float:left; margin:10px 0 0 0; display:block;} div#otherideasidf div.nb-inner div.picture img { border:1px solid #FFFFFF; } div#otherideasidf div.nb-inner div.description { width:400px; float:left; display:block;} div#otherideasidf ul li { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#otherideasidf ul.noPuces li { background:none; padding:0; margin:0; } div#otherideasidf div.hr { background:url(../../images/fond/sep05.gif) no-repeat -10px 0 ; height:13px; font-size:0;} div#otherideasidf .back a {background:url(../../images/puce/puce04_b.gif) no-repeat left 3px; color:#FFFFFF;} /* __________ Fulldaytours.php */ div#fulldaytours { background:#c4aa44 url(../images/fond/daytoursfromparis.jpg) no-repeat 0 0; width:703px; height:538px; padding:40px 0 0 3px; font-size:13px; font-weight:bold; color:#fff; } div#fulldaytours div.container { width:703px; height:538px; overflow:auto; } div#fulldaytours h2 { display:none; } div#fulldaytours h3 { background:url(../../images/fond/sep05.gif) no-repeat right bottom; padding:10px 0 10px 0; font-size:18px; margin:0 40px 5px 37px; } div#fulldaytours table.excursions td { padding:5px; vertical-align:top; } div#fulldaytours .excursion { width:175px; float:left; margin:0; border:8px solid #fff; } div#fulldaytours .excursion a { display:block; text-decoration:none; color:#fff; text-align:center; } div#fulldaytours .excursion .name a { display:block; background:#a7913a; text-decoration:none; color:#fff; text-align:center; padding:3px; } /* __________ Packages.php */ div#packages { background:#c14507 url(../images/fond/overnighttours.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#packages div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#packages h2 { display:none; } div#packages h3 { background:url(../../images/fond/sep07.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#packages table.excursions { width:615px; } div#packages table.excursions td { padding:5px; vertical-align:top; } div#packages .excursion { width:175px; float:left; margin:0; border:8px solid #fff; } div#packages .excursion a { display:block; text-decoration:none; color:#fff; text-align:center; } div#packages .excursion .name a { display:block; background:#832e07; text-decoration:none; color:#fff; text-align:center; padding:3px; } /* __________ Packages.php - pages details */ div#packagesdetails { background:#c14507; width:706px; height:578px; padding:0; font-size:13px; font-weight:bold; color:#fff; } div#packagesdetails div.container { width:706px; height:578px; overflow-y:auto; overflow-x:hidden; position:relative; } div#packagesdetails h2 { padding:10px 0 0 15px; font-size:18px; } div#packagesdetails h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0 0 15px; font-size:16px; color:#fff; } div#packagesdetails h4 { font-size:14px; } div#packagesdetails div.content { width:615px; margin:0 auto; padding:0 0 10px 0; } div#packagesdetails div.content h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; font-size:16px; margin:10px 0; color:#fff; } div#packagesdetails div.content p.extrait { margin:10px 0 0 0; } div#packagesdetails div.content p.right { margin:0 0 10px 0; } div#packagesdetails ul li { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#packagesdetails ul.noPuces li { background:none; padding:0; margin:0; } div#packagesdetails div.nb { background:#9c3606 url(../../images/fond/sep06.gif) no-repeat center top; margin:20px 0; } div#packagesdetails div.nb-inner { background:url(../../images/fond/sep06.gif) no-repeat center bottom; padding:20px; overflow:hidden; } div#packagesdetails ul.listPhotos { margin:0 auto; width:250px;} div#packagesdetails ul.listPhotos li { background:none; padding:0; margin:0 5px; float:left; display:inline;} div#packagesdetails ul.listPhotos li img { border:1px solid #FFFFFF; width:70px; height:70px;} div#packagesdetails ul.listPhotosBig { margin:0 auto; width:300px; } div#packagesdetails ul.listPhotosBig li { background:none; padding:0; margin:0 2px; float:left; display:inline;} div#packagesdetails ul.listPhotosBig li img { border:1px solid #FFFFFF; width:90px; height:90px;} div#packagesdetails p.center img { border:1px solid #FFFFFF; width:90px; height:90px;} div#packagesdetails div.tb {background: url(../../images/fond/sep10.gif) no-repeat center top; width:615px; padding:15px 0 0 0; margin:20px 0;} div#packagesdetails div.tb-inner {background:#832E07 url(../../images/fond/sep10.gif) no-repeat center bottom; width:615px; padding:0 0 15px 0;} div#packagesdetails div.tb-inner h4 {color:#FFC821; font-size:18px; margin:0 0 10px; padding:5px 10px;} div#packagesdetails table.list-price { } div#packagesdetails table.list-price th { vertical-align:middle; color:#FFFFFF; padding:2px 10px;} div#packagesdetails table.list-price td { vertical-align:top; padding:5px 5px; } div#packagesdetails table.list-price td.price { text-align:center; color:#FFC821; } div#packagesdetails table.list-price tr.c02 {background:#7F2700;} /* __________ Packages.php pages internes */ /*div#packages { background:#c14507 url(../images/fond/overnighttours.jpg) no-repeat 0 0; zoom:1; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#packages div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#packages h2 { display:none; } div#packages h3 { background:url(../../images/fond/sep07.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#packages h4 { color:#e8ad90; font-size:18px; } div#packages h5 { color:#cd7e57; } div#packages div.nb { background:#9c3606 url(../../images/fond/sep06.gif) no-repeat center top; margin:20px 0; } div#packages div.nb-inner { background:url(../../images/fond/sep06.gif) no-repeat center bottom; padding:20px; } div#packages .more { background:url(../../images/puce/puce03.gif) no-repeat right 3px; color:#e8ad90; font-weight:bold; padding-right:17px; }*/ /* __________ Sampleprograms.php */ div#sampleprograms { background:#c14507 url(../images/fond/overnighttours.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#sampleprograms div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#sampleprograms h2 { display:none; } div#sampleprograms h3 { background:url(../../images/fond/sep07.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#sampleprograms h4 { color:#e8ad90; font-size:18px; } div#sampleprograms h5 { color:#cd7e57; } div#sampleprograms div.nb { background:#9c3606 url(../../images/fond/sep06.gif) no-repeat center top; margin:20px 0; } div#sampleprograms div.nb-inner { background:url(../../images/fond/sep06.gif) no-repeat center bottom; padding:20px; } div#sampleprograms .more { background:url(../../images/puce/puce03.gif) no-repeat right 3px; color:#e8ad90; font-weight:bold; padding-right:17px; } /* __________ Packages.php */ div#hotels { background:#c14507 url(../images/fond/overnighttours.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#hotels div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#hotels h2 { display:none; } div#hotels h3 { background:url(../../images/fond/sep07.gif) no-repeat right bottom; padding:20px 0 10px 0; } div#hotels table.excursions { margin-top:20px; } div#hotels table.excursions td { padding:5px; vertical-align:top; } div#hotels .excursion { width:175px; float:left; margin:0; border:8px solid #fff; } div#hotels .excursion a { display:block; text-decoration:none; color:#fff; text-align:center; } div#hotels .excursion .name a { display:block; background:#832e07; text-decoration:none; color:#fff; text-align:center; padding:3px; } div#hotelsdetails { background:#c14507 url(../images/fond/hotels.jpg) no-repeat 0 0; width:706px; height:538px; padding:40px 0 0 0; font-size:13px; font-weight:bold; color:#fff; } div#hotelsdetails div.container { width:706px; height:538px; overflow-y:auto; overflow-x:hidden; position:relative; } div#hotelsdetails h2 { padding:10px 0 0 15px; font-size:18px; } div#hotelsdetails h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0 0 15px; font-size:16px; color:#fff; } div#hotelsdetails h4 { font-size:14px; } div#hotelsdetails div.content { width:615px; margin:0 auto; padding:0 0 10px 0; } div#hotelsdetails div.content h3 { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; font-size:16px; margin:10px 0; color:#fff; } div#hotelsdetails div.content p.extrait { margin:10px 0 0 0; } div#hotelsdetails div.content p.right { margin:0 0 10px 0; } div#hotelsdetails ul li { background:url(../../images/puce/puce04.gif) no-repeat 0 4px; padding:0 0 0 16px; margin:10px 0; color:#fff; } div#hotelsdetails ul.noPuces li { background:none; padding:0; margin:0; } div#hotelsdetails div.nb { background:#9c3606 url(../../images/fond/sep06.gif) no-repeat center top; margin:20px 0; } div#hotelsdetails div.nb-inner { background:url(../../images/fond/sep06.gif) no-repeat center bottom; padding:20px; overflow:hidden; } div#hotelsdetails ul.listPhotos { margin:0 auto; width:250px;} div#hotelsdetails ul.listPhotos li { background:none; padding:0; margin:0 5px; float:left; display:inline;} div#hotelsdetails ul.listPhotos li img { border:1px solid #FFFFFF; width:70px; height:70px;} div#hotelsdetails ul.listPhotosBig { margin:0 auto; width:300px; } div#hotelsdetails ul.listPhotosBig li { background:none; padding:0; margin:0 2px; float:left; display:inline;} div#hotelsdetails ul.listPhotosBig li img { border:1px solid #FFFFFF; width:90px; height:90px;} div#hotelsdetails p.center img { border:1px solid #FFFFFF; width:90px; height:90px;} div#hotelsdetails ul.fourpic { margin:0 auto; width:400px; } /* __________ Toursofrome.php */ div#toursofrome { background:#bc8b00 url(../images/fond/europe.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#toursofrome div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#toursofrome h2 { display:none; } div#toursofrome h3 { background:url(../../images/fond/sep08.gif) no-repeat right bottom; padding:20px 0 10px 0; } /* __________ Toursoflondon.php */ div#toursoflondon { background:#bc8b00 url(../images/fond/europe.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#toursoflondon div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#toursoflondon h2 { display:none; } div#toursoflondon h3 { background:url(../../images/fond/sep08.gif) no-repeat right bottom; padding:20px 0 10px 0; } /* __________ Error404.php */ div#error404 { background:#94a95e; height:414px; font-size:13px; font-weight:bold; color:#fff; text-align:center; padding:82px 0; } /* __________ termsconditions.php */ div#content .content-inner { padding:20px;} div#content .content-inner h4 { padding:10px 0 0 0;} /* __________ specialoffers.php */ div#specialoffersdetails { background:#94A95E url(../images/fond/specialoffers.jpg) no-repeat 0 0; width:666px; height:414px; padding:164px 0 0 40px; font-size:13px; font-weight:bold; color:#fff; } div#specialoffersdetails div.container { width:626px; height:414px; overflow:auto; padding-right:40px } div#specialoffersdetails h2 { display:none; } div#specialoffersdetails h3 { color:#ffffff; font-size:18px; } div#specialoffersdetails .offers { width:600px; background:#859a4f url(../../images/fond/sep02.gif) no-repeat center top; margin:30px 0; overflow:auto; } div#specialoffersdetails .offers-inner { background:url(../../images/fond/sep02.gif) no-repeat center bottom; padding:20px; float:left; } div#specialoffersdetails .offers .picture { width:160px; float:left; } div#specialoffersdetails .offers .picture img { border:1px solid #fff; } div#specialoffersdetails .offers .description { float:left; } div#specialoffersdetails .offers .description .more { background:url(../../images/puce/puce01.gif) no-repeat right 3px; color:#E7C123; font-weight:bold; padding-right:17px; } div#specialoffersdetails .offers .description .less { background:url(../../images/puce/puce07.gif) no-repeat left 6px; color:#E7C123; font-weight:bold; padding-left:17px; } /* ======================================================================== * Classes générales * ========================================================================*/ .denied { padding:10px 0 0 0;} .denied ul li { color:#C4000C; font-weight:bold; list-style-position:inside; background:none; list-style-type:square; margin:0 0 0 30px; padding:3px 0; line-height:14px; } .clear { clear:both; } .nodisplay { display:none; } .center { text-align:center; } .italic { font-style:italic; } .bold { font-weight:bold; } .bita { font-style:italic; font-weight:bold; } .right { text-align:right !important; } .flright { float:right; } .flleft { float:left; } .more { background:url(../../images/puce/puce01.gif) no-repeat right 3px; color:#e7c123; font-weight:bold; padding-right:17px; } .less { background:url(../../images/puce/puce07.gif) no-repeat left 6px; color:#e7c123; font-weight:bold; padding-left:17px; } .more:hover { color:#fff !important; } .ok { background:#647047; border:1px solid #454d30; color:#e7c123; font-size:12px; font-family:arial,sans-serif; font-weight:bold; cursor:pointer; } .yellow { color:#ffdc1b; } .img_png { display:none; } .hr { background:url(../../images/fond/sep07.gif) no-repeat -10px 0 ; height:13px; font-size:0;} .small { font-size:10px; } .back { margin:0 auto; width:615px; } .back a { background:url(../../images/puce/puce08.gif) no-repeat left 3px; font-weight:bold; padding:0 15px 0 17px; } .slideshow-images-visible { opacity: 1; } .slideshow-images-prev { opacity: 0; } .slideshow-images-next { opacity: 0; } #picture_slide {border-bottom:1px solid #FFFFFF;} /* __________ milkbox - Lightbox */ #mbOverlay { position: absolute; left: 0; width:100%; background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */ z-index:500; cursor: pointer;} #mbCenter {/* for default width and height, see the js options */ position: absolute; z-index:501; overflow:hidden; left: 50%; top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */ background-color: #fff;/* set the Milkbox background color */ border: 5px solid #fff;/* set the Milkbox border */ margin:0; padding:5px;/* set the Milkbox padding */} .mbLoading { background: #fff url(../../images/icons/loading.gif) no-repeat center; }/* IMAGE: loading gif */ #mbCanvas { margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; } .mbClear { clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; } /* *** BOTTOM *** */ #mbBottom { /* set text options */ font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; padding-top:8px; margin:0;} /* navigation */ /* be careful if you change buttons dimensions */ #mbNavigation { float:right; width:27px; padding-top:3px; border-left:1px solid #9c9c9c;/* set nav border */} #mbCount { width:55px; overflow:hidden; padding-top:1px; float:right; text-align:right; font-size:9px; /* count font size */} #mbCloseLink, #mbPrevLink, #mbNextLink, #mbPlayPause { outline:none; display:block; float:right; height:19px; cursor: pointer;} #mbPrevLink, #mbNextLink { width:15px; } #mbPrevLink { background: transparent url(../../images/icons/prev.gif) no-repeat; }/* IMAGE: prev */ #mbNextLink { background: transparent url(../../images/icons/next.gif) no-repeat; }/* IMAGE: next */ #mbPlayPause { width:13px; } #mbPlayPause { background: transparent url(../../images/icons/play-pause.gif) no-repeat; }/* IMAGE: prev */ /* NOTE: doesn't work in ie6, so, just see the js options :) */ a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover,a#mbPlayPause:hover { background-position: 0 -22px; } #mbCloseLink { width:17px; background: transparent url(../../images/icons/close.gif) no-repeat;/* IMAGE: close */} /* description */ #mbDescription{ margin-right:27px; padding:0px 10px 0 0; font-weight: normal; text-align:justify; } #tt { position:absolute; display:block; z-index:9999;} #tttop {display:block; height:5px; margin-left:5px; overflow:hidden;} #ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#94A95E; border:2px solid #FFFFFF; color:#fff; font-weight:bold;} #ttbot {display:block; height:5px; margin-left:5px; overflow:hidden;} /* ======================================================================== * IE Patchs (PNG fix, hasLayout triggers, etc.) * ========================================================================*/