body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; } th { } /*Structure générale*/ body { background: #f2f2f2 none no-repeat fixed center; font-family: Arial, Helvetica,sans-serif; font-size: 12px; color: #666; } msie8 body { background: #f2f2f2 fixed no-repeat center 100%; } .msie6 { height: 100%; } .modal { background: none !important; } a { text-decoration: none; color: #666; } a img { border: 0; } /*Structure personnalisée*/ #container { width: 980px; margin: 18px auto; background-color: White; border: solid 10px white; -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35); position: relative; } #bandeauClient { height: 61px; background: transparent url(bandeau_client_int_fr.png) no-repeat; } #header { } .autreInfosConvive { float: right; margin-top: -8px; } .msie6 .autreInfosConvive { margin-right: 5px; } .guillemet { background-image: url(guillemet.png); width: 16px; height: 13px; background-repeat: no-repeat; float: left; } #page { padding-top: 10px; /* la hauteur globale de la page est de 650px sans les marges extérieures*/ min-height: 502px; float: left; } .msie6 #page { height: 502px; } #navigation { width: 176px; float: left; min-height: 502px; margin-right: 15px; margin-top: 9px; margin-left: 10px; } .msie6 #navigation { margin-left: 5px; } #primary /*Contient le corps plus le div secondaire*/ { float: right; width: 759px; /* 4x les colonnes (176px) + 3x les marges (25px); */ background: transparent url(bando_separateur_page.jpg) repeat-y; padding-left: 20px; } .msie6 #primary { float: right; width: 760px; padding-left: 15px; height: 502px; } #primary_main { float: left; width: 558px; /* 3x les colonnes (176px) + 2x les marges (25px); */ min-height: 502px; margin-top: 5px; } .msie6 #primary_main { float: left; margin-top: 5px; height: 502px; margin-left: 0px; } #primary_main_communication { float: left; width: 100%; /* 3x les colonnes (176px) + 2x les marges (25px); */ min-height: 502px; margin-top: 5px; } #secondary { float: right; width: 176px; margin-left: 25px; /*background-color : red;*/ } .msie6 #secondary { float: right; width: 176px; margin-left: 5px; } /*Profil*/ .detailProfil { background-color: #ffffff; width: 240px; border: 5px solid #2F5FA9; padding: 10px; color: Black; z-index: 9002; padding-left: 80px; padding-bottom: 29px; } .detailProfil .header { font-size: 17px; } .detailProfil .header .titre { color: #484B53; font-weight: bold; background-image: url("infos.png"); background-repeat: no-repeat; background-position: left center; padding-left: 30px; height: 20px; padding-top: 10px; padding-bottom: 8px; } .detailProfil .header .nom { color: #2F5FA9; font-weight: bold; padding-top: 6px; } .detailProfil .body { width: 100%; text-align: left; } .detailProfil .body .lib { font-weight: bold; } .detailProfil .body .lg { border-bottom: solid 1px #b2b2b2; width: 150px; margin-bottom: 10px; } .showDetailProfil { position: absolute; margin: auto; left: 0; right: 0; top: 125px; } .masque { background: #F0F0F0 none; z-index: 9000; top: 0; left: 0; height: 100%; width: 100%; position: absolute; opacity: 0.75; } .msie6 .masque { filter: alpha(opacity=75); } #fonctions { min-height: 251px; padding-top: 46px; } .msie #fonctions { min-height: 251px; padding-top: 22px; } .msie6 #fonctions { height: 251px; } #fonctions li { list-style-image: url(carre_noir_petit.jpg); font-size: 12px; font-family: Arial; padding-top: 10px; } #selection { } #comparaison { margin-top: 30px; } #footer { clear: both; padding-top: 0px; height: 30px; background: transparent url(footer_degrad.jpg) repeat-x; } #footer .accueil { float: left; padding-top: 10px; padding-left: 10px; color: #666; font-size: 11px; } .copyright { float: right; padding-top: 10px; font-size: 11px; } .error { color: #f00; } /*La structure des modules*/ .module { margin-bottom: 30px; padding-left: 15px; } .clear_both { clear: both; } .module_title { font-size: 20px; font-weight: bold; color: #2F5FA9; margin-bottom: 10px; } .module_filter { float: left; margin-left: 5px; } .module_arrow, .module_accueil_arrow { float: right; padding-right: 17px;} .module_content { /*padding-left: 15px;*/ } .module_btm { margin-top: 10px; /* border-top: solid 1px #2F5FA9;*/ border-top: solid 1px #666666; } .module_action { text-align: right; margin-top: 10px; } .arrow_expanded { background: transparent url(curseur_ferme.jpg) no-repeat right; border: none; } .arrow_collapsed { background: transparent url(curseur_ouvert.jpg) no-repeat right; border: none; } /*Les sous modules*/ .sous_module { margin-top: 10px; padding-left: 15px; } .msie8 .module_content .sous_module h2 { margin-top: 10px; padding-left: 15px; padding-top: 2px; } .module_content .sous_module { padding-left: 0px; } .sous_module_title { font-size: 14px; color: #666666; margin-bottom: 10px; background: transparent url(fleche_jaune.png) no-repeat left center; padding-left: 15px; border-bottom: solid 1px #666666; } .msie6 .sous_module_title { background: url("fleche_jaune2.png") no-repeat scroll left center transparent; } .sous_module_arrow, .sous_module_accueil_arrow { float: right; margin-right: 5px; } .msie6 .sous_module_content { padding-left: 0px; margin-left: 0px; } .msie6 .module_content { padding-left: 0px; margin-left: 0px; } .msie6 .module_content .sous_module { padding-left: 0px; } .msie6 #primary_main_communication .sous_module_content { padding-left: 0px; margin-left: 0px; } .msie6 #primary_main_communication .module_content { padding-left: 0px; margin-left: 0px; } .msie6 .sous_module_content td.label { width: 600px; font-size: 13px; } .sous_module_action { text-align: right; } .ticket { background-color: white; z-index: 100; position: absolute; top: 120px; margin-left: 150px; /* petite bidouille en attendant un centrage auto */ padding: 0px; border: 1px solid #666; font-family: Courier New; background-color: white; padding: 10px; width: auto; display: none; } .ticketResa { background-color: white; padding: 0px; border: 1px solid #666; font-family: Courier New; background-color: white; padding: 10px; min-width: 320px; } .msie6 .ticketResa { width: expression(document.body.clientWidth > 320 ? "320px" : "auto"); } .composition { margin-left: 120px; } .showReservation { position: absolute; top: 296px; margin-left: 129px; } .showReservationListe { position: absolute; top: 296px; margin-left: 129px; } .showReservationListe .btnImgSupprimer { display: none; } .ticketResa #menuTicket { text-align: right; } .messageBox { position: fixed; margin-left: -15px; width: 174px; border: 1px solid #666; background-color: white; min-height: 70px; } .messageBox h1 { font-size: 12px; color: #FFFFFF; margin-bottom: 5px; padding-left: 15px; padding-bottom: 5px; padding-top: 5px; background: #4D4D4D url(Accueil/titre_carre.jpg) no-repeat 5px 50%; border-bottom: 0px; } .messageFermer { margin-left: 225px; } .prixCB { font-weight: bold; font-family: Arial; margin-left: 2px; } .astuces { margin-top: 5px; font-style: italic; font-size: 15px; color: #666666; } .ticketService { background-color: white; z-index: 100; position: absolute; top: 120px; margin-left: 150px; /* petite bidouille en attendant un centrage auto */ padding: 0px; border: 1px solid #666; font-family: Courier New; background-color: white; padding: 10px; width: auto; display: none; } /* ---------------------------------------------------------------- Detail prestation ---------------------------------------------------------------- */ .detailPresta { background-color: white; width: 399px; border: 1px solid #666; font-family: Arial; padding: 10px; color: Black; z-index: 9002; } .showDetailPresta { position: absolute; top: 296px; left: 0; right: 0; margin: auto; border: 5px solid #2F5FA9; } .showDetailPresta .btnImgSupprimer { display: none; } .detailPresta .menuDetail { float: right; font-weight: bold; color: Red; font-family: Fantasy; font-size: 15px; cursor: pointer !important; } .detailPresta .libelle { font-weight: bold; text-align: center; font-size: 20px; font-family: arial; color: #6a6a6a; margin-bottom: 5px; } .detailPresta .PU { font-size: 16px; font-weight: bold; text-align: center; width: 100%; font-family: arial; color: #ffffff; background-color: #6a6a6a; margin: auto; } .detailPresta .photo { text-align: center; padding-top: 10px; } .detailPresta .photo img { max-width: 290px; max-height: 200px; } .msie6 .detailPresta .photo img { width: expression(document.body.clientWidth > 290 ? "290px" : "auto"); height: expression(document.body.clientHeight > 200 ? "200px" : "auto"); background-position: center center; } .detailPresta .descriptif { padding-top: 10px; } .detailPresta .nutrition { padding-top: 10px; } .detailPresta .action { font-size: 12px; margin-top: 20px; } .detailPresta .action .ajouter { text-align: center; float: right; width: 50%; } .detailPresta .action .qte { float: left; width: 50%; } .btnDtValider { border: solid 1px #000000; cursor: pointer; color: black; font-size: 11px; float: right; font-weight: bold; -moz-border-radius: 3px; text-align: center; } .btnDtValider:hover { border: solid 1px #2F5FA9; cursor: pointer; color: #2F5FA9; font-size: 11px; font-weight: bold; float: right; -moz-border-radius: 3px; } .btnDtPlus { width: 16px; height: 16px; cursor: pointer; color: black; font-size: 8px; vertical-align: middle; } .btnDtPlus:hover { } .btnDtMoins { width: 16px; height: 16px; cursor: pointer; color: black; font-size: 8px; vertical-align: middle; } .btnDtMoins:hover { color: black; } /* ---------------------------------------------------------------- Mentions légales ---------------------------------------------------------------- */ .mentionCenter { text-align: center; padding-bottom: 15px; } .mentionLeft { margin-left: 150px; padding-bottom: 15px; } /* ---------------------------------------------------------------- Les sous-modules d'aide ---------------------------------------------------------------- */ .aide .sous_module { float: left; width: 290px; margin-left: 66px; } .aide .first { margin-left: 0px; } /* ---------------------------------------------------------------- Les éléments de la structure formulaire ---------------------------------------------------------------- */ .form { width: 100%; text-align: left; white-space: nowrap; line-height: 20px; } .formComm { padding-bottom: 15px; width: 70%; text-align: left; white-space: nowrap; line-height: 20px; } .msie6 .formComm { width: 100%; } .msie8 .form th { text-align: left; } .centree { text-align: center !important; } .full { width: 100%; } .half { width: 50%; } .indent { padding-left: 25px; } .nowrap { white-space: nowrap; } .label { font-size: 14px; color: #000000; width: 200px; } .aide {} .input { } .inputTxt { width: 200px; } .ligneCommunicationConvive { height: 30px; } .flecheJaune { width: 18px; height: 20px; } /* ---------------------------------------------------------------- Les éléments de la page de login ---------------------------------------------------------------- */ #pageAccueil { /* la hauteur globale de la page est de 650px sans les marges extérieures*/ min-height: 473px; } #bandeauAccueilClient { height: 134px; background: transparent url(Accueil/bandeau_client_accueil_fr.png) no-repeat; } #bandeauAccueil { } /* Login Box */ .loginBox .module_accueil { margin-left: 00px; color: White; padding: 5px 15px 15px 20px; border: none !important; } .msie6 .loginBox .module_accueil { padding: 15px 15px 35px 20px; /* 7px 0px 15px 20px; */ } .loginBox .module_accueil_title { font-size: 16px; border-bottom: solid 1px White; padding: 0 0 0 15px; margin: 0 0 0 0; background: none !important; } .loginBox label { font-size: 11px; color: White !important; } .loginForm { margin: 0px 10px 5px 0px; } .msie6 .loginForm { margin: 0px 10px 0px 0px; } .loginForm input { width: 139px; } .loginForm td { padding-left: 3px; padding-top: 5px; width: 165px; } .loginBox .module_accueil_btm { margin-bottom: 10px; border-top: solid 1px White; } .loginBox .module_accueil_action { text-align: right; padding-right: 17px; } .msie6 .loginBox .module_accueil_action { margin-top: -8px; } .loginBox .module_accueil_content { text-align: right; overflow: hidden; } .loginBox_Error { font-size: 15px; padding: 0px !important; color: yellow; font-style: italic; } .btnConnexion { background: #FFFFFF none repeat scroll 0% 0%; border-bottom: 0px solid #1A4579; border-top: 0px solid #1A4579; border-left: 0px solid #1A4579; border-right: 0px solid #1A4579; color: #000000; cursor: pointer; font-family: Arial; font-size: 11px; text-align: center; width: auto; } .headerRow { font-weight: bold; border-bottom: solid 1px #d2d1d5; border-left: solid 1px #d2d1d5; border-right: solid 1px #d2d1d5; /*font-size: 10px;*/ /*text-align: right;*/ color: #FFFFFF; padding: 3px; background-color: #4D4D4D; } .loginBox a { color: White; font-size: 11px; float: left; margin-left: 16px; font-style: italic; } .module_accueil { border: solid 1px #cccccc; margin: 0px 9px 0px 9px; } .module_accueil_title { font-size: 12px; color: #FFFFFF; margin-bottom: 5px; padding-left: 15px; padding-bottom: 5px; padding-top: 5px; background: #4D4D4D url(Accueil/titre_carre.jpg) no-repeat 5px 50%; border-bottom: 0px; } .module_accueil_btm { } .module_accueil_content { font-family: Arial; font-size: 11px; color: #999999; /*text-align: justify;*/ padding: 0px 5px 0px 8px; overflow: auto; white-space: normal; } .sous_module_accueil { } .sous_module_accueil_content { font-family: Arial; font-size: 11px; color: #999999; /*text-align: justify;*/ padding: 0px 5px 0px 5px; white-space: normal; } .sous_module_accueil_content a { font-size: 10px; font-style: italic; color: #000000; text-align: right !important; } .sous_module_accueil_content li { margin-left: 15px; } .sous_module_accueil_content ul { margin-bottom: 5px; } .sous_module_accueil_title { border-bottom: 1px solid black; color: #000000; font-size: 12px; font-weight: bold; margin-bottom: 5px; white-space: normal; } .sous_module_accueil_btm { } .sous_module_accueil_btm a { font-size: 10px; font-style: italic; color: #000000; text-align: right !important; } .content_accueil { padding: 5px; } .Accueil_Image { text-align: center; margin-top: 10px; } .chartImage { height: 50px; width: 50px; } .documentImage { height: 30px; width: 30px; } .newsImage { } .dispoImage { } .progressBar { width: 343px; height: 41px; background: url(Accueil/bg_bar.gif) no-repeat 0 0; position: relative; } .progressBar .cover { position: absolute; display: block; width: 318px; height: 18px; background: url(Accueil/anim.gif) no-repeat 0 0; top: 12px; left: 13px; overflow: hidden; } .progressBar .pourcentage { color: #000000; font-weight: bold; left: 161px; position: absolute; top: 14px; z-index: 1; } .progressBar div { margin-top: 3px; margin-left: 5px; font-weight: bold; color: #000000; } .progressBar em { position: absolute; display: block; width: 318px; height: 18px; background: url(Accueil/bg_cover.gif) repeat-x 0 0; overflow: hidden; } /*Placement des modules*/ /* A B C D E ----------- 1 | | | | ----------- 2 | | | | | ----------- */ .troisCinquieme { margin-left: 30px; float: left; /*width: 100%; height: 449px; */ } .msie6 .troisCinquieme { margin-left: 0px; margin-right: 0px; } .deuxCinquieme { width: 392px; float: left; display: none; } .D1_E1 { width: 362px; height: 179px; float: left; } .C2 { margin-top: 20px; width: 176px; height: 230px; margin-left: 381px; display: none; } .C2_1 { margin-top: 20px; width: 176px; height: 145px; margin-left: 381px; } .C2_2 { margin-top: 20px; width: 176px; height: 65px; margin-left: 381px; } .D2 { width: 171px; height: 230px; float: left; overflow: auto; } .E2 { width: 171px; height: 230px; float: left; } .ensavoirplus { width: 100%; text-align: right; } /* ---------------------------------------------------------------- Les éléments des informations clients ---------------------------------------------------------------- */ .module_contentInfo { } .choixClient { float: left; font-weight: bold; padding-left: 80px; padding-top: 10px; } .choixClient img { vertical-align: bottom; padding-left: 15px; } .profil { padding-top: 20px; height: 29px; } .profil img { vertical-align: top; } .libelleInfo { font-size: 16px; color: #000000; background: transparent url(carre_noir_petit.jpg) no-repeat left center; padding-left: 15px; font-weight: bold; } .spanChoixClient { width: 200px; } /* ---------------------------------------------------------------- Boutons ---------------------------------------------------------------- */ /*-------------------------Boutons Images-------------------------*/ .btnImgSupprimer { background: transparent url(delete.gif) top left; width: 13px; height: 13px; border: solid 0px transparent; cursor: pointer; } .btnImgSupprimer:hover { background: transparent url(delete.gif) 0px -13px; } .btnImgFermer { background: transparent url(supprimer.png) top left; width: 15px; height: 15px; border: solid 0px transparent; cursor: pointer; float: right; background-repeat: no-repeat; } .msie6 .btnImgFermer { background: transparent url(supprimerie6.png) top left; width: 15px; height: 15px; border: solid 0px transparent; cursor: pointer; background-repeat: no-repeat; } .btnImgCalendar { background: transparent url(Calendar.png) top left; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgImprimer { background: transparent url(btnPrint.png) top left; width: 14px; height: 14px; border: solid 0px transparent; cursor: pointer; } .btnPlus { background: transparent url(plus.gif) top left; width: 11px; height: 11px; border: solid 0px transparent; cursor: pointer; } .btnPlus:hover { background: transparent url(plus.gif) 0px -11px; } .btnMoins { background: transparent url(moins.gif); width: 11px; height: 11px; border: solid 0px transparent; cursor: pointer; } .btnMoins:hover { background: transparent url(moins.gif) 0px -11px; } .btnImgRecharger { width: 95px; height: 30px; background: transparent url(Recharger.png) no-repeat; background-position: left 3px; border: solid 0px transparent; cursor: pointer; display: inline-block; padding-left: 30px; padding-top: 2px; font-family: Arial, Helvetica,sans-serif; color: #000000; } .msie6 .btnImgRecharger { background: url("recharger2.png") no-repeat scroll left 3px transparent; float: left; } .btnImgMonCompte { width: 75px; height: 20px; background: transparent url(infos.png) no-repeat; background-position: left 1px; border: solid 0px transparent; cursor: pointer; display: inline-block; margin-left: 5px; padding-left: 30px; padding-top: 8px; font-family: Arial, Helvetica,sans-serif; color: #000000; } .msie6 .btnImgMonCompte { background: url("infos2.png") no-repeat scroll left 1px transparent; float: left; } .btnImgDeconnecter { background: transparent url(logout.png) no-repeat; background-position: left 1px; height: 22px; border: solid 0px transparent; cursor: pointer; display: inline-block; margin-left: 5px; padding-left: 25px; padding-top: 5px; font-family: Arial, Helvetica,sans-serif; color: #000000; } .btnImgActualiser { background: transparent url(Actualiser.png) no-repeat; width: 32px; height: 32px; border: solid 0px transparent; cursor: pointer; } .btnImgMenuPrecedent { background: transparent url(btnMenuPrecedent.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgMenuSuivant { background: transparent url(btnMenuSuivant.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgMoisPrecedente { background: transparent url(moisPrec.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgMoisSuivante { background: transparent url(moisSuiv.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .msie6 .btnImgMoisSuivante { margin-top: -16px; } .btnImgSemainePrecedente { background: transparent url(Accueil/left_gris.png) no-repeat; width: 24px; height: 24px; border: solid 0px transparent; cursor: pointer; /*margin-left: 50px;*/ } .btnImgSemainePrecedente:hover { background: transparent url(Accueil/left.png) no-repeat; } .btnImgSemaineSuivante { background: transparent url(Accueil/right_gris.png) no-repeat; width: 24px; height: 24px; border: solid 0px transparent; cursor: pointer; /*margin-right: 50px;*/ } .btnImgSemaineSuivante:hover { background: transparent url(Accueil/right.png) no-repeat; } .btnImgArchiver { background: transparent url(archive.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgArchiver:hover { background: transparent url(archive.gif) no-repeat 0px -16px; } .btnImgDesarchiver { background: transparent url(archive.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgDesarchiver:hover { background: transparent url(archive.gif) no-repeat 0px -16px; } .btnImgLoupe { background: transparent url(loupe.gif) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgOK { background: transparent url(OK.png) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgCancel { background: transparent url(Cancel.png) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgRecherche { background: transparent url(search.png) no-repeat; width: 16px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgDetail { background: transparent url(images_TB.jpg) no-repeat; width: 15px; height: 11px; border: solid 0px transparent; cursor: pointer; margin-top: 7px; } .btnImgDetail:hover { background: transparent url(images_TB.jpg) no-repeat; } .btnImgCheckAll { background: transparent url(checkbox.gif) no-repeat; width: 20px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgCheckAll:hover { background: transparent url(checkbox.gif) no-repeat 0px -15px; } .btnImgUnCheckAll { background: transparent url(checkbox.gif) no-repeat 0px -30px; width: 20px; height: 16px; border: solid 0px transparent; cursor: pointer; } .btnImgUnCheckAll:hover { background: transparent url(checkbox.gif) no-repeat 0px -45px; } .btnImgStep { width: 20px; height: 20px; border: solid 0px transparent; cursor: pointer; margin-left: 4px; } .btnImgValider { background: transparent url(Valider.png); width: 13px; height: 13px; border: solid 0px transparent; cursor: pointer; } .btnImgValider:hover { background: transparent url(Valider.png); } .step1 { background: transparent url(1.gif) no-repeat; } .step1Cour { background: transparent url(1.gif) no-repeat 0px -20px; cursor: default; } .step1Fait { background: transparent url(1.gif) no-repeat 0px -40px; } .step2 { background: transparent url(2.gif) no-repeat; } .step2Cour { background: transparent url(2.gif) no-repeat 0px -20px; cursor: default; } .step2Fait { background: transparent url(2.gif) no-repeat 0px -40px; } .step3 { background: transparent url(3.gif) no-repeat; } .step3Cour { background: transparent url(3.gif) no-repeat 0px -20px; cursor: default; } .step3Fait { background: transparent url(3.gif) no-repeat 0px -40px; } .step4 { background: transparent url(4.gif) no-repeat; } .step4Cour { background: transparent url(4.gif) no-repeat 0px -20px; cursor: default; } .step4Fait { background: transparent url(4.gif) no-repeat 0px -40px; } .step5 { background: transparent url(5.gif) no-repeat; } .step5Cour { background: transparent url(5.gif) no-repeat 0px -20px; cursor: default; } .step5Fait { background: transparent url(5.gif) no-repeat 0px -40px; } .CloseMSG { margin-top: 4px; } .btnImgClose { background: transparent url(close.png) no-repeat; width: 17px; height: 17px; border: solid 0px transparent; cursor: pointer; } .btnImgMessage { background: transparent url(mail.gif) no-repeat; width: 24px; height: 24px; border: solid 0px transparent; cursor: pointer; } .btnImgExporter { background: transparent url(export.gif) no-repeat; width: 20px; height: 20px; border: solid 0px transparent; cursor: pointer; } .btnImgExporter:hover { background: transparent url(export.gif) no-repeat 0px -23px; } /*-------------------------Boutons texte--------------------------*/ .btnValider, .btnAnnuler, .btnAjouter, .btnSupprimer, .btnActualiser, .btnRecharger, .btnCancelPayment, .btnValidatePayment, .btnPrintTransaction, .btnGoBackShop, .btnToutSupprimer, .btnExporter, .btnGenerer, .btnUpload, .btnEnregistrer, .btnAjouterMenu, .btnMiseEnProduction, .btnPreparationCommande, .btnPreparationTiroir, .btnImprimer, .btnModifier, .btnSuivant, .btnPrecedent, .btnAucun, .btnTous, .btnTerminer, .btnAjouterPrestation, .btnCreerNews, .btnActiverNews, .btnRevenirAuxNews, .btnRevenirAuxArchives, .btnGererEmplacement, .btnRevenirCalendrier, .btnDupliquer, .btnDetailAffluence, .btnRechargerPrivate, .btnRedemarrerSite, .btnRechargerCSS, .btnMiseMaintenance, .btnActiver, .btnDesactiver, .btnDiagnostiquer, .btnRetour, .btnCreerServices { color: #ffffff; line-height: 1.55em; padding: 0 0.461em; position: relative; text-align: center; background-color: #777777; border-radius: 5px; } .msie6 .btnActualiser { padding: 0px; margin: 0px; } .btnValider:hover, .btnAnnuler:hover, .btnAjouter:hover, .btnSupprimer:hover, .btnActualiser:hover, .btnRecharger:hover, .btnCancelPayment:hover, .btnValidatePayment:hover, .btnPrintTransaction:hover, .btnGoBackShop:hover, .btnToutSupprimer:hover, .btnExporter:hover, .btnGenerer:hover, .btnUpload:hover, .btnEnregistrer:hover, .btnAjouterMenu:hover, .btnMiseEnProduction:hover, .btnPreparationCommande:hover, .btnPreparationTiroir:hover, .btnImprimer:hover, .btnModifier:hover, .btnSuivant:hover, .btnPrecedent:hover, .btnAucun:hover, .btnTous:hover, .btnTerminer:hover, .btnAjouterPrestation:hover, .btnCreerNews:hover, .btnActiverNews:hover, .btnRevenirAuxNews:hover, .btnRevenirAuxArchives:hover, .btnGererEmplacement:hover, .btnRevenirCalendrier:hover, .btnDupliquer:hover, .btnRechargerPrivate:hover, btnRedemarrerSite:hover, .btnRechargerCSS:hover, .btnMiseMaintenance:hover, .btnActiver:hover, .btnDesactiver:hover, .btnDiagnostiquer:hover, .btnRetour:hover, .btnCreerServices:hover { background-color: #aaaaaa; line-height: 1.55em; padding: 0 0.461em; position: relative; text-align: center; } .lkBtnGenerationAuto { font-weight: bold; color: #666; } .lkBtnGenerationAuto:hover { font-weight: bold; color: #06C; } .btnRechargerLien { width: 128px; height: 45px; border: none; margin-top: 5px !important; vertical-align: bottom; cursor: pointer; color: #666666; font-weight: bold; -moz-border-radius: 5px; } .btnRechargerLien:hover { color: #000000; } .fr-FR .btnRechargerLien { background: transparent url(bt-rechargt.png) no-repeat left; padding-right: 52px; } .nl-NL .btnRechargerLien { background: transparent url(bt-rechargt.png) no-repeat left; padding-right: 52px; } .en-GB .btnRechargerLien { background: transparent url(bt-rechargt.png) no-repeat left; padding-right: 52px; } .link-delimiterBtn { color: #666666; } .langueBtn { float: right; padding-top: 5px; padding-right: 5px; } .langueDDL { float: left; padding-top: 5px; padding-left: 10px; /*position: relative; right: -20px;*/ /*color: #FFF;*/ font-size: 12px; } .msie6 .langueDDL { right: 0px; } #bandeauAccueil .langueDDL { float: left; padding-top: 2px; font-size: 11px; } .langueBtn .btnLangue { cursor: pointer; background: transparent none; border-width: 0px; text-align: center; vertical-align: middle; font-size: 12px; font-weight: bold; color: #FFFFFF; height: 20px; width: 20px; padding-bottom: 3px; } .langueBtn .langueInter { background: transparent url(langue_inter.gif) no-repeat !important; width: 6px; } .langueDDL .langueInter { margin-left: 10px; margin-right: 10px; } .langueBtn .langueCourant { background: transparent url(langue_courante.gif) no-repeat !important; /*border-bottom: solid 1px #666666 !important;*/ } .langueDDL .langueCourant { font-weight: bold; } .langueDDL .ddlLangue { width: auto; cursor: pointer; } .langueBtn .langueCourant .btnLangue { color: #28a2c9 !important; } /* ---------------------------------------------------------------- Tableau ---------------------------------------------------------------- */ .tableau { width: 100%; border: solid 0px white; font-size: 12px; vertical-align: top; /* background: transparent url(tablo_fond2.jpg) repeat-x;*/ } .tableau tr:nth-child(n) { background-color: white; } .tableau tr:nth-child(2n) { background-color: #D9DADB; } .tableau table tr { background-color: transparent !important; } .msie6 .tableau { background: transparent; } .tableau tr th { padding-top: 3px; padding-bottom: 6px; /*text-align: left; padding-left: 5px;*/ text-align: center; background-color: #B2B2B2; /*background: transparent url(tablo_degrad.jpg) repeat-x;*/ color: #fff; font-weight: bold; white-space: nowrap; border: solid 0px white; } .tableau tr { border: solid 0px white; color: #666666; } .tableau tr:hover { background-color: #F8F36E; } .msie6 .tableau tr:hover { color: #F8F36E; } .tableau .ligneCliquable:hover { background-color: #F8F36E; cursor: pointer; } .tableau .rowSelect { font-weight: bold; } .tableau td { /* text-align: left;*/ padding: 2px; white-space: nowrap; border: solid 0px white; } .tableau .pager:hover { background-color: Transparent; } .tableau .pager td { padding-top: 5px; padding-left: 7px; color: #666666; } .tableau .pager td:hover table tr td { background-color: Transparent !important; cursor: auto; } .tableau .pager td:hover { background-color: Transparent !important; cursor: auto; } .tableau .pager .ImgBtnFirst { background: transparent url(moisPrec.gif) no-repeat; border: none; width: 16px; height: 20px; cursor: pointer; } .tableau .pager .ImgBtnPrev { background: transparent url(moisPrec.gif) no-repeat; border: none; width: 16px; height: 20px; cursor: pointer; } .tableau .pager .ImgBtnNext { background: transparent url(moisSuiv.gif) no-repeat; border: none; width: 16px; height: 20px; cursor: pointer; } .tableau .pager .ImgBtnLast { background: transparent url(moisSuiv.gif) no-repeat; border: none; width: 16px; height: 20px; cursor: pointer; } .msie8 .tableau .pager .ImgBtnLast, .msie8 .tableau .pager .ImgBtnNext, .msie8 .tableau .pager .ImgBtnPrev, .msie8 .tableau .pager .ImgBtnFirst, .msie9 .tableau .pager .ImgBtnLast, .msie9 .tableau .pager .ImgBtnNext, .msie9 .tableau .pager .ImgBtnPrev, .msie9 .tableau .pager .ImgBtnFirst { height: 13px; } .msie6 .tableau .pager .ImgBtnLast, .msie6 .tableau .pager .ImgBtnNext, .msie6 .tableau .pager .ImgBtnPrev, .msie6 .tableau .pager .ImgBtnFirst { height: 15px; } .tableau .pager td span { color: #2F5FA9; font-weight: bold; padding: 0px 4px; } .tableau .pager td a { font-weight: normal; text-decoration: none; padding: 0px 4px; } .tableau .pager td a:hover { color: #2F5FA9; } .tableau .empty td { text-align: center; } .tableau tr .cellActions { text-align: right; } .tableau tr .colActionImg { text-align: center; } .tableau tr .boutonImage { padding-right: 4px; width: 20px; } .tableau tr .colCentree { text-align: center; } .tableau tr .colTitreDate { /* text-align: center;*/ text-align: left; padding-left: 5px; } .tableau tr .colDataDate { /* text-align: center;*/ text-align: left; padding-left: 5px; } .tableau tr .colTitreLibelle { text-align: left; padding-left: 5px; } .tableau tr .colDataLibelle { text-align: left; padding-left: 5px; } .tableau tr .colTitreLibelleDroite { text-align: right; padding-right: 5px; } .tableau tr .colDataLibelleDroite { text-align: right; padding-right: 5px; } .tableau tr .colTitreChiffre { text-align: right; padding-right: 5px; } .tableau tr .colDataChiffre { text-align: right; padding-right: 5px; } .attachImage { background: transparent url(attach.png) no-repeat top left; width: 16px; height: 16px; border: solid 0px transparent; } .msie6 .attachImage { background: transparent url(attachie6.png) no-repeat top left; } .attachImageAlaune { background: transparent url(Green.png) no-repeat top left; width: 16px; height: 16px; border: solid 0px transparent; } .pictureImage { background: transparent url(picture.png) no-repeat top left; width: 16px; height: 16px; border: solid 0px transparent; } .pictureOK { background: transparent url(ok.png) no-repeat scroll top center; width: 100%; height: 13px; border: solid 0px transparent; } /*Contact*/ .texteLibre { font-style: italic; font-size: 11px; margin-top: 5px; } .adresse { font-size: 12px; margin-top: 8px; } .mailto { font-size: 12px; } .telephone { font-size: 12px; color: Black; } /* ---------------------------------------------------------------- Les différents libellés ---------------------------------------------------------------- */ .libelleData { font-size: 12px; color: #000000; padding-left: 2px;} .libelleTitre { font-size: 12px; color: #000000; } .libelleTitreEx { font-size: 14px; color: #000000; padding-bottom: 10px; } /* ---------------------------------------------------------------- Les éléments du menu ---------------------------------------------------------------- */ .menu { font-size: 14px; color: #666; font-weight: normal; list-style: none; } .menu li { border-bottom: solid 1px #666; background: transparent url(menu_curseur_ferme.jpg) no-repeat right 8px; padding-top: 5px; padding-bottom: 5px; } .msie6 .menu li { padding-bottom: 0px; } .menu a, .menu span { display: block; padding-left: 5px; } .menu .open { font-weight: bold; background: transparent none; } .menu .first { padding-top: 0px; background-position: right 6px; } .menu ul { display: none; border-top: solid 1px #666; margin-top: 5px; padding: 10px 10px 10px 0px; padding-bottom: 5px; } .menu .open ul { display: block; border-top: none; padding-top: 5px; } .menu .open a { padding-left: 5px; padding-bottom: 5px; padding-top: 5px; background: url(bt-menu2.jpg) no-repeat right 10px; background-color: #2F5FA9; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; color: #ffffff; } .subMenu { list-style: none; font-weight: normal; font-size: 12px; } .subMenu a { color: #999; background: none; padding: 0px 0px 0px 0px; } .subMenu .enfant a { /* padding-left: 0px;*/ color: #999; background: none; } .subMenu .enfant { color: #999; background: none; } .subMenu li { border-bottom: none; background-image: none; padding: 0px 0px 0px 5px; } .subMenu .selected { font-weight: bold; } .subMenu .selected li { font-weight: bold; padding: 0px 0px 0px 0px; } .subMenu .selected a { /* color: #31AACF;*/ color: #2F5FA9; background: none; padding: 0px 0px 0px 5px; } .menu .sous_titre_menu { background: transparent url(dash.gif) repeat-x scroll 0% center; text-align: center; } .sous_titre_menu span { background-color: White; display: inline; padding-right: 5px; padding-left: 5px; } /* ---------------------------------------------------------------- Les News ---------------------------------------------------------------- */ .presentationNews { width: 176px; height: 230px; margin-left: 192px; } .barree { text-decoration: line-through; } /* ---------------------------------------------------------------- etapesAssistant ---------------------------------------------------------------- */ .etapesAssistant { list-style: decimal; margin-left: 30px; line-height: 20px; } /* ---------------------------------------------------------------- La présentation ---------------------------------------------------------------- */ .presentationMenu { width: 176px; height: 230px; float: left; margin-left: 88px; display: block; visibility: visible; } .presentationSelection { width: 166px; height: 230px; float: left; display: block; visibility: visible; } .presentationCarte { width: 176px; min-height: 230px; float: left; margin-left: 192px; display: block; visibility: visible; } .presentationCarteSemaine { width: 166px; min-height: 230px; float: left; height: 450px; } /* ---------------------------------------------------------------- La réservation ---------------------------------------------------------------- */ .selectMonth .btnImgMoisPrecedente { float: left; } .selectMonth .btnImgMoisSuivante { float: right; } .selectMonth { background-color: #e1e2e4; color: #000000; font-weight: bold; text-align: center; font-size: 14px; } .legendeDispo { float: right; } .msie6 .legendeDispo { display: none; } .lgnAccepte, .lngRefuse, .lgnReserve, .lgnOuvert, .lgnIndispo, .lgnText, .lgnCarte, .lgnIndispoLieu, .lgnIndispoEmp, .lgnSelection, .lgnConfirme, .lgnAnnule, .lgnCurrent { float: left; margin-right: 10px; } .lgnAccepte, .lngRefuse, .lgnReserve, .lgnOuvert, .lgnIndispo, .lgnCarte, .lgnIndispoLieu, .lgnIndispoEmp, .lgnSelection, .lgnConfirme, .lgnAnnule, .lgnCurrent { width: 10px; height: 10px; margin-top: 3px; margin-right: 3px; background-color: Red; } .lgnSelection { background-color: #00a047; } .lgnIndispoEmp { background-color: #f7ad1d; } .lgnIndispoLieu { background-color: #ff0000; } .lgnCarte { background-color: #41b3d5; } .lgnReserve { background-color: #ffdd00; } .lgnAccepte { background-color: #008000; } .lngRefuse { background-color: #ff0000; } .lgnOuvert { background-color: #31AACF; } .lgnIndispo { background-color: #c8cacc; } .calendar_month { border-color: white; font-weight: bold; } .selectMonth * { vertical-align: middle; } .tableau .anomalieResa { color: #f00; } .tableau .factureResa { color: #006600; } .tableau .ConfirmeResa { color: green; } .tableau .AnnuleResa { color: #f68300; } /* ---------------------------------------------------------------- Les composants "stylés" ---------------------------------------------------------------- */ .ddList { width: 200px; } .ddListXL { width: 400px; } .ddListSmall { width: 108px; margin-left: 5px; } .ddListXSmall { width: 50px; } .ddListXXSmall { width: 40px; } .chbList { width: 100%; border: solid 0px white; font-size: 12px; vertical-align: top; background: transparent url(tablo_fond2.jpg) repeat-x; } .divchbList { height: 150px; overflow: scroll; } .chbList label { padding-left: 10px; } .chbListSmall { width: 150px; } .rBtn { } .rBtn label { padding-left: 5px; } .rBtnList { width: 200px; } .rBtnList label { padding-left: 5px; } .rBtnListSmall { width: 150px; } .textbox { width: 196px; } .textboxNup { width: 100px; } .textboxNupSmall { width: 50px; } .textboxCalendar { width: 120px; } .textboxSmallCalendar { width: 100px; } .textboxMontant { width: 50px; } .textboxSmall { width: 150px; } .textboxXL { width: 300px; } .textArea { width: 100%; } .textAreaPerso { width: 100%; height: 100px; } .textAreaPersoComm { width: 100%; height: 250px; } .btnChartLine { background: url('Chart_courbe_24.png') left top !important; height: 19px !important; width: 19px !important; border: solid 0px transparent !important; cursor: pointer !important; } .btnChartHisto { background: url('Chart_Histo_24.png') left top !important; height: 19px !important; width: 19px !important; border: solid 0px transparent !important; cursor: pointer !important; } .btnChartCam { background: transparent url(chart_pie_24.png) top left !important; width: 19px !important; height: 19px !important; border: solid 0px transparent !important; cursor: pointer !important; } .checkbox input { width: 20px !important; height: 15px !important; border: solid 0px transparent !important; cursor: pointer !important; } .checkbox .input-checkbox-button { background-color: transparent; background-image: url(checkbox.gif); } .checkbox .checked { background-position: top left !important; } .checkbox-hover .checked { background-position: 0px -15px !important; } .checkbox-disabled .checked { background-position: 0px -60px !important; cursor: default !important; } .checkbox .unchecked { background-position: 0px -30px !important; } .checkbox-hover .unchecked { background-position: 0px -45px !important; } .checkbox-disabled .unchecked { background-position: 0px -75px !important; cursor: default !important; } .ddlStyle-spanG, .ddlStyle-span, .ddlStyle-spanD { color: #666666; height: 19px; line-height: 19px; overflow: hidden; position: absolute; margin-top: 0px; } .ddlStyle-spanG { background: transparent url(select_gauche.gif) no-repeat scroll left 0; width: 4px; } .ddlStyle-span { background: transparent url(select_bg.gif) repeat-x scroll right top; } /******************/ .ddList .ddlStyle-span { margin: 0 2px; width: 196px; } .ddListXL .ddlStyle-span { width: 396px; margin: 0 2px; } .ddListSmall .ddlStyle-span { width: 104px; margin: 0 2px; } .ddListXSmall .ddlStyle-span { width: 46px; margin: 0 2px; } .ddListXXSmall .ddlStyle-span { width: 36px; margin: 0 2px; } /******************/ .ddlStyle-spanD { background: transparent url(select_fleche.gif) no-repeat scroll right top; } .ddlStyle-hover, .ddlStyle-focus { background: transparent url(select_fleche.gif) no-repeat scroll right -19px; } .ddlDisabled { background: transparent url(select_fleche.gif) no-repeat right -38px; } .ddlStyle-spanText { padding-left: 6px; height: 19px; line-height: 19px; font-weight: normal; font-size: 12px; } .ddlStyle-select { opacity: 0; position: relative; z-index: 5; font-size: 12px; font-weight: normal; font-family: Arial, Helvetica,sans-serif; color: #666; } .msie7 .ddlStyle-select, .msie8 .ddlStyle-select { -ms-filter: "alpha(opacity=0)"; } /*DropDownList pour les langues*/ .langueDDL .ddlStyle-spanG, .langueDDL .ddlStyle-span, .langueDDL .ddlStyle-spanD { /*color: #FFF;*/ text-decoration: underline; } .langueDDL .ddlStyle-spanG { background: none; width: 4px; } .langueDDL .ddlStyle-span { background: none; } .langueDDL .ddlStyle-spanD { background: none; } .langueDDL .ddlStyle-hover, .langueDDL .ddlStyle-focus { background: none; } .langueDDL .ddlDisabled { background: none; } .langueDDL .ddlStyle-spanText { padding-left: 0px; } #bandeauAccueil .langueDDL .ddlStyle-spanText { font-size: 11px; } /* STYLE SITE SECURE*/ .modePayment { text-align: center; margin: auto; width: 300px; } .payment { width: 100px; float: left; text-align: center; } .payment img { padding-bottom: 5px; } .invisible { visibility: hidden; display: none; } .infoCarteBlock { margin-top: 10px; margin-bottom: 10px; text-align: left; } .infoCarteBlock span { font-weight: bold; } .info { padding: 15px; } .info.Gauche { float: left; } .info.Droite { float: right; } .logoSecurite { text-align: center; margin-top: 10px; } .centre { text-align: center; margin-top: 10px; margin-bottom: 5px; } .collapsePanel { } .collapsePanel > .head { background-color: #29aae1; color: white; font-size: 14px; font-weight: 600; margin-top: 1px; } .collapsePanel > .head span { margin-left: 10px; } .collapsePanel > .content { background: transparent url(tablo_fond2.jpg) repeat-x; margin-bottom: 15px; padding-top: 5px; } .secure #layer { z-index: 999; display: none; position: absolute; background-color: Black; opacity: 0.2; left: -341px; top: -28px; height: 100%; width: 100%; } .msie6 .secure #layer, .msie7 .secure #layer, .msie8 .secure #layer { opacity: 0.2; } .secure #divWaiting { display: none; height: 70px; width: 250px; left: 0; position: absolute; top: 0; z-index: 1000; background: #FFF url(waiting.gif) no-repeat scroll 10px center; border: solid 1px #000; } .secure #divWaiting p { font-size: 18px; margin: 23px 0 0 50px; } #divWaiting { display: none; height: 70px; width: 250px; left: 0; position: absolute; top: 0; z-index: 10000; background: #FFF url(waiting.gif) no-repeat scroll 10px center; border: solid 1px #000; } #divWaiting p { font-size: 18px; margin: 23px 0 0 50px; } /*Style du div de détail*/ /*Module d'encapsulation*/ .module_detail { width: 997px; border-left: solid 2px #4D4D4D; border-right: solid 2px #4D4D4D; z-index: 1000; background-color: White; position: absolute; font-size: 11px; margin-top: -119px; margin-left: -10px; } .module_detail_header { color: White; background: transparent url(accueil/1px_degrad_haut.jpg) repeat-x; height: 29px; padding-top: 2px; } .module_detail_arrow { float: right; margin-right: 5px; padding-top: 4px; } .module_detail_content { padding-left: 18px; } .module_detail_action { text-align: center; margin-top: 10px; color: White; background: transparent url(accueil/1px_degrad_bas.jpg) repeat-x; height: 29px; } /*Le contenu*/ .divFull { height: 100%; width: 100%; } .viewerContenu .module_title, .viewerContenu .module_btm { margin-right: 15px; } .viewerContenu .module_title { margin-bottom: 0px !important; } .datePicker { width: 68px; } .presentationNewsConvive { float: left; width: 176px; height: 230px; margin: 5px; } .presentationMenuConvive { width: 176px; height: 230px; float: left; margin: 5px; } .presentationSelectionConvive { width: 176px; height: 230px; float: left; margin: 5px; } .presentationAffluenceConvive { height: 106px; float: left; margin: 5px; } .presentationCarteConvive { width: 171px; min-height: 230px; float: left; overflow: auto; } .presentationServicesConvive { width: 171px; min-height: 230px; float: left; margin: 5px; } .presentationServicesAccueil { width: 171px; min-height: 230px; float: left; overflow: auto; } .champNonVisible { visibility: hidden; display: none; } /*Les jquery*/ .ui-datepicker { width: 200px; font-size: 12px; } .ui-datepicker-trigger { padding-left: 5px; cursor: pointer; } .ui-widget { width: 200px; font-size: 12px; } .ui-state-highlight, .ui-widget-content .ui-state-highlight { background: #FCEFA1 none; border-color: #ee9311; } /*Pour l'accordéon*/ .ui-accordion .ui-accordion-header { cursor: pointer; margin-bottom: 0; padding: 2px; background: transparent none; border: solid 0px white; border-bottom: 3px solid black; padding-top: 20px; text-align: center; } .ui-accordion { width: 171px; background: transparent none; } .ui-accordion-content { border: solid 0px white; } .ui-accordion .ui-accordion-content-active { border: solid 1px black; } .ui-accordion .ui-accordion-header .ui-icon { background: transparent none; } /*Mise en place des enquêtes*/ .dataEnquete { padding: 5px; } legend { font-weight: bold; } fieldset { margin-top: 10px; } /*Visualisation de la communication dans le portail convive*/ .centre { text-align: center; } .donnee { overflow: hidden; max-width: 200px; } .msie6 .donnee { width: expression(document.body.clientWidth > 200 ? "200px" : "auto"); } #lightbox-container-image-data-box { display: none; visibility: hidden; } /*Légende des statuts de réservation*/ legendeStatutRza { } .lgnConfirme { background-color: green; } .lgnAnnule { background-color: #f68300; } .lgnCurrent { background-color: #41b3d5; } /*page afficheur*/ .hide { display:none } /* Box-Message */ .box-message { font-size: 12px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; margin: 5px 0px; padding: 5px; text-align: center; font-weight: bold; display: none; } .box-message-liens a { text-decoration: underline; cursor: pointer; padding-right: 15px; } .box-message-liens .box-message-last-lien { padding-right: 0px; } .box-message-success { background-color: #6AB36A; border: solid 1px green; color: #fff; } .box-message-warning { background-color: #F5D450; border: solid 1px #F5C500; color: #000; } .box-message-error { background-color: #FBB1AB; border: solid 1px #CD0909; color: #CD0909; } .box-message-error ul { list-style-type: none; } .box-message-icon { display: block; height: 16px; width: 16px; background: transparent url(avertissement.png) no-repeat scroll 0 0; } .box-title { padding-bottom: 10px; padding-top: 2px; } /* Boutons */ .btnDelete { background-color: transparent; background-image: url(trash.gif); background-repeat: no-repeat; background-position: 0 0; border: solid 0; cursor: pointer; height: 16px; width: 16px; } .btnDelete-waiting { background-image: url(waiting_16_16.gif) !important; } /*Nous contacter*/ .lienArobas { color: #2F5FA9; font-weight: bold; padding-bottom: 20px; vertical-align: middle; margin-left: 5px; } .lienArobas:hover { color: #666666; font-weight: bold; padding-bottom: 20px; vertical-align: middle; margin-left: 5px; } /*Infos convives*/ .informationsCommunication { float: right; width: 176px; } #informations { color: #000000; margin-top: 40px; width: 160px; margin-left: 13px; } #informations .module { } #informations .titre { color: #fff; padding-top: 9px; margin-left: 14px; font-size: 17px; padding-bottom: 5px; color: #2F5FA9; } #informations .module_title { background-image: url(haut_info.png); background-repeat: no-repeat; margin-bottom: 0; border-bottom: 0; background-color: #b2b2b2; -moz-border-radius: 4px 4px 0px 0px; } #informations .module_content { background-color: #b2b2b2; padding-left: 31px; -moz-border-radius: 0px 0px 4px 4px; } #informations .module_btm { border-top: none; margin-top: 0; } #informations .module_action { border-top: none; margin-top: 0; } #informations li { font-size: 12px; list-style: none; border-bottom: 1px solid #000000; margin-right: 35px; padding-bottom: 1px; padding-top: 5px; } .BasInfoConvive, .BasInfoGerant { background-repeat: no-repeat; height: 15px; } /*autres informations*/ #fonctions .form { white-space: normal; } #fonctions .titre { text-align: left; padding-top: 4px; margin-left: 2px; color: #00529C; font-size: 14px; font-weight: bold; } .msie6 #fonctions .titre { text-align: left; padding-top: 0px; margin-left: 0px; color: #00529C; font-size: 14px; font-weight: bold; background-position-y: top; } #fonctions .ligne { text-align: left; width: auto; font-size: 12px; font-weight: normal; } #fonctions .module { margin-bottom: 15px; padding-left: 0px; } #fonctions .module_title { background-image: url(haut_rect.png); background-repeat: no-repeat; text-align: center; padding-top: 0px; margin-bottom: 0; border-bottom: 0; padding-left: 0; height: 15px; } .msie6 #fonctions .module_title { background-position: center bottom; } #fonctions .module_content { background-image: url(milieu_rect.png); background-repeat: repeat; padding-left: 10px; } #fonctions .module_btm { background-image: url(bas_rect.png); background-repeat: repeat; background-position: bottom; border-top: none; margin-top: 0px; margin-top: 0px; height: 15px; } #fonctions .module_action { background-image: url(bas_rect.png); background-repeat: no-repeat; } /**/ #fonctions .sous_module_title { background-image: url(haut_rect.png); background-repeat: no-repeat; text-align: center; margin-bottom: 0; border-bottom: 0; padding-top: 0px; padding-left: 0; height: 15px; } #fonctions .sous_module_content { background-image: url(milieu_rect.png); background-repeat: repeat; } #fonctions .sous_module_btm { background-image: url(bas_rect.png); background-repeat: no-repeat; border-top: none; margin-top: 0px; margin-top: 0px; height: 15px; } #fonctions .sous_module_action { background-image: url(bas_rect.png); background-repeat: no-repeat; border-top: none; margin-top: 0; } /*Les stats Gérant*/ #informations .statsGerant .module { margin-bottom: 15px; } #informations .statsGerant .titre { color: #fff; padding-top: 15px; margin-left: 25px; font-size: 14px; } #informations .statsGerant .module_title { background-image: url(haut_info.png); background-repeat: no-repeat; margin-bottom: 0; border-bottom: 0; padding-top: 5px; } #informations .statsGerant .module_content { background-color: #2F5FA9; padding-left: 40px; } #informations .statsGerant .module_btm { border-top: none; margin-top: 0; } #informations .statsGerant .module_action { border-top: none; margin-top: 0; } #informations .statsGerant .module_action .infosGerantFooter { background-color: #2F5FA9; } /*ticket reservation*/ #fonctions .composition { margin-left: 1px; padding-left: 5px; padding-right: 5px; } #fonctions .ticketResa { background-color: Transparent; border: none; width: 165px; } #fonctions .ticketResa .cellActions { width: 10px; } #fonctions .ticketResa .error { text-align: center; } #fonctions .composition .corpsTick .form .ligneCliquable { font-size: 12px; white-space: normal; max-width: 200px; overflow: hidden; } .CompositionCmd { text-align: center; width: 100%; } .CompositionCmd .titre { vertical-align: middle; font-weight: bold; } /*---------------------------------------------------------------*/ /*-------------------------communication-------------------------*/ /*---------------------------------------------------------------*/ .divWaitComm .loading-image { margin-top: 15px; background-image: url("waitingComm.gif"); background-repeat: no-repeat; background-position: right center; height: 25px; min-width: 120px; padding-top: 10px; } .divWaitComm .loading-overlay { background-color: #e5e5e6; } .occupation { width: 500px; } .libOccupationCom { width: 50px; font-weight: bold; } .occupationCom { width: 450px; float: right; } .occupationCom .progressBar { width: 183px; height: 41px; background: url(Accueil/bg_bar2.gif) no-repeat 0 0; position: relative; } .occupationCom .progressBar .cover { position: absolute; display: block; width: 170px; height: 18px; background: #fbcda2 no-repeat 0 0; top: 12px; left: 7px; overflow: hidden; } .occupationCom .progressBar .pourcentage { color: #000000; font-weight: bold; left: 85px; position: absolute; top: 11px; z-index: 1; } .occupationCom .progressBar div { margin-top: 3px; margin-left: 5px; font-weight: bold; color: #000000; } .occupationCom .progressBar em { position: absolute; display: block; width: 170px; height: 18px; background: url(Accueil/bg_cover.gif) repeat-x 0 0; overflow: hidden; } .titreSelection { font-size: 14px; padding-bottom: 2px; font-weight: bold; background-image: url(fleche_jaune.png); background-position: left center; background-repeat: no-repeat; padding-left: 12px; width: 215px; } .msie6 .titreSelection { background-image: url("fleche_jaune2.png"); } .titreSelectionBleu { padding-left: 15px; background-image: url(fleche_bleu.png); background-repeat: no-repeat; background-position: left center; } .msie6 .titreSelectionBleu { padding-right: 20px; background-image: url(fleche_bleuie6.png); background-repeat: no-repeat; padding-bottom: 20px; } .clavierSliderCom { position: relative; } .msie6 .clavierSliderCom { width: 730px; } .msie6 .primary_main_communication .clavierSliderCom { width: 730px; } #sliderCatComm ul, #sliderCatComm li { margin: 0; padding: 0; list-style: none; text-align: inherit; display: inherit; } #sliderCatComm, #sliderCatComm li { overflow: hidden; height: 30px; } .msie6 #sliderCatComm, .msie6 #sliderCatComm li { height: 30px; } #sliderCatComm .selected { color: #ffffff; font-weight: bold; background-color: #b2b2b2; -moz-border-radius: 8px 8px 0px 0px; border-bottom: solid 6px #b2b2b2; width: 152px; } .msie6 #sliderCatComm .selected { color: #ffffff; font-weight: bold; background-color: #b2b2b2; -moz-border-radius: 8px 8px 0px 0px; border-bottom: solid 6px #b2b2b2; width: 146px; } .categorieCom { font-size: 16px; color: Black; font-weight: normal; float: left; text-align: center; padding-top: 6px; width: 148px; text-align: center; } .msie6 .categorieCom { font-size: 16px; color: Black; font-weight: normal; float: left; text-align: center; padding-top: 6px; width: 146px; text-align: center; } .categorieCom:hover { cursor: pointer; } #sliderElementHead, #sliderElement, #sliderchart { margin: 0; list-style: none; text-align: center; overflow: hidden; background-color: #b2b2b2; padding: 10px; } .msie6 #sliderElementHead, .msie6 #sliderElement, .msie6 #sliderchart { padding: 5px; margin: 0px; padding-top: 5px; height: auto; } #sliderElement { min-height: 25px; } #elements { height: 405px; margin-top: 5px; } .element { vertical-align: middle; text-align: center; padding: 5px; margin: 10px; float: left; color: #000; height: 120px; width: 339px; border-bottom: solid 1px #a9a9a9; } /*style générique*/ #sliderElementCompositions1, #sliderElementUne1 { background-image: url(haut_alune1.png); background-repeat: no-repeat; padding-top: 10px; } #elementsCompositions1, #elementsUne1 { background-image: url(fond_alune1.png); background-repeat: repeat-y; } #sliderElementCompositions2, #sliderElementUne2 { background-image: url(haut_alune2.png); background-repeat: no-repeat; padding-top: 10px; } #elementsCompositions2, #elementsUne2 { background-image: url(fond_alune2.png); background-repeat: repeat-y; } #sliderElementCompositions3, #sliderElementUne3 { background-image: url(haut_alune3.png); background-repeat: no-repeat; padding-top: 10px; } #elementsCompositions3, #elementsUne3 { background-image: url(fond_alune3.png); background-repeat: repeat-y; } .msie6 #sliderElementCompositions1, .msie6 #sliderElementUne1 { background: transparent; padding-top: 10px; } .msie6 #elementsCompositions1, .msie6 #elementsUne1 { background: transparent; } .msie6 #sliderElementCompositions2, .msie6 #sliderElementUne2 { background: transparent; padding-top: 10px; } .msie6 #elementsCompositions2, .msie6 #elementsUne2 { background: transparent; } .msie6 #sliderElementCompositions3, .msie6 #sliderElementUne3 { background: transparent; padding-top: 10px; } .msie6 #elementsCompositions3, .msie6 #elementsUne3 { background: transparent; } .elmComm { width: 203px; float: left; margin: 10px; margin-left: 15px; text-align: center; font-size: 12px; padding-right: 5px; padding-left: 5px; } .msie6 .elmComm { background-color: #fff; width: 203px; float: left; margin: 5px; margin-left: 10px; text-align: center; font-size: 12px; padding-right: 5px; padding-left: 5px; } .elmComm img { border: solid 0 transparent; } .voirFichier { float: right; background-image: url(oeil.png); background-repeat: no-repeat; padding-right: 25px; height: 20px; padding-top: 6px; background-position: right top; } .voirFichier:hover { background-image: url(oeilh.png); color: #2F5FA9; } .msie6 .voirFichier { float: right; background-image: url(oeilie6.png); background-repeat: no-repeat; padding-right: 25px; height: 20px; padding-top: 6px; background-position: right top; } .msie6 .voirFichier:hover { background-image: url(oeilhie6.png); color: #2F5FA9; } .header { } .content-action, .header-action { float: right; } .msie6 .header-action { width: 20%; } .header-action-a, .content-action-a { font-size: 10px; } .header-titre-elm { font-size: 17px; font-weight: bold; color: Black; text-align: center; margin-bottom: 10px; } .header-titre { color: #2F5FA9; font-weight: bold; text-align: center; font-size: 14px; } .header-titre-left { color: #2F5FA9; font-weight: bold; float: left; font-size: 14px; } .msie6 .header-titre-left { color: #FF3075; font-weight: bold; float: left; font-size: 14px; width: 80%; } .header-titre-a { font-size: 14px; } .header-date, .content-date { background-color: #666666; color: #fff; font-weight: bold; text-align: center; } .content { padding-bottom: 10px; /* padding-top: 10px;*/ } .content-date { margin-bottom: 5px; margin-top: 5px; } .msie6 .content-date { width: 146px; } .content-action { padding-top: 5px; } .content-libelle-head { color: #2F5FA9; font-weight: bold; text-align: left; font-size: 13px; } .content-libelle-left { text-align: left; padding-bottom: 10px; padding-top: 5px; padding-left: 8px; padding-right: 8px; } .content-libelle-center { text-align: center; padding-bottom: 5px; padding-top: 10px; } .content-texte-right, .content-photo-right { float: right; } .content-texte-left, .content-photo-left { float: left; } .content-texte-right, .content-texte-left { text-align: justify; width: 410px; } .msie6 .content-texte-right, .msie6 .content-texte-left { width: 460px; } .content-texte-center { text-align: justify; padding-left: 8px; padding-right: 8px; padding-top: 7px; } .content-photo-right, .content-photo-left { width: 200px; color: transparent; background-position: center center; clear: both; } .content-photo-center { color: transparent; clear: both; padding-bottom: 5px; padding-top: 5px; padding-left: 7px; padding-right: 7px; text-align: center; } .msie6 .content-photo-right, .msie6 .content-photo-left, .msie6 .content-photo-center { width: 146px; } /*A la une*/ .NewsUne a { font-size: 10px; } /*Actualites*/ .news { text-align: left; color: #000; background-color: #fff; margin: 10px; padding: 15px; -moz-border-radius: 8px 8px 8px 8px; } .news a { font-size: 10px; } .msie6 .news { margin: 5px; padding: 15px 5px; } .news .titre { color: #2F5FA9; font-weight: bold; font-size: 18px; padding-bottom: 15px; } .msie6 .news .titre { color: #2F5FA9; font-weight: bold; font-size: 18px; float: left; width: 500px; padding: 15px; } .news .date { background-color: #666666; float: left; width: 200px; text-align: center; color: #ffffff; font-weight: bold; } .news .image { width: 200px; float: left; text-align: center; margin-right: 40px; padding-bottom: 10px; padding-top: 10px; } .news .texte { text-align: justify; font-weight: normal; float: left; width: 59%; } span#btnNextNews a { display: block; height: 16px; width: 25px; float: left; top: 300px; background: url(down.png) no-repeat; } .msie6 span#btnPrevNews a { display: block; height: 16px; width: 25px; float: right; top: 300px; background: url(upie6.png) no-repeat; } .msie6 span#btnNextNews a { display: block; height: 16px; width: 25px; float: left; top: 300px; background: url(downie6.png) no-repeat; } span#btnPrevNews a { display: block; height: 16px; width: 25px; float: right; top: 300px; background: url(up.png) no-repeat; } .sliderNews ul, .sliderNews li { padding: 0; list-style: none; text-align: center; position: relative; } .sliderNews, .sliderNews li { height: 304px; overflow: hidden; background-color: #b2b2b2; position: relative; } /*Composition*/ .compositionCom .header { width: 709px; height: 25px; } .compositionCom .header .date { font-weight: bold; float: left; color: #ffffff; font-size: 17px; margin-left: 15px; } .compositionCom .header .choixDate { float: left; margin-left: 138px; color: white; } .compositionCom .header .btn { float: right; margin-right: 4px; } .compositionCom .header .btnReserver { width: 130px; height: 16px; padding: 2 2 2 2; background-image: url(bt.jpg); background-repeat: no-repeat; text-align: center; -moz-border-radius: 3px 3px 3px 3px; margin-top: 5px; } .compositionCom .header .btnReserver:hover { cursor: pointer; font-weight: bold; } .CompositionMenu { background-color: #ffffff; } .zoneCompoMenu { margin-left: 20px; } .selectType { margin-left: 40px; min-width: 90px; } /*Affluence*/ .divAffluence { background-color: #ffffff; margin: 10px; padding: 10px; -moz-border-radius: 8px 8px 8px 8px; } .divAffluence .progressBar { margin-left: 55px; } .divAffluence .litPlacesDispo { margin-bottom: 15px; width: 343px; margin-left: 55px; text-align: right; font-weight: bold; color: #666666; } .divAffluence #chtAffluenceDiv { } /*Services*/ .contactCom { float: left; width: 208px; margin: 10px; margin-top: 5px; margin-left: 30px; font-size: 14px; text-align: left; color: #000000; } .contactCom .entete { width: 213px; height: 10px; background-image: url(bloc_entete_comm.png); background-repeat: no-repeat; } .msie6 .contactCom .entete { background-position: bottom center; background-image: url(bloc_entete_commie6.png); } .contactCom .titre { font-size: 18px; font-weight: bold; } .contacts { height: 365px; width: 188px; background-color: #ffffff; padding: 10px; overflow: auto; padding-left: 15px; -moz-border-radius: 0px 0px 5px 5px; } .contact { font-size: 12px; padding-left: 8px; padding-right: 8px; } .contact .libelle { color: #2F5FA9; border-bottom: solid 2px #2F5FA9; font-weight: bold; margin-top: 5px; font-size: 14px; } .contact .content { color: #666666; line-height: 18px; } .contact .content a { color: #000000; } .contact .content a:hover { font-weight: bold; } .service { min-height: 110px; width: 340px; text-align: left; color: #000000; margin-bottom: 5px; border-bottom: solid 1px black; } .msie6 .service { height: 110px; } .service a { color: transparent; font-size: 10px; border: solid 0px transparent; } .service-header-action { float: right; } .msie6 .service-header-action { width: 35%; } .service-header-titre { height: 12px; padding-bottom: 5px; color: #2F5FA9; font-weight: bold; font-size: 14px; float: left; } .msie6 .service-header-titre { width: 65%; } .service-header-titre a { color: #2F5FA9; font-weight: bold; font-size: 14px; } .service .voirFichier { margin-top: 0 !important; color: #666666; background-image: url(oeil.png); background-repeat: no-repeat; padding: 6px 25px 0 0; background-position: right top; } .service .voirFichier:hover { background-image: url(oeilh.png); color: #2F5FA9; } .msie6 .service .voirFichier { margin-top: 0 !important; color: #666666; background-image: url(oeilie6.png); background-repeat: no-repeat; padding: 6px 25px 0 0; background-position: right top; } .msie6 .service .voirFichier:hover { background-image: url(oeilhie6.png); color: #2F5FA9; } .service-content { width: 345px; } .service-content-photo { float: right; width: 120px; } .service-content-texte { float: left; width: 215px; text-align: justify; margin-right: 5px; margin-top: 10px; } .litPlacesDispo content-texte-center { font-weight: bold; } span#btnPrevService a { display: block; height: 16px; left: 710px; position: absolute; top: 20px; width: 25px; background: url(up.png) no-repeat; } span#btnNextService a { display: block; height: 16px; left: 710px; position: absolute; top: 395px; width: 25px; background: url(down.png) no-repeat; } .msie6 span#btnPrevService a { display: block; height: 16px; left: 700px; position: absolute; top: 20px; width: 25px; background: url(upie6.png) no-repeat; } .msie6 span#btnNextService a { display: block; height: 16px; left: 700px; position: absolute; top: 395px; width: 25px; background: url(downie6.png) no-repeat; } .sliderService ul, .sliderService li { margin: 0; padding: 0; list-style: none; text-align: center; } .sliderService, .sliderService li { overflow: hidden; background-color: #b2b2b2; padding: 10px; background-color: #ffffff; -moz-border-radius: 5px 5px 5px 5px; } .sliderService { height: 370px; float: right; width: 350px; margin: 10px; margin-right: 30px; } .msie6 .sliderService { height: 385px; float: right; width: 350px; margin: 10px; margin-right: 20px; padding: 5px; } /*---------------------------------------------------------------*/ /*-------------------------réservation-------------------------*/ /*---------------------------------------------------------------*/ .touche { vertical-align: middle; display: inline; text-align: center; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; padding-top: 5px; padding-bottom: 5px; float: left; font-size: 12px; font-weight: bold; color: #000; } .touche:hover { cursor: pointer; /*border: solid 0.5px #888888; -moz-box-shadow: 0px 0px 1px #5b5b5b;*/ } .msie6 .touche { padding-bottom: 0px; } .categorie { font-size: 14px; width: 105px; } .typePrst { font-size: 14px; width: 105px; border-color: #31AACF !important; } .msie6 .prstCategorie { padding: 0px; } .prstCategorie .prestation, .prstMenu .prestation, .menusWebs .menuWeb { width: 81px; height: 55px; padding-top: 15px; margin: 2px; -moz-border-radius: 0px 15px 0px 15px; border-radius: 0px 15px 0px 15px; } .msie6 .prstCategorie .prestation { margin: 2px; padding-top: 3px; padding-bottom: 0px; } .prstMenu .prestation, .menusWebs .menuWeb { background-color: #0092b8; } .prestation .libelle, .menuWeb .nomMenu { height: 43px; padding-left: 3px; padding-right: 3px; } .msie6 .prestation .libelle { overflow: hidden; } .prestation .footer { } .prestation .prix, .menuWeb .prix { float: left; font-weight: bold; padding-left: 5px; } .prestation .btnInfoPresta { float: right; cursor: pointer !important; width: 17px; height: 17px; } .btnInfoPresta { background-image: url(bt_infos_presta.png); background-repeat: no-repeat; background-position: right bottom; } .msie6 .btnInfoPresta { background-image: url(bt_infos_prestaie6.png); background-repeat: no-repeat; background-position: right bottom; } #sliderMenu .selected { border-bottom: solid 3px; cursor: pointer; font-weight: bold; } #clavier { float: left; width: 500px; padding: 10px; position: relative; } #clavier .jes-button-content { padding: 26px 5px; width: 84px; } #reservation { text-align: left; font-size: 12px; padding-left: 10px; } #commandePanel { text-align: right; } #commande { width: 168px; padding-right: 7px; min-height: 290px; -moz-border-radius: 0 0 5px 5px; font-family: Calibri; padding-bottom: 5px; padding-top: 5px; font-size: 11px; } .msie6 #commande { height: 290px; } #total { padding-right: 7px; -moz-border-radius: 0 0 5px 5px; font-family: Calibri; padding-bottom: 5px; padding-top: 5px; font-size: 12px; font-weight: bold; } .commandTitle { text-align: left; font-size: 15px; color: #2F5FA9; padding-top: 5px; background-image: url(fleche_bleu.png); background-repeat: no-repeat; background-position: left center; padding-left: 15px; font-weight: bold; } .commandHead { background-image: url(haut_ticket.png); background-repeat: no-repeat; padding-left: 15px; /* padding-top: 5px; height: 70px;*/ padding-top: 10px; height: 65px; width: 166px; } .commandBody { background-image: url(milieu_ticket.png); background-repeat: repeat; } .commandFeet { background-image: url(bas_ticket.png); background-repeat: no-repeat; height: 15px; } #commande .menu { text-align: left; padding-left: 8px; } #commande .lgPrestation { font-weight: normal; } #commande .prixMenu { float: right; } #commande .qte { float: left; padding-left: 4px; width: 30px; } #commande .lib { width: 110px; overflow: hidden; text-align: right; } #commande .prix { float: right; padding-left: 2px; width: 35px; } #commande .total { text-align: right; font-weight: bold; } .textboxQteTck { width: 15px; height: 12px; font-size: 10px; text-align: right; } .lgPrestation { width: 100%; line-height: 28px; } .tbQte, .tbDtQte { width: 20px; font-size: 10px; vertical-align: middle; } #commandButton { text-align: center; } #commandButton .jes-button-content { width: 45px; padding: 1px; color: black; font-weight: normal; font-size: 12px; } #commandButton .jes-button { margin-bottom: 5px; background-image: url(ombre.png); background-repeat: repeat; } #headSelection { height: 30px; } #clavierMenu { float: left; padding-bottom: 10px; } #informationClavier { -moz-border-radius: 5px 5px 5px 5px; background: -moz-linear-gradient(top, #464D53, #2B3036); height: 15px; color: white; font-size: 13px; font-weight: bold; padding: 5px; margin-bottom: 10px; } .information { color: #464D53; font-size: 12px; font-weight: bold; padding: 3px 5px 3px 5px; -moz-border-radius: 3px 3px 3px 3px; display: inline; } .ligneClavier { padding: 2px; } .clavierSlider { padding-left: 30px; padding-right: 30px; padding-top: 10px; width: 425px; } #slider ul, #slider li { margin: 0; padding: 0; list-style: none; text-align: center; } #slider, #slider li { width: 450px; overflow: hidden; } #sliderMenu ul, #sliderMenu li { margin: 0; padding: 0; list-style: none; text-align: inherit; display: inherit; } #sliderMenu, #sliderMenu li { width: 450px; overflow: hidden; background-image: url(ombre.png); background-position: center 30px; background-repeat: no-repeat; height: 40px; } #sliderMn, #sliderMn li { width: 450px; overflow: hidden; } span#btnNextMenu a { display: block; height: 43px; left: 495px; position: absolute; top: 90px; width: 27px; background: -moz-linear-gradient(top, #ffffff, #cccccc); background: url(next.png) no-repeat scroll 0 0px transparent; -moz-border-radius: 2px 2px 2px 2px; border: solid 1px #c2c2c2; } span#btnPrevMenu a { display: block; height: 43px; left: 7px; position: absolute; top: 90px; width: 27px; background: -moz-linear-gradient(top, #ffffff, #cccccc); background: url(prev.png) no-repeat scroll 0 -0px transparent; -moz-border-radius: 2px 2px 2px 2px; border: solid 1px #c2c2c2; } span#btnPrevMenu a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } span#btnNextMenu a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } span#btnNext a { display: block; height: 43px; left: 495px; position: absolute; top: 170px; width: 27px; background: -moz-linear-gradient(top, #ffffff, #cccccc); background: url(next.png) no-repeat; -moz-border-radius: 2px 2px 2px 2px; border: solid 1px #c2c2c2; } span#btnPrev a { display: block; height: 43px; left: 8px; position: absolute; top: 170px; width: 27px; background: -moz-linear-gradient(top, #ffffff, #cccccc); background: url(prev.png) no-repeat; -moz-border-radius: 2px 2px 2px 2px; border: solid 1px #c2c2c2; } span#btnPrev a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } span#btnNext a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } /*menu*/ .ecriture_carte, .ecriture_menu { font-family: Verdana, Geneva, sans-serif; font-size: 15px; } .unselect { color: #808080; } .ecriture_carte { color: #F5AC00; text-align: right; } .ecriture_menu { text-align: left; color: #31AAD0; } .btnCarte, .btnMenu, .titre_menu, .titre_carte { width: 25%; } .titre_menu, .titre_carte { font-weight: bold; } .titre_menu, .btnCarte { text-align: left; } .btnMenu, .titre_carte { text-align: right; } /*---------------------------------------------------------------*/ /*Compositions carte/Menu/suggestion*/ /*---------------------------------------------------------------*/ .zoneComposition { background-color: #b2b2b2; padding: 15px; } .msie6 #clavierCateg { width: 680px; } .clavierSliderCompo { position: relative; } .msie6 .clavierSliderCompo { width: 700px; margin-left: 0px; } .titreCompo { background-image: url(fleche_jaune.png); background-position: left center; background-repeat: no-repeat; padding-left: 15px; font-size: 16px; color: #000000; width: 40%; float: left; } .recherche { width: 50%; float: right; text-align: right; margin-right: 40px; } .categorieCompo { float: left; padding: 10px 5px 10px 5px; margin: 5px 30px 5px 0px; width: 143px; height: 20px; background-image: url(bt-menuh.png); background-repeat: no-repeat; border: solid 0px transparent; text-align: center; } .categorieCompo:hover { cursor: pointer; font-weight: bold; } #sliderCatCompo ul, #sliderCatCompo li { margin: 0; padding: 0; list-style: none; text-align: inherit; display: inherit; } #sliderCatCompo, #sliderCatCompo li { overflow: hidden; height: 60px; } #sliderCatCompo .selected { color: #2F5FA9; font-weight: bold; } #sliderCateg ul, #sliderCateg li { margin: 0; padding: 0; list-style: none; text-align: inherit; display: inherit; } #sliderCateg, #sliderCateg li { width: 600px; overflow: hidden; height: 35px; } #sliderCateg .selected { color: #2F5FA9; font-weight: bold; background-color: #ffffff; -moz-border-radius: 5px 5px 0px 0px; border-bottom: solid 5px #ffffff; } #sliderCatPrst ul, #sliderCatPrst li { margin: 0; padding: 0; list-style: none; text-align: inherit; display: inherit; } #sliderCatPrst, #sliderCatPrst li { overflow: hidden; height: 35px; } #sliderCatPrst .selected { color: #2F5FA9; font-weight: bold; background-color: #ffffff; -moz-border-radius: 5px 5px 0px 0px; border-bottom: solid 5px #ffffff; } .catPrst { padding: 5px; margin: 10px 10px 10px 0px; width: 100px; float: left; text-align: center; } .catPrst:hover { cursor: pointer; } .prstCategorieCompo { padding: 5px 15px; background-color: #ffffff; } .prstCompo { margin-bottom: 3px; } .prstCompo input { margin-right: 5px; } #sliderPrstCategorie ul, #sliderPrstCategorie li { width: 675px; margin: 0; padding: 0; list-style: none; text-align: left; display: inherit; overflow: hidden; } #sliderPrstCategorie, #sliderPrstCategorie li { width: 675px; float: left; height: 255px; overflow: hidden; } .msie6 #sliderPrstCategorie, .msie6 #sliderPrstCategorie li { float: left; height: 255px; overflow: hidden; width: 650px; } #sliderPrstCategorie table { width: 100%; } .btnPrevPrsts a { display: block; height: 43px; left: 8px; position: absolute; top: 170px; width: 27px; background: url(prev.png) no-repeat; } .btnNextPrsts a { display: block; height: 43px; left: 8px; position: absolute; top: 170px; width: 27px; background: url(next.png) no-repeat; } .btnNextPrsts a:hover, .btnPrevPrsts a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } #sliderCompoMenu ul, #sliderCompoMenu li { margin: 0; padding: 0; list-style: none; text-align: center; display: inherit; } #sliderCompoMenu { width: 600px; height: 30px; overflow: hidden; margin-right: 30px; margin-top: 10px; } #sliderCompoMenu table { width: 100%; } span#btnPrevTypePrst a { display: block; height: 25px; left: 675px; position: absolute; top: 28px; width: 16px; background: url(left.png) no-repeat; } span#btnNextTypePrst a { display: block; height: 25px; left: 695px; position: absolute; top: 28px; width: 16px; background: url(right.png) no-repeat; } .btnPrevTypePrst a:hover, .btnNextTypePrst a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } span#btnPrevPrstCompo a { display: block; height: 25px; left: 675px; position: absolute; top: 230px; width: 16px; background: url(left.png) no-repeat; } span#btnNextPrstCompo a { display: block; height: 25px; left: 695px; position: absolute; top: 230px; width: 16px; background: url(right.png) no-repeat; } .btnPrevPrstCompo a:hover, .btnNextPrstCompo a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } .typePrstCompo { font-size: 14px; width: 100px; float: left; padding: 5px; } .typePrstCompo:hover { cursor: pointer; } #sliderCompoMenu .selected { color: #2F5FA9; font-weight: bold; background-color: #ffffff; -moz-border-radius: 5px 5px 0px 0px; border-bottom: solid 5px #ffffff; } #sliderMenuCompo ul, #sliderMenuCompo li { margin: 0; padding: 0; list-style: none; text-align: inherit; display: inherit; } #sliderMenuCompo li { width: 675px; margin: 0; padding: 0; list-style: none; text-align: left; display: inherit; overflow: hidden; } .menusCompo { padding: 5px 15px; background-color: #ffffff; -moz-border-radius: 8px 8px 0px 0px; } .menuCompo { margin-bottom: 5px; } .menuCompo input { margin-right: 5px; } .btnPrevMenu a { display: block; height: 43px; left: 8px; position: absolute; top: 170px; width: 27px; background: url(prev.png) no-repeat; } .btnNextMenu a { display: block; height: 43px; left: 8px; position: absolute; top: 170px; width: 27px; background: url(prev.png) no-repeat; } .btnPrevMenu a:hover, .btnNextMenu a:hover { border: solid 1px #888888; -moz-box-shadow: 0px 0px 3px #5b5b5b; cursor: pointer; } /*Compositions carte/Menu/suggestion*/ /*Paramétrages*/ .gererMenuOk { padding-left: 25px; } .box { margin-bottom: 10px; } /*breadCrumb */ #breadCrumb { color: #333; font-size: 11px; color: #7d7e80; float: left; margin-left: 15px; } .msie6 #breadCrumb { padding-left: 16px; margin-left: 0px; } .bread-crumb-label { } .bread-crumb-label-last { font-weight: bold; } .bread-crumb-separator { margin: 0 5px; } .bread-crumb-label-accueil a { background-image: url(Accueil.png); background-position: left top; background-repeat: no-repeat; padding: 3px 8px 0; } .msie6 .bread-crumb-label-accueil a{line-height:18px;} .titreInfo { color: #31AACF; font-size: 20px; font-style: normal; font-weight: bold; } .mentions { padding-top: 10px; font-size: 12px; float: left; margin-left: 5px; } /*Gestion categorie edit*/ .couleursBase { display: block; width: 250px; } .couleurBasique { margin: 1px; width: 25px; height: 25px; float: left; border-color: #BABCBC; border-width: 2px 1px 1px 2px; border-style: solid; } .couleurBasique:hover { border-width: 2px 1px 1px 2px; border-color: #ffffff; } .btnPersonnaliser { background-color: #a0a0a0; height: 20px; width: 170px; border: solid 0px transparent; cursor: pointer; -moz-box-shadow: 0px 0px 3px #5b5b5b; text-align: center; margin-top: 20px; } .btnPersonnaliser:hover { border: solid 1px #888888; cursor: pointer; height: 18px; width: 168px; } /* ---------------------------------------------------------------- Les éléments du ColorPicker ---------------------------------------------------------------- */ .colorpicker { width: 356px; height: 176px; overflow: hidden; position: absolute; background: url(ColorPicker/custom_background.png); font-family: Arial, Helvetica, sans-serif; display: none; } .colorpicker_color { width: 150px; height: 150px; left: 14px; top: 13px; position: absolute; background: #f00; overflow: hidden; cursor: crosshair; } .colorpicker_color div { position: absolute; top: 0; left: 0; width: 150px; height: 150px; background: url(ColorPicker/colorpicker_overlay.png); } .colorpicker_color div div { position: absolute; top: 0; left: 0; width: 11px; height: 11px; overflow: hidden; background: url(ColorPicker/colorpicker_select.gif); margin: -5px 0 0 -5px; } .colorpicker_hue { position: absolute; top: 13px; left: 171px; width: 35px; height: 150px; cursor: n-resize; } .colorpicker_hue div { position: absolute; width: 35px; height: 9px; overflow: hidden; background: url(ColorPicker/custom_indic.gif) left top; margin: -4px 0 0 0; left: 0px; } .colorpicker_new_color { position: absolute; width: 130px; height: 30px; left: 213px; top: 13px; background: #f00; } .colorpicker_current_color { display: none; position: absolute; width: 60px; height: 30px; left: 283px; top: 13px; background: #f00; } .colorpicker input { background-color: transparent; border: 1px solid transparent; position: absolute; font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #898989; top: 4px; right: 11px; text-align: right; margin: 0; padding: 0; height: 11px; } .colorpicker_hex { position: absolute; width: 72px; height: 22px; background: url(ColorPicker/custom_hex.png) top; left: 212px; top: 142px; } .colorpicker_hex input { right: 6px; } .colorpicker_field { height: 22px; width: 62px; background-position: top; position: absolute; } .colorpicker_field span { position: absolute; width: 12px; height: 22px; overflow: hidden; top: 0; right: 0; cursor: n-resize; } .colorpicker_rgb_r { background-image: url(ColorPicker/custom_rgb_r.png); top: 52px; left: 212px; } .colorpicker_rgb_g { background-image: url(ColorPicker/custom_rgb_g.png); top: 82px; left: 212px; } .colorpicker_rgb_b { background-image: url(ColorPicker/custom_rgb_b.png); top: 112px; left: 212px; } .colorpicker_hsb_h { background-image: url(ColorPicker/custom_hsb_h.png); top: 52px; left: 282px; } .colorpicker_hsb_s { background-image: url(ColorPicker/custom_hsb_s.png); top: 82px; left: 282px; } .colorpicker_hsb_b { background-image: url(ColorPicker/custom_hsb_b.png); top: 112px; left: 282px; } .colorpicker_submit { display: none; position: absolute; width: 22px; height: 22px; background: url(ColorPicker/custom_submit.png) top; left: 322px; top: 142px; overflow: hidden; } .colorpicker_focus { background-position: center; } .colorpicker_hex.colorpicker_focus { background-position: bottom; } .colorpicker_submit.colorpicker_focus { background-position: bottom; } .colorpicker_slider { background-position: bottom; } .containerPanelColor { padding-left: 5px; } .colorpicker_color div, .colorpicker_color div div { behavior: url(iepngfix.htc); } #colorSelector2, #colorSelector2 div, #colorSelector2 div div { behavior: url(iepngfix.htc); } #colorSelector, #colorSelector div { behavior: url(iepngfix.htc); } /* ---------------------------------------------------------------- FIN Les éléments du ColorPicker ---------------------------------------------------------------- */ .rappel { font-weight: bold; } /* ---------------------------------------------------------------- Rechargement multi-contrats ---------------------------------------------------------------- */ .contrat { text-align: center; padding: 15px; border-style: outset; margin: 20px 80px; } .contrat .titre { font-weight: bold; padding: 10px; } .btnTpePfbNet, .btnTpeBnp, .btnTpeCA, .btnTpePaybox, .btnTpeCreditMutuel { display: inline-block; margin: 0px 5px; cursor:pointer} .boutonEtape { background-color: #e4e3e6; padding: 5px 0px 1px 5px; color: #000000; } /* ---------------------------------------------------------------- Communication sur la page d'accueil ----------------------------------------------------------------*/ #conteneurCom { height: 630px !important; margin-bottom:10px} .divCommunication { display: inline-block; float: left; background-color: #B2B2B2; border-radius: 0 10px; } .UneColonne { display: block; } .UneColonne, .DeuxColonnes { width: 420px; } .msie6 .UneColonne, .msie6 .DeuxColonnes { width: 400px; } .TroisColonnes { width: 630px; } .msie6 .TroisColonnes { width: 600px; } .elmCommAccueil { width: 162px; float: left; margin: 16px; margin-left: 19px; margin-bottom: 16px; text-align: justify; font-size: 12px; padding: 6px; height: 250px; background-color: #ffffff; border-radius: 10px; overflow: hidden; } .msie6 .elmCommAccueil { margin: 10px; } #selectionRestaurant { padding-top: 15px; margin: 0 15px; color: #ffffff; font-weight: normal; font-size: 13px; text-align: center; } #selectionRestaurant .ddList { text-align: left; } .EspaceCommunication { padding-top: 10px; display: inline-block; } .EspaceCommunication .Un, .EspaceCommunication .Deux { width: 400px !important; float: left; } .EspaceCommunication .Trois { width: 350px !important; float: left; } .loginBox { background: url("Accueil/connexion.png") no-repeat scroll 0 0 transparent; width: 350px; height: 165px; margin-left: 580px; background-position: 20px; margin-bottom: 15px; margin-top: 46px; } .Un .loginBox, .Deux .loginBox, .Trois .loginBox { background: url("Accueil/connexion.png") no-repeat scroll 0 0 transparent; width: 300px; height: 165px; margin-left: 0; margin-top: 0; } .Un .loginBox, .Deux .loginBox { width: 350px !important; background-position: 20px 0%; margin-left: 210px; } .msie6 .Un .loginBox, .msie6 .Deux .loginBox { margin-left: 200px; } .Trois .loginBox { width: 350px !important; background-position: 20px; /*margin-bottom: 15px; */ } .msie6 .Trois .loginBox { width: 350px !important; /*margin-bottom: 15px; */ } .ImageAccueil { background: url("Accueil/accueil-sscom.png") no-repeat; position: absolute; top: 270px; left: 270px; width: 352px; height: 307px; } .Un .ImageAccueil, .Deux .ImageAccueil, .Trois .ImageAccueil { background: url("Accueil/accueil-sscom.png") no-repeat scroll 0 0 transparent; float: left; width: 250px; height: 190px; position: static; } .Un .ImageAccueil, .Deux .ImageAccueil { background: url("Accueil/accueil_max.png") no-repeat scroll left 0px transparent; float: left; width: 315px; height: 280px; margin-left: 80px; /*margin-bottom: 15px; */ } .msie6 .Un .ImageAccueil, .msie6 .Deux .ImageAccueil { margin-left: 30px; width: 450px; } .Trois .ImageAccueil { background: url("Accueil/accueil_min.png") no-repeat scroll left 0px transparent; float: left; width: 320px; height: 280px; margin-left: 30px; } .msie6 .Trois .ImageAccueil, .msie8 .Trois .ImageAccueil { width: 300px;height: 240px; } .MessageAccueil { display: inline; position: absolute; top: 180px; left: 50px; color: #2F5FA9;} .MessageAccueil h1 { font-size: 28px; padding-bottom: 10px; } .MessageAccueil h3 { font-size: 20px; font-weight: normal; color: #333333; line-height: 28px; font-weight: normal; } .Un .MessageAccueil, .Deux .MessageAccueil, .Trois .MessageAccueil { line-height: 25px; margin-left: 50px; position: static; } .Un .MessageAccueil h1, .Deux .MessageAccueil h1 { font-size: 26px; padding-bottom: 10px; margin-left: 50px; width: 400px; } .Un .MessageAccueil h3, .Deux .MessageAccueil h3 { font-size: 18px; font-weight: normal; margin-left: 50px; width: 500px; color: #333333; line-height: 28px; } .Trois .MessageAccueil h1 { font-size: 19px; margin-left: 20px; padding-bottom: 10px; } .Trois .MessageAccueil h3 { font-size: 14px; line-height: 25px; color: #333333; width: 280px; margin-left: 22px; font-weight: normal; } .ComRememberMe { font-size: 10px !important; color:#ffffff; } .msie6 .rememberMe .ComRememberMe {width:100%;} /*.left {text-align:left;}*/ .elmCommAccueil .progressBar { width: 162px; height: 41px; background: url(Accueil/bg_bar_accueil.gif) no-repeat 0 0; position: relative; } .elmCommAccueil .progressBar .cover { position: absolute; display: block; width: 150px; height: 18px; background: url(Accueil/anim.gif) no-repeat 0 0; top: 12px; left: 6px; overflow: hidden; } .elmCommAccueil .progressBar .pourcentage { color: #000000; font-weight: bold; left: 75px; position: absolute; top: 14px; z-index: 1; } .elmCommAccueil .progressBar div { margin-top: 3px; margin-left: 5px; font-weight: bold; color: #000000; } .elmCommAccueil .progressBar em { position: absolute; display: block; width: 150px; height: 18px; background: url(Accueil/bg_cover.gif) repeat-x 0 0; overflow: hidden; } .titre_bandeauAccueilClient { color: #ffffff; margin-left: 580px; padding-top: 65px; padding-left: 5px; font-weight: normal; font-size: 22px; } .titre_bandeauClient { color: #ffffff; margin-left: 515px; padding-top: 24px; padding-left: 5px; font-weight: normal; font-size: 20px; } .content-photo img { width: 150px; } /*Gestion des erreurs*/ #showerror { width:900px} #showerror #primary {background:none;} .titreerror{padding-top: 175px; text-align: center; font-size: 36px;} .texteerror {font-size: 13px; text-align: center; padding-top: 10px;} #photoerror{height: 450px; background: transparent url(../Errors/warning.jpg) no-repeat; width: 675px;} #complementerror {font-size: 13px; } #retourerror {text-align:right; padding: 10px 0 10px 0} .divInfo{background-color: #f2f2f2;border: 5px solid #2F5FA9;color: Black;margin: auto;padding: 10px 10px 29px 80px;position: absolute;right: 0;text-align: center;top: 379px;width: 642px;z-index: 9002;font-size : 20px;height : 227px;} .divInfo h1{margin-top:90px;}