/* CSS Document MicroCompact pour client PAWEB */ /* Lien de base */ a { color:#000000; } a:hover { color:#000000; text-decoration:underline; } a:active { color:#FFFF00; } a:visited { color:#000000; } /* Lien pour la charte */ a.charte { color:#000000; text-decoration:none; } a:hover.charte { color:#000000; text-decoration:underline; } a:active.charte { color:#FFFF00; } a:visited.charte { color:#000000; } /* Lien des boutons resa,contact,tarifs */ .link1 { color:#000000; text-decoration:none; } /* Lien des boutons Spécifiques */ .spec { color:#000000; text-decoration:none; } /* Style du des pages */ body { font-family:verdana, arial; font-size:14px; color:#000000; background-image:url(../images/bg_yellow.gif); margin-left:5px; margin-top:5px; text-align:left; cursor:default; } /*--------------------------------STYLE CSS POUR LES ELEMENTS GLOBAUX QUI SONT UTILISES DANS PLUSIEURS PAGE-----------------------------*/ .titre-global { /* Gros titre des pages (Réservation, Contact, Devis etc) */ text-align:center; font-size:16px; font-weight:bold; color:#FFFF00; height:30px; background-image:url(../images/bg_entrep.gif); } .stitre-global { /* Style du TD affichant le titre des critéres (Choix type de sejour) */ text-align:center; padding:5px; background-image:url(../images/bg_green2.gif); color:#FFFF00; font-weight:bold; border-bottom:2px solid #006633; border-right:2px solid #006633; } .error-message-global { /* Message d'erreur "! Une ou plusieurs erreur(s)..." */ color:#FF0000; text-align:center; height:50px; } .error-formulaire-global { /* Style qui s'ajoute à la Class de base des TD pour montrer ou sont les erreurs aprés l'envoie d'un formulaire */ background-image:url(../images/bg_green1.gif); color:#FFFF00; } input.button { /* Style des input type button */ background-color:#FFCC00; font-weight:bold; border-style:solid; border-color:#47821C; border-width:2px; cursor:pointer; } input.form-text { /* Style des input > Text (saisie etc) */ border-width:1px; border-color:#000000; border-style:solid; text-align:left; } input.form-text-2 { /* Style des input > Text (quantité, date > resa) */ border-width:1px; border-color:#000000; border-style:solid; text-align:center; } input.form-checkbox { /* Style des INPUT > checkbox */ color:#006633; width:40px; } select.form-select { /* Style des input > select (Critérte emplacement, nombre de semaine etc). Attention, la page resa utilise un autre style pour cause de text-align:center! */ border-width:1px; border-color:#000000; border-style:solid; text-align:left; } textarea.form-text { /* Style des textarea > (commentaire) */ border-width:1px; border-color:#000000; border-style:solid; text-align:left; } td.nom-global{ /* Style du TD pour les intitulés des saisies */ border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; height:30px; } td.error-nom-global{ /* Style du TD pour les intitulés des saisies */ border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; color:#FF0000; text-align:center; height:50px; } .obligatoire-global { /* Style du DIV contenant la phrase ('* Champs à remplir obligatoirement') */ text-align:left; width:620px; padding-top:5px; } .oblig-global { /* Style du SPAN contenan l'etoile (*) marquant l'obligation de saisir cette ligne */ color:#FF0000; } /*---------------CLASS DES FLECHE POUR AJOUTER OU ENLEVER DES FORMULAIRE----------------------*/ .fleche-ajouter-defaut { /*Fleche ajouter normal '+'*/ background-image:url(../images/fleche-add.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } .fleche-ajouter-survole { /*Fleche ajouter survolé '+'*/ background-image:url(../images/fleche-adds.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } .fleche-enlever-defaut { /*Fleche enlever normal '-'*/ background-image:url(../images/fleche-decr.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } .fleche-enlever-survole { /*Fleche enlever suvorlé '-'*/ background-image:url(../images/fleche-decrs.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } /*--------------------------------------------------STYLE CSS DE L'ENTETE DES PAGES-----------------------------------------------*/ .total-entete { /* total (TABLE) de l'entete */ width:100%; border:2px solid #006633; background-image:url(../images/bg_entete.gif); } #div_chart { /* style du div contenant la charte de la réservation */ margin-top:15px; text-align:center; } .chart_desactiv { /* style du texte si désactiver */ color:#999999; } .chart_onpage { /* style du texte si la page actuelle */ color:#000000; font-weight:bold; } .chart_separ_on { /* style du SPAN pour la séparation entre 2 noms de page *actif* */ padding-left:14px; padding-left:14px; background-image:url(../images/fleche-next.gif); background-repeat:no-repeat; background-position:bottom center; margin:0 3px 0 3px; } .chart_separ_off { /* style du SPAN pour la entre 2 noms de page *desactive* */ padding-left:14px; padding-left:14px; background-image:url(../images/fleche-disa.gif); background-repeat:no-repeat; background-position:bottom; margin:0 3px 0 3px; } .titre-entete { /* Titre */ width:100%; height:30px; color:#FFFF00; text-align:center; padding:5px; font-size:20px; font-family:verdana, arial; background-image:url(../images/bg_entrep.gif); } .lang-entete { /* Style du TD contenant les drapeux de language */ width:33%; padding:5px; text-align:left; } .menu-entete { /* Style du TD du menu (reservation, contact et tarifs) */ width:33%; padding:5px; } .totalspec-entete { /* TD contenant la table des courriers */ width:33%; padding:5px; } .tablespec-entete { /* TABLE des courrier */ font-size:13px; font-family:verdana, arial; text-align:right; color:#000000; } .spec-entete { /* TD des courriers */ text-align:right; } /*--------------------------------------------------STYLE DES LIEN PAWEB----------------------------------------------------*/ .total-lienpa { /* Style de la TABLE qui contient les boutons */ border:2px solid #339900; width:300px; font-family:verdana, arial; font-size:12px; color:#000000; } .contact-lienpa { /* Style du TD du bouton contact */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:76px; height:25px; text-align:center; } .contact-survol-lienpa { /* Style du TD du bouton contact survolé */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:76px; height:25px; text-align:center; color:#FFFFFF; } .resa-lienpa { /* Style du TD du bouton resa */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:60px; height:25px; text-align:center; } .resa-survol-lienpa { /* Style du TD du bouton resa survolé */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:60px; height:25px; text-align:center; color:#FFFFFF; } .tarifs-lienpa { /* Style du TD du bouton tarifs */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:69px; height:25px; text-align:center; } .tarifs-survol-lienpa { /* Style du TD du bouton tarifs survolé */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:69px; height:25px; text-align:center; color:#FFFFFF; } .plan-lienpa { /* Style du TD du bouton Plan */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:59px; height:25px; text-align:center; } .plan-survol-lienpa { /* Style du TD du bouton Plan survolé */ background-image:url(../images/bg_lienpa.gif); cursor:pointer; width:59px; height:25px; text-align:center; color:#FFFFFF; } .separ-lienpa { /* Style des td qui sépar chaque bouton */ background-image:url(../images/separ_lienpa.gif); cursor:pointer; height:25px; text-align:center; } /*----------------------------------------------------------STYLE POUR LA PAGE TARIFS-----------------------------------------------------*/ table.table-tarif { /* Style de la TABLE d'un tarif */ text-align:center; font-family:verdana, arial; font-size:12px; color:#000000; border:1px solid #006633; min-width:inherit; } .titre-tarif { /* Style du TD contenant le titre d'un tarif */ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; color:#FFFF00; border:1px solid #006633; border-bottom:1px solid #006633; border-top:1px solid #006633; border-left:1px solid #006633; font-weight:bold; background-image:url(../images/bg_tarif.gif); background-repeat:repeat-x; text-align:left; padding-left:5px; height:30; } .date-tarif { /* Style du TD contenant les dates et AUCUN (qd aucun prix renseigner pour la date concernée) */ font-family:verdana, arial; font-size:10px; font-style:normal; text-align:center; color:#000000; width:200px; height:40px; background-image:url(../images/bg_green1.gif); border:1px solid #006633; } .typeprix-tarif { /* Style du TD contenant le tarif */ font-family:verdana, arial; font-size:10px; font-style:normal; color:#000000; width:auto; background-image:url(../images/bg_green.gif); border:1px solid #006633; height:30px; } .date-multitarif { /* Style du TD si plusieurs dates pour ce tarif */ font-family:verdana, arial; font-size:10px; font-style:normal; color:#000000; background-image:url(../images/bg_green.gif); border:1px solid #006633; } .prix-tarif { /* Style des prix d'un tarif ex: 250,50€ */ font-family:verdana, arial; font-size:10px; font-style:normal; color:#000000; font-weight:bold; color:#000000; } .aucun-tarif { /* Style du TD si AUCUN tarif (si aucun renseignement pour cette période) */ font-family:verdana, arial; font-size:12px; font-style:normal; color:#006600; font-weight:bold; } .action-tarif { /* Style du TD avec les actions imprimer et retour TOP */ border:1px solid #006633; background-image:url(../images/bg_green2.gif); width:20px; } /*----------------------------------------------------------STYLE DE LA PAGE RESA.PHP------------------------------------------------------*/ #jdebut { /* Style du DIV contenant le jour correspondant à la date de début du séjour dans la page RESA.PHP */ width:130px; text-align:left; float:left; padding-left:80px; font-weight:bold; } #jfin { /* Style du DIV contenant le jour correspondant à la date de fin du séjour dans la page RESA.PHP */ width:230px; text-align:left; padding-left:10px; font-weight:bold; } .total-resa { border:2px solid #006633; width:620px; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:14px; color:#000000; height:350px; } .titrequant_resa { /* Style du TD du titre 'Saire les quantités' */ text-align:center; padding:5px; background-image:url(../images/bg_green2.gif); color:#FFFF00; font-weight:bold; border-bottom:2px solid #006633; border-right:2px solid #006633; } .totalquant-resa { /* Style de la TABLE contenant la saisie des quantités */ width:100%; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:14px; color:#000000; } .fleche_ajouter { /* style des TD contenant les boutons pour ajouter et retirer */ border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; height:30px; width:40px; text-align:center; } .button-resa { /* Style du TD du boutton 'suivant' */ text-align:center; padding:5px; border-right:2px solid #006633; } .crit-resa { /* Style du TD contenant les listes critéres */ padding:5px; border-right:2px solid #006633; border-bottom:2px solid #006633; } .info1-resa { /* Style du TD contenant Planning des sejou... */ text-align:left; color:#000000; font-weight:bold; font-size:12px; border-right:2px solid #006633; border-bottom:2px solid #006633; padding:5px; } .info2-resa { /* Style du TD contenant Les mobiles-homes, chale... */ text-align:left; font-size:11px; border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; } .sejcalendar-resa { /* Style du TD contenant les calendriers et nbr de semaine */ text-align:left; font-size:11px; border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; } /*----------------------------------------------------------STYLE DE LA PAGE CONTACT.PHP------------------------------------------------------*/ .total-contact { /* Style de la TABLE total contact */ border:2px solid #006633; width:620px; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:14px; color:#000000; } .devis-contact { /* Style du TD contenant CALCULEZ LE DEVIS avec la checkbox */ text-align:center; font-size:12pt; color:#FFFF00; border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; background-image:url(../images/bg_green2.gif); } .button-contact { /* Style du TD contenant les boutons */ text-align:center; padding:5px; border-right:2px solid #006633; } /*-----------------------STYLE POUR LA PAGE SENDOK.PHP (Page de confirmation d'envoie d'un contact)----------------------------*/ body.sendok { /* Style du BODY */ margin:0; } .ok-sendok { /* Style du DIV contenant (Votre message a ...) */ margin:200px 0 0 0; padding:10px 5px 10px 5px; text-align:center; vertical-align:middle; font-size:16px; font-weight:bold; color:#FFFF00; height:30px; background-image:url(../images/bg_entrep.gif); } .redirec-sendok { /* Style du DIV contenant (Vous allez etre ...) */ padding:10px 5px 0 5px; } /*----------------------------------------------STYLE POUR LA PAGE DEVIS.PHP---------------------------------------------------*/ .total-devis { /* Style de la TABLE devis (total) */ border:2px solid #006633; width:400px; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:14px; color:#000000; } .nom-devis { /* Style des TD contenant soit le NOM soit le FORM */ border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; height:30px; } .fin-devis { /* Style du TD avec les boutons */ text-align:center; font-size:16px; font-weight:bold; color:#FFFF00; height:35px; border-right:2px solid #006633; } .input-saisie-devis { /* Style des td contenant le champ de saise pour les tarifs (auto incrementé par les flêches) */ margin-right:5px; } /*-------------------------------------------------------------STYLE POUR LA FIN DE PAGE----------------------------------------------*/ #copy-fin { /* Style du DIV contenant le copyright de Micro Compact */ padding:5px; float:right; font-size:14px; } /*--------------------------------------------STYLE POUR LA PAGE DEVISCAL.PHP (PAGE DEVIS FINIS)--------------------------------------*/ .total-acompte-deviscal { /* Style de la TABLE contenant la question "Souhaitez vous verser un acompte de xx,xx euro en ligne ?" */ background-image:url(../images/bg_entete.gif); border:2px solid #006633; padding:5px; font-weight:bold; } .tbl-button-deviscal { /* Style du DIV contenant le boutons */ margin-top:20px; text-align:center; } /*----------------------------------------------------------------STYLE POUR LE CALENDRIER-------------------------------------------*/ .calendarNav1 { /* */ font-size: 9px; font-style: normal; background-color: #3f6551; } .calendarTop1 { /* */ font-size: 11px; font-style: normal; color: #FFFFFF; font-weight: bold; background-color: #3f6551; } .calendarToday1 { /* */ font-size: 10px; font-weight: bold; color: #990000; background-color: #A0C0C0; } .calendarDays1 { /* */ font-size: 10px; font-style: normal; color: #000000; background-color: #FFFFFF; text-align: center; } .calendarHeader1 { /* */ font-size: 9px; background-color: #A9B4B3; color: #FFFFFF; } .calendarTable1 { /* */ font-family: verdana, arial; background-color: #3f6551; border: 1px #3f6551 solid; } #calendrier-contact { /* */ border:1px solid #000000; visibility:hidden; } /* ------------------------------------STYLE POUR LA TABLE LEGENDE (PLANNING ET PLAN)--------------------------------------- */ .total-legende { /* Style du la TABLE contenant la legende */ border:2px solid #006633; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:12px; color:#000000; } .tdcolor-legende { /* Style des TD contenant la couleur */ width:30px; height:10px; border:1px solid #006633; } .tdtext-legende { /* Style des TD conteant le texte correspondant a une couleur */ height:20px; width:150px; padding-left:5px; border:1px solid #006633; } .titre-legende { /* Style du TD contenant le titre de la legende du planning et plan */ height:10px; width:100px; background-image: url(../images/bg_green2.gif); text-align:center; font-weight:bold; color:#FFFF00; font-size:10px; border-bottom:1px solid #006633; } /* -------------------------------------------STYLE POUR LA PAGE PLANNING.PHP----------------------------------------------- */ .annee-planning { /* Style du TD contenant l'annee dans le planning */ background-image:url(../images/bg_green3.gif); text-align:center; border:1px solid #000000; } .mois-planning { /* Style du TD contenant les mois dans le planning */ background-image:url(../images/bg_green.gif); text-align:center; border:1px solid #000000; } /* -------------------------------------------STYLE POUR LA PAGE PLAND.PHP--------------------------------------------------- */ .table-sejour-total { /* Style total de la TABLE recherche de sejour */ border:2px solid #006633; text-align:center; height:100px; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:12px; color:#000000; } .nomjour-plan { /* style du TD contenant les nom des jours qui corresponde au input de saisie */ height:30px; text-align:center; border-bottom:2px solid #006633; border-right:2px solid #006633; } .sejour-plan { /* Style du TD contenant les input de saisie du sejour à rechercher */ text-align:left; font-size:11px; border-bottom:2px solid #006633; border-right:2px solid #006633; padding:5px; } .bouton-plan { /* Style du TD contenant le bouton rechercher */ height:30px; text-align:center; border-right:2px solid #006633; border-bottom:2px solid #006633; } .clickempl-plan { /* Style du TD contenant la phrase "Cliquez sur un emplacement Libre pour vous inscrire" */ border-right:2px solid #006633; background-image: url(../images/bg_green2.gif); height:25px; color:#FFFF00; font-weight:bold; } #jdebut-plan { /* Style du DIV Contenant le jour correspondant à la date de début entrée (FORM type='text') dans la page RESA.PHP */ width:200px; text-align:left; float:left; padding-left:100px; font-weight:bold; } #jfin-plan { /* Style du DIV en Contenant le jour correspondant à la date de fin entrée (FORM type='text') dans la page RESA.PHP */ width:230px; text-align:left; padding-left:0px; font-weight:bold; } /* ------------------------------------------STYLE DE LA PAGE COURRIER.PHP--------------------------------------------------- */ body.courrier { /* Style du BODY */ margin: 5px 5px 5px 5px; } .total-courrier { /* Style de la TABLE contenant le courrier */ border:2px solid #006633; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:12px; color:#000000; width:100%; } .titre-courrier { /* Style du TD contenant le titre du courrier */ height:30px; background-image: url(../images/bg_green2.gif); text-align:center; font-weight:bold; color:#FFFF00; font-size:18px; border-bottom:1px solid #006633; } .rtf-courrier { /* Style du TD contenant le contenu du courrier (base en RTF) */ border-bottom:2px solid #006633; background-color:#FFFFFF; text-align:center; } /* -------------------------------------------------STYLE DE LA PAGE RECAP.PHP------------------------------------------------- */ .total-recap { /* Style du la TABLE contenant le recapitulatif */ background-color:#FFFFFF; width:600px; text-align:left; border:3px solid #CCCCCC; font-family:verdana, arial; font-size:12px; color:#000000; } .titre-recap { /* Style des TD contenant les titres (recapitulatif, sejour, informations) */ background-color:#CCCCCC; font-size:18px; text-align:center; } .tdclient-recap { /* Style du TD contenant les informations du client */ padding-left:10px; padding-top:6px; padding-bottom:6px; } .numsejour-recap { /* Style du DIV contenant le numero du sejour (sejour 1, sejour 2, etc) */ text-decoration:underline; font-size:14px; } .separ-sejour-recap { /* Style du DIV pour la separation des sejour */ background-image:url(images/separ-sejour.gif); background-repeat:no-repeat; background-position:center; } .info-recap { /* Style du TD contenant (Nous vous remercions ...) */ font-size:12px; padding:6px 4px 6px 10px; color:#000000; } .attention-recap { /* Style du SPAN contenant (Attention! Votre réservation ...) */ font-size:14px; color:#FF0000; } .tbl-button-recap { /* Style du DIV contenant le boutons */ text-align:center; } /* ----------------------------------------------STYLE DE LA PAGE PAIE_SSL.PHP--------------------------------------------------- */ .total-paie-ssl { /* Style de la TABLE */ border:2px solid #006633; width:400px; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:14px; color:#000000; } .titre-paie-ssl { /* Style du TD contenant le titre */ text-align:center; font-size:16px; font-weight:bold; color:#FFFF00; height:30px; background-image:url(../images/bg_entrep.gif); } .secu-paie-ssl { /* Style du DIV contenant les informations concernant le paiement crypté */ text-align:center; font-size:12px; font-weight:bold; color:#FF0000; } .somme-paie-ssl { /* Style du TD contenant la somme */ padding:5px; background-image:url(../images/bg_green2.gif); color:#FFFF00; border-bottom:2px solid #006633; } .nom-paie { /* Style du TD contenant les nom (nom, numero CB, etc) */ text-align:left; /*border:1px solid #006633;*/ padding:3px; } .form-paie { /* Style du TD contenant les form (text et select) */ text-align:left; /*border:1px solid #006633;*/ padding:3px; } .bouton-paie { /* Style du TD contenant les bouton (annuler, valider) */ text-align:center; padding:5px; background-image:url(../images/bg_green2.gif); color:#FFFF00; border-top:2px solid #006633; } .error-paie-ssl { /* Style du TD contenant les erreurs */ padding:5px; text-align:center; background-color:#003300; color:#FFFFFF; font-weight:bold; border-bottom:2px solid #006633; } .error-type-paie-ssl { /* Style du DIV contenant les champs erronés */ font-weight:normal; color:#FFCC00; } /* ----------------------------------------------STYLE DE LA PAGE PAIE_PAYBOX.PHP--------------------------------------------------- */ .total-paybox { /* Style de la TABLE */ border:2px solid #006633; width:400px; background-image: url(../images/bg_green3.gif); font-family:verdana, arial; font-size:14px; color:#000000; } .titre-paie-paybox { /* Style du TD contenant le titre */ text-align:center; font-size:16px; font-weight:bold; color:#FFFF00; height:30px; background-image:url(../images/bg_entrep.gif); } .somme-paie-paybox { /* Style du TD contenant la somme */ padding:5px; color:#000000; border-bottom:2px solid #006633; text-align:center; height:40px; } .bouton-paie-paybox { /* Style du TD contenant les bouton (annuler, valider) */ text-align:center; padding:5px; color:#000000; border-top:2px solid #006633; } .secu-paie-paybox { /* Style du DIV contenant les informations concernant paybox */ text-align:center; font-size:12px; font-weight:bold; color:#FF0000; } .error-paie-paybox { /* Style du DIV contenant l'erreur de paiement */ text-align:center; color:#FF0000; font-size:16px; font-weight:bold; } /* ----------------------------------------------STYLE DES POPUPS--------------------------------------------------- */ .popup_container { z-index:400; position:absolute; margin-top:10%; margin-left:20%; width:60%; cursor:default; visibility:hidden; } div.popup_titlebar_container { background-image: url("../images/bg_entrep.gif"); /* background-color:#44720F; */ margin-bottom:2px; border: 2px solid #006633; } .popup_titlebar { text-align:right; text-decoration:none; font-family:Verdana; font-weight:bold; font-size:14px; color:#FF0000; } div.popup_text_container { background-image: url("../images/bg_green3.gif"); border: 2px solid #006633; } div.popup_text { text-align:left; padding:3px; }