/* CSS Document MicroCompact pour client PAWEB */ /* Lien de base */ a { color:#000033; } a:hover { color:white; } a:active { color:#FFFF00; } a:visited { color:#000033; } /* Lien pour la charte */ a.charte { } a:hover.charte { color:#000033; } a:active.charte { color:#0066CC; } a:visited.charte { color:#000033; } /* Lien des boutons resa,contact,tarifs */ .link1 { color:#000033; text-decoration:none; } /* Lien des boutons Spécifiques */ .spec { color:#000033; text-decoration:none; } /* Style du des pages */ body { font-family: arial, verdana, times; font-size:9pt; color:#000033; margin-top:0px; text-align:center; cursor:default; background-color:#FFFFC4; } table, textarea, input { font-family: arial, verdana, times; font-size:9pt; margin: 0px; } form { margin: 0px; margin-left: 5px; } /*--------------------------------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; text-indent: -20px; font-size:12pt; font-weight: bold; color:white; padding: 2px; background: #0066CC; } .stitre-global { /* Style du TD affichant le titre des critéres (Choix type de sejour) */ text-align:center; padding:5px; color:#0066CC; background-color:#FFFFC4; font-weight:bold; border-bottom:2px solid #FFFFC4; border-right:2px solid #FFFFC4; } .error-message-global { /* Message d'erreur "! Une ou plusieurs erreur(s)..." */ color:#EE0000; text-align:center; font-weight: bold; } .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-color:#D6EBFE; color:#EE0000; } input.button { /* Style des input type button */ cursor:pointer; background: #0080F1; color: white; border: white 2px solid; font-weight: bold; padding: 2px; font-size: 11pt; } input.form-text { /* Style des input > Text (saisie etc) */ text-align:left; } input.form-text-2 { /* Style des input > Text (quantité, date > resa) */ text-align:center; } input.form-checkbox { /* Style des INPUT > checkbox */ color:#000033; 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! */ } td.nom-global{ /* Style du TD pour les intitulés des saisies */ border: 1px solid #0080F1; padding:5px; } .obligatoire-global { /* Style du DIV contenant la phrase ('* Champs à remplir obligatoirement') */ text-align:left; padding-top:5px; position: absolute; margin-top: -40px; } .oblig-global { /* Style du SPAN contenan l'etoile (*) marquant l'obligation de saisir cette ligne */ color:#EE0000; font-size: 12pt; font-weight: bold; padding-left: 5px; } /*---------------CLASS DES FLECHE POUR AJOUTER OU ENLEVER DES FORMULAIRE----------------------*/ .fleche-ajouter-defaut { /*Fleche ajouter normal '+'*/ background-image:url(../images_css_plus/fleche-add.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } .fleche-ajouter-survole { /*Fleche ajouter survolé '+'*/ background-image:url(../images_css_plus/fleche-adds.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } .fleche-enlever-defaut { /*Fleche enlever normal '-'*/ background-image:url(../images_css_plus/fleche-decr.gif); background-repeat:no-repeat; background-position:center; cursor:pointer; width:20px; } .fleche-enlever-survole { /*Fleche enlever suvorlé '-'*/ background-image:url(../images_css_plus/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 */ display: none; } #div_chart { /* style du div contenant la charte de la réservation */ margin:0px; border: 0px; } .chart_desactiv { /* style du texte si désactiver */ color:#999999; } .chart_onpage { /* style du texte si la page actuelle */ color:#000033; 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:#0066CC; text-align:center; padding:5px; font-size:18pt; font-family:arial, verdana, times; } .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:11pt; font-family:arial, verdana, times; text-align:right; color:#000033; } .spec-entete { /* TD des courriers */ text-align:right; } /*--------------------------------------------------STYLE DES LIEN PAWEB----------------------------------------------------*/ .total-lienpa { /* Style de la TABLE qui contient les boutons */ width:220px; font-family:arial, verdana, times; font-size:10pt; color:#000033; } .contact-lienpa { /* Style du TD du bouton contact */ cursor:pointer; width:76px; height:25px; text-align:center; } .contact-survol-lienpa { /* Style du TD du bouton contact survolé */ cursor:pointer; width:76px; height:25px; text-align:center; color:#FFFFFF; } .resa-lienpa { /* Style du TD du bouton resa */ cursor:pointer; width:60px; height:25px; text-align:center; } .resa-survol-lienpa { /* Style du TD du bouton resa survolé */ cursor:pointer; width:60px; height:25px; text-align:center; color:#FFFFFF; } .tarifs-lienpa { /* Style du TD du bouton tarifs */ cursor:pointer; width:69px; height:25px; text-align:center; } .tarifs-survol-lienpa { /* Style du TD du bouton tarifs survolé */ cursor:pointer; width:69px; height:25px; text-align:center; color:#FFFFFF; } .plan-lienpa { /* Style du TD du bouton Plan */ cursor:pointer; width:59px; height:25px; text-align:center; } .plan-survol-lienpa { /* Style du TD du bouton Plan survolé */ cursor:pointer; width:59px; height:25px; text-align:center; color:#FFFFFF; } .separ-lienpa { /* Style des td qui sépar chaque bouton */ cursor:pointer; height:25px; text-align:center; } /*----------------------------------------------------------STYLE POUR LA PAGE TARIFS-----------------------------------------------------*/ .table-tarif { /* Style de la TABLE d'un tarif */ text-align:center; font-family:arial, verdana, times; font-size:10pt; color:#000033; width: 98%; border-collapse: collapse; } .titre-tarif { /* Style du TD contenant le titre d'un tarif */ font-family:arial, verdana, times, Helvetica, sans-serif; font-size:12pt; font-style:normal; color:#0066CC; border: 1px solid #FFFFC4; border-bottom: 0px; font-weight:bold; background-color:#FFFFC4; text-align:left; padding-left:5px; height:30px; } .date-tarif { /* Style du TD contenant les dates et AUCUN (qd aucun prix renseigner pour la date concernée) */ font-family:arial, verdana, times; font-size:9pt; font-style:normal; text-align:center; color:#000033; background:#95CDFC; border:1px solid #0066CC; } .typeprix-tarif { /* Style du TD contenant le tarif */ font-family:arial, verdana, times; font-size:9pt; font-style:normal; color:#000033; width:auto; background-color:#DDDDDD; border:1px solid #0066CC; height:30px; } .date-multitarif { /* Style du TD si plusieurs dates pour ce tarif */ font-family:arial, verdana, times; font-size:9pt; font-style:normal; text-align:center; color:#000033; background:#95CDFC; border:1px solid #0066CC; } .prix-tarif { /* Style des prix d'un tarif ex: 250€ */ font-family:arial, verdana, times; font-size:9pt; font-style:normal; color:#000033; font-weight:bold; } .aucun-tarif { /* Style du text AUCUN (si aucun renseignement pour cette période) */ font-family:arial, verdana, times; font-size: 9pt; font-style:normal; color:#666666; font-weight:bold; } .action-tarif { /* Style du TD avec les actions imprimer et retour TOP */ border:1px solid #0066CC; background-color:#FFFFC4; text-align:center; 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:200px; 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 #FFFFC4; width:620px; font-family:arial, verdana, times; font-size:12pt; color:#000033; height:350px; } .totalquant-resa { /* Style de la TABLE contenant la saisie des quantités */ width:100%; font-family:arial, verdana, times; font-size:12pt; color:#000033; } .button-resa { /* Style du TD du boutton 'suivant' */ text-align:center; padding:5px; border-right:2px solid #FFFFC4; } .crit-resa { /* Style du TD contenant les listes critéres */ padding:5px; border-right:2px solid #FFFFC4; border-bottom:2px solid #FFFFC4; width:200px; } .info1-resa { /* Style du TD contenant Planning des sejou... */ text-align:left; color:#EE0000; font-weight:bold; border-right:2px solid #FFFFC4; padding:5px; } .info2-resa { /* Style du TD contenant Les mobiles-homes, chale... */ text-align:left; font-size:9pt; border-bottom:2px solid #FFFFC4; border-right:2px solid #FFFFC4; padding:5px; } .sejcalendar-resa { /* Style du TD contenant les calendriers et nbr de semaine */ text-align:left; font-size:9pt; border-bottom:2px solid #FFFFC4; border-right:2px solid #FFFFC4; padding:5px; } /*----------------------------------------------------------STYLE DE LA PAGE CONTACT.PHP------------------------------------------------------*/ .total-contact { /* Style de la TABLE total contact */ border: none; border-collapse: collapse; width:700px; font-family:arial, verdana, times; font-size:10pt; color:#000033; background: #FFFFE4; } .devis-contact { /* Style du TD contenant CALCULEZ LE DEVIS avec la checkbox */ text-align:center; font-size:12pt; color:#0066CC; background-color:#EEEEEE; border-bottom:2px solid #FFFFC4; border-right:2px solid #FFFFC4; padding:5px; } .button-contact { /* Style du TD contenant les boutons */ text-align:center; padding:5px; border:0px; background: #FFFFC4; } /*-----------------------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:14pt; 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 #FFFFC4; width:400px; font-family:arial, verdana, times; font-size:12pt; color:#000033; } .nom-devis { /* Style des TD contenant soit le NOM soit le FORM */ border-bottom:2px solid #FFFFC4; border-right:2px solid #FFFFC4; padding:5px; height:30px; } .fin-devis { /* Style du TD avec les boutons */ text-align:center; font-size:14pt; font-weight:bold; color:#FFFF00; height:35px; border-right:2px solid #FFFFC4; } .input-saisie-devis { /* Style des td contenant le champ de saise pour les tarifs (auto incrementé par les flêches) */ } /*-------------------------------------------------------------STYLE POUR LA FIN DE PAGE----------------------------------------------*/ #copy-fin { /* Style du DIV contenant le copyright de Micro Compact */ border-top: 1px solid gray; float:right; text-align: right; width: 100%; margin: 0px; padding-right: 20px; font-size:10pt; } /*--------------------------------------------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 ?" */ border:2px solid #FFFFC4; padding:5px; font-weight:bold; } .tbl-button-deviscal { /* Style du DIV contenant le boutons */ margin-top:20px; } /*----------------------------------------------------------------STYLE POUR LE CALENDRIER-------------------------------------------*/ .calendarNav1 { /* */ font-size: 8pt; font-style: normal; background-color: #3f6551; } .calendarTop1 { /* */ font-size:9pt; font-style: normal; color: #FFFFFF; font-weight: bold; background-color: #3f6551; } .calendarToday1 { /* */ font-size: 9pt; font-weight: bold; color: #990000; background-color: #A0C0C0; } .calendarDays1 { /* */ font-size:9pt font-style: normal; color: #000033; background-color: #FFFFFF; text-align: center; } .calendarHeader1 { /* */ font-size: 8pt; background-color: #A9B4B3; color: #FFFFFF; } .calendarTable1 { /* */ font-family: arial, verdana, times; background-color: #3f6551; border: 1px #3f6551 solid; } #calendrier-contact { /* */ border:1px solid #000033; visibility:hidden; } /* ------------------------------------STYLE POUR LA TABLE LEGENDE (PLANNING ET PLAN)--------------------------------------- */ .total-legende { /* Style du la TABLE contenant la legende */ border:2px solid #FFFFC4; font-family:arial, verdana, times; background-color:#DDDDDD; font-size:10pt; color:#000033; } .tdcolor-legende { /* Style des TD contenant la couleur */ width:30px; height:10px; border:1px solid #FFFFC4; } .tdtext-legende { /* Style des TD conteant le texte correspondant a une couleur */ height:20px; width:150px; padding-left:5px; border:1px solid #FFFFC4; } .titre-legende { /* Style du TD contenant le titre de la legende du planning et plan */ height:10px; width:100px; background-color:#FFFFC4; text-align:center; font-weight:bold; color:#0066CC; font-size:9pt; border-bottom:1px solid #FFFFC4; } /* -------------------------------------------STYLE POUR LA PAGE PLANNING.PHP----------------------------------------------- */ .annee-planning { /* Style du TD contenant l'annee dans le planning */ background-color:#FFFFC4; text-align:center; color:#0066CC; border:1px solid #000033; } .mois-planning { /* Style du TD contenant les mois dans le planning */ background-color:#DDDDDD; text-align:center; border:1px solid #000033; } /* -------------------------------------------STYLE POUR LA PAGE PLAND.PHP--------------------------------------------------- */ .table-sejour-total { /* Style total de la TABLE recherche de sejour */ border:2px solid #FFFFC4; text-align:center; height:100px; background-color:#DDDDDD; font-family:arial, verdana, times; font-size:10pt; color:#000033; } .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 #FFFFC4; border-right:2px solid #FFFFC4; } .sejour-plan { /* Style du TD contenant les input de saisie du sejour à rechercher */ text-align:left; font-size:9pt; border-bottom:2px solid #FFFFC4; border-right:2px solid #FFFFC4; padding:5px; } .bouton-plan { /* Style du TD contenant le bouton rechercher */ height:30px; text-align:center; border-right:2px solid #FFFFC4; border-bottom:2px solid #FFFFC4; } .clickempl-plan { /* Style du TD contenant la phrase "Cliquez sur un emplacement Libre pour vous inscrire" */ border-right:2px solid #FFFFC4; background-color:#FFFFC4; height:25px; color:#0066CC; 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 #FFFFC4; font-family:arial, verdana, times; font-size:10pt; color:#000033; width:100%; } .titre-courrier { /* Style du TD contenant le titre du courrier */ height:30px; text-align:center; font-weight:bold; color:#0066CC; font-size:16pt border-bottom:1px solid #FFFFC4; } .rtf-courrier { /* Style du TD contenant le contenu du courrier (base en RTF) */ border-bottom:2px solid #FFFFC4; 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 #FFFFC4; font-family:arial, verdana, times; font-size:10pt; color:#000033; } .titre-recap { /* Style des TD contenant les titres (recapitulatif, sejour, informations) */ background-color:#FFFFC4; font-size:16pt height:30px; text-align:center; color:0066CC; } .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:12pt; } .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:10pt; padding:6px 4px 6px 10px; color:#000033; } .attention-recap { /* Style du SPAN contenant (Attention! Votre réservation ...) */ font-size:12pt; color:#EE0000; } /* ----------------------------------------------STYLE DE LA PAGE PAIE_SSL.PHP--------------------------------------------------- */ .total-paie-ssl { /* Style de la TABLE */ border:2px solid #FFFFC4; width:400px; font-family:arial, verdana, times; font-size:12pt; color:#000033; } .titre-paie-ssl { /* Style du TD contenant le titre */ text-align:center; font-size:14pt; font-weight:bold; color:#0066CC; height:30px; background-color:#FFFFC4; } .secu-paie-ssl { /* Style du DIV contennat "Cette page est sécurisée par ..." */ text-align:center; font-size:10pt; font-weight:bold; color:#EE0000; } .somme-paie-ssl { /* Style du TD contenant la somme */ padding:5px; color:#0066CC; border-bottom:2px solid #FFFFC4; } .nom-paie { /* Style du TD contenant les nom (nom, numero CB, etc) */ text-align:left; padding:3px; } .form-paie { /* Style du TD contenant les form (text et select) */ text-align:left; padding:3px; } .bouton-paie { /* Style du TD contenant les bouton (annuler, valider) */ text-align:center; padding:5px; background-color:#FFFFC4; color:#FFFF00; border-top:2px solid #FFFFC4; } .error-paie-ssl { /* Style du TD contenant le message d'erreur */ padding:5px; text-align:center; background-color:#DDDDDD; color:#EE0000; font-weight:bold; border-bottom:2px solid #FFFFC4; } .error-type-paie-ssl { /* Style du DIV contenant les champs erronés */ font-weight:normal; color:#000033; } /* ----------------------------------------------STYLE DE LA PAGE PAIE_PAYBOX.PHP--------------------------------------------------- */ .total-paybox { /* Style le TABLE */ border:2px solid #FFFFC4; width:400px; font-family:arial, verdana, times; font-size:12pt; color:#000033; } .titre-paie-paybox { /* Style du TD contenant le titre */ text-align:center; font-size:14pt; font-weight:bold; color:#0066CC; height:30px; background-color:#FFFFC4; } .somme-paie-paybox { /* Style du TD contenant la somme */ padding:5px; color:#0066CC; border-bottom:2px solid #FFFFC4; text-align:center; height:40px; } .bouton-paie-paybox { /* Style du TD contenant les bouton (annuler, valider) */ text-align:center; padding:5px; color:#000033; background-color:#FFFFC4; } .secu-paie-paybox { /* Style du DIV contenant les informations concernant paybox */ text-align:center; font-size:10pt; font-weight:bold; color:#EE0000; } .error-paie-paybox { /* Style du DIV contenant l'erreur de paiement */ text-align:center; color:#EE0000; font-size:14pt; font-weight:bold; }