div.popup { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:999; } div.popup div.popup-box { position:absolute; top:50%; transform:translate(-50%,-50%); left:50%; width:calc(100% - 20px); height:calc(100% - 20px); background:#ffffff; border-radius:8px; box-shadow:0 0 10px #333; overflow-x:hidden; overflow-y:auto; z-index:1000; } div.popup div.popup-box div.popup-close { float:right; } div.popup div.popup-box div.popup-close img { position:fixed; margin:10px 0 0 -30px; z-index:1001; cursor:pointer; -webkit-tap-highlight-color:transparent; } div.popup div.popup-box div.popup-container { } div.popup div.popup-box div.popup-container div.popup-content { padding:30px 25px 30px 25px; } div.popup div.popup-box div.popup-container div.popup-content div.popup-close { float:none; } @media screen and (max-width:1023px) { div.popup div.popup-box div.popup-container div.popup-content { } } div.popup div.popup-title { font-size:28px; line-height:30px; font-weight:600; text-transform:uppercase; padding-bottom:5px; } div.popup div.popup-title-error { color:#ff0000; } div.popup div.popup-title-success { color:#33cc00; } div.popup ul { padding-top:10px; } div.popup ul li { margin:7px 0 0 20px; list-style-type:square; } div.popup ul li:first-child { margin-top:0; } div.popup ol { padding-top:10px; } div.popup ol li { margin:7px 0 0 20px; list-style-type:decimal; } div.popup ol li:first-child { margin-top:0; } div.popup li a { color:#36f; font-weight:700; text-decoration:underline; } div.popup p { font-size:15px; line-height:17px; margin-top:10px; } div.popup p a { color:#36f; font-weight:700; text-decoration:underline; } div.popup p a.button { color:#fff; text-decoration:none; padding-left:12px; padding-right:12px; } div.popup p.popup-subtitle { font-size:20px; line-height:22px; font-weight:600; text-transform:uppercase; margin-top:10px; } div.popup p.error { color:#ff0000; font-weight:700; margin-top:20px; } div.popup p.error a { color:#ff0000; } div.popup form p.note { margin-top:15px; color:#666; font-size:14px; line-height:19px; } div.popup form p.note i.fa-asterisk { display:inline-block; font-size:14px; margin-left:2px; width:15px; } div.popup form p.note i.fa-eye-slash { display:inline-block; font-size:12px; width:17px; } #popup-alert div.popup-box { max-width:335px; } #popup-alert div.popup-content * { text-align:center; } #popup-alert div.popup-content form { padding-top:5px; } #popup-confirm div.popup-box { max-width:335px; } #popup-confirm div.popup-content * { text-align:center; } #popup-confirm div.popup-content p { font-weight:300; font-size:20px; line-height:26px; margin:0; } #popup-confirm div.popup-content form { margin-top:25px; } #popup-confirm div.popup-content form input { margin:0 5px; } #popup-relationship div.popup-box { max-width:950px; } #popup-relationship div.popup-content div.left { display:inline-block; vertical-align:top; width:325px; padding:10px 0; } #popup-relationship div.popup-content div.left p { margin:20px 0 15px 0; } #popup-relationship div.popup-content div.right { display:inline-block; vertical-align:top; width:calc(100% - 406px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } /* ========== DÉBUT ========== */ #popup-forgot div.popup-box { max-width:340px; } #popup-forgot div.popup-content * { text-align:center; } #popup-forgot div.popup-content form { text-align:center; margin-top:5px; } #popup-forgot div.popup-content form * { text-align:center; } #popup-ics div.popup-box { max-width:700px; } #popup-ics div.popup-content div.popup-title { padding:0; } #popup-ics div.popup-content p#popup-ics-url { font-size:18px; line-height:20px; font-weight:700; } #popup-subscribe div.popup-box { max-width:340px; } #popup-subscribe div.popup-content div.popup-title { padding:0; } #popup-subscribe div.popup-content div.event-infos { width:calc(100%); background:#ddd; border-radius:8px; padding:5px; margin:15px 0 0 -5px; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box { background:#fff; border-radius:5px; padding:14px; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.time { font-size:15px; line-height:18px; font-weight:400; color:#333; abackground:#eee; aborder-radius:5px; padding:0 0 10px 0; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.group div.name a { display:inline-block; font-size:15px; line-height:15px; font-weight:700; background:#777; color:#fff; padding:5px 7px; border-radius:4px; /*font-size:16px; line-height:20px; font-weight:700; color:#000;*/ } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.group div.subgroup a { display:inline-block; font-size:13px; line-height:13px; font-weight:400; background:#aaa; color:#fff; padding:5px 7px; border-radius:4px; margin:1px 1px 0 0; /*font-size:15px; line-height:18px; font-weight:400; color:#333;*/ } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.title { font-size:25px; line-height:27px; font-weight:700; color:#000; padding:12px 0 0 0; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.title a { font-size:25px; line-height:27px; font-weight:700; color:#000; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details { margin-top:10px; border-top:1px dotted #999; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.place { padding-top:11px; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.place i { float:left; font-size:17px; color:#aaa; margin:0 0 0 1px; width:20px; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.place div.info { float:left; width:calc(100% - 21px); font-size:15px; line-height:18px; font-weight:400; color:#333; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.place div.info a { color:#333; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.place div.info span { white-space:nowrap; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.note { padding-top:4px; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.note i { float:left; font-size:14px; color:#aaa; margin-top:8px; width:21px; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.note div.info { float:left; width:calc(100% - 21px); font-size:15px; line-height:18px; font-weight:400; color:#333; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.note div.categories-items { float:left; width:calc(100% - 21px); } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.note div.categories-items div.type { float:left; font-size:15px; line-height:18px; font-weight:400; color:#333; padding:5px 15px 0 0; } #popup-subscribe div.popup-content div.event-infos div.event-infos-box div.details div.note div.categories-items div.type strong { font-size:16px; line-height:20px; color:#333; font-weight:700; } #popup-subscribe div.popup-content .buttons .button { margin-right:10px; } #popup-status div.popup-box { max-width:340px; } #popup-status div.popup-content div.popup-title { padding:0; } #popup-status div.popup-content div.event-infos { width:calc(100%); background:#ddd; border-radius:8px; padding:5px; margin:15px 0 0 -5px; } #popup-status div.popup-content div.event-infos div.event-infos-box { background:#fff; border-radius:5px; padding:14px; } #popup-status div.popup-content div.event-infos div.event-infos-box div.time { font-size:15px; line-height:18px; font-weight:400; color:#333; padding:0 0 10px 0; } #popup-status div.popup-content div.event-infos div.event-infos-box div.group div.name a { display:inline-block; font-size:15px; line-height:15px; font-weight:700; background:#777; color:#fff; padding:5px 7px; border-radius:4px; /*font-size:16px; line-height:20px; font-weight:700; color:#000;*/ } #popup-status div.popup-content div.event-infos div.event-infos-box div.group div.subgroup a { display:inline-block; font-size:13px; line-height:13px; font-weight:400; background:#aaa; color:#fff; padding:5px 7px; border-radius:4px; margin:1px 1px 0 0; /*font-size:15px; line-height:18px; font-weight:400; color:#333;*/ } #popup-status div.popup-content div.event-infos div.event-infos-box div.title { font-size:25px; line-height:27px; font-weight:700; color:#000; padding:12px 0 0 0; } #popup-status div.popup-content div.event-infos div.event-infos-box div.title a { font-size:25px; line-height:27px; font-weight:700; color:#000; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details { margin-top:10px; border-top:1px dotted #999; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.place { padding-top:11px; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.place i { float:left; font-size:17px; color:#aaa; margin:0 0 0 1px; width:20px; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.place div.info { float:left; width:calc(100% - 21px); font-size:15px; line-height:18px; font-weight:400; color:#333; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.place div.info a { color:#333; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.place div.info span { white-space:nowrap; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.note { padding-top:4px; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.note i { float:left; font-size:14px; color:#aaa; margin-top:8px; width:21px; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.note div.info { float:left; width:calc(100% - 21px); font-size:15px; line-height:18px; font-weight:400; color:#333; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.note div.categories-items { float:left; width:calc(100% - 21px); } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.note div.categories-items div.type { float:left; font-size:15px; line-height:18px; font-weight:400; color:#333; padding:5px 15px 0 0; } #popup-status div.popup-content div.event-infos div.event-infos-box div.details div.note div.categories-items div.type strong { font-size:16px; line-height:20px; color:#333; font-weight:700; } #popup-status div.popup-content div.attendance { display:block; width:calc(100% - 12px); padding:9px 11px 7px 11px; margin:15px 0 5px -5px; border-radius:5px; cursor:pointer; -webkit-tap-highlight-color:transparent; } #popup-status div.popup-content div.attendance:last-of-type { margin:0 0 15px 0; } #popup-status div.popup-content div.attendance-10_confirmed { background:#0a0; } #popup-status div.popup-content div.attendance-20_off { background:#c33; } #popup-status div.popup-content div.attendance-25_unavailable { background:#c33; } #popup-status div.popup-content div.attendance-30_denied { background:#c33; } #popup-status div.popup-content div.attendance-40_invite { background:#06f; } #popup-status div.popup-content div.attendance-45_uncertain { background:#333; } #popup-status div.popup-content div.attendance-50_tbc { background:#999; } #popup-status div.popup-content div.attendance-60_substitute { background:#f80; } #popup-status div.popup-content div.attendance-70_processing { background:#999; } #popup-status div.popup-content div.attendance div.user { float:left; width:calc(100% - 55px); font-size:15px; line-height:17px; font-weight:400; color:#fff; margin-right:10px; } #popup-status div.popup-content div.attendance div.user strong { display:block; font-weight:700; } #popup-status div.popup-content div.attendance div.user span { white-space:nowrap; } #popup-status div.popup-content div.attendance div.icon { float:right; margin-top:2px; } #popup-status div.popup-content div.update { font-size:13px; color:#777; text-align:center; padding:5px 1px 9px 1px; margin-bottom:4px; border-bottom:1px dotted #999; } #popup-status div.popup-content .buttons .button { margin-right:10px; } #popup-addPayment div.popup-box { max-width:340px; } #popup-addPayment div.popup-content div.popup-title { margin:0; } #popup-addPayment div.popup-content .item { background:#ddd; color:#000; border-radius:5px; padding:11px 12px 9px 12px; margin-top:5px; cursor:pointer; -webkit-tap-highlight-color:transparent; } #popup-addPayment div.popup-content .item span { white-space:nowrap; } #popup-addPayment div.popup-content .item:first-of-type { margin-top:15px; } #popup-addPayment div.popup-content .item-selected { background:#9c9; } #popup-addPayment div.popup-content .buttons .button { margin-right:10px; } .popup-editUser div.popup-box { max-width:340px; } .popup-editUser div.popup-content .invite { width:calc(100% - 20px); background:#f6f6f6; border:1px dashed #333; border-radius:5px; padding:15px 15px; margin:15px 0 5px -5px; } .popup-editUser div.popup-content .invite p { margin:0; } .popup-editUser div.popup-content .invite p strong { white-space:nowrap; } .popup-editUser div.popup-content .invite p .button { margin-top:8px; } .popup-editUser div.popup-content .invite .item { width:calc(100% - 14px); font-size:16px; line-height:19px; background:#ddd; border-radius:5px; padding:12px 12px 13px 12px; margin:15px 0 15px -5px; abox-shadow:0 0 3px #999; } .popup-editUser div.popup-content .invite .item span { white-space:nowrap; } .popup-editUser div.popup-content .invite .item .button { margin-top:8px; } .popup-editUser div.popup-content .buttons .button { margin-right:10px; } /* ========== FIN ========== */ #popup-login div.popup-box { max-width:950px; } #popup-login div.popup-content div.header { background:#ccc; border-radius:3px; padding:20px 0; margin:-30px 0 0 -40px; width:calc(100% + 80px); } #popup-login div.popup-content div.header div.title { text-align:center; } #popup-login div.popup-content div.header div.guest { text-align:center; } #popup-login div.popup-content div.header div.note { text-align:center; } #popup-login div.popup-content div.left { display:inline-block; vertical-align:top; width:300px; padding:10px 0; } #popup-login div.popup-content div.left form div.buttons { margin-top:13px; } #popup-login div.popup-content div.right { display:inline-block; vertical-align:top; width:calc(100% - 381px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } #popup-newMember div.popup-box { max-width:950px; } #popup-newMember div.popup-content div.header { background:#ccc; border-radius:3px; padding:20px 0; margin:-30px 0 0 -40px; width:calc(100% + 80px); } #popup-newMember div.popup-content div.header div.title { text-align:center; } #popup-newMember div.popup-content div.header div.guest { text-align:center; } #popup-newMember div.popup-content div.header div.note { text-align:center; } #popup-newMember div.popup-content div.left { display:inline-block; vertical-align:top; width:350px; padding:10px 0; } #popup-newMember div.popup-content div.right { display:inline-block; vertical-align:top; width:calc(100% - 431px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } #popup-newGroup div.popup-box { max-width:950px; } #popup-newGroup div.popup-content div.header { background:#ccc; border-radius:3px; padding:20px 0; margin:-30px 0 0 -40px; width:calc(100% + 80px); } #popup-newGroup div.popup-content div.header div.title { text-align:center; } #popup-newGroup div.popup-content div.header div.guest { text-align:center; } #popup-newGroup div.popup-content div.header div.note { text-align:center; } #popup-newGroup div.popup-content div.left { display:inline-block; vertical-align:top; width:350px; padding:10px 0; } #popup-newGroup div.popup-content div.right { display:inline-block; vertical-align:top; width:calc(100% - 431px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } #popup-newSubGroup div.popup-box { max-width:950px; } #popup-newSubGroup div.popup-content div.header { background:#ccc; border-radius:3px; padding:20px 0; margin:-30px 0 0 -40px; width:calc(100% + 80px); } #popup-newSubGroup div.popup-content div.header div.title { text-align:center; } #popup-newSubGroup div.popup-content div.header div.guest { text-align:center; } #popup-newSubGroup div.popup-content div.header div.note { text-align:center; } #popup-newSubGroup div.popup-content div.left { display:inline-block; vertical-align:top; width:350px; padding:10px 0; } #popup-newSubGroup div.popup-content div.right { display:inline-block; vertical-align:top; width:calc(100% - 431px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } .popup-membership div.popup-box { max-width:950px; } .popup-membership div.popup-content div.header { background:#ccc; border-radius:3px; padding:20px 0; margin:-30px 0 0 -40px; width:calc(100% + 80px); } .popup-membership div.popup-content div.header div.title { text-align:center; } .popup-membership div.popup-content div.header div.guest { text-align:center; } .popup-membership div.popup-content div.header div.note { text-align:center; } .popup-membership div.popup-content div.left { display:inline-block; vertical-align:top; width:350px; padding:10px 0; } .popup-membership div.popup-content div.right { display:inline-block; vertical-align:top; width:calc(100% - 431px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } #popup-addToFamily div.popup-box { max-width:950px; } #popup-addToFamily div.popup-content div.header { background:#ccc; border-radius:3px; padding:20px 0; margin:-30px 0 0 -40px; width:calc(100% + 80px); } #popup-addToFamily div.popup-content div.header div.title { text-align:center; } #popup-addToFamily div.popup-content div.header div.guest { text-align:center; } #popup-addToFamily div.popup-content div.header div.note { text-align:center; } #popup-addToFamily div.popup-content div.form-left { display:inline-block; vertical-align:top; width:400px; padding:10px 0; } #popup-addToFamily div.popup-content div.form-right { display:inline-block; vertical-align:top; width:400px; padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } #popup-addToFamily div.popup-content div.text { display:inline-block; vertical-align:top; width:calc(100% - 481px); padding:10px 0 10px 40px; margin-left:40px; border-left:1px solid #ccc; } #popup-addToFamily div.popup-content div.results { display:inline-block; vertical-align:top; width:calc(100% - 481px); padding:10px 0; } #popup-addToFamily div.popup-content div.results p { margin-bottom:10px; } #popup-invitation div.popup-box { max-width:500px; } #popup-invitation div.popup-content p { text-align:center; margin-top:10px; }