/* **************************************************************************************************************************** */ /* ******************* STYLES GENERAUX **************************************************************************************** */ /* **************************************************************************************************************************** */ body{font-family:Helvetica;font-size:11px;background-color:#777777;text-align:center;margin:0px;padding:0px; background-image:url();background-repeat:repeat-x;color:black} div{padding:0px;margin:0px} a{text-decoration: none;color:#9b1d18;font-weight:bold} a:visited{text-decoration: none;color:#9b1d18;font-weight:bold} a:hover{text-decoration: underline;color:#9b1d18;font-weight:bold} h1{color:#9b1d18;font-size:22px;} h2{padding-left:10px;color:white;background-color:#9b1d18;font-size:16px;text-align:left} h3{color:#9b1d18;font-weight:bold;text-align:left} .select{font-size:9px;border:1px solid #999999;;font-size:9px;} .normal{font-size:11px;color:black;} .gras{font-weight:bold;} .center{text-align:center} .cadre_img{border:0px} .pointeur{cursor:pointer;} .page_info_gene{width:75%;text-align:center;text-align: justify;} .page_info_gene a:hover{color:#9b1d18;} .page_info_gene a:link{color:#9b1d18;} .page_info_gene a:visited{color:#9b1d18;text-decoration:underline} .gene_gauche{float:left;width:49%;} .gene_droite{float:left;width:49%;margin-left:10} .bordure{border:1px solid #9b1d18;padding:5px;} .bleu {color:#9b1d18} .txt_bleu {font-size:11px;color:#9b1d18; font-weight:bold} .btn_connexion{ background-color:#9b1d18;font-size:9px;color:white; } .footer_noir {padding:2px; background-color:black;color:white; font-size:11px} .footer_bleu {padding:1px; background-color:#1E7AA1;color:white; font-size:11px} .entete_input {font-size:9px; color:white;} .input_dates { border:1px solid #263949; font-size:9px; margin:0pt; padding:0pt; width:80px; } /* **************************************************** */ /* ******************* PAGE TUNNEL *********************** */ /* **************************************************** */ .txt_agre{color:white;font-size:11;} .login_txt{font-size:20px;font-weight:bold;color:#9b1d18;} a:visited.txt_lien_tunnel {color:#9b1d18} a:link.txt_lien_tunnel {color:#9b1d18} a:hover.txt_lien_tunnel {color:#9b1d18;text-decoration:none;} #bandeau_gris {padding:3px; padding-right:10px; background-color:#e6e6e6 ;color:#9b1d18;font-size:10px;letter-spacing:2px;} #entete_tunnel{padding:25px;text-align:left;} #body_tunnel{background-color:white;} #tab_formulaire{background-color:#9b1d18;} #main_gauche_tunnel{float:left;width:50%} #main_droite_tunnel{float:left;width:50%;text-align:right;} #txt_tunnel{padding:25px;text-align:justify;color:black;line-height:180%;font-weight:bold;} #menu-tunnel{padding-left:25px;text-align:left} #rub_tunnel{padding-left:25px;padding-top:10px;font-size:18px;font-weight:bold;color:black;border-bottom:2px solid black;} #footer-tunnel{color:#069EDB;font-weight:bold;} #footer-tunnel-left{padding-left:2px;float:left;text-align:left;width:49%; font-size:8px} #footer-tunnel-right{padding-right:2px;float:left;text-align:right;width:50%; font-size:11px} #login_ident{font-size:32px;font-weight:bold;color:black;border-bottom:2px solid black;} #login_txt_under_img{font-weight:bold;color:black;text-align:center;} #main_tunnel{border:0px solid white} #table_global_tunnel{width:100%; padding:0px; border-spacing:0px; border:solid 2px; color:#9b1d18;} #tunnel_langue{text-align:right;width:100%;} /*old*/ #global_tunnel{ width:760; left: 50%; top:50%; margin-left: -380px; margin-top: -260px; position: absolute; background-color:#777777; } /* **************************************************** */ /* ******************* L'entete *********************** */ /* **************************************************** */ #header{width:100%;} #entete{width:100%;background-color:white} #publicite_haut{float:right;text-align:right;} #tv{float:right;text-align:right;border-right:1px solid #ffffff;border-top:1px solid #ffffff;margin-right:-2px;margin-top:-2px;} #menupro { text-align:right; padding-right:5px; color:#069EDB; font-weight:bold; } /* **************************************************** */ /* ******************* Le footer ********************** */ /* **************************************************** */ #footer{width:100%;margin-top:10px;clear:both;background-color:;} #footer1{width:100%;height:20px;padding-bottom:3px;color:black;padding-top:3px;text-align:center;font-weight:bold;} #footer2, #sous-footer{width:100%;color:black;text-align:center;font-size:9px;} #choix_langues{padding-top:3px;font-size:10px;padding-right:2px;float:left} #text_defilant_header{float:left;width:890px;text-align:left;} #lien-footer:visited,#lien-footer:link{color:black;} #lien-footer:hover {text-decoration:underline; } /* **************************************************** */ /* ******************* Le global ********************** */ /* **************************************************** */ #global_sup{width:890px; text-align:center; text-align:left;margin-left:auto;margin-right:auto;border-color: #9b1d18;border-style:solid;border: solid #5e5d5d;border-width: 0px 1px 1px 1px;} #global{width:890px;} #attente_div{display:none;text-align:center;background-color:white;} #attente_div2{display:none;text-align:center;background-color:#F2EEEF;color:#9b1d18;font-weight:bold;} #main{background:white;width:100%;} #cleardiv{clear:both;height:0px;border: 0px solid;width:0px;font-size:0px;} #text_just{text-align: justify;} #skycrapper{float:left;margin-left:9px;margin-top:10px;margin-bottom:10px} #main_titre{color:#9b1d18; font-weight:bold;font-size:18px;} /* ********************************************************************** */ /* ********************* REDEFINITION DES BALISES *********************** */ /* ********************************************************************** */ a.ev_spe{text-decoration: none;} a.ev_spe:hover{text-decoration: none;} a.ev_spe:visited{text-decoration: none;} /* ******************************************************************************************** */ /* ******************************** LA NEWSLETTER ********************************************* */ /* ******************************************************************************************** */ .bordure_news{background-color:#EFEFEF;} .entete_news{background-color:black;background-position:top; background-repeat:repeat-x; width:100%;font-weight:bold;color:white;text-align:left; vertical-align:middle;font-size:11px;text-transform:uppercase; background-image:url(../../medias/images/nrj/fd_barre_titre.gif); } /* ********************************************************************** */ /* *********************** MODULE DE RECHERCHE ************************** */ /* ********************************************************************** */ /* ONGLETS RECHERCHE */ #footer_onglets{ background-color:#c5c5c5;border-top:#acadad solid 1px; } #separ_onglets{ background-color:#acadad; } .onglet_actif{padding-left:10px;padding-right:10px;border-bottom:#acadad solid 1px;} .onglet_inactif{border-top:#acadad solid 1px;; background-color:#d6dadf;padding-left:10px;padding-right:10px;border-bottom:#acadad solid 1px;} #case-recherche{ background-image:url(../../medias/images/nrj/fd_cadre_hrub.gif);} #entete-logo {width:25px} #module_recherche{background-color: #e6e6e6;width:200px;} #module_recherche label{margin-left:10px;} #destination{width: 160px;background-color:#fff0e4;margin-left:20px;} #module_recherche form{margin-bottom:0px;} .label_champ {float:left;text-align:left;margin-left:5px;color:#9b1d18;font-weight:bolder;text-transform:uppercase;font-size:9px} .recherche_nb_chambre{width:200px;height:20px;} #okipi_moteur_recherche{width:200px;} .recherche_titre_hotel, .recherche_sous_titre_hotel{background-color:black;background-position:top; background-repeat:repeat-x; width:100%;font-weight:bold;color:white;text-align:left; vertical-align:middle;font-size:11px;text-transform:uppercase; background-image:url(../../medias/images/nrj/fd_barre_titre.gif);} #rec_mode{text-align:center;font-size:11px;font-weight:bold;color:red;} #txt_rec_libre {} #txt_rec_libre a:hover {color:#9b1d18;} #txt_rec_libre a:link {color:#9b1d18} #txt_rec_libre a:visited {color:#9b1d18} #txt_rec_liste {} #txt_rec_liste a:hover {cursor:pointer;color:#9b1d18} #txt_rec_liste a:link {cursor:pointer;color:#9b1d18} #txt_rec_liste a:visited {cursor:pointer;color:#9b1d18} #rec_desti{padding-left:0px} #rec_libre{display:none} #rec_station{display:none} #rec_heberg{display:none} /* recherche nulle */ #entete_resultat_nulle{margin:3px;text-align:center;} #entete_resultat_nulle #resultat_nulle_text{text-align:center;font-size:11px;} #entete-pas-resultat_relance{margin:3px;text-align:center;font-size:16px;font-weight:bold;color:#9b1d18} #resultat_nulle_text a:link{text-decoration:none;background-color:#9b1d18;color:white} #resultat_nulle_text a:visited{text-decoration:none;background-color:#9b1d18;color:white} #resultat_nulle_text a:hover{text-decoration:none;background-color:#9b1d18;} /* resume recherche */ #resume_recherche{background-color:#EFEFEF;width:200px;} #resume_recherche #titre{} #resume_recherche_zone{float:left;text-align:left;margin-left:5px;color:#9b1d18;font-weight:bolder;text-transform:uppercase;font-size:9px;margin-left:0px} #resume_recherche_zone_color{color:black;} #entete_resultat_multi_ch{text-align:center;font-size:24px;background-color:#9b1d18;color:white;} /* La zone de destination */ .select_recherche{width:160px;margin-left:10px;font-size:9px;border:1px solid #999999;;font-size:9px;} .input-rec-desti{border:1px solid black;width:160;margin-left:20px;} #rec-destcountry{background-color:#9b1d18;color:white;font-weight:bold;} #rec-destdest{background-color:#EEEEEE;color:#9b1d18;} #rec-comment-input{font-size:10px; color:gray;} #rec-input-sel-magik{border:0px solid blue;width:16px;} #critere_supplementaire{display:none;} #plus_criteres{width:200px;} /* Le champ des tops destination */ #contenu_top_dest{visibility:hidden;display:none;background-color:#9b1d18;color:white;} #contenu_top_dest .liste1, .liste2{float:left;margin-left:5px;width:90px;color:white;} #contenu_top_dest .liste1 a, .liste2 a{color:white;} #contenu_top_dest .listes{width:100%;} #contenu_top_dest .close a:hover,#contenu_top_dest .close a:visited, #contenu_top_dest .close a:link{width:200px;text-align:right;font-size:11px;clear:both;color:white;} .top_dest a:visited, .top_dest a:link{text-align:right;margin-left:20px;font-size:11px;color:#9b1d18;} /* Les champs date */ #depart .champ_date, #depart_parc .champ_date, #arrivee .champ_date,{width:80px;margin-left:20px;font-size:9px;border:1px solid #999999;;font-size:9px;} #date_depart_erreur, #date_arrivee_erreur{margin-bottom:-5px;display:none;color:#000000;} .jour_date{color:white;text-align:center;width:30px;border:0px;background-color:black;font-weight:bold;font-size:9px} .champ_date_prest{width:80px;margin-left:20px;font-size:9px;border:1px solid #999999;;font-size:9px;} .champ_date{width:80px;margin-left:20px;font-size:9px;border:1px solid #999999;;font-size:9px;} #rec_location {margin-left:13px;} /* *************************************** MENU DEROULANT DESTINATIONS****************** */ #module_recherche select{} .pays{background-color: #fff0e4;text-align:center; font-size: 11px; font-weight:bold;border-top:dotted #000000 1px;border-bottom:dotted #000000 1px;} #txt_menu_zone{text-align:left;background-color:white;padding-right:10px;} #LSHighlight{background-color:#9b1d18;color:white;} #LSResult{overflow:auto;display:block;font-size:10px;background-color:white;left:0px;top:0px;width:180px;position:absolute;height:100;} #LSResult2{overflow:auto;display:block;font-size:10px;background-color:white;width:160px;position:absolute;height:100;} /* *************************************** LE CALENDRIER *************************************** */ body.calendar {margin:0; background-color:#9b1d18;font: bold 10px arial,helvetica,sans-serif;text-align:left;} #calbox {margin-left: auto;margin-right:auto;background-color:#eeeeee;} #calbox a.cal {text-decoration: none; color: #036;} #calbox a.cal:hover {text-decoration: underline;} #calbox table{border-collapse:collapse;} #calbox .calTableH{margin: 4px 0px 0px 6px; width:127px; empty-cells:show;border:1px solid #BF8660;float:left;display:inline;} #calbox .calTableV{margin: 4px 0px 0px 6px; width:127px; empty-cells:show;border:1px solid #BF8660;} #calbox .calLabel{font: 700 11px arial,helvetica,sans-serif; color: white; text-align:center;background-color:black; padding:1px; line-height:18px;white-space:nowrap;} #calbox .calDayName{background: #9b1d18; color:white; font: 500 10px arial,helvetica,sans-serif; text-align:center;width:19px} #calbox .calDate{text-align:center; font: 500 10px arial,helvetica,sans-serif; background:white; line-height: 13px;} #calbox .calDateOff{color:gray; font: 400 10px arial,helvetica,sans-serif; text-align:center; background: white; line-height: 13px;} #calbox .calDateSel{background:#EFA82C;color:white; text-align:center; font: bold 10px arial,helvetica,sans-serif; line-height: 13px;} #calbox .calDateRng{background:#EFA82C;color:white; text-align:center; font: bold 10px arial,helvetica,sans-serif; line-height: 13px;} #calbox .calDateA{text-decoration:none; color:#9b1d18;} #calbox .calDateA:hover{text-decoration:none;color:black;background:#EFA82C;} #calbox .calNavA{font: 11px arial,helvetica,sans-serif; text-decoration: none;clear:both;background-color:black;} #calbox a.calNavA:hover, a.calNavA:visited{text-decoration:underline;color:navy;} #noprevious,#previous{line-height:16px;} #calbox .calClose{font-size:10px;text-align:center;padding: 3px 3px 3px 3px;} #calbox .calClose a{text-decoration:none;color: #fff;background:#ff9c51;border: solid 0px #7c2780;} #calbox .calClose a:hover{background-color:#ff9c51;border-color: #7c2780;} #calwrapper {margin:auto;width:272px;} .calframe{height:138px;width:140px;border-width:0px;} .calboxon {z-index:5;height:138px;width:140px;position:absolute;top:40px;left:200px;display:block;background:blue;font: bold 10px arial,helvetica,sans-serif;text-align:center;border: solid 1px #000000;} .calboxoff{height:1px;width:1px;overflow:hidden;position:absolute;top:0px;left:0px;visibility:hidden;display:none;} .cal{margin-bottom: -5px;cursor: pointer;} /* ************************************ L'AGE DES PERSONNES ********************************** */ #nb_adultes, #nb_enfants, #nb_bebes, #nb_seniors {width:30%;float:left;padding-top:3px;padding-bottom:3px; align:center} #agedesenfants, #agedesseniors{font-family:Helvetica;} .popageenfantson {} /*.liste_nb_pers{float:left;}*/ /*.liste_nb_pers_detail{float:left;}*/ .label_champ_age{font-size:9px;color:#9b1d18;} .commentaire_age{font-size:9px;color:black;} .modifier_age{float:right;margin-right:20px;margin-top:-14px} /* ************************************ LES CHAMBRES ****************************************** */ #repartition_chambres{height:20px;font-weight:bold;background-position:top right;color:#9b1d18;background-repeat:no-repeat;clear:both;padding-left:5px;text-transform:uppercase;font-size:11px} #repartition_chambres input{width:15px;border:none;background:none;} .recherche_repartition{border-bottom:1px solid #9b1d18;} .liste_ch{float:right;margin-right:20px;} .label_chambre {float: left;margin-bottom: 5px;} /* ********************************** Le bouton recherche ************************************* */ #pied_recherche{text-align:center;margin-top:5px;margin-bottom:5px;} .envoyer{color:white;background-color:black;font-size:8px;cursor:pointer;text-transform:uppercase; padding:1px} /* #pied_recherche .envoyer{cursor:pointer;height:32px;background-image:url(../../medias/images/okipi/structure/go.gif);background-position:top right;Background-repeat:no-repeat;} .envoyer a, .envoyer a:visited {margin-right:10px;font-weight:normal;color:#000000;background-color:#ff9c51;text-align:center;border: 1px solid #000000;} .envoyer a:hover {font-weight:bold;color:#000000;background-color:#ff9c51;text-align:center;border: 1px solid #000000;} */ /* ******************************************************************************************** */ /* ******************************** LA BARRE DE NAVIGATION (MENU) ***************************** */ /* ******************************************************************************************** */ #div_barre_navigation{width:100%;} #onglet_nouveau{background-image:url(../../medias/images/okipi/structure/onglet_nouveau.gif);background-color:black;color:white;font-weight:bold;font-size:11px;} #barre_navigation{background-color:black;margin: 0;height: 19px; background-image:url(../../medias/images/nrj/fond_menu_nrj.gif)} #barre_navigation ul, #barre_navigation li{display: inline;list-style-type: none;margin: 0;padding: 0;} #barre_navigation a:link, #barre_navigation a:visited{color: white;float: left;font-size: 11px;font-weight: bold;line-height: 15px;margin-right: 1px;padding: 2px 4px 2px 4px;text-decoration: none;} #barre_navigation a:link#current, #barre_navigation a:visited#current{background: #9b1d18;color: black;font-weight:bold;} #barre_navigation a:hover {background-color:;color:#9b1d18; } body.section-1 #barre_navigation li#nav-1 a, body.section-2 #barre_navigation li#nav-2 a, body.section-3 #barre_navigation li#nav-3 a, body.section-4 #barre_navigation li#nav-4 a {background: #fff;border-bottom: 1px solid #fff;color: #000;} .titre_page{margin: 0;background-color:#069EDB;color:white;font-weight:bold;font-size: 11px;} #barre_navigation #subnav-1, #barre_navigation #subnav-2, #barre_navigation #subnav-3, #barre_navigation #subnav-4 {display: none;width: 90%;} body.section-1 #barre_navigation ul#subnav-1, body.section-2 #barre_navigation ul#subnav-2, body.section-3 #barre_navigation ul#subnav-3, body.section-4 #barre_navigation ul#subnav-4 {display: inline;left: 10px;position: absolute;top: 95px;} body.section-1 #barre_navigation ul#subnav-1 a, body.section-2 #barre_navigation ul#subnav-2 a, body.section-3 #barre_navigation ul#subnav-3 a, body.section-4 #barre_navigation ul#subnav-4 a {background: #fff;border: none;border-left: 1px solid #ccc;color: #999;font-size: smaller;font-weight: bold;line-height: 10px;margin-right: 4px;padding: 2px 10px 2px 10px;text-decoration: none;} #barre_navigation ul a:hover { color: #f00 !important; } #contents{background: #fff;border: 1px solid #ccc;border-top: none;clear: both;margin: 0px;padding: 15px;} /* ******************************************************************************************** */ /* ***************************************** LE SOUS MENU ************************************* */ /* ******************************************************************************************** */ #div_sous_menu{text-align:right;height:19px;font-weight:bold;width:890;background-color:#EEEEEE;color:#069EDB;} /* ******************************************************************************************** */ /* ***************************************** LA PAGE ACCUEIL PRINCIPAL ************************************* */ /* ******************************************************************************************** */ #zone_produit_accueil{width:250px;border-bottom:1px solid #EEEEEE;padding-top:10px;clear:left} #logo_produit_accueil{float:left;width:80px} #txt_produit_acceuil{float:left} #acc_colonne_gauche{float: left;width:322px;} #acc_colonne_droite{float: left;width:322px;} #acc_colonne_bottom{width:666;clear:left;padding-top:10px} /********************************************************************************************* */ /* ***************************************** LA PAGE THALASSO ************************************* */ /* ******************************************************************************************** */ #thalasso_contenu_main{width:99%;text-align:center;align:center} #thalasso_colonne_gauche{float:left;width:45%;text-align:center;} #thalasso_colonne_droite{float:right;width:45%;text-align:center;} /********************************************************************************************* */ /* ***************************************** LA PAGE BILLETERIE ************************************* */ /* ******************************************************************************************** */ #zone_billet_parc1{float:left;} #zone_billet_parc2{float:left;padding-left:5px;width:290;} /* ******************************************************************************************** */ /* ***************************************** LA PAGE SPORT ************************************* */ /* ******************************************************************************************** */ #sport_contenu_main{background-color:white;float:left;width:666px;text-align: center;} #sport_colonne{float:left;text-align:center;width:25%;text-align:center;} .titre_sport{color:#9b1d18; font-size:11px; font-weight:bold} .descriptif_sport{color:black; font-size:11px; font-weight:bold} /* ******************************************************************************************** */ /* ***************************************** LA PAGE PARC ************************************* */ /* ******************************************************************************************** */ #parc_general{background-color:#064989;} #parc_bas{background-color:#4579BD;} #parc_bas li{color:white} #parc_bas a:visited{text-decoration:none;color:white;font-weight:bold;letter-spacing:1px;} #parc_bas a:link{text-decoration:none;color:white;font-weight:bold;} #parc_bas a:hover{text-decoration:underline;color:#9b1d18;font-weight:bold} #lien_parc{color:#9b1d18;text-align:left;width:250;font-weight:bold;font-size:11px;letter-spacing:1px;} #lien_parc a:visited{text-decoration:none;color:white;font-weight:bold;letter-spacing:1px;} #lien_parc a:link{text-decoration:none;color:white;font-weight:bold;} #lien_parc a:hover{text-decoration:underline;color:#9b1d18;font-weight:bold} #lien_parc li{color:#9b1d18;} /*.event_spe_txt{margin-top:0px;padding-bottom:0px;margin-right:5px;clear:both;cursor:pointer;} .event_spe_txt #evt_spe_txt_zone1{float:left;color:black;cursor:pointer;vertical-align:bottom;padding-left:3px} .event_spe_txt #evt_spe_txt_zone2{float:right;color:#9b1d18;font-weight:bold;cursor:pointer;vertical-align:bottom; padding-right:3px} */ #titre_evt_pa{font-size:14px;color:white;font-weight:bold;clear:both;} .evt_pa_1{cursor:pointer;min-height:15px;clear:both;font-weight:bold;} .evt_pa_1 #evt_spe_txt_zone1{color:#FBB725;cursor:pointer;} .evt_pa_1 #evt_spe_txt_zone2{color:white;text-align:left;cursor:pointer;} .evt_pa_2{cursor:pointer;min-height:15px;clear:both;font-weight:bold;} .evt_pa_2 #evt_spe_txt_zone1{color:#C6FB25;cursor:pointer;} .evt_pa_2 #evt_spe_txt_zone2{color:white;text-align:left;cursor:pointer;} .evt_pa_3{cursor:pointer;min-height:15px;clear:both;font-weight:bold;} .evt_pa_3 #evt_spe_txt_zone1{color:#FE99FA;cursor:pointer;} .evt_pa_3 #evt_spe_txt_zone2{color:white;text-align:left;cursor:pointer;} .evt_pa_4{cursor:pointer;min-height:15px;clear:both;font-weight:bold;} .evt_pa_4 #evt_spe_txt_zone1{color:#5FFBFD;cursor:pointer;} .evt_pa_4 #evt_spe_txt_zone2{color:white;text-align:left;cursor:pointer;} #page_parc_zone_billet{background-color:#9b1d18;color:#064989;font-size:18px;font-weight:bold;height:24px;text-align:center;} #page_parc_zone_billet a:visited{text-decoration:none;color:#064989;} #page_parc_zone_billet a:link{text-decoration:none;color:#064989;} #page_parc_zone_billet a:hover{text-decoration:underline;color:#9b1d18;} /* ******************************************************************************************** */ /* ***************************************** LA PAGE BILLET PARC ************************************* */ /* ******************************************************************************************** */ #module_billet_parc{text-align:center;} #depart_parc_billet{width:250px;} /* ******************************************************************************************** */ /* ***************************************** LA PAGE ACCUEIL HOTEL ************************************* */ /* ******************************************************************************************** */ #okipi_bande_gauche{float: left;padding-bottom:10px;} #contenu_main{float:left;margin-left:5px;margin-top:10px;width:666px} .width_main{width:666px} #contenu_main_pub{float:left;margin-left:5px;margin-top:10px;width:666px;} #contenu_main_pubb{float:left;margin-left:60px;margin-right:60px;margin-top:10px;width:770px;} /* ******************************************************************************************** */ /* ***************************************** MODULES ************************************* */ /* ******************************************************************************************** */ #module{position:relative;float:left;margin-top:10px;} #module_entete{font-weight:bold;color:#9b1d18;font-size:16px;width:100%} /* La barre qui indique ou l'on se trouve */ #barre_ouonest{padding-bottom:10px;padding-top:10px;padding-right: 5px;text-align:center;margin-right: 5px;margin-bottom:5px;} .lieu{width:19%;font-weight:bold;border-top:3px solid #9b1d18;color:black;background-color:#EFEFEF;padding-left:2px;padding-right:2px;font-size:11px;} .lieu_actuel{width:19%;font-weight:bold;border-top:3px solid #9b1d18;color:#9b1d18;background-color:#EFEFEF;padding-left:2px;padding-right:2px;font-size:11px;} .lieu_image{margin-left:2px;margin-right:2px;} /* ***************************************** MODULE SOCIETE ************************************* */ #societe_contenu{background-image:url(../../medias/images/okipi/structure/centrale.jpg);background-repeat:no-repeat;font-size:11px;padding-left:72px;border: 1px solid #FFCF00;color:#9b1d18;} /* ***************************************** MODULE AFFICHAGE EVENEMENT SPECIAUX ************************************* */ #contenu_evt{width:501px;} #fiche_info_titre{background-color:#9b1d18;color:white;font-size:16px;font-weight:bold;width:100%;padding: 2px 0 2px 0;} #fiche_info{width:501px;font-size:11px;margin-top:20px;} #fiche_info td{font-size:11} /* **************************************************************************************************************** */ /* **************************************************************************************************************** */ /* ****************************** STYLE DU MODULE DE RESULTAT ************************************** */ /* **************************************************************************************************************** */ /* **************************************************************************************************************** */ #entete-resultat{font-size:11px;background-color:#EFEFEF;border:1px solid #9b1d18;} #tri{text-align:left;width:48%;display: inline;} /* l'indice des pages */ #indice_page {text-align:right;padding-left:30px;width:48%;display: inline;} #tri a:link{color: #000000;} #tri a:hover{color: #9b1d18;text-decoration: underline;} #tri a:visited{color: #000000;} #indice_page a:link{color: #000000;} #indice_page a:hover{color: #EC4121;text-decoration: underline;} #indice_page a:visited{color: #000000;} #indice_page .page_selectionne{font-weight:bold; color : #EC4121; } #resultat{border:1px solid #9b1d18;margin-bottom:25px;} #bande_haut{background-color:#9b1d18;color:white;padding-left:3px} #res_ss_bande_haut{background-color:#EFEFEF;color:#9b1d18;font-size:11px;font-weight:bold;height:14px;} .titre_resultat{font-size: 16px;font-weight:bold;} #res_hotel_station{float:left;} #res_hotel_dispo{float:right;} #resultat-lien-info{float:right;font-size:9px;padding-top:5px;} #resultat-ch{font-weight:bold;color:#9b1d18} .resultat_description{font-weight:normal;} .resultat_description a:hover{text-decoration:underline;color:#9b1d18;} .resultat_description a:link{color:#9b1d18;} .resultat_description a:visited{color:#9b1d18;} #resultat #info{width:100%;} #aff_resultat_volhotel{border-top: 1px dashed ;background-color:#069EDB;color:white;font-weight:bold;padding-left:5px;font-size:11px;} #aff_volhotel_changer_vol{width:100%;text-align:right;} #aff_resultat_vol{background-color:#EFEFEF;} #resultat .resultat_photo{padding:2px 20px 10px 10px; vertical-align:top;} #resultat .resultat_description{font-size: 9px;vertical-align:top;text-align:left;} #resultat table{width:100%;} #aff_resultat {width:100%} #aff_resultat .res_habitacion{width:200; border:1px solid #000000;} #aff_resultat .res_regime{width:150;border:1px solid #000000;} #aff_resultat .res_prix{width:40;border:1px solid #000000;} #aff_resultat .res_selection{width:45;border:1px solid #000000;} #aff_resultat .res_habitacion_titre{width:200; border:1px solid #000000;background-color: #9b1d18;} #aff_resultat .res_regime_titre{width:150;border:1px solid #000000;background-color: #9b1d18;} #aff_resultat .res_prix_titre{width:40;border:1px solid #000000;background-color: #9b1d18;} #aff_resultat .res_selection_titre{width:45;border:1px solid #000000;background-color: #9b1d18;} /* Les résultats des packages */ .resultat_package{display:none;background-color:#EFEFEF} .resultat_lien_package{margin-top:10px;cursor:pointer;} .res_tab_titre_pack{background-color:black;color:white;width:80px;text-align:left;font-weight:bold;} .table_pack{padding:0;margin:0;} .cell_image_pack{width:35px;background-color:#EFEFEF;} .aff_pack{color:#9b1d18;font-weight:bold;background-color:#EFEFEF;} .res_tab_prix{width:130px;background-color:white;font-weight:bold;font-size:18px;color:#9b1d18} /* le tableau des prix */ #aff_resultat{width:100%;} .res_tab_titre{background-color:black;color:white;font-weight:bold;text-align:left;padding-left:10px;font-size:11px;} .res_tab_contenu{background-color:#F1EEEE;padding-left:0px; font-size:9px;} #res_tab_contenu_bt{font-size:9px;text-align:right;} #res_tab_contenu_bt a:link{color:#9b1d18;font-size:9px;text-decoration:none;} #res_tab_contenu_bt a:hover{color:#9b1d18;text-decoration:underline;} #res_tab_contenu_bt img {vertical-align:middle;} #body_popup_resultat{background-color:#9b1d18;margin:5px;} #titre_popup{background-color:#9b1d18;font-weight:bold;padding-left:10px;color:white;} #contenu_popup{background-color:white;padding:10px;color:#9b1d18;height:200;overflow:auto;} #div_repartition { text-align: center;background-color: #ffe1ca;} /* **************************************************************************************************************** */ /* **************************************************************************************************************** */ /* ****************************** STYLE DE LA DESCRIPTION DES HOTELS ********************************************** */ /* **************************************************************************************************************** */ /* **************************************************************************************************************** */ #desc_main{padding:10px;} #desc_bande_titre{background-color:#9b1d18;color:white;font-weight:bold;width:100%;height:30px;} #desc_titre{float:left;font-size:24px;} #desc_situer{float:right;padding-top:7px;padding-right:5px;} #desc_situer img{vertical-align:middle;border:0px;} #desc_situer a{color:white;} #desc_retour {text-align:center;color:#9b1d18;margin-bottom:15px;width:666;} #desc_aff_mess_service_supp{color:#9b1d18;font-weight:bold;background-color:#9b1d18;} #desc_retour a{color:#9b1d18;font-weight:bold;} #desc_retour a:hover {text-decoration:underline;} #desc_situer a:hover{color:white;text-decoration:underline} #desc_ss_titre{font-size:10px;background-color:#9b1d18;color:#9b1d18;} #desc_bande_gauche{float:left;width:305px;padding-top:15px;text-align:center;} #desc_distance{color:#9b1d18;font-size:10px;text-align:right;margin-right:10px; float:left;} #desc_bande{clear:both;background-color:#9b1d18;color:white;font-weight:bold;margin-top:15px;margin-bottom:10px;padding-left:10px;} #desc_bande_droite li{list-style-image :url(../../medias/images/okipi/structure/puce.gif);} #desc_li{float:left;width:250px;background-repeat:no-repeat;background-image :url(../../medias/images/okipi/structure/puce.gif);padding-left:20px;} #desc_bande_droite{text-align:left;float:right;width:550px;font-size:11px;} /* #bande_haut_2_description{background-color: #9b1d18;} #description .liste_equip{} #description .liste_equip1{width:50%;float:left;} #description .liste_equip2{width:50%;float:left;} #lien_situation{width:100%} .desc_separation{width:100%;visibility:hidden;} .desc_general .petite_photo{cursor:pointer;padding-right:10px;padding-left:10px;padding-top:20px;padding-bottom:20px;text-align:middle;} .desc_general #grande_photo{vertical-align: middle;padding:10px;text-align:middle;} #desc_adresse{font-weight:bold;} .desc_general{width:100%;} .desc_general td{} #desc_hotel{width:100%; font-weight:bold;} #desc_batiment{font-size:11px} #desc_bouton{width:100%;text-align:right;} #desc_bouton a:link{color: #000000;} #desc_bouton a:hover{color : #e6132c;text-decoration: underline;} #desc_bouton a:visited{color: #000000;} */ /* ***************************************************************************************************************************** */ /* ************************************ STYLE DU PETIT MODULE PANIER **************************************************** */ /* **************************************************************************************************************************** */ .panier_petit_titre{background-color:black;background-position:top; background-repeat:repeat-x; width:100%;font-weight:bold;color:white;text-align:left; vertical-align:middle;font-size:11px;text-transform:uppercase; background-image:url(../../medias/images/nrj/fd_barre_titre.gif);;} #contenu_panier{padding:3px;background-color:#EFEFEF;font-size:11} #panier_petit_offre{border: solid #9b1d18 1px ; width:100%;} #package_panier{background-color:#9b1d18;text-align:center;font-weight:bold;color:white} #tab_panier{ width:100%} #tab_panier_rep{ width:100%} #repartition{padding-left:20px;} #id_produit{text-align:center; background-color:#9b1d18; font-weight:bold; padding-top:3px ;padding-bottom:3px; color:white; } .nom_notel{font-weight:bold; color:#9b1d18; } .offre_panier img{vertical-align: middle;} .offre_panier_cache {display:none;padding-left:20px;font-size:10px;} .div_repartition1{background-color:#FFA553;} #prix_panier{text-align:right;font-weight:bold; color:#CA1D04; padding-right:10px; } #choix_effectue_repartition{display:none; } #case_img_panier{text-align:right;} #prix_produit{float:right;text-align:center; width:50px;font-weight:bold;} #panier_promo_prest_img{float:right} /* ***************************************************************************************************************************** */ /* ************************************ STYLE DU MODULE PANIER FINAL **************************************************** */ /* **************************************************************************************************************************** */ #panier_main{width:666px;} .panier_offre{border: solid #5e5d5d;border-width: 0px 1px 1px 1px;; width:666px;} .panier_titre{background-color:black;background-position:top; background-repeat:repeat-x; width:100%;font-weight:bold;color:white;text-align:left; vertical-align:middle;font-size:11px;text-transform:uppercase; background-image:url(../../medias/images/nrj/fd_barre_titre.gif);;width:666px;} .panier_titre3{text-align:center; background-color:#FFFFFF; padding-top:3px ;padding-bottom:3px; text-decoration:none; border: 1px #9b1d18 dotted} .panier_ss_titre{background:#EFEFEF;color:#9b1d18;font-weight:bold;font-size:11px;} .panier_offre_main{width:666px;} .panier_img{padding:5px;} .panier_offre_text{padding:5px;text-align: justify;} .panier_offre_prix{text-align:right;color:#9b1d18; font-weight:bold;border-top:1px dashed #9b1d18;} .panier_offre_prix_ss_tot{text-align:right;font-weight:bold;} .panier_offre_service_supp{border-bottom:1px solid #9b1d18;font-weight:bold;color:#9b1d18} .pannier_commande_lab_ch{color:#9b1d18;font-weight:bold;} .pannier_commande_lab_comment{color:black;font-weight:normal;} .input_gene{font-size:9px;border:1px solid #999999;;font-size:11px} .module_gauche{width:200px;border:border: solid #5e5d5d;border-width: 0px 1px 1px 1px;;font-size:11} .module_gauche_titre{background-color:black;color:white;font-weight:bold;padding-left:5px;} .module_gauche_main{margin:3px} #panier_main a:link{color:#9b1d18;font-weight:bold;} .module_gauche a:hover, #panier_main a:hover{color:#9b1d18;font-weight:bold;text-decoration:none} .module_gauche a:visited, #panier_main a:visited{color:#9b1d18;font-weight:bold;} #prix_total_panier{color:#9b1d18;font-weight:bold;text-align:right;} .btn_input_gene{color:white;background-color:black;font-size:8px;cursor:pointer;text-transform:uppercase; padding:1px} .btn_input_gene:hover{} .panier_offre_supprimer{color:#9b1d18;padding:2px;} .panier_ligne_prest_pack{padding-left:10px;} .panier_titre_ligne_prest_pack{background-color:#9b1d18;color:#9b1d18;font-weight:bold;padding-left:3px;} #btn_commander_panier{text-align:right;font-size:16px;color:#9b1d18;font-weight:bold} #btn_commander_panier a:link{font-size:16px;color:#9b1d18;font-weight:bold} #btn_commander_panier a:visited{font-size:16px;color:#9b1d18;font-weight:bold} #btn_commander_panier a:hover{font-size:16px;color:#9b1d18;font-weight:bold} /* *********************************************************************** */ /* **************** STYLE DU MODULE INFO UTILISATEURS ******************** */ /* *********************************************************************** */ .ligne_form{width:100%;} .margin_10{margin:10px} .contenu_form{padding-bottom:5px;} .form_explications {float: right; width: 299px;background-color:#9b1d18;color:white} /*** Mise en forme des intitulés de champs ***/ #ligne_dossier{} #ligne_dossier_foccus{background-color:#9b1d18;height:16px} .info_utilisateur_div{background-color:#9b1d18;color: white;font-weight:bold;} .module_info_voyageur{border:1px solid #9b1d18} .contenu_form label {float: left; width: 40%; text-align: right;} #form_info_utilisateur{width:100%;margin-left:auto;margin-right:auto;} #titre_formulaire_infos{background-color:#9b1d18;color:white;width:100%;font-weight:bold;height:23px;text-align:center;} .bas_form_infos{background-color:#9b1d18;width:350px;margin-left:50;} /* Clipi magik */ #clipi_magik{background-color:#ffeee1;width:350px;border:solid 1px #000000;display:none;position:absolute;left:120px;margin-top:120px;} #titre_clipi{background-color:#f4a060;border-bottom:solid 1px;} #close_clipi, #endort_clipi, #reveil_clipi{text-align:center;width:15px;float:right;background-color:white;border:solid 1px;cursor:pointer;font-weight:bold;} #clipi_fini, #boutons_clipi{text-align:left;} #resultat_variable{height:300px; overflow: auto; text-align:left; border:solid 1px; margin:5px;background-color:white;} #resultat_global, #resultat_post, #resultat_get{background-color:white;overflow: auto;height:150px;margin:5px;border:1px solid;display:none;text-align:left;} #clipi_close{background-color:#FDCA01;margin:5px;border:1px solid;text-align:center;height:25px;font-weight:bold;font-size:18px;cursor:pointer;} #clipi{background-color:#FDCA01;z-index:200;position:absolute;width:100%;height:25;text-align:left;left:0;display:none;font-size:12px} /* ************************************************************************** */ /* ***************************** LES AVIONS ********************************* */ /* ************************************************************************** */ #page_avion{text-align:left;padding:10px} #moteur_avion{text-align:center;background-color:#9b1d18;width:200px;padding-left:10px;} .titre_avion{font-weight:bold;font-size:11px;} #label_input_dest{padding-left:15px;} .input_rec_desti_avion{border:1px solid #9b1d18;width:160;margin-left:15px;font-size:11px;} #titre_moteur_avion{height:20; font-weight:bold;padding-top:3px;font-size:16px;color:#9b1d18;background-color:#9b1d18;text-align:left;background-repeat:no-repeat;background-position:top right;background-image:url(../../medias/images/okipi/structure/angle.gif);} #type_vol, #destination_avion, #dates_avion, #voyageurs{text-align:left;font-size:10px;color:#9b1d18} #okipi_bande_avion{float: right;} /*AFFICHAGE DES RESULTAT AVION*/ #offre_vol{border:1px solid #9b1d18;margin:10px;background-color:#EFEFEF;width:640px;} #offre_vol_entete{background-color:#EFEFEF;font-size:16px;font-weight:bold;color:white;} #prix_offre{color:white;background-color:#9b1d18;text-align:right;font-size:22px;} .ss_titre_resultat_vol{background-color:#9b1d18;} .titre_vol_resultat{float:left;font-size:22px;} #entete_offre_vol_g{float:left;color:#9b1d18;background-color:#9b1d18;} #entete_offre_vol_d{float:right;color:#9b1d18;background-color:#9b1d18;} #contenue_offre_vol{} #affichage_vol{margin:0px} #tableau_vol{width:100%;font-size:10px;} #titre_seg_vol_aller{background-color:#EFEFEF;padding-left:30px;font-weight:bold;color:#9b1d18;background-repeat:no-repeat;background-image:url(../../medias/images/okipi/structure/avion_aller.gif);} #titre_seg_vol_retour{background-color:#EFEFEF;padding-left:30px;font-weight:bold;color:#9b1d18;background-repeat:no-repeat;background-image:url(../../medias/images/okipi/structure/avion_retour.gif);} .ss_titre_seg_vol{font-weight:bold;font-size:11px;} #input_radio_vol{height:10px;} .bouton_envoyer{border:1px solid white;color:white;background-color:#9b1d18;padding:5px;float:right;margin:10px;} .bouton_envoyer:hover{cursor:pointer;border:1px solid white;background-color:#9b1d18;color:white;padding:5px;} .bouton_envoyer_2{border:1px solid white;color:white;background-color:#9b1d18;} .heure_vol{font-size:11px;font-weight:bold;} #ville_detail_vol{font-size:10px;} #origine_champ, #destination_champ{width:160px;} #moteur_avion label {float: left; width: 50%; text-align: right; margin: 0;margin-right:10px; } .champ_avion{padding-bottom:5px;padding-top:5px;} .bouton_envoyer{border:1px solid white;color:white;background-color:#9b1d18;padding:5px;float:right;margin:10px;} .bouton_envoyer:hover{cursor:pointer;border:1px solid white;background-color:#9b1d18;color:white;padding:5px;} #astuces{font-weight:bold;} #avion_nuits{display:none;} /* ************************************************************************** */ /* ******************* LES BILLETS DE TOUS LES PARCS*********** */ /* ************************************************************************** */ #tab_parc table{background-color:#EFEFEF;width:100%;text-align:center;} #tab_parc .case{ border-spacing: 2px;} #btn_parc{text-align:center; font-weight:bold; margin-top:10px;margin-bottom:10px;} #date_debut_hotel{width:80px;} #date_fin_hotel{width:80px;} #nom_parc{margin-top : 30px; text-align:center; font-size:16px; font-weight:bold; color:#7c2780;} /* ************************************************************************** */ /* ******************************* LES RSS ********************************** */ /* ************************************************************************** */ #titre_rss{text-align:center; font-size:18px; font-weight:bold; margin-left: 210px;margin-right: 10px;border: 1px solid #000000; background-color:#f4a060;} .titre_contenu_cadre{font-weight:bold; margin-left: 210px;width: 200px;border-top: 1px solid #000000;border-left: 1px solid #000000;border-right: 1px solid #000000;background-color:#f4a060;} .contenu_cadre{margin-left: 210px;margin-right: 10px;border: 1px solid #000000;} .lien_video{background-color:ffe1ca;width:500px;text-align:center;margin-bottom:5px;border:1px solid #000000;} /* ************************************************************************** */ /* ******************* AFFICHER LES PRESTATIONS******************* */ /* ************************************************************************** */ #prest_table{width:530px;border: 1px solid #9b1d18;margin:0;} #prest_entete{background:#9b1d18;color:white;font-weight:bold} #prest_dispo{background:#EFEFEF;color:#9b1d18;font-weight:bold;font-size:9px;} #prest_descriptif{background:white;text-align: justify;padding:10px} #prest_table_pers{border-top:1px dashed #9b1d18;background:#EFEFEF;} #pres_entete_prix{background:black;color:white;font-weight:bold;} #pres_entete_pers{background:black;color:white;font-weight:bold;} #prest_text_detail{font-size:11px;} .prest_input_qte{border:1px solid #9b1d18;width:20;text-align:center;color:#9b1d18} /* ************************************************************************** */ /* ******************* AFFICHER LES PRESTATIONS******************* */ /* ************************************************************************** */ #serv_add_table{width:100%;border: 1px solid #9b1d18;margin:0;} /* ************************************************************************** */ /* ******************* VALIDER LES PRESTATIONS******************* */ /* ************************************************************************** */ #groupe_prestation{border:solid #ff9c51 1px; width:600px; margin-left:auto; margin-right:auto; text-align:center; } #groupe_prestation input:hover{background-color:#ff9c51;} #offre_prestation{border-bottom: dotted black 2px;font-weight:bold;} #titre_prestation{border-bottom: dashed #ff9c51 1px; padding-left:50px; margin-top:40px; text-align:left;font-weight:bold;color:#ff9c51} #info_prestation{ text-align:left;margin-left:20px;} #tab_age table{margin-left:30px; border-collapse:collapse;margin-bottom:15px; width:200px;} #tab_age td{border-bottom: solid #ff9c51 1px;} #tab_age input{width:30px; } #prest_total {text-align:right;margin-right:20px;} #prest_total #somme {width:50px;} /* ************************************************************************* */ /* *********************** LES EVENEMENTS SPECIAUX ************************* */ /* ************************************************************************* */ /*table {margin: 0; padding: 0;}*/ table {padding: 0;} .event_spe_txt {border-bottom:1px solid #CCCCCC;font-size:12px;margin-right:5px;clear:both;cursor:pointer;} .event_spe_txt #evt_spe_txt_zone1{float:left;display:block;width:40px;cursor:pointer;padding:2px 6px 2px 0;} .event_spe_txt #evt_spe_txt_zone2{float:left;display:block;color:black;;cursor:pointer;width:61%;height:35px;padding-top:6px;margin:0;} .event_spe_txt #evt_spe_txt_zone21{float:left;display:block;color:black;;cursor:pointer;width:80%;height:35px;padding-top:6px;margin:0;} .event_spe_txt #evt_spe_txt_zone3{float:right;display:block;color:black;;cursor:pointer;width:20%;text-align:center;height:35px;padding-top:6px; margin-left:-5px;} .prix_evt{;color:#9b1d18;font-weight:bold;} .sstitre_evt{} /* ************************************************************************* */ /* ******************************** LES PUBS ******************************* */ /* ************************************************************************* */ #pub_accueil{float:right;width:180;} /* **************************************************** */ /* ******* PAGE QUI SOMMES NOUS *********************** */ /* **************************************************** */ #qsn { padding:10px; } #titre_qui_sommes_nous { width:100%; text-align:center; font-weight:bold; } #qsn_bonnes_vacances { width:100%; text-align:center; font-weight:bold; } /* **************************************************** */ /* ******* LE SKI ************************************* */ /* **************************************************** */ #depart_ski_forfait{} #depart_parc_billet{} #fin_parc_billet{} /* **************************************************** */ /* ************** CSS NOUVELLE VERSION **************** */ /* **************************************************** */ .g_titre1 { background-color:#A7C1DC; color:black; padding:2px; font-weight:bold; } .g_titre2 { background-color:black; color:white; padding:2px; font-weight:bold; } .g_titre3 { background-color:; color:#9b1d18; padding:2px; font-weight:bold; } .fond_clair { background-color:#e6e6e6; color:#9b1d18; } .padd-2 { padding:2px; } .padd-5 { padding:2px; } .padd-10 { padding:10px; } .g a:link { color:#9b1d18; text-decoration: none; } .g a:visited { color:#9b1d18; text-decoration: none; } .g a:hover { color: #9b1d18; text-decoration: none; }