/* *********************************************************** */ /* Definition Font */ /* *********************************************************** */ @font-face { font-family:'picto_web'; src : url('../fonts/esope_picto.eot'); src : url('./fonts/esope_picto.eot?') format('eot'), url('./fonts/esope_picto.woff') format('woff'), url('./fonts/esope_picto.svg#abcd') format('svg'), url('./fonts/esope_picto.ttf') format('truetype'); } @font-face { font-family : "text_web"; src : url('fonts/OpenSansRegular.eot'); src : url('fonts/OpenSansRegular.eot?') format('eot'), url('fonts/OpenSansRegular.woff') format('woff'), url('fonts/OpenSansRegular.svg#abcd') format('svg'), url('fonts/OpenSansRegular.ttf') format('truetype'); } @font-face { font-family : "text_bold"; src : url('fonts/OpenSansSemiBold.eot'); src : url('fonts/OpenSansSemiBold.eot?') format('eot'), url('fonts/OpenSansSemiBold.woff') format('woff'), url('fonts/OpenSansSemiBold.svg#abcd') format('svg'), url('fonts/OpenSansSemiBold.ttf') format('truetype'); } @font-face { font-family : "titre_web"; src : url('fonts/OpenSansCondLight.eot'); src : url('fonts/OpenSansCondLight.eot?') format('eot'), url('fonts/OpenSansCondLight.woff') format('woff'), url('fonts/OpenSansCondLight.svg#abcd') format('svg'), url('fonts/OpenSansCondLight.ttf') format('truetype'); } /* *********************************************************** */ /* Style par defaut */ /* *********************************************************** */ body { margin: 0px; padding: 0px; background:#FFFFFF; font-weight : normal; font-size : 14px; font-family: text_web, arial,helvetica,geneva,sans-serif; color :#000000; text-align:center; /* ********************************** */ /* init variable */ /* ********************************** */ --width-max: 1200px; --header-height: 60px; --header-height-item: 55px; --max-width-content: 1000px; --max-width-form: 700px; --max-width-message: 600px; --menu-width:300px; --color-text:#333333; --color-text-hover:#fdc13c; --color-hover-light:#FFFFCC; --color-error:#ff0000; --color-vert:#008c00; --color-vert-confirm:#00c100; --color-ba-orange:#FF8200; --color-ba-orange-light:#ffe6cc; --color-ba-gris:#75787B; --color-ba-gris-light:#D0D0CE; --color-ba-vert:#00953b; --color-ba-bleu:#00B5E2; --color-ba-jaune:#FFAE00; --color-ba-violet:#AE2573; --color-ba-rouge:#EE2737; --color-lerayon-bleu:#3435ff; --btn-menu-color:var(--color-ba-orange); --btn-color-text:#FFFFFF; --btn-color-background:var(--color-ba-orange); --btn-color-background-hover:var(--color-text-hover); --border-radius:10px; --border-radius-button:7px; --fc-event-resizer-thickness:7px; --calendar-planning-color:rgb(244, 189, 0); --calendar-planning-bg:rgba(244, 189, 0, 0.3); --calendar-planning-bg-opaque:#fcebb2; --calendar-commission-color:rgb(228, 109, 109); --calendar-commission-bg:rgba(228, 109, 109, 0.3); --calendar-commission-bg-opaque:#f7d3d3; --calendar-epicerie-color:rgb(124, 205, 3); --calendar-epicerie-bg:rgba(124, 205, 3, 0.3); --calendar-epicerie-bg-opaque:#d7f0b3; --calendar-caisse-color:rgb(0, 152, 208); --calendar-caisse-bg:rgba(0, 152, 208, 0.3); --calendar-caisse-bg-opaque:#b2e0f1; --calendar-ramasse-color:rgb(50, 100, 200); --calendar-ramasse-bg:rgba(50, 100, 200, 0.3); --calendar-ramasse-bg-opaque:#c1d0ee; --calendar-atelier-color:rgb(130, 110, 230); --calendar-atelier-bg:rgba(130, 110, 230, 0.3); --calendar-atelier-bg-opaque:#d9d3f7; --calendar-perso-color:rgb(255, 128, 255); --calendar-perso-bg:rgba(255, 128, 255, 0.3); --calendar-perso-bg-opaque:#ffd9ff; --location-color:rgb(244, 189, 0); --location-bg:rgba(244, 189, 0, 0.3); } img {border:0px;} a, a:visited{ color:var(--color-ba-orange); text-decoration : none; border-bottom:1px dashed var(--color-ba-orange); line-height:20px; transition:all 0.4s ease;} a:hover, a:active{color: var(--color-text-hover); border-color: var(--color-text-hover)} strong { font-weight:normal; font-family: text_bold, arial,helvetica,geneva,sans-serif; } .clear{clear:both; height:1px; line-height:1px; font-size:1px;} /* *********************************************************** */ /* Header */ /* *********************************************************** */ .header{position:fixed; z-index:10000; top:0; left:0; width:100%; box-sizing:border-box;} .header_content{width:100%; margin:auto; background:#FFFFFF; display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:center; box-shadow:0px 5px 5px rgba(0,0,0,0.4); box-sizing:border-box;} .header_logo{display:flex; flex-flow:row nowrap; height: var(--header-height); border:0; padding:5px; width:calc(100% - 240px); max-width:170px; box-sizing:border-box;} .header_logo a{border:0;} .header_logo img{height: calc(var(--header-height) - 10px); } .header_title{font-size:1.6em; box-sizing:border-box;} .header_content_user{position:fixed; z-index:10; top:0; left:0; display:flex; flex-flow:row nowrap; width:100%; height:var(--header-height); background:#FFFFFF; border-bottom:1px solid var(--color-ba-gris);justify-content:space-between; align-items:center; box-sizing:border-box; box-shadow:0px 5px 5px rgba(0,0,0,0.4);} .menu_icone{display:block; padding:5px 0 0 0; width:70px; height:50px; cursor:pointer; transition: all 0.5s ease 0s; box-sizing:border-box;} .menu_icone div{display:block; width:28px; height:24px; border:1px solid #FFFFFF; margin:0 auto 0 auto; box-sizing:border-box;} .menu_icone div span{display:block; margin-top:8px; height: 4px; line-height:4px; width:26px; background-color: var(--btn-menu-color); content: " "; transition: all 0.4s ease 0s; box-sizing:border-box;} .menu_icone div span::before{display:block; position:absolute; margin-top:-8px; height: 4px; line-height:4px; width:26px; display:block; background-color: var(--btn-menu-color); content: " "; transition: all 0.4s ease 0s; box-sizing:border-box;} .menu_icone div span::after{display:block; position:absolute; margin-top:4px; height: 4px; line-height:4px; width:26px; display:block; background-color: var(--btn-menu-color); content: " "; transition: all 0.4s ease 0s; box-sizing:border-box;} .menu_icone strong{display:block; margin:0px; padding:0px; font-size:14px; line-height:14px; color:var(--btn-menu-color); text-align:center; font-weight:normal; font-variant:small-caps; box-sizing:border-box; transition: all 0.4s ease 0s;} .menu_icone.menu_open span{height:0;} .menu_icone.menu_open span::before{margin-top:0; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .menu_icone.menu_open span::after{margin-top:-4px; transform: rotate(45deg); -webkit-transform: rotate(45deg);} .menu_icone:hover span, .menu_icone:hover span::before, .menu_icone:hover span::after{background-color:var(--color-text-hover);} .menu_icone:hover strong{color:var(--color-text-hover); } .user_data{display:flex; color:var(--color-ba-gris); width:200px; padding:5px 20px 5px 55px; flex-flow:column nowrap; justify-content:center; align-items:flex-start; min-width: 0; cursor:pointer; box-sizing:border-box; transition:all 0.4s ease;} .user_data::before{display:block; position:absolute; width:50px; line-height:50px; font-size:34px; margin-left:-50px; content:"U"; text-align:center; font-family:picto_web; box-sizing:border-box;} .user_data div{display:flex; flex-flow:column nowrap; justify-content:center; align-items:flex-start; align-content:flex-start; min-width: 0; width:100%; } .user_data div span{display:block; color:var(--color-ba-gris); font-size:0.9em; line-height:10px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; min-width: 0; width:100%; box-sizing:border-box; transition:all 0.4s ease;} .user_data div strong{display:block; color:var(--color-ba-gris); font-size:1em; line-height:16px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; min-width: 0; width:100%; box-sizing:border-box; transition:all 0.4s ease;} .user_data em{display:block; color:var(--color-ba-gris-light); font-size:0.8em; line-height:12px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left; min-width: 0; width:100%; box-sizing:border-box; transition:all 0.4s ease;} .user_data:hover{color:var(--color-text-hover);} .user_data:hover div span{color:var(--color-text-hover);} .user_data:hover div strong{color:var(--color-text-hover);} .user_data:hover em{color:var(--color-text-hover);} .zone_menu{z-index:1; position:fixed; top:0; padding:0; width:var(--menu-width); box-sizing:border-box;} .zone_menu.action{left:0;} .zone_menu.user{right:0;} .menu{display:block; position:absolute; z-index:1; width:var(--menu-width); top:-100vh; margin:0; padding:0; max-height:calc(100vh - var(--header-height)); overflow:auto; box-shadow: 0px 5px 5px rgba(0,0,0,0.4); transition:all 0.4s ease;} .menu_open .menu{top:calc(var(--header-height) - 2px);} .menu_item{display:block; text-align:left; width:100%; border-top:1px solid #333333; background:#FFFFFF; box-sizing:border-box; } .menu_item a{display:block; padding:0 10px 0 0px; line-height:50px; border:0; } .menu_item a::before{display:block; float:left; content:"1"; width:50px; line-height:50px; font-size:24px; text-align:center; font-family:picto_web; box-sizing:border-box;} .sous_menu_item{display:flex; position:static; margin:0px; padding:0; box-shadow:0px 0px 0px rgba(0,0,0,0); box-sizing:border-box;} .sous_menu_item .menu_item{padding:0 0 0 20px;margin:0px; } .menu_item:hover .sous_menu_item{display:flex;} .menu_item.accueil a::before{content:'H';} .menu_item.perso a::before{content:'U';} .menu_item.password a::before{content:'L';} .menu_item.agenda a::before{content:'5';} .menu_item.dossier_inscription a::before{content:'2';} .menu_item.user a::before{content:'g';} .menu_item.messagerie a::before{content:'m';} .menu_item.location a::before{content:'%';} .menu_item.site a::before{content:'o';} .menu_item.config a::before{content:'1';} .menu_item.stat a::before{content:'7';} .menu_item.logout a{background:#EEEEEE;} .menu_item.logout a::before{content:'b';} .search_form{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-content:center; align-items:center;} .search_form input{line-height:28px; width:200px; border:1px solid #999999; border-radius:5px; padding:0 0 0 5px; box-sizing:border-box;} #search_form_btn{width:30px; height:30px; line-height:40px; margin-left:10px; background:var(--color-ba-orange); color:#FFFFFF; border-radius:var(--border-radius-button); cursor:pointer; transition:all 0.4s ease; box-sizing:border-box;} #search_form_btn::before{display:block; width:30px; line-height:30px; font-size:20px; content:"r"; text-align:center; font-family:picto_web; box-sizing:border-box;} #search_form_btn:hover{background:var(--color-text-hover);} /* *********************************************************** */ /* Page */ /* *********************************************************** */ .page{width:100%; margin-top:var(--header-height); box-sizing:border-box;} .content{display:block; text-align:left; padding:20px 20px 50px 20px; box-sizing:border-box; } .content.max_width{max-width:var(--max-width-content); margin:auto;} h1{display:block; text-align:left; padding:0 0 0 0; font-size:2.2em; font-weight:normal; font-family: titre_web, arial,helvetica,geneva,sans-serif; color:var(--color-ba-orange); border-bottom: 1px solid var(--color-ba-orange);} h1 span{font-size:0.7em;} h2{font-family: titre_web, arial,helvetica,geneva,sans-serif; color:var(--color-ba-orange);} h3{font-family: titre_web, arial,helvetica,geneva,sans-serif; color:var(--color-ba-orange);} .button, a.button{display:flex; font-family:text_bold; max-width:250px; margin: 20px auto; padding:10px; justify-content:center; align-items:center; font-size:0.9em; line-height:1em; text-align:center; cursor:pointer; border:0; background:var(--btn-color-background); color:var(--btn-color-text); border-radius:var(--border-radius-button); box-sizing:border-box; transition:all 0.4s ease;} .button.large, a.button.large{max-width:320px;} .button.icone, a.button.icone{justify-content:flex-start; text-align:left; padding:10px 20px 7px 45px;} .button.icone::before, a.button.icone::before{display:block; font-weight:normal; position:absolute; width:40px; line-height:1em; margin:-4px 0 0 -40px; text-align:center; content:'0'; font-size:20px; font-family:'picto_web';} .button.delete::before, a.button.delete::before{content:"p"; font-size:22px; } .button.edit::before, a.button.edit::before{content:"E"; font-size:16px; } .button.add::before, a.button.add::before{content:"+"; } .button.print::before, a.button.print::before{content:"P";font-size:24px; } .button.agenda::before, a.button.agenda::before{content:"5";} .button.rapport::before, a.button.rapport::before{content:"P";} .button.historique::before, a.button.historique::before{content:"2";} .button.export::before, a.button.export::before{content:")";} .button.archive::before, a.button.archive::before{content:"h";} .button.config::before, a.button.config::before{content:"1";} .button.doublon::before, a.button.doublon::before{content:"1";} .button.dossier_inscription::before, a.button.dossier_inscription::before{content:"2";} .button.presence::before, a.button.presence::before{content:"2";} .button.save::before, a.button.save::before{content:"s";} .button.view::before, a.button.view::before{content:"e"; font-size:16px;} .button.location::before, a.button.location::before{content:"%"; } .button.password::before, a.button.password::before{content:"L"; } .button.send::before, a.button.send::before{content:"-";} .button.synchro::before, a.button.synchro::before{content:"B";} .button.epicerie::before, a.button.epicerie::before{content:"#";} .button.close::before, a.button.synchro::before{content:"c"; font-size:14px;} .button:hover, a.button:hover{background:var(--btn-color-background-hover);} .button.back, a.button.back{background:#FFFFFF; color: var(--color-ba-orange); border:1px solid var(--color-ba-orange); margin:20px auto 20px auto; width:250px; font-weight:normal; padding-left:50px; justify-content:flex-start; text-align:left;} .button.back::before, a.button.back::before{display:block; font-weight:normal; position:absolute; width:50px; margin:-2px 0 0 -50px; text-align:center; content:'<'; font-size:20px; font-family:'picto_web';} .button.back:hover, a.button.back:hover{background:#FFFFFF; color:var(--color-text-hover); border-color:var(--color-text-hover); } .button.delete_rouge, a.button.delete_rouge{border:2px solid #FF0000; background:#FFFFFF; color:#FF0000;} .button.delete_rouge::before, a.button.delete_rouge::before{content:"p"; font-size:22px; } .button.delete_rouge:hover, a.button.delete_rouge:hover{background:#FF0000;color:#FFFFFF; } .button.no_text, a.button.no_text{width:40px !important; padding:0; margin:0 auto; line-height:30px; border:2px solid var(--color-ba-orange)} .button.no_text::before, a.button.no_text::before{display:block; position:relative; width:40px; line-height:30px; padding:0; margin:0;} .zone_action_bottom{display:flex; padding:20px; margin: 40px 0 40px 0 ; border-radius:0px; flex-flow: column wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; background:#000000; box-sizing:border-box;} .zone_action_bottom h3{font-size:14px; font-weight:normal; width:100%; margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid var(--color-ba-orange); color:var(--color-ba-orange);} .zone_action_bottom button{max-width:none; margin:15px;} .zone_action_btn{width:100%; padding:20px 0 10px 0;display:flex; flex-flow:row wrap; justify-content:space-around; align-items:center; align-content:center; } .zone_btn_bottom{width:100%; max-width:var(--max-width-form); margin:40px auto; border-top:1px solid #999999; padding:40px auto 50px auto; } .zone_align_right{display:flex; flex-flow: row wrap; justify-content:flex-end;} .zone_login{width:100%; max-width:450px; margin:auto;} .zone_login h1{border:0; text-align:center;} .message_lightbox{position:fixed; z-index: 10000; background:rgba(0,0,0,0.7); top:0; left:-100%; opacity:0; width:100%; height:100%; display:flex; flex-flow: row wrap; justify-content: center; align-items:center; align-content:center; transition:all 0.4s ease;} .message_lightbox.open{left:0; opacity:1;} .message_lightbox_content{background:#FFFFFF; padding:0; border-radius:30px; width:98%; max-width:600px; box-sizing:border-box;} .message_lightbox_title{display:flex; flex-flow: row wrap; border-radius:20px 20px 0 0; padding:10px; justify-content: space-between; align-items:center; align-content:flex-start; background:var(--color-ba-orange); color:#FFFFFF; box-sizing:border-box;} .message_lightbox_title::before{display:block; width:60px; line-height:40px; margin:0; content:"I"; text-align:center; font-size:30px; font-family:'picto_web'; box-sizing:border-box;} .message_lightbox_title em{display:flex; width:30px; height:30px; border:2px solid #FFFFFF; color:#FFFFFF; border-radius:50%; cursor:pointer; transition:all 0.4s ease;} .message_lightbox_title em::before{display:block; width:30px; line-height:30px; margin:0; text-align:center; font-size:14px; content:'c'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} .message_lightbox_title em:hover{color:var(--color-text-hover); border-color:var(--color-text-hover);} .message_lightbox_title .message_title_content{display:flex; width:calc(100% - 100px); flex-flow: column nowrap; line-height:1.1em; font-size:1.4em; justify-content:flex-start; align-items:flex-start; align-content:center;} .message_lightbox_title .message_title_content span{display:block; color:#000000;} .message_lightbox .message_content{display:block; width:100%; text-align:left; line-height:1em; padding:20px; max-height:calc(98vh - 200px); overflow:auto; box-sizing:border-box;} .message_lightbox_content.confirm .message_content{padding:60px 20px 80px 120px; color:var(--color-vert-confirm); font-size:1.1em; line-height:1.4em;} .message_lightbox_content.confirm .message_content::before{display:block; width:100px; line-height:60px; position:absolute; margin:0 0 0 -100px; text-align:center; font-size:60px; content:'*'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} .message_lightbox .message_action{display:flex; flex-flow: row nowrap; min-height:30px; justify-content:center; align-items:center; background:var(--color-ba-gris); padding:10px; border-radius:0 0 20px 20px ; box-sizing:border-box;} .message_lightbox .message_action .button{margin:0;} .element_hidden{display:none !important;} .element_show{display:block !important;} .pos_right{float:right;} .message_copie_link_update_password{display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; align-content:center;} .message_copie_link_update_password textarea{display:block; width:90%; padding:5px; margin:10px; border:1px solid #999999; border-radius:7px; line-height:1.1em;} /* *********************************************************** */ /* Footer */ /* *********************************************************** */ /* .footer { width:100%; background:#000000; color: #FFFFFF; text-align:left; margin:0 0 0 0; padding:20px 20px 20px 20px; text-align:center; box-sizing:border-box; } .footer_content{display: flex; flex-flow:row wrap; justify-content:space-around; max-width:var(--max-content-width); margin:auto;} .footer_content .link{} .footer_content .copyright{} */ /* *********************************************************** */ /* Footer */ /* *********************************************************** */ .footer{display:block; width:100%; margin:auto; color:#FFFFFF; background:#000000; padding:56px; box-sizing:border-box;} .footer_content{display:flex; flex-flow:row wrap; justify-content:space-around; align-items:center; align-content:center; width:100%; box-sizing:border-box;} .footer_zone{display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-content:center; box-sizing:border-box;} .footer_zone span{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-end; align-content:center; box-sizing:border-box;} .footer_zone span.footer_logo{align-items:center;} .footer_zone span img{margin:0 10px; } .footer_zone span img.logo_footer_site{max-height:80px;} .footer_zone span img.logo_footer_ba{max-height:40px;} .footer_zone span img.logo_footer_rayon{max-height:40px;} .footer_zone a {border:0;} .footer_zone.link a{color:var(--color-ba-orange); padding:5px; } .footer_zone.link a:hover{color:var(--color-hover-link-blanc);} /* *********************************************************** */ /* Page Erreur */ /* *********************************************************** */ .erreur { max-width:400px; margin:100px auto 100px auto; padding:10px 0 20px 100px; text-align:left; vertical-align:top; font-size:14px; color:#FF0000; } .erreur strong{display:block; padding:0; margin:0 0 10px 0; font-variant:small-caps; font-size:1.6em;} .erreur::before{display:block; position:absolute; width:80px; margin:0 0 0 -100px; line-height:80px; margin-right:40px; font-size:80px; content:"b"; font-family:picto_web; box-sizing:border-box;} .error_content{display:block; width:100%; max-width:var(--max-width-form); margin:50px auto ; padding:20px 20px 20px 100px; text-align:left; border-radius:10px; box-sizing:border-box;} .error_content h1{text-align:left;} .error_content::before{display:block; position:absolute; width:100px; margin:0 0 0 -100px; content:'b'; color:var(--color-ba-orange); font-size:50px; line-height:50px; text-align:center; font-weight:normal; font-family:'picto_web';} .error_content .subtitle{display:block; padding:10px 0; font-size:1.2em; text-align:center; box-sizing:border-box;} .error_content .detail{display:block; padding:10px 0; font-size:1.2em; text-align:center; color:var(--color-ba-rouge); box-sizing:border-box;} .error_content.error_404::before{content:'?';} .error_content.error_403::before{content:'b';} /* *********************************************************** */ /* User List */ /* *********************************************************** */ .list_user{display:flex; padding:20px; flex-flow: column nowrap; justify-content:space-around; align-items:flex-star; align-content:flex-start; box-sizing:border-box} .user_line{display:flex; padding:5px 10px; flex-flow: row nowrap; justify-content:space-between; align-items:center; align-content:center; cursor:pointer; box-sizing:border-box} .user_line:nth-child(2n){background:#EEEEEE;} .user_fonction{display:flex; width:200px; flex-flow: column nowrap; justify-content:center; align-items:flex-start; align-content:center;} .user_name{display:flex; width:calc(50% - 200px); flex-flow: column nowrap; justify-content:center; align-items:flex-start; align-content:center;} .user_coordonnees{display:flex; width:50%; flex-flow: column nowrap; justify-content:space-between; align-items:flex-start; align-content:center;} .user_coordonnees a{display:flex; line-height:20px; flex-flow: row nowrap; font-weight:normal; color:var(--color-ba-orange); justify-content:center; align-items:center; box-sizing:border-box;} .user_coordonnees a:before{display:flex; justify-content:center; align-items:center; align-content:center; content:"0"; font-weight:normal; width:30px; padding: 0; line-height:20px; font-size:16px; font-family:'picto_web'; box-sizing:border-box; } .user_coordonnees a:hover{color:var(--color-hover);} .user_coordonnees a:nth-child(1):before{content:'l';} .user_coordonnees a:nth-child(2):before{content:'J';} .user_line:hover{background:var(--color-hover-light);} .user_line.list_header{background:var(--color-ba-orange); color:#FFFFFF;} .user_line.list_header.user_fonction{align-items:center;} .user_line.list_header.user_name{align-items:center;} .user_line.list_header.user_coordonnees{align-items:center;} .tab_permission{display:flex; width:100%; flex-flow: column nowrap; justify-content:space-between; align-items:flex-start;} .list_role_user{display:flex; width:100%; flex-flow: row nowrap; justify-content:flex-start; align-items:flex-start;} .list_role_user .list_role_user_data{display:flex; width:150px; height:40px; flex-flow: row nowrap; justify-content:center; text-align:center; align-items:center; align-content:center; background:var(--color-ba-orange); line-height:1em; border-right:1px solid #FFFFFF; color:#FFFFFF; padding:5px; box-sizing:border-box;} .list_role_user .list_role_user_data:nth-child(1){width:250px;} .list_permission{display:flex; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start;} .permission_line{display:flex; width:100%; flex-flow: row nowrap; justify-content:flex-start; align-items:center;} .permission_line:nth-child(2n){background:#EEEEEE;} .permission_line .permission_data{display:flex; width:150px; border:1px solid #EEEEEE; height:60px; border-right:1px solid #999999; flex-flow: column nowrap; justify-content:center; align-items:center; padding:5px; box-sizing:border-box;} .permission_line .permission_data strong{display:flex;} .permission_line .permission_data span{font-size:0.8em;} .permission_line .permission_label{width:250px; padding-left:10px; align-items:flex-start; box-sizing:border-box;} .permission_line .permission_label strong{display:flex; line-height:0.8em;} .permission_line .permission_label span{font-size:0.8em; line-height:0.8em;} .permission_line:hover{background:var(--color-hover-light);} .group_permission{width:100%; display:flex; padding:10px; background:#999999; color:#FFFFFF; flex-flow: row nowrap; justify-content:flex-start; align-items:center;} .group_permission strong{display:flex; font-variant:small-caps;} .group_permission span{display:flex; margin-left:10px; font-size:0.8em;} /* *********************************************************** */ /* Lsite export beneficiare */ /* *********************************************************** */ .liste_export_beneficiaire{padding:20px;} .export_ligne{padding:0 0 20px 0; margin:0; box-sizing:border-box;} .export_ligne:hover{background:#EEEEEE;} .export_titre{padding:5px 0 5px 10px; color:var(--color-ba-orange);background:var(--color-ba-gris); font-size:1.1em; box-sizing:border-box;} .export_titre strong{color:#FFFFFF; } .export_content{display:flex; flex-flow:row nowrap; justify-content:flex-start; padding:5px 0 5px 10px; box-sizing:border-box;} .export_content div{width:33%; } .export_content div a {display:block; margin:auto; width:150px; padding:5px; font-size:0.9em; line-height:1em; text-align:center; border:0; box-sizing:border-box;} .export_content div a::before{display:block; width:50px; margin:auto; line-height:50px; text-align:center; content:'D'; font-size:40px; font-family:'picto_web';} .export_content div a.link_passerelle{color:#1c7fd5;} .export_content div a.link_ticadi{color:var(--color-ba-orange)} .export_content div a.link_reinscription{color:#00c100;} .export_content em{display:block; color:#999999; font-size:0.9em; text-align:center;} .info_export {display:flex; flex-flow:row nowrap; justify-content:space-around; align-items:flex-start;} .info_export div a.button{width:200px;} .info_export li{padding-bottom:10px;} .info_export li span::after{display:inline-block; margin:0 5px -3px 3px; width:20px; height:20px; content:" "; line-height:20px; background:#EEEEEE;} .info_export li.link_passerelle span{color:#1c7fd5;} .info_export li.link_passerelle span::after{background:#1c7fd5;} .info_export li.link_ticadi span{color:var(--color-ba-orange)} .info_export li.link_ticadi span::after{background:var(--color-ba-orange);} .info_export li.link_reinscription span{color:#00c100;} .info_export li.link_reinscription span::after{background:#00c100;} /* *********************************************************** */ /* Formulaire */ /* *********************************************************** */ .message_return{width:100%; max-width:var(--max-width-message); margin:20px auto 50px auto; padding:20px 20px 20px 120px; box-sizing:border-box;} .message_return::before{display:block; position:absolute; width:120px; margin-left:-120px; line-height:60px; text-align:center; content:'0'; font-size:60px; font-family:'picto_web';} .message_return strong{display:block; line-height:1.3em; font-size:1.3em; box-sizing:border-box;} .message_return span{display:block; padding:10px 0 10px 0; line-height:1.2em; font-size:1.1em; box-sizing:border-box;} .message_return.confirm::before{content:"*"; color:var(--color-vert-confirm);} .message_return.confirm.logout::before{content:"L";} .message_return.confirm strong{color:var(--color-vert-confirm);} .message_return.confirm span{color:var(--color-vert-confirm);} .message_return.error{color:var(--color-error);} .message_return.error::before{content:"b"; color:var(--color-error);} .message{width:100%; max-width:var(--max-width-form); margin:auto; padding:20px; margin:20px auto 50px auto; border:1px solid #999999; color:var(--color-lerayon-bleu); border-radius:10px; box-sizing:border-box;} .message strong{display:block; border-bottom:1px solid var(--color-lerayon-bleu);} .message span{display:block; padding:10px 10px 10px 40px;} .message span::before{display:block; position:absolute; margin:5px 0 0 -40px; width:40px; line-height:16px; text-align:center; content:'I'; font-size:20px; font-family:'picto_web';} .message.erreur_formulaire{color:#FF0000; border-color:#FF0000;} .message.erreur_formulaire strong{border-color:#FF0000;} .message.erreur_formulaire span::before{content:'b'; } .formulaire{width:100%; max-width:var(--max-width-form); margin:auto; padding:20px 0 50px 0; box-sizing:border-box;} .form_ligne{display:block; padding:5px 10px 5px 30px; margin:0; box-sizing:border-box; border-right:2px solid #FFFFFF; } .form_ligne::before{position:absolute; display:block; width:40px; line-height:40px; margin-left:-40px; text-align:center; content:''; font-size:30px; font-family:'picto_web';} .form_ligne.hidden{display:none !important;} .btn_edit_rep_user{display:inline-block; width:24px; height:24px; line-height:24px; margin-left:20px; border-radius:50%; font-style:normal; background:var(--btn-color-background); color:var(--btn-color-text); cursor:pointer; transition:all 0.4s ease; box-sizing:border-box;} .btn_edit_rep_user::before{display:block; width:24px; line-height:24px; text-align:center; content:'E'; font-size:12px; font-family:'picto_web';} .btn_edit_rep_user:hover{background:var(--btn-color-background-hover);} .form_message_confirmation{text-align:left; padding:10px; padding-left:100px; width:90%; max-width:600px; margin:auto; font-size:1.2em; box-sizing:border-box; margin-bottom:40px;} .form_message_confirmation strong{display:block; color:#00b359; font-variant:small-caps;font-size:1.2em; padding-bottom:20px;} .form_message_confirmation::before{position:absolute; display:block; color:#00b359; width:100px; line-height:80px; margin-left:-100px; text-align:center; content:'I'; font-size:80px; font-family:'picto_web';} .form_text{text-align:center; color:var(--color-text); padding:20px 10px 5px 0px; font-size:1.2em; box-sizing:border-box;} .form_text.center{text-align:center;} .form_text span{color:#999999; font-size:0.9em;} .form_text ul{list-style:square;} .form_text ul li{padding-bottom:10px;} .form_text.text_left{text-align:left;} .form_text.sous_titre{display:block; margin:30px 0 0 0; padding:10px 10px 10px 20px; color:#FFFFFF; background:var(--color-ba-gris-light); font-size:1.2em; font-variant:small-caps; border-radius:var(--border-radius); text-align:left; box-sizing:border-box;} .form_text.sous_titre span{color: var(--color-ba-rouge); font-size:0.8em; font-family:text_bold; margin:0 0 0 10px;} .form_text_warning{width:100%; max-width:450px; padding:10px; border:2px solid #FF0000; border-radius:10px; padding-left:60px; margin:auto; text-align:left; line-height:20px; font-size:1.2em; color:#FF0000; box-sizing:border-box;} .form_text_warning::before{position:absolute; display:block; width:60px; line-height:40px; margin-left:-60px; text-align:center; content:'!'; font-size:40px; font-family:'picto_web';} .form_rules_password{padding:20px; margin:20px auto 20px auto; max-width:600px; background:#EEEEEE; text-align:left; border-radius:var(--border-radius);} .form_rules_password{padding:20px; margin:20px auto 20px auto; max-width:600px; background:#EEEEEE; text-align:left; border-radius:var(--border-radius);} .form_rules_password li{} .form_rules_password li.rule_ok{color:var(--color-vert-confirm);} .form_rules_password li.rule_error{color:var(--color-error);} .password_change_lightbox{position:fixed; z-index: 10000; background:rgba(0,0,0,0.7); top:0; left:-100%; opacity:0; width:100%; height:100%; display:flex; flex-flow: row wrap; justify-content: center; align-items:center; align-content:center; transition:all 0.4s ease;} .password_change_lightbox.open{left:0; opacity:1;} .password_change_lightbox_content{background:#FFFFFF; padding:0; border-radius:30px; width:98%; max-width:600px; box-sizing:border-box;} .password_change_title{display:flex; flex-flow: row wrap; border-radius:20px 20px 0 0; padding:10px; justify-content: space-between; align-items:center; align-content:flex-start; background:var(--btn-color-background); color:var(--btn-color-text); box-sizing:border-box;} .password_change_title::before{display:block; width:60px; line-height:40px; margin:0; content:"o"; text-align:center; font-size:30px; font-family:'picto_web'; box-sizing:border-box;} .password_change_title em{display:flex; width:30px; height:30px; border:2px solid #FFFFFF; color:#FFFFFF; border-radius:50%; cursor:pointer; transition:all 0.4s ease;} .password_change_title em::before{display:block; width:30px; line-height:30px; margin:0; text-align:center; font-size:14px; content:'c'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} .password_change_title em:hover{color:var(--color-text-hover); border-color:var(--color-text-hover);} .password_change_title .password_change_title_content{display:flex; width:calc(100% - 100px); flex-flow: column nowrap; line-height:40px; font-size:1.4em; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} .password_change_lightbox .password_change_content{display:flex; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:center; padding:20px;} .password_change_lightbox .password_change_action{display:flex; flex-flow: row nowrap; min-height:30px; justify-content:center; align-items:center; background:#000000; padding:5px; border-radius:0 0 20px 20px ; box-sizing:border-box;} .euro{font-size:1.5em; margin-left:5px;} .attention{color:#FF0000; font-weight:bold;} .separation{clear:both; border-bottom:1px dashed #999999; margin-bottom:40px;} .form_label{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; align-content:center; float:none; width:100%; text-align:left; line-height:1em; padding:10px 10px 10px 0px; box-sizing:border-box; font-size:1.2em; color:#666666;} .form_label span{display:inline-block;} .form_label strong{color:var(--color-ba-rouge);} .zone_obligatoire{text-align:left; color:#FF0000; } .obligatoire_picto{display:none; font-weight:bold; width:20px; margin-left:10px; vertical-align:top; font-size:1.5em; color:#FF0000;} .form_ligne.obligatoire .obligatoire_picto{display:inline-block;} .obligatoire_admin{display:block; position: absolute; margin-left:-10px; padding-top:5px; font-weight:bold; width:20px; font-size:1.5em; color:#FF0000;} .form_input{float:none; width:100%; text-align:left; padding-left:20px; box-sizing:border-box;} .form_input input{border:1px solid #786f78; width:95%; max-width:400px; color:#1c7fd5; padding: 0 10px; font-size:1.2em; border-radius:7px; line-height:40px; box-sizing:border-box;} .form_input select{border:1px solid #786f78; width:95%; max-width:400px; color:#1c7fd5; padding:5px 10px; font-size:1.2em; border-radius:7px; line-height:30px; box-sizing:border-box;} .form_input textarea{border:1px solid #786f78; width:95%; max-width:400px; height:90px; color:#1c7fd5; padding:10px; font-size:1em; border-radius:7px; line-height:1.2em; box-sizing:border-box;} .form_input textarea.large_text{width:100%; max-width:700px; height:200px; } .info_objectif{display:block; font-size:0.8em; line-height:1em; width:95%; color:#999999; max-width:400px; padding:5px 0 0 35px; box-sizing:border-box;} .info_objectif::before{display:block; position:absolute; width:35px; margin:10px 0 0 -35px; content:'I'; font-style:normal; text-align:center; font-size:25px; font-family:'picto_web';} .form_input input[type="number"]{max-width:100px; font-size:1.4em; } .form_input input.montant{width:100px; text-align:right} .form_input input[type="date"]{max-width:190px; font-size:1.4em; } .form_input input[type="time"]{max-width:120px; font-size:1.4em; } ::placeholder{color:#999999;} .form_input.date input{width:140px;} .form_input.date_time_form{} .formulaire.login{ max-width:var(--max-width-form-login);} .formulaire.login .form_input input{ max-width:250px;} .form_input.zone_famille input{display:block; float:left; width:50px; font-size:1.5em; line-height:1em; text-align:center;} .zone_info_famille{display:block; float:left;border-left:1px solid #999999; width:300px; margin-left:20px; padding-left:20px;} .zone_info_famille_titre{border-bottom:1px solid #ff7800; color:#333333; font-variant:small-caps;} .famille_info_personne{color:#1c7fd5; padding:5px; padding-left:20px;} .switch_type_password{ margin-left:10px; position:absolute; border:0px solid #EEEEEE; width:40px; color:#999999; line-height:40px; border-radius:5px; cursor:pointer; } .switch_type_password::before{display:block;position:absolute; width:40px; margin-left:0px; margin-top:0px; text-align:center; font-size:25px; font-family:'picto_web';} .switch_type_password:hover{color:#ff7800;} .switch_type_password.password::before{content:'e';} .switch_type_password.text::before{content:'f';} .form_info{float:right; width:190px; border:1px solid #EEEEEE; background:#FFFFFF; color:#ff7800; padding:10px; border-radius:5px; box-shadow:0 2px 2px rgba(0,0,0,0.5); box-sizing:border-box;} .form_info_icone{display:block; float:left; width:30px; height:25px; padding:0px; border-radius:7px; cursor:pointer;} .form_info_icone::before{display:block; width:30px; line-height:25px; border:0px solid #FF0000; margin-left:-5px; margin-top:0px;color:#ff7800; text-align:center; content:'I'; font-size:25px; font-family:'picto_web';} .form_info_content{display:block; margin:0px; font-size:0.9em; } .form_info_icone:hover .form_info_content{display:block;} .btn_radio{display:flex; width:100%; flex-flow:row nowrap; justify-content:flex-start; align-items:center; align-content:center; box-sizing:border-box;} .btn_radio input[type="radio"]{display:none;} .btn_radio input[type="radio"]+ label{display:flex; flex-flow:row nowrap; min-height:40px; justify-content:center; align-items:center; align-content:center; width:auto; min-width:80px; max-width:200px; border:1px solid #999999; border-radius:0px; background:#FFFFFF; color:#999999; margin:0px; padding:0px 10px; line-height:0.9em; cursor:pointer; text-align:center; transition: all 0.4s ease 0s; box-sizing:border-box;} .btn_radio input[type="radio"]+ label:hover{color:#FFFFFF; background:#ffcd00;} .btn_radio input[type="radio"]:checked+ label{border-color:#1c7fd5; color:#FFFFFF; background:#1c7fd5; } .btn_radio input[type="radio"]:checked+ label:hover{border-color:#3e98e6; color:#FFFFFF; background:#3e98e6; } .form_ligne.type_event .btn_radio input[type="radio"]+ label{max-width:200px;} .btn_radio_liste .btn_radio{flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} .btn_radio_liste .btn_radio input[type="radio"]{display:none;} .btn_radio_liste .btn_radio input[type="radio"]+ label{width:100%; max-width:none; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; border-radius:0px; border:0; background:#FFFFFF; color:#999999; margin:0px; padding:10px 10px 10px 10px; line-height:20px; cursor:pointer; text-align:left; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; transition: all 0.4s ease 0s; box-sizing:border-box;} .btn_radio_liste .btn_radio input[type="radio"]+ label::before{display:block; float:left; width:20px; height:20px; margin-right:10px; border:2px solid #999999; content:" "; font-family:'picto_web'; font-size:14px; line-height:16px; text-align:center; transition: all 0.4s ease 0s; box-sizing:border-box;} .btn_radio_liste .btn_radio input[type="radio"]+ label:hover{color:#FFCC00;} .btn_radio_liste .btn_radio input[type="radio"]+ label:hover::before{border-color:#FFCC00;} .btn_radio_liste .btn_radio input[type="radio"]:checked+ label{color:#1c7fd5; font-weight:bold; } .btn_radio_liste .btn_radio input[type="radio"]:checked+ label::before{border-color:#1c7fd5; content:"*";} .btn_radio_liste .btn_radio input[type="radio"]:checked+ label:hover{color:#FFCC00; background:#FFFFFF;} .btn_radio_liste .btn_radio input[type="radio"]:checked+ label:hover::before{color:#FFCC00; border-color:#FFCC00;} .btn_checkbox{box-sizing:border-box;} .btn_checkbox input[type="checkbox"]{display:none;} .btn_checkbox div{width:100%; border-bottom:1px solid #EEEEEE; box-sizing:border-box;} .btn_checkbox input[type="checkbox"]+ label{display:block; border-radius:0px; color:#666666; margin:0px; padding:0px 10px; line-height:40px; cursor:pointer; text-align:left; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; transition: all 0.4s ease 0s; box-sizing:border-box;} .btn_checkbox input[type="checkbox"]+ label:hover{color:#3e98e6; background:#FFFFDD; } .btn_checkbox input[type="checkbox"]+ label span{display:block; float:left; width:16px; height:16px; border:2px solid #CCCCCC; margin-top:11px; margin-right:10px;} .btn_checkbox input[type="checkbox"]+ label span::before{display:block; width:16px; height:16px; line-height:16px; content:'*'; opacity:0; font-size:14px; margin-left:0px; margin-top:0px; text-align:center; font-family:'picto_web';} .btn_checkbox input[type="checkbox"]:checked+ label{color:#1c7fd5; font-weight:bold; } .btn_checkbox input[type="checkbox"]:checked+ label span{border:2px solid #1c7fd5;} .btn_checkbox input[type="checkbox"]:checked+ label span::before{opacity:1;} .list_multi_colonne{display:flex; padding:0 20px 20px 20px; max-height:240px; overflow:auto; border:1px solid #EEEEEE; flex-flow: row wrap; justify-content:flex-start; align-items:center; align-content:flex-start; box-sizing:border-box;} .list_multi_colonne .btn_checkbox{width:33%;} /* ************************ */ /* Zone File Upload */ /* ************************ */ .zone_btn_add{display:flex; flex-flow: row wrap; justify-content:center; align-items:center; width:100%; padding:0; border:0; box-sizing:border-box;} .btn_add_doc, .btn_add_personne{width:200px; line-height:30px; background:var(--color-ba-orange); color:#FFFFFF; padding-left:35px; border-radius:var(--border-radius); cursor:pointer; transition:all 0.4s ease; box-sizing:border-box;} .btn_add_doc::before, .btn_add_personne::before{display:block; float:left; font-size:20px; width:30px; margin-left:-35px; content:'+'; color:#FFFFFF; line-height:30px; text-align:center; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} .btn_add_doc:hover, .btn_add_personne:hover{background:var(--color-text-hover);} .zone_upload_file{position:fixed; top:-200%; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100000; box-sizing:border-box; transition:all 0.7s ease;} .zone_upload_file.zone_open{top:0px;} .upload_file_close{float:right; margin-right:10px; margin-top:-10px; width:30px; height:30px; border:1px solid #000000; color:#000000; border-radius:20px; cursor:pointer; transition:all 0.5s ease;} .upload_file_close::before{display:block; position:absolute; font-size:15px; width:30px; content:'c'; line-height:30px; text-align:center; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} .upload_file_close:hover{color:#FF0000; border-color:#FF0000;} .upload_file{width:90%; max-width:500px; background:#FFFFFF; padding:20px; margin:auto; margin-top:50px; border-radius:7px; box-sizing:border-box;} .upload_file_titre{padding:5px; font-size:1.2em; text-transform:uppercase; color:#ff7800; border-bottom:2px solid #ff7800; margin-bottom:10px; box-sizing:border-box;} .upload_file_lib{padding:5px; padding-bottom:0px; font-size:1em; color:#333333; text-align:center; box-sizing:border-box;} .upload_file_text{padding:5px; font-size:1em; color:#999999; margin-bottom:10px; box-sizing:border-box;} .upload_file_select_type_doc{padding:10px; margin-bottom:20px; text-align:center;} .upload_file_input{padding:10px; margin-bottom:20px; text-align:center;} .upload_file_input input[type="text"] {border:1px solid #786f78; width:100%; max-width:250px; color:#1c7fd5; padding:5px; font-size:1.2em; border-radius:7px; line-height:30px;} .upload_file_input select{border:1px solid #786f78; width:100%; max-width:250px; color:#1c7fd5; padding:5px; font-size:1.2em; line-height:30px;} .upload_file_alerte{color:#FF0000; padding-left:50px; } .upload_file_alerte::before{display:block; position:absolute; font-size:40px; margin-left:-50px; width:40px; content:'!'; line-height:40px; text-align:left; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} .zone_file_input{display:flex; flex-flow: column wrap; justify-content: center; align-items: center; border:1px dashed #999999; border-radius:var(--border-radius-button); padding:10px; box-sizing:border-box;} .zone_file_list{} .file_supp{float:right; margin-right:10px; opacity:0; width:26px; height:26px; color:#FF0000; border-radius:50%;cursor:pointer; transition:all 0.5s ease;} .file_supp::before{display:block; position:absolute; font-size:18px; width:26px; line-height:26px; content:'p'; text-align:center; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} .file_supp:hover{background:#FF0000; color:#FFFFFF;} .file_link{color:#1c7fd5; font-weight:normal; padding-left:30px; cursor:pointer; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;; box-sizing:border-box;} .file_link::before{display:block; float:left; font-size:20px; width:30px; margin-left:-30px; content:'F'; color:#1c7fd5; line-height:30px; text-align:center; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} em.file_link{display:block; line-height:30px; } .zone_file{width:100%; max-width:350px; height:40px; line-height:30px; padding:5px; margin:5px; border-radius:var(--border-radius-button); transition:all 0.5s ease; box-sizing:border-box;} .zone_file:hover{background:var(--color-hover-light);} .zone_file:hover .file_supp{opacity:1; } .zone_file_input .btn_add{display:flex; margin-top:20px;} /*.zone_file .file_etat{display:none;}*/ .zone_file_input.standalone{border:0; padding:0;} .zone_file_input.standalone .btn_add{margin:0;} .form_ligne .form_input .zone_file .file_etat {display:block; float:left; margin-right:10px; } .form_ligne .form_input .zone_file .file_etat em{display:block; border-radius:50%; border:2px solid #FFFFFF; width:18px; height:18px; margin:0 0 0 5px; cursor:pointer; line-height:20px; background:#CCCCCC;} .form_ligne .form_input .zone_file .file_etat em.file_ok{background:var(--color-vert-confirm);} .form_ligne .form_input .zone_file .file_etat em.file_erreur{background:var(--color-error);} .form_ligne .form_input .zone_file .file_etat em:hover{border-color:#FFCC00;} .form_ligne .form_input .zone_file .file_etat .zone_change_etat{display:none; position:absolute; border:1px solid #999999; flex-flow:column nowrap; justify-content:flex-start; align-items:stretch; width:200px; z-index:10000; background:#FFFFFF; padding:5px 5px 5px 5px; border-radius:10px; box-shadow:3px 3px 5px rgba(0,0,0,0.3); box-sizing:border-box;} .form_ligne .form_input .zone_file .file_etat.open_menu .zone_change_etat{display:flex;} .form_ligne .form_input .zone_file .file_etat .zone_change_etat div{display:flex; flex-flow:row nowrap; height:30px; justify-content:flex-start; gap:10px; padding:0 0 0 5px; align-items:center; align-content:flex-start; cursor:pointer; transition:all 0.4s ease;} .form_ligne .form_input .zone_file .file_etat .zone_change_etat div:hover{background:#FFFFCC;} .form_ligne .form_input .zone_file .file_etat .zone_change_etat div em:hover{border-color:#FFFFFF;} .form_ligne.list_file_synthese{width:100%; padding:5px 10px 5px 0;} .form_ligne.list_file_synthese .form_label{display:none;} .form_ligne.list_file_synthese .form_input{max-width: 200px; padding:0;} .form_ligne.list_file_synthese .form_input .zone_file{height:20px; line-height:20px; padding:0;} .form_ligne.list_file_synthese .form_input .zone_file .file_link{ padding-left:20px; font-size:0.8em;} .form_ligne.list_file_synthese .form_input .zone_file .file_link::before{width:20px; margin-left:-20px; line-height:20px; font-size:16px;} .form_line_mini .form_ligne{padding:0 0 0 60px;} .form_line_mini .form_ligne .form_label{font-size:0.9em; padding:0;} .form_line_mini .form_ligne .form_input{max-width: 200px; padding:0;} .form_line_mini .form_ligne .form_input .zone_file{height:20px; line-height:20px; padding:0;} .form_line_mini .form_ligne .form_input .zone_file .file_link{ padding-left:20px; font-size:0.8em;} .form_line_mini .form_ligne .form_input .zone_file .file_link::before{width:20px; margin-left:-20px; line-height:20px; font-size:16px;} .zone_personne_charge{display:flex;width:100%; flex-flow: column wrap; justify-content: center; align-items: center; border:1px dashed #999999; border-radius:var(--border-radius-button); padding:10px; box-sizing:border-box;} .zone_personne_list{display:flex; width:100%; flex-flow: column wrap; justify-content: flex-start; align-items: stretch; box-sizing:border-box;} .zone_personne{display:flex; flex-flow:row wrap; justify-content: flex-start; align-items: center; padding:5px 5px 15px 5px; border-bottom:1px solid #EEEEEE; box-sizing:border-box; } .zone_personne .zone_personne_title{width:100%; font-weight:bold; display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; box-sizing:border-box;} .zone_personne .zone_personne_data{width:100%; display:flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; box-sizing:border-box;} .zone_personne .zone_personne_data .zone_personne_data_cl{display:flex; flex-flow: row wrap; justify-content: stretch; align-items: stretch; box-sizing:border-box;} .zone_personne .zone_personne_data .zone_personne_data_cl:nth-child(1){width:calc(100% - 40px);} .zone_personne .zone_personne_data .zone_personne_data_cl:nth-child(2){width:40px;} .zone_personne .zone_personne_data .zone_personne_data_cl span{display:flex; width:50%; flex-flow: column nowrap; justify-content: stretch; align-items: stretch; box-sizing:border-box;} .zone_personne .zone_personne_data .zone_personne_data_cl span.personne_data_naissance input{width:160px;} .zone_personne .zone_personne_data .zone_personne_data_cl .personne_data_supp {width:50px; display:flex; flex-flow: column nowrap; justify-content: center; align-items: center; } .zone_personne .zone_personne_data .zone_personne_data_cl .personne_data_supp span{display:flex; width:36px; height:36px; margin:15px 0 0 10px; color:#FF0000; cursor:pointer; border-radius:50%; box-sizing:border-box;} .zone_personne .zone_personne_data .zone_personne_data_cl .personne_data_supp span::before{display:block; font-size:28px; width:36px; line-height:36px; content:'p'; text-align:center; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} .zone_personne .zone_personne_data .zone_personne_data_cl .personne_data_supp span:hover{background:#FF0000; color:#FFFFFF;} .zone_personne .zone_personne_data .zone_personne_data_cl .personne_data_lien {display:none;} .zone_personne .zone_personne_data label{padding:5px 0 5px 0; font-weight:normal; font-variant:small-caps; font-size:12px; color:#999999;} .zone_personne .zone_personne_data input{font-size:14px; line-height:20px; padding:5px;} .zone_personne .zone_personne_data select{font-size:14px; line-height:20px; padding:5px;} .zone_personne_charge .btn_add{display:flex; margin-top:20px;} .personne_view{padding:5px; box-sizing:border-box;} .personne_view span{font-size:0.8em; color:#666666; margin-left:10px;} .personne_view em{font-size:0.8em; color:#999999; margin-left:10px;} /* ************************ */ /* Infobulle */ /* ************************ */ .infobulle{display:inline-block;} .infobulle .infobulle_btn{display:block; cursor:pointer; margin: 0 0 0 30px; width:40px; height:40px; color: var(--color-lerayon-bleu);} .infobulle .infobulle_btn::before{display:block; font-size:40px; width:40px; content:'I'; line-height:40px; text-align:center; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none;} .infobulle .infobulle_lightbox{display:none; position:fixed; width:100%; height:100%; top:0; left:0; flex-flow:row nowrap; justify-content:center; align-items:center; align-content:center; padding:40px 10px; background:rgba(0,0,0,0.9); box-sizing:border-box;} .infobulle .infobulle_lightbox .infobulle_content{display:flex; flex-flow:column nowrap; justify-content: flex-start; align-items:center; align-content:flex-start; background:#FFFFFF; border-radius:10px; padding:10px; max-height:calc(100% - 60px); overflow:auto; width:98%; max-width:500px; box-sizing:border-box; } .infobulle .infobulle_lightbox .infobulle_content .btn_close_infobulle{displauy:block; background:var(--color-lerayon-bleu); border-radius:7px; color:#FFFFFF; text-align:center; width:50px; line-height:40px; cursor:pointer; box-sizing:border-box;} .infobulle.open .infobulle_lightbox{display:flex; } /* ************************ */ /* Validaiton formulaire */ /* ************************ */ .form_ligne.OK{border-color:#00FF00; color:#00FF00;} .form_ligne.OK::before{content:'*';} .form_ligne.OK .form_label{color:#00FF00;} .form_ligne.NO{border-color:#FF0000; color:#FF0000;} .form_ligne.NO::before{content:'!';} .form_ligne.NO .form_label{color:#FF0000;} .form_ligne_hidden{display:none;} .form_valider{padding:20px; box-sizing:border-box;} .btn{display:block; width:250px; background:var(--btn-color-background); margin:auto; color:var(--btn-color-text); border:0px; text-transform:uppercase; text-align:center; font-size:1.1em; line-height:40px; border-radius:7px; cursor:pointer; transition:all 0.5s ease;} .btn:hover{background:var(--btn-color-background-hover);} .loading{background:#1c7fd5 !important; height:40px; padding:5px !important; border-color:#1c7fd5 !important;} .loading span{display:none;} .loading::before { display:block; position:relative !important; font-size:30px; color:#FFFFFF; width:30px; height:30px; line-height:30px; margin:auto !important; text-align:center !important; content:'1' !important; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none; animation-name: rotate_item; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes rotate_item { from {transform: rotate(-360deg);} to {transform: rotate(0deg);} } .reponse_user_view{color:var(--color-ba-bleu); font-size:1.1em;} .btn_annuler{width:150px; float:left; margin:auto; color:#FFFFFF; border:1px solid #FFFFFF; text-transform:uppercase; text-align:center; font-size:1.1em; line-height:40px; border-radius:7px; cursor:pointer; transition:all 0.5s ease;} .btn_annuler:hover{color:#ffcd00; border-color:#ffcd00;} .no_account{padding:10px; text-align:center;} .forgot_password{padding:10px; text-align:center;} .input_switch{display:flex; flex-flow: row wrap; justify-content:flex-start; align-items:center; box-sizing:border-box;} .input_switch input{display:none;} .input_switch label{display:flex; flex-flow: row wrap; width:60px; height:18px; background:#CCCCCC; cursor:pointer; border-radius:20px; justify-content:flex-start; align-items:center; transition:all 0.4s ease;} .input_switch label::before{display:flex; height:22px; width:22px; margin:-4px 0 0 0; content:' '; border:2px solid #CCCCCC; background:#FFFFFF; border-radius:50%; flex-flow: row wrap; justify-content:flex-start; transition:all 0.4s ease;} .input_switch label .slider{display:flex; width:28px; height:18px; flex-flow: row wrap; justify-content:center; align-items:center; box-sizing:border-box;} .input_switch label .slider span{display:flex; margin:-4px 0 0 2px; flex-flow: row wrap; color:#FFFFFF; font-size:11px; font-weight:bold; justify-content:center; align-items:center; box-sizing:border-box;} .input_switch label .slider span.yes{display:none;} .input_switch label .slider span.no{display:flex;} .input_switch input:checked+ label{flex-flow: row-reverse wrap;background:var(--color-vert-confirm); transition:all 0.4s ease;} .input_switch input:checked+ label::before{border-color:var(--color-vert-confirm);} .input_switch input:checked+ label .slider span.yes{display:flex;} .input_switch input:checked+ label .slider span.no{display:none;} .confirm_import{line-height:1em;} .confirm_import ul{ max-height:150px; overflow:auto;} .confirm_import ul li{font-size:0.8em; padding-bottom:5px;} .confirm_import ul li em{display:block; color:#999999; line-height:10px;} .zone_questionnaire_action{display:flex; flex-flow: row wrap; justify-content: center; align-items:center; align-content:center; margin: 30px 0 40px 0; padding:20px; border-top:1px solid var(--color-ba-orange); box-sizing:border-box;} .zone_questionnaire_action .button{display:flex; width:200px; margin:10px 10px 10px 10px; padding:5px 5px 5px 40px; font-weight:normal; font-size:12px; line-height:14px; text-align:left; box-sizing:border-box;} .zone_questionnaire_action .button::before{display:block; position:absolute; width:40px; line-height:28px; margin:0 0 0 -40px; text-align:center; font-size:25px; font-family:'picto_web';} .zone_questionnaire_action .button.prev{font-family:text_web; background:#FFFFFF; border:1px solid var(--color-ba-orange); color:var(--color-ba-orange);} .zone_questionnaire_action .button.prev::before{content:"<"; } .zone_questionnaire_action .button.save{padding:5px 5px 5px 50px; width:160px;} .zone_questionnaire_action .button.save::before{content:"s"; width:40px; margin:0 0 0 -50px;} .zone_questionnaire_action .button.next{text-align:right; padding:5px 50px 5px 5px ; } .zone_questionnaire_action .button.next::before{content:">"; margin:0 0 0 150px ;} .zone_questionnaire_action .button.send{text-align:right; padding:5px 50px 5px 5px ; background:var(--color-ba-rouge);} .zone_questionnaire_action .button.send::before{content:")"; margin:0 0 0 150px ;} .zone_questionnaire_action .button:hover{background:var(--color-text-hover); color:#FFFFFF; border-color: var(--color-text-hover);} .zone_validation_dossier{margin-top:40px; padding:10px 30px 30px 30px; background:#FFFFFF; border:2px dashed var(--color-ba-orange); border-radius:var(--border-radius); } /* *********************************************************** */ /* form periode Date */ .form_select_periode{display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center; align-content:center; gap:10px; box-sizing:border-box;} .form_select_periode span{color:var(--color-text); font-family:text_web;} .form_select_periode input{color:var(--color-ba-orange); font-family:text_bold; font-size:14px; line-height:30px; padding:0 5px 0 5px; border:1px solid #999999; border-radius:var(--border-radius-button);} .form_select_periode .btn_ok{width:40px; height:30px; line-height:30px; border:0; background:var(--btn-color-background); font-style:normal; text-align:center; color:var(--btn-color-text); font-family:text_bold; border-radius:var(--border-radius-button); cursor:pointer; transition:all 0.4s ease; box-sizing:border-box;} .form_select_periode .btn_ok:hover{background:var(--btn-color-background-hover);} .form_select_periode.center{width:400px; margin:20px auto 30px auto;} /* *********************************************************** */ /* Homepage */ /* *********************************************************** */ .app_homepage{width:100%; max-width:var(--max-width-form); margin:20px auto 50px auto; } .home_admin_info{display:block; width:100%; margin:20px auto ; padding:20px 10px 20px 10px; font-size:1.2em; background:#FFFFFF; border:0px solid var(--color-ba-jaune); border-radius:var(--border-radius-button); text-align:left; box-sizing:border-box;} .home_admin_menu{display:flex; flex-flow: row wrap; justify-content:space-around; align-items:flex-start; align-content:flex-start; padding:0; box-sizing:border-box;} .home_admin_module{display:block; width:100%; max-width:400px; padding:20px; } .home_admin_module.news{width:100%; max-width:1300px;} .home_admin_title {display:block; width:100%; border-left: 10px solid var(--color-ba-orange); padding:0 0 0 5px; box-sizing:border-box;} .home_admin_title span{display:block; padding:0 5px 0 10px; line-height:40px; font-size:1.6em; color:var(--color-ba-orange); white-space: nowrap; overflow:hidden; text-overflow:ellipsis; background:var(--color-ba-orange-light); font-family:'titre_web'; box-sizing:border-box;} .home_admin_action {display:block; padding:10px 5px 10px 5px;} .home_admin_action a {display:flex; flex-flow: row nowrap; justify-content:flex-start; cursor:pointer; align-items:center; border:0; align-content:center; color:var(--color-ba-orange); font-size:1em; line-height:1.1em;} .home_admin_action a::before{display:block; margin:0 10px 0 10px; content:'0'; font-size:24px; width:40px; line-height:40px; text-align:center; font-weight:normal; font-family:'picto_web'; transition:all 0.4s ease;} .home_admin_action a:hover{background:var(--color-hover-light); } .home_admin_action a.config::before{content:'1';} .home_admin_action a.agenda::before{content:'5';} .home_admin_action a.dossier_inscription::before{content:'2'; font-size:26px;} .home_admin_action a.dossier_all::before{content:'h';} .home_admin_action a.doublon::before{content:'1';} .home_admin_action a.messagerie::before{content:'m';} .home_admin_action a.epicerie::before{content:'#';} .home_admin_action a.user::before{content:'g';} .home_admin_action a.user_beneficiaire::before{content:'9';} .home_admin_action a.espace_document::before{content:'G';} .home_admin_action a.stat::before{content:'7';} .home_admin_action a.support::before{content:'?';} .home_admin_action a.import::before{content:'(';} .home_admin_action a.export::before{content:')';} .home_admin_action a.materiel_location_icone::before{content:'%';} .home_admin_action a.materiel_liste_icone::before{content:'2';} .homepage_news_liste{display:flex; flex-flow: row wrap; justify-content:space-around; gap:20px; align-items:flex-start; align-content:flex-start; padding:20px; box-sizing:border-box;} .homepage_news{width:100%; max-width:350px; } .homepage_news a .homepage_news_date{background:var(--color-ba-orange); color:#FFFFFF; border-radius:10px 10px 0 0 ; padding:2px 5px ; text-align:right; box-sizing:border-box; transition:all 0.4s ease;} .homepage_news a .homepage_news_visuel{width:100%; display:flex; flex-flow:row nowrap; justify-content:center; background:var(--color-ba-gris); align-items:center; align-content:center; overflow:hidden; box-sizing:border-box; transition:all 0.4s ease;} .homepage_news a .homepage_news_visuel img{ height:200px;} .homepage_news a .homepage_news_titre{padding:5px 10px ; background:#000000; color:#FFFFFF; border-radius:0 0 10px 10px ; height:40px; line-height:15px; box-sizing:border-box; transition:all 0.4s ease;} .homepage_news a:hover .homepage_news_date{background:var(--color-ba-orange-light); color:#000000;} .homepage_news a:hover .homepage_news_visuel{opacity:0.7;} .homepage_news a:hover .homepage_news_titre{background:var(--color-ba-orange);} a.alerte_nouveau_message{display:block; color:#000000; width:100%; max-width:var(--max-width-form); margin:10px auto 20px auto; background:var(--color-text-hover); padding:20px; line-height:20px; cursor:pointer; text-align:left; border-radius:var(--border-radius); border:0; box-sizing:border-box; transition:all 0.4s ease;} a.alerte_nouveau_message::before{display:block; float:left; width:50px; margin:-5px 20px 0 0; content:'m'; font-size:50px; line-height:50px; text-align:center; font-weight:normal; font-family:'picto_web';} a.alerte_nouveau_message:hover{background:var(--color-hover-light);} .fiche_user{display:flex; flex-flow:column nowrap; justify-content:flex-start; width:98%; max-width:600px; background:#FFFFFF; border:1px solid var(--color-ba-gris-light); padding:20px; border-radius: var(--border-radius); margin:auto; box-sizing:border-box;} .fiche_user .nom{color:var(--color-ba-orange); border-bottom:2px solid var(--color-ba-orange);} .fiche_user .nom span{color:var(--color-ba-orange); font-size:1.4em; } .fiche_user .nom strong{color:var(--color-ba-orange); font-size:1.6em;} .fiche_user .fiche_data{display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; padding:10px 10px; box-sizing:border-box;} .fiche_user .fiche_data .info{padding:5px 20px; width:calc(100% - 160px); box-sizing:border-box;} .fiche_user .fiche_data .info .data{font-size:1.4em; line-height:40px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;} .fiche_user .fiche_data .info .data::before{display:block; float:left; font-weight:normal; width:40px; margin:0 10px 0 0 ; text-align:center; font-weight:normal; font-family:'picto_web';} .fiche_user .fiche_data .info .data.email::before{content:'l'; font-size:24px; } .fiche_user .fiche_data .info .data.telephone::before{content:'J'; font-size:26px;} .fiche_user .fiche_data .action{padding:0 20px; width:160px; box-sizing:border-box;} .fiche_user .fiche_data .action a{display:block; width:100%; max-width:160px; height:30px; margin: 10px auto; padding:5px 2px 5px 5px; overflow:hidden; font-weight:normal; border:1px solid var(--color-ba-orange); font-size:12px; line-height:10px; text-align:left; background:#FFFFFF; color:var(--color-ba-orange); border-radius:var(--border-radius-button); box-sizing:border-box; transition:all 0.4s ease;} .fiche_user .fiche_data .action a::before{display:block; float:left; font-weight:normal; width:24px; line-height:20px; margin:0 5px 0 0; text-align:center; font-weight:normal; font-family:'picto_web';} .fiche_user .fiche_data .action a.info::before{content:'E'; font-size:18px; } .fiche_user .fiche_data .action a.password::before{content:'L'; font-size:18px; } .fiche_user .fiche_data .action a:hover{color:var(--color-text-hover); border-color: var(--color-text-hover);} .message_etat_dossier{display:block; width:100%; max-width:var(--max-width-form); margin:auto ; padding:5px; font-size:1.2em; border-radius:var(--border-radius-button); text-align:center; box-sizing:border-box;} .message_etat_dossier p{padding:0; margin:0;} .message_etat_dossier strong{display:inline-block; color:var(--color-ba-orange); white-space:no-wrap;} .home_etat_dossier{padding-top:20px; margin-top:20px; border-top:2px dashed #999999; } .home_etat_dossier strong{color:var(--color-ba-bleu);} .message_select_rdv{display:block; width:100%; max-width:var(--max-width-form); margin:50px auto ; padding:20px 10px 20px 10px; font-size:1.2em; background:var(--calendar-commission-bg); border:2px solid var(--calendar-commission-color); border-radius:var(--border-radius-button); text-align:center; box-sizing:border-box;} .message_select_rdv .message_info_rdv{display:block; padding:10px 0 10px 10px; text-align:left; box-sizing:border-box;} .message_select_rdv .message_info_rdv::before{display:block; float:left; font-weight:normal; width:50px; line-height:40px; margin:0 20px 0 20px; color:var(--calendar-commission-color); content:'U'; font-size:40px;text-align:center; font-weight:normal; font-family:'picto_web'; box-sizing:border-box;} .rappel_rdv{display:block; width:100%; max-width:var(--max-width-form); margin:50px auto ; background:var(--calendar-commission-bg); padding:20px 20px 20px 100px; text-align:left; border-radius:10px; box-sizing:border-box;} .rappel_rdv::before{display:block; position:absolute; width:100px; margin:0 0 0 -100px; content:'U'; color:var(--calendar-commission-color); font-size:50px; line-height:50px; text-align:center; font-weight:normal; font-family:'picto_web';} .rappel_rdv strong{display:block; padding:10px 0; font-size:1.2em; box-sizing:border-box;} .message_homepage_info{display:block; width:100%; max-width:600px; margin:20px auto ; padding:20px 10px 20px 10px; font-size:1.2em; background:#FFFFFF; border:2px solid var(--color-ba-jaune); border-radius:var(--border-radius-button); text-align:center; box-sizing:border-box;} .message_homepage_info_text{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:10px 0 10px 10px; text-align:left; line-height:1.1em; font-size:0.9em; box-sizing:border-box; color:#000000;} .message_homepage_info_text::before{display:block; float:left; font-weight:normal; width:40px; line-height:40px; margin:0 10px 0 0; content:'I'; color:var(--color-ba-jaune); font-size:40px;text-align:center; font-weight:normal; font-family:'picto_web'; box-sizing:border-box;} .message_homepage_link{display:flex; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-items:flex-start; padding: 0 0 0 20px; box-sizing:border-box;} .message_homepage_link a, .message_homepage_link a:visited{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; border:0px; padding:10px; text-align:left; line-height:1em; font-family:text_web; text-decoration:none !important; color:var(--color-ba-orange);} .message_homepage_link a::before{display:block; font-weight:normal; width:30px; line-height:30px; margin:0 10px 0 10px; content:'F'; color:var(--color-ba-jaune); font-size:30px;text-align:center; font-weight:normal; font-family:'picto_web'; box-sizing:border-box;} .message_select_passage{display:block; width:100%; max-width:var(--max-width-form); margin:30px auto ; padding:20px 10px 20px 10px; font-size:1.2em; background:var(--calendar-epicerie-bg); border:2px solid var(--calendar-epicerie-color); border-radius:var(--border-radius-button); text-align:center; box-sizing:border-box;} .message_select_passage .message_info_select_passage{display:block; padding:10px 0 10px 10px; text-align:left; box-sizing:border-box;} .message_select_passage .message_info_select_passage::before{display:block; float:left; font-weight:normal; width:50px; line-height:40px; margin:0 20px 0 20px; content:'#'; color:var(--calendar-epicerie-color); font-size:40px;text-align:center; font-weight:normal; font-family:'picto_web'; box-sizing:border-box;} .message_select_passage .no_creneau{padding:10px; color:#FF0000;} .rappel_passage_epicerie{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:center; width:100%; max-width:var(--max-width-form); margin:50px auto ; background:var(--calendar-epicerie-bg); padding:20px; text-align:left; border-radius:10px; box-sizing:border-box;} .rappel_passage_epicerie::before{display:flex; width:100px; margin:0 ; content:'#'; color:var(--calendar-epicerie-color); font-size:50px; line-height:50px; text-align:center; font-weight:normal; font-family:'picto_web';} .rappel_passage_epicerie div {display:flex; width:calc(100% - 150px); flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start;} .rappel_passage_epicerie div span{display:flex; padding:5px; font-size:1em; box-sizing:border-box;} .rappel_passage_epicerie div strong{display:flex; padding:0; font-size:1.2em; box-sizing:border-box;} .rappel_passage_epicerie em{display:flex; margin:5px; width:40px; height:40px; border-radius:var(--border-radius-button); background:var(--color-ba-gris); color:#FFFFFF; font-style:normal; cursor:pointer; content:" "; transition:all 0.4s ease;} .rappel_passage_epicerie em::before{display:flex; align-items:center; width:60px; margin:0 ; content:'c'; font-size:18px; line-height:40px; justify-content:center; font-weight:normal; font-family:'picto_web';} .rappel_passage_epicerie em:hover{background:var(--color-ba-rouge);} .zone_atelier{display:block; width:100%; max-width:var(--max-width-form); margin:50px auto ; padding:20px 10px 10px 10px; font-size:1.2em; background:var(--calendar-atelier-bg); border:2px solid var(--calendar-atelier-color); border-radius:var(--border-radius-button); text-align:center; box-sizing:border-box;} .atelier_titre{display:block; padding:10px 0 0 10px; text-align:left; font-size:2em; line-height:40px; box-sizing:border-box;} .atelier_titre::before{display:block; float:left; font-weight:normal; width:50px; line-height:40px; margin:0 20px 0 20px; content:'g'; color:var(--calendar-atelier-color); font-size:40px;text-align:center; font-weight:normal; font-family:'picto_web'; box-sizing:border-box;} .atelier_inscription{display:block; width:100%; max-width:var(--max-width-form); margin:10px 0 0 0; padding:10px; text-align:left; box-sizing:border-box;} .atelier_inscription_titre{border-bottom:1px solid #999999; padding:0 0 5px 0; font-size:1.2em; } .atelier_inscription_liste{padding:10px; font-size:1em;} .atelier_inscription_item{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:center; padding:10px 5px 10px 5px; border-bottom:1px solid #FFFFFF; margin:0; background:var(--calendar-atelier-bg); box-sizing:border-box;} .atelier_inscription_item::before{display:flex; align-items:center; width:60px; margin:0 ; content:'g'; color:var(--calendar-atelier-color); font-size:40px; line-height:40px; justify-content:center; font-weight:normal; font-family:'picto_web';} .atelier_inscription_item div{display:flex; flex-flow: column wrap; width:calc(100% - 120px); } .atelier_inscription_item div strong{display:flex; justify-content:flex-start; line-height:24px; font-size:1em; } .atelier_inscription_item div span{display:flex; justify-content:flex-start; line-height:16px; font-size:0.9em; } .atelier_inscription_item em{display:flex; margin:5px; width:40px; height:40px; border-radius:var(--border-radius-button); background:var(--color-ba-gris); color:#FFFFFF; font-style:normal; cursor:pointer; content:" "; transition:all 0.4s ease;} .atelier_inscription_item em::before{display:flex; align-items:center; width:60px; margin:0 ; content:'c'; font-size:18px; line-height:40px; justify-content:center; font-weight:normal; font-family:'picto_web';} .atelier_inscription_item em:hover{background:var(--color-ba-rouge);} .atelier_inscription_item:hover{background:rgba(255,255,255,0.2);} .atelier_inscription_item:last-child{border:0;} .atelier .atelier_selection{display:block; padding:10px 0 10px 10px; border-top:2px dashed #999999; text-align:left; box-sizing:border-box;} .zone_location_materiel{display:block; width:100%; max-width:var(--max-width-form); margin:50px auto ; padding:20px 10px 10px 10px; font-size:1.2em; background:var(--location-bg); border:2px solid var(--location-color); border-radius:var(--border-radius-button); text-align:center; box-sizing:border-box;} .location_materiel_titre{display:block; padding:10px 0 0 10px; text-align:left; font-size:2em; line-height:40px; box-sizing:border-box;} .location_materiel_titre::before{display:block; float:left; font-weight:normal; width:50px; line-height:40px; margin:0 20px 0 20px; content:'%'; color:var(--location-color); font-size:50px;text-align:center; font-weight:normal; font-family:'picto_web'; box-sizing:border-box;} .location_historique{display:block; width:100%; max-width:var(--max-width-form); margin:10px 0 0 0; padding:10px; text-align:left; box-sizing:border-box;} .location_historique_titre{border-bottom:1px solid #999999; padding:0 0 5px 0; font-size:1.2em; } .location_historique_liste{padding:10px; font-size:1em;} .location_historique_liste_item{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:center; padding:10px 10px 10px 5px; border-bottom:1px solid #FFFFFF; margin:0; background:var(--location-bg); box-sizing:border-box;} .location_historique_liste_item .location_visuel{width:100px; padding:5px; margin:0 20px 0 5px;background:#FFFFFF; box-sizing:border-box;} .location_historique_liste_item .location_visuel img{width:100%;} .location_historique_liste_item .location_info{display:flex; width:calc(100% - 140px); flex-flow: column nowrap; } .location_historique_liste_item .location_info strong{color:#000000;} .location_historique_liste_item .location_info span{color:#000000;} .location_historique_liste_item:hover{background:rgba(255,255,255,0.2);} .location_historique_liste_item em{display:flex; margin:5px; width:40px; height:40px; border-radius:var(--border-radius-button); background:var(--color-ba-orange); color:#FFFFFF; font-style:normal; cursor:pointer; content:" "; transition:all 0.4s ease;} .location_historique_liste_item em::before{display:flex; align-items:center; width:60px; margin:0 ; content:'e'; font-size:18px; line-height:40px; justify-content:center; font-weight:normal; font-family:'picto_web';} .location_historique_message{text-align:center; padding:40px;} #zone_acceptation_reglement_interieur{flex-flow:column nowrap; justify-content:center; align-items:center; align-content:center;} #zone_acceptation_reglement_interieur .form_label{text-align:left;} #zone_acceptation_reglement_interieur .form_input{border:0;} /* *********************************************************** */ /* Admin management */ /* *********************************************************** */ .alerte_user_not_read, a.alerte_user_not_read{display:flex; flex-flow:row wrap; justify-content:center; width:100%; max-width:var(--max-width-form); margin:10px auto ; background:#FFFFFF; padding:20px; border:1px solid var(--color-ba-gris-light); line-height:20px; cursor:pointer; text-align:left; border-radius:10px; box-sizing:border-box; transition:all 0.4s ease;} .alerte_user_not_read::before{display:block; float:left; width:50px; margin:-5px 20px 0 0; content:'m'; font-size:50px; line-height:50px; text-align:center; font-weight:normal; font-family:'picto_web';} .alerte_user_not_read:hover{border-color:var(--color-hover);} .tab_list_etat{display:flex; flex-flow: row wrap; row-gap: 5px; justify-content: flex-start; align-items:flex-end; background:#FFFFFF; border-bottom: 1px solid var(--color-ba-gris-light); padding:20px 0 0 0;} .tab_list_etat.sticky{z-index:1000; position:sticky; top:calc( var(--header-height) + 50px);} .tab_etat {display:flex; flex-flow:row nowrap; justify-content: flex-start; align-items:center; min-width:100px; max-width:240px; margin:0 5px 0 0; padding:5px 10px 5px 10px; background:#DDDDDD; color:#FFFFFF; font-size:12px; line-height:10px; font-family:'text_bold'; align-items:center; min-height:30px; text-align:left; cursor:pointer; border-radius:var(--border-radius-button) var(--border-radius-button) 0 0; box-sizing:border-box; transition:all 0.4s ease;} .tab_etat.open{background:var(--color-ba-orange); color:#FFFFFF;} .tab_etat:hover{background:var(--color-text-hover);} .tab_etat span{display:flex; flex-flow:row nowrap; justify-content: flex-start; align-items:center; } .tab_etat em{display:inline-block; margin:0 0 0 5px; min-width:26px; line-height:16px; height:16px; font-size:10px; padding:0; background:#AAAAAA; color:#FFFFFF; border-radius:5px; border:0px solid #FFFFFF; font-style:normal; text-align:center; box-sizing:border-box;} .tab_etat.open em{background:#FF0000; color:#FFFFFF;} .content_list_etat{ padding:20px; border:1px solid #EEEEEE;} .liste_dossier{display:none;} .liste_dossier.open{display:block;} .dossier, .dossier:visited{display:flex; flex-flow: row nawrap; justify-content:flew-start; align-itmes:center; align-content:center; padding:10px; border-bottom:1px solid #EEEEEE; color:#000000; font-weight:normal; cursor:pointer; box-sizing:border-box;} .dossier:nth-child(2n){background:#EEEEEE;} .dossier:hover{background:var(--color-hover-light); color:#000000;} .dossier_info{display:block; width:300px;} .dossier_date {display:flex; flew-flow:row nawrap; justify-content:flex-start; align-items:center; align-content:center; font-size:0.8em;} .dossier_date span{display:block; width:150px; } .dossier_date strong{color:var(--color-ba-orange); font-size:1.1em;} .dossier_date em{display:block; color:var(--color-ba-bleu); text-align:right; font-size:1.1em;} .dossier_date em.multi{color:var(--color-ba-vert)} .dossier_nom{color:var(--color-ba-orange); line-height:20px; font-size:1.1em;} .dossier_droit_acces{display:block; color:#000000; font-size:0.9em;} .dossier_droit_acces em{display:block; font-size:0.9em; color:var(--color-ba-gris); font-style:normal;} .dossier_droit_acces span{display:block;} .dossier_droit_acces strong{ color:var(--color-ba-orange);} .data_dossier{display:flex; flex-flow:row nowrap; justify-contnet:flex-start; align-items:center; align-content:center; padding:0 0 0 20px; box-sizing:border-box;} .data_dossier .boursier{display:block; border:1px solid #999999; color:#999999; font-size:0.8em; padding:5px 5px 5px 5px; width:110px; line-height:14px; border-radius:7px; box-sizing:border-box;} .data_dossier .boursier::before{display:block; float:left; width:20px; margin:0px 5px 0 2px; content:'A'; font-size:14px; line-height:14px; text-align:center; font-weight:normal; font-family:'picto_web';} .data_dossier .boursier.non{border-color:var(--color-ba-rouge); color:var(--color-ba-rouge); background:#ffcaca;} .data_dossier .boursier.oui{border-color:var(--color-ba-vert); color:var(--color-ba-vert); background:#caffd2;} .message_aucun_resultat{padding:40px; text-align:center; color:var(--color-ba-orange); font-size:1.2em;} .synthese_dossier_detail_info{} .synthese_dossier_detail_info .form_ligne{display:flex; width:100%; flex-flow: row nowrap; justify-content: flex-start; align-items:stretch; align-content:flex-start; } .synthese_dossier_detail_info .form_label{display:block; width:33%; font-size:0.9em; text-align:right; padding:5px 10px 10px 0;} .synthese_dossier_detail_info .form_input{width:66%; text-align:left; color:var(--color-ba-bleu); font-size:0.9em; padding:5px; border:1px solid #EEEEEE; border-radius:5px; } .synthese_dossier_detail_info .clear{display:none;} .synthese_dossier{display:flex; flex-flow: row wrap; justify-content: space-around; align-items:stretch; padding:0; box-sizing:border-box;} .synthese_colonne{display:flex; width:50%; flex-flow: column wrap; justify-content: flex-start; align-items:flex-start; padding:0 10px 20px 10px; box-sizing:border-box;} .synthese_colonne h2{ position:sticky; top:161px; border-top:10px solid #FFFFFF; text-align:center; width:100%; margin:0; padding:5px; background:var(--color-ba-gris); color:#FFFFFF; box-sizing:border-box;} .synthese_colonne .sous_titre {color:var(--color-ba-orange); background:#FFFFFF; width:100%; border-bottom:1px solid #999999; padding:5px 5px 5px 10px; border-radius:0;} .ligne_synthese{display:flex; width:100%; flex-flow: row wrap; justify-content: flex-start; align-items:flex-start; padding:5px; border-bottom:1px solid #EEEEEE; box-sizing:border-box;} .quest_label{display:flex; width:40%; flex-flow: row wrap; justify-content: flex-end; text-align:right; align-items:center; padding:0 5px 0 0; font-size:1em; color:var(--color-ba-gris); box-sizing:border-box;} .synthese_label{font-size:0.9em; color:#000000; text-align:left; width:100%;} .quest_rep{display:flex; width:60%; flex-flow: column wrap; justify-content: flex-start; align-items:flex-start; padding:0px; box-sizing:border-box;} .rep_admin{} .rep_admin input{color:var(--color-ba-bleu); font-size:1.2em; width:100px; padding:0 10px 0 0; border:1px solid #999999; border-radius:var(--border-radius-button); text-align:right; line-height:24px; box-sizing:border-box;} .rep_user{display:flex; flex-flow: row wrap; justify-content: center; align-items:center;} .rep_user span{ font-size:0.8em; color:#999999;} .rep_user strong{margin-left:5px; font-size:0.9em;; color:var(--color-orange);} .rep_user em{display:flex; width:20px; height:20px; cursor:pointer; margin:0 0 0 10px; padding:2px; border-radius:50%; font-style:normal; color:var(--color-ba-orange); transition:all 0.4s ease;} .rep_user em::before{display:block; width:20px; content:'C'; font-size:20px; line-height:20px; text-align:center; font-weight:normal; font-family:'picto_web';} .rep_user em:hover{background:var(--color-ba-orange); color:#FFFFFF;} .synthese_frais_km{display:block; font-size:0.8em; color:var(--color-ba-violet);} .ligne_synthese:hover{background:var(--color-hover-light);} .synthese_total{display:flex; width:100%; flex-flow: row wrap; border-top:2px solid #000000; justify-content: center; align-items:center; color:#999999; box-sizing:border-box; } .synthese_total strong{font-size:2em; margin-left:10px; color:#000000;} .synthese_total.ressources strong{color:#008c00;} .synthese_total.charges strong{color:#FF0000;} .zone_part{display:flex; flex-flow: column wrap; justify-content: center; align-items:center;} .zone_part strong{padding:5px;} .zone_part input{font-size:1.4em; border:1px solid #999999; width:50px; text-align:center; border-radius:var(--border-radius); color:var(--color-ba-bleu); padding:5px;} .zone_calcul_RPV{display:flex; width:100%; flex-flow: column wrap; justify-content: center; align-items:center;} .zone_resultat_RPV{display:flex; width:100%; max-width:400px; margin:20px auto 0 auto; border-top:2px solid #000000; flex-flow: row wrap; justify-content: center; background:var(--color-ba-gris); align-items:center; padding:20px 0 20px 0; box-sizing:border-box;} .zone_resultat_RPV div{display:flex; flex-flow: column wrap; width:50%; font-size:1.2em; justify-content: center; align-items:center;} .zone_resultat_RPV div span{color:#FFFFFF;} .zone_resultat_RPV div strong{color:var(--color-ba-orange); font-size:1.5em; } .zone_complement_dossier{display:flex; flex-flow: column wrap; justify-content: center; align-items:center; padding:20px; box-sizing:border-box;} .zone_complement_dossier div{display:flex; flex-flow: column wrap; justify-content: center; align-items:center; padding:20px; box-sizing:border-box;} .zone_complement_dossier strong{padding:5px;} .zone_complement_dossier span{font-size:2em;} .zone_complement_dossier input{font-size:20px; border:1px solid #999999; width:70px; text-align:center; border-radius:var(--border-radius); color:var(--color-ba-bleu); padding:5px;} .formulaire_separation{clear:both; width:100%; height:80px;} .zone_observation_dossier{display:flex; width:100%; max-width:800px; margin:auto; flex-flow: column wrap; padding:0 20px; justify-content:flex-start; align-content:center; align-items:flex-start; box-sizing:border-box;} .zone_observation_dossier span{display:block; text-align:left; color:var(--color-ba-orange); font-size:1.2em; padding:5px 0px ; box-sizing:border-box;} .zone_observation_dossier textarea{display:block; width:100%; height:150px; border:1px solid var(--color-ba-gris); font-family: text_web; font-size:1em; padding:5px; color:#000000; box-sizing:border-box;} .zone_observation_dossier em{display:block; color:var(--color-ba-gris);} .zone_update_etat_dossier{display:flex; width:100%; flex-flow: column wrap; justify-content: center; align-items:center; color:#FFFFFF; background:var(--color-ba-gris); padding:20px; box-sizing:border-box;} .zone_update_etat_dossier form{width:100%; max-width:600px;} .zone_update_etat_dossier .form_label{color:#FFFFFF;} .zone_update_etat_dossier span{display:flex; padding:0 0 10px 0; font-size:1.2em; } .zone_update_etat_dossier select{display:flex; font-size:1.2em; border:1px solid #999999; border-radius:var(--border-radius); color:var(--color-ba-bleu); background:#FFFFFF; padding:5px;} .etat_dossier{display:flex; width:100%; height:50px; flex-flow: row wrap; justify-content: space-between; align-items:center; margin:20px 0 0 0; padding:5px; color:#FFFFFF; background:var(--color-ba-orange); box-sizing:border-box;} .etat_dossier > .btn_back_liste_dossier{border:0px solid #FFFFFF; background:#FFFFFF; color:var(--color-ba-orange); padding:0; box-sizing:border-box; cursor:pointer; transition:all 0.4s ease;} .etat_dossier > .btn_back_liste_dossier::before{display:block; content:"<"; font-weight:normal; width:40px; padding: 0; line-height:38px; font-size:20px; font-family:'picto_web'; box-sizing:border-box; } .etat_dossier > .btn_back_liste_dossier:hover{color:var(--color-text-hover); border-color:var(--color-text-hover);} .etat_dossier > strong{display:flex; flex-flow: row wrap; font-size:2em; color:#FFFFFF; } .etat_dossier > strong em{display:flex; justify-content: center; align-items:flex-end; font-style:normal; color:#FFFFFF; font-size:0.9em; margin-right:10px;} .etat_dossier > p{margin:0;padding:0;} .etat_dossier > p strong{color:var(--color-lerayon-bleu);} .etat_dossier > span{display:flex; flex-flow: row wrap; font-size:2em;} .etat_dossier > span em{display:flex; justify-content: center; align-items:center; color:var(--color-ba-gris); font-style:normal; font-size:0.7em; font-variant:small-caps; margin-right:20px;} .etat_dossier > div{display:block; align-self:center; max-width:320px; padding:5px; color:#000000; font-style:normal; font-size:1em; font-variant:small-caps; text-align:center;} .etat_dossier.sticky{z-index:1000; position:sticky; top:var(--header-height)} .form_etat_dossier_complement{display:none;} .form_etat_dossier_complement.open{display:block;} .form_etat_dossier_complement .form_label{color:#FFFFFF; font-size:1em;} .form_etat_dossier_complement p{padding:5px 5px 10px 30px; margin:20px 0 10px 0; color:#FFFFFF; border-bottom:1px solid #FFFFFF; font-size:1em; text-align:left;} .form_etat_dossier_complement p strong{display:inline; color:var(--color-ba-jaune); font-size:1.2em; text-align:left;} /* *********************************************************** */ /* Search page */ /* *********************************************************** */ .frm_search{float:right; margin-top:10px; border:1px solid #} .frm_search form{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:center; align-content:center; } .frm_search input{color:var(--color-ba-bleu); font-size:1em; width:200px; border:1px solid #999999; border-radius:var(--border-radius); text-align:left; padding:2px; line-height:24px; box-sizing:border-box;} .frm_search span{display:flex; margin:0; justify-content:center; align-items:center; align-content:center; font-family:text_bold; width:30px; height:30px; margin:0 0 0 10px; padding:0; cursor:pointer; border:0; background:var(--color-ba-orange); color:#FFFFFF; border-radius:var(--border-radius-button); box-sizing:border-box; transition:all 0.4s ease;} .frm_search span::before{display:flex; justify-content:center; align-items:center; align-content:center; content:"r"; font-weight:normal; width:30px; padding: 0; line-height:30px; font-size:20px; font-family:'picto_web'; box-sizing:border-box; } .frm_search span:hover{background:var(--color-ba-orange); color:#FFFFFF; border-color: var(--color-ba-orange-light);} .liste_dossier_search{display:flex; flex-flow: column nowrap; justify-content:center; align-items:stretch; align-content:center; box-sizing:border-box;} .search_result, .search_result:visited{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; padding:10px; border-bottom:1px solid #EEEEEE; color:#000000; font-weight:normal; cursor:pointer; box-sizing:border-box;} .search_result:nth-child(2n){background:#EEEEEE;} .search_result:hover{background:var(--color-hover-light); color:#000000;} .search_result_col{display:flex; flex-flow: column nowrap; width:30%; justify-content:center; align-items:flex-star; align-content:flex-start; padding:0 0 0 20px; box-sizing:border-box;} .search_result_col.etat {width:250px; font-size:0.9em; line-height:20px; font-variant:small-caps;} .search_result_col.etat strong{color:#000000; } .search_result_col.etat span{color:#999999; } .search_result_col.user{width:calc(60%-250px); } .search_result_col.user .nom{color:var(--color-rouge); line-height:20px; font-size:1.1em;} .search_result_col.user .naissance{color:var(--color-bleu); line-height:20px; font-size:0.8em;} .search_result_col.info{width:40%; } .search_result_col.info .email{color:var(--color-rouge); line-height:20px; font-size:1.1em;} .search_result_col.info .tel{color:var(--color-bleu); line-height:20px; font-size:1em;} .no_search_result{padding:20px; font-size:1.2em; color:var(--color-orange); text-align:center;} /* *********************************************************** */ /* Statistique */ /* *********************************************************** */ .stat_bloc{padding:20px; box-sizing:border-box;} .stat_bloc h2{border-bottom:1px solid var(--color-ba-gris); padding:5px 5px 5px 5px; color:var(--color-ba-gris);} .stat_bloc h2 strong{color: var(--color-ba-orange); font-size:0.9em;} .stat_liste_detail{display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start; align-content:center;} .stat_data{min-width:300px; padding:20px 10px 20px 10px; border:0px solid #EEEEEE; border-radius:10px; box-sizing:border-box;} .stat_data .stat_data_total{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; color:var(--color-ba-gris); font-size:1em; padding:0 0 5px 0; margin:0 0 5px 0; border-bottom:1px dashed #999999; box-sizing:border-box;} .stat_data .stat_data_total span{color:#000000; font-size:1em; font-family:text_bold;} .stat_data .stat_data_total strong{margin-left:10px; color:var(--color-ba-orange); font-size:1.4em; font-family:text_bold;} .stat_data .stat_data_detail{padding:0 0 0 20px; line-height:14px; color:var(--color-ba-gris); font-size:0.8em;} .stat_data .stat_data_detail span{font-size:1.1em; font-family:text_bold;} .stat_data .stat_data_detail strong{color:var(--color-ba-bleu); font-size:1.3em; font-family:text_bold;} .stat_data .stat_data_info{display:block; padding:10px 10px 0 5px; max-width:300px; font-family:text_web; font-size:0.8em; line-height:1.1em; color:#999999; box-sizing:border-box;} .stat_bloc canvas{width:100%; max-height:500px;} /* *********************************************************** */ /* Historique Dossier */ /* *********************************************************** */ .zone_historique_dossier{width:100%; max-width: 600px; margin:auto; } .historique_dossier_liste{display:block; } .historique_dossier{display:flex; flex-flow:column nowrap; margin:0 0 20px 0; border-bottom:1px solid #999999; justify-content:flex-start; align-items:flex-start; align-content:flex-start; box-sizing:border-box;} .historique_dossier_info{display:flex; width:100%; flex-flow:row nowrap; padding:10px; background:var(--color-lerayon-bleu); color:#FFFFFF; justify-content:flex-start; align-items:flex-start; align-content:flex-start; box-sizing:border-box;} .historique_dossier_info strong{margin:0 5px 0 5px; color:var(--color-ba-orange);} .historique_dossier_detail_liste{padding:10px 0 10px 10px;} .historique_dossier_detail{display:flex; width:100%; flex-flow:row nowrap; padding:5px; color:#333333; justify-content:flex-start; align-items:center; align-content:center; box-sizing:border-box;} .historique_dossier_detail:nth-child(2n){background:#EEEEEE;} .historique_dossier_detail span{width:100px; border-right:1px solid #999999; color:#333333; padding:5px; box-sizing:border-box;} .historique_dossier_detail span em{display:block; width:100%; font-size:0.9em; color:#999999; } .historique_dossier_detail strong{width:220px; padding:0 0 0 15px; text-align:left; box-sizing:border-box;} .historique_dossier_detail em{display:block; width:calc(100% - 320px); text-align:left;} /* *********************************************************** */ /* Messagerie */ /* *********************************************************** */ .messagerie_list{display:flex; flex-flow: column wrap; justify-content: center; align-items:stretch; align-content:flex-start; box-sizing:border-box;} .message_post{display:flex; width:100%; flex-flow: column wrap; justify-content: space-between; align-items:stretch; align-content:stretch; margin:0 0 20px 0; box-sizing:border-box;} .message_content{width:80%; border-radius:var(--border-radius-button); padding:15px; justify-content: space-between; align-items:stretch; align-content:center; box-sizing:border-box;} .message_content .message_post_date{display:flex; font-weight:bold; font-size:12px; padding:0 0 5px 0; color:#666666; flex-flow: row wrap; justify-content: space-between; align-items:center; align-content:center; box-sizing:border-box;} .message_content .message_post_date em{display:none; flex-flow: row wrap; justify-content: center; align-items:stretch; align-content:center; font-style:normal; width:20px; height:20px;} .message_content .message_post_date em::before{display:block; width:20px; line-height:20px; height:20px; color:var(--color-rouge); margin:0; text-align:center; font-size:18px; content:"f"; font-family:'picto_web'; box-sizing:border-box;} .message_content .message_post_content{display:block; padding:10px; color:#000000; background:rgba(255,255,255,0.3); width:100%; box-sizing:border-box;} .message_content .message_post_owner{display:flex; padding:5px 0 0 0; flex-flow: row wrap; justify-content: flex-end; align-items:flex-end; align-content:flex-end; box-sizing:border-box;} .message_post.admin{justify-content: flex-start; align-items:flex-start; align-content:flex-start; } .message_post.admin .message_content{background:var(--color-hover-light);} .message_post.user{justify-content: flex-end; align-items:flex-end; align-content:flex-end; } .message_post.user .message_content{background:#DDFFDD;} .message_post.not_read .message_content .message_post_date em{display:flex;} .messagerie_input{display:block; width:100%;} /* *********************************************************** */ /* Agenda */ /* *********************************************************** */ #calendar_zone{ z-index:1; } #calendar_zone .fc-timegrid .fc-scrollgrid .fc-timegrid-slot-lane.clickable{cursor:pointer;} #calendar_zone .fc-timegrid .fc-scrollgrid .fc-timegrid-slot-lane.clickable:hover{background: #efefef;} #calendar_zone .fc-timegrid .fc-timegrid-event-harness{background:#FFFFFF;} #calendar_zone .fc-timegrid .fc-scrollgrid .fc-scrollgrid-section-body .event-cell {overflow: hidden; border-left:4px solid;} #calendar_zone .fc-v-event:not(.fc-event-selected) .fc-event-resizer-end{ bottom: calc(var(--fc-event-resizer-thickness,8px)/ -2);} #calendar_zone th.clickable{background:var(--color-ba-orange); color:#FFFFFF;} #calendar_zone th.clickable div a {display:flex; align-content:center; justify-content:center; color:#FFFFFF; font-weight:normal; font-size:14px; line-height:24px; text-decoration:none;} #calendar_zone th.clickable:hover{background:var(--color-ba-orange-light);} #calendar_zone th.clickable:hover div a {color:var(--color-hover-light);} .calendar_event{display:flex; flex-flow: column wrap; justify-content: space-between; align-items:stretch; align-content:stretch; overflow:hidden; box-sizing:border-box;} .calendar_event .title{display:flex; flex-flow:row wrap; line-height:18px; } .calendar_event .title::before{display:block; float:left; width:22px; height:18px; content:"1"; margin:0; font-weight:normal; text-align:center; font-size:12px; font-family:'picto_web'; box-sizing:border-box;} .calendar_event .time{display:flex; line-height:18px; background:rgba(255,255,255,0.3); color:#333333; font-weight:normal;} .calendar_event .time::before{display:block; float:left; width:22px; height:18px; margin:0; text-align:center; font-size:12px; content:"6"; font-family:'picto_web'; box-sizing:border-box;} .calendar_event .description{display:flex; flex-flow: column wrap; padding:4px; line-height:1em; font-size:11px; color:#333333; font-weight:normal;} .calendar_event.event_type_planning .title::before{content:"5"; } .calendar_event.event_type_commission_admission .title::before{content:"U"; } .calendar_event.event_type_epicerie .title::before{content:"#"; } .calendar_event.event_type_caisse .title::before{content:"A"; } .calendar_event.event_type_ramasse .title::before{content:"$"; } .calendar_event.event_type_atelier .title::before{content:"g"; } .calendar_event.event_type_perso .title::before{content:"a"; } .calendar_event.user_registered .title::before{color:#FF0000;} .title_agenda{color:var(--color-ba-orange); font-size:2em; border-bottom:1px solid var(--color-ba-orange); padding:5px; line-height: 40px; font-weight: normal; font-variant: small-caps; text-align:left; display:flex; flex-flow: row wrap; justify-content: space-between; align-items:center; align-content:center; row-gap: 10px; column-gap: 20px; margin:0 auto 5px auto; } .agenda_select_view{display:flex; flex-flow: column wrap; justify-content:space-around; align-items:center; align-content:center; box-sizing:border-box;} .agenda_select_view strong{display:flex; font-size:12px; color:#666666; padding:0 0 5px 0; font-weight:normal; line-height:1em; box-sizing:border-box;} .agenda_select_view select{display:flex; font-size:12px; width:100%; color:var(--color-ba-orange); background:#FFFFFF; border:1px solid #999999; padding:2px 5px ; border-radius:3px; font-family:'text_bold'; font-weight:normal; line-height:1em; box-sizing:border-box;} .agenda_select_view select option{ font-size:12px; font-family:text_web, arial,helvetica,geneva,sans-serif; } .agenda_select_date{display:flex; flex-flow: row wrap; justify-content: space-around; align-items:stretch; align-content:stretch; } a.agenda_select_btn{display:flex; width:40px; height:40px; border:0; border-radius:20px; color:#FFFFFF; background:var(--color-ba-orange); cursor:pointer; flex-flow: row wrap; justify-content: center; align-items:stretch; align-content:stretch; transition:all 0.4s ease; box-sizing:border-box;} a.agenda_select_btn::before{display:block; width:40px; line-height:40px; margin:0; text-align:center; font-size:18px; font-family:'picto_web'; box-sizing:border-box;} a.agenda_select_btn.prev::before{content:"<"; } a.agenda_select_btn.next::before{content:">"; } a.agenda_select_btn:hover{background:var(--color-ba-orange);} .agenda_select_list{display:flex; width:200px; padding:0 10px ; font-size:14px; line-height:1em; flex-flow: column nowrap; justify-content:flex-start; align-items:stretch; align-content:stretch; box-sizing:border-box;} .semaine_num{display:flex; flex-flow: row nowrap; justify-content: center; align-items:stretch; align-content:stretch;} .semaine_num strong{margin-left:5px;} .semaine_lib{display:flex; flex-flow: column nowrap; font-variant:normal; color:var(--color-text); font-size:11px; line-height:12px; justify-content: center; align-items:center; align-content:stretch;} .date_day{display:flex; flex-flow: column nowrap; justify-content: center; align-items:center; align-content:center;} .date_day strong{display:flex;} .date_day span{display:flex;} .agenda_filtre_zone{display:flex; flex-flow: row nowrap; justify-content: center; align-items:center; align-content:center;} .agenda_filtre_zone span{display:flex; font-size:12px; color:#000000;} .agenda_filtre_item{display:flex; width:30px; line-height:30px; margin:0 5px 0 5px; border:2px solid #999999; color:#999999; cursor:pointer; flex-flow: row nowrap; justify-content: center; align-items:center; align-content:center;} .agenda_filtre_item::before{content:"x"; font-weight:normal; text-align:center; font-size:18px; font-variant:normal; font-family:'picto_web'; box-sizing:border-box;} .agenda_filtre_item.type_planning, .agenda_filtre_item.inactif.type_planning:hover{color:var(--calendar-planning-color); border-color:var(--calendar-planning-color); background:var(--calendar-planning-bg);} .agenda_filtre_item.type_planning::before{content:"5"; } .agenda_filtre_item.type_commission_admission, .agenda_filtre_item.inactif.type_commission_admission:hover{color:var(--calendar-commission-color); border-color:var(--calendar-commission-color); background:var(--calendar-commission-bg);} .agenda_filtre_item.type_commission_admission::before{content:"U"; } .agenda_filtre_item.type_epicerie, .agenda_filtre_item.inactif.type_epicerie:hover{color:var(--calendar-epicerie-color); border-color:var(--calendar-epicerie-color); background:var(--calendar-epicerie-bg);} .agenda_filtre_item.type_epicerie::before{content:"#"; } .agenda_filtre_item.type_caisse, .agenda_filtre_item.inactif.type_caisse:hover{color:var(--calendar-caisse-color); border-color:var(--calendar-caisse-color); background:var(--calendar-caisse-bg);} .agenda_filtre_item.type_caisse::before{content:"A"; } .agenda_filtre_item.type_ramasse, .agenda_filtre_item.inactif.type_ramasse:hover{color:var(--calendar-ramasse-color); border-color:var(--calendar-ramasse-color); background:var(--calendar-ramasse-bg);} .agenda_filtre_item.type_ramasse::before{content:"$"; } .agenda_filtre_item.type_atelier, .agenda_filtre_item.inactif.type_atelier:hover{color:var(--calendar-atelier-color); border-color:var(--calendar-atelier-color); background:var(--calendar-atelier-bg);} .agenda_filtre_item.type_atelier::before{content:"g"; } .agenda_filtre_item.type_perso, .agenda_filtre_item.inactif.type_perso:hover{color:var(--calendar-perso-color); border-color:var(--calendar-perso-color); background:var(--calendar-perso-bg);} .agenda_filtre_item.type_perso::before{content:"a"; } .agenda_filtre_item.inactif{color:#999999 !important; border-color:#999999 !important; background:rgba(153, 153, 153, 0.3) !important;} .event_lb{position:fixed; z-index: 10000; background:rgba(0,0,0,0.7); top:0; left:-100%; opacity:0; width:100%; height:100%; display:flex; flex-flow: row wrap; justify-content: center; align-items:center; align-content:center; transition:all 0.4s ease;} .event_lb.open{left:0; opacity:1;} .event_lb_content{background:#FFFFFF; padding:0; border-radius:10px; width:98%; max-width:600px; box-sizing:border-box;} .event_lb_content .event_title{display:flex; flex-flow: row wrap; border-radius:10px 10px 0 0; padding:10px; justify-content: space-between; align-items:center; align-content:flex-start; background:var(--color-ba-gris); color:#FFFFFF; box-sizing:border-box;} .event_lb_content .event_title::before{display:block; width:60px; line-height:40px; margin:0; content:"o"; text-align:center; font-size:30px; font-family:'picto_web'; box-sizing:border-box;} .event_lb_content .event_title .event_title_content{display:flex; width:calc(100% - 100px); flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} .event_lb_content .event_title .event_title_content span{color:#000000; display:flex; line-height:20px; } .event_lb_content .event_title .event_title_content span:nth-child(2){font-family: text_bold} .event_lb_content .event_title em{display:flex; width:30px; height:30px; border:2px solid #000000; color:#000000; border-radius:50%; cursor:pointer; transition:all 0.4s ease;} .event_lb_content .event_title em::before{display:block; width:30px; line-height:30px; margin:0; text-align:center; font-size:14px; content:'c'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} .event_lb_content .event_title em:hover{color:var(--color-ba-orange); border-color:var(--color-ba-orange);} .event_lb_content .event_content{display:flex; min-height:200px; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:center; padding:20px;} .event_lb_content .event_content strong{display:flex; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:center;} .event_lb_content .event_content span{display:flex; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:center;} .event_lb_content .event_action{display:flex; flex-flow: row wrap; justify-content: space-around; align-content:center; align-items:center; min-height:30px; background:var(--color-ba-gris); padding:5px; border-radius:0 0 10px 10px ; box-sizing:border-box;} .event_lb_content .event_action .button, .event_lb_content .event_action a.button{margin:5px auto;} .event_commentaire{text-align:left;} .event_liste_participant{width:100%; box-sizing:border-box;} .event_liste_participant strong{display:block; padding: 0 0 2px 0; margin:0 0 0 0; color:#999999; font-family:text_web; font-weight:normal;} .event_liste_participant div{max-height:200px; width:100%; overflow:auto; padding:10px 0 0 0; display:flex; border-top:1px solid #999999; width:99%; flex-flow:row wrap; justify-content:flex-start; gap:10px; align-items:flex-start; align-content:center; padding:0 0 0 5px; box-sizing:border-box;} .event_liste_participant div em{display:block; text-align:left; width:32%; line-height:0.9em;} .event_infobulle{display:none; position:fixed; z-index: 10000; box-shadow: 3px 3px 5px rgba(0,0,0,0.4);} .event_infobulle.open{display:block;} .event_infobulle .event_lb_content{border-radius:5px; } .event_infobulle .event_lb_content .event_title em{display:none;} .event_infobulle .event_lb_content {width:180px;} .event_infobulle .event_lb_content .event_title { border-radius:5px 5px 0 0; padding:5px; font-size:12px; line-height:1em;} .event_infobulle .event_lb_content .event_title::before{width:25px; text-align:center; line-height:20px; font-size:17px;} .event_infobulle .event_lb_content .event_title .event_title_content{width:calc(100% - 30px);} .event_infobulle .event_lb_content .event_title .event_title_content span{color:#333333; line-height:1em; font-weight:normal;} .event_infobulle .event_lb_content .event_content{background:#FFFFFF; min-height:auto; border-radius:0 0 5px 5px ; padding:5px; margin:0; font-size:11px;font-family: text_web; color:#333333;} .event_infobulle .event_liste_participant strong, .calendar_event .event_liste_participant strong{display:none;} .event_infobulle .event_liste_participant div, .calendar_event .event_liste_participant div{display:block; border:0; width:100%; overflow:hidden; padding:0 0 0 5px; box-sizing:border-box;} .event_infobulle .event_liste_participant em, .calendar_event .event_liste_participant em{width:100%; line-height:1em;} .event_lb_content.planning .event_title{ background:rgb(244, 189, 0, 0.3);} .event_lb_content.planning .event_title::before{content:"5"; color:var(--calendar-planning-color);} .event_lb_content.planning .event_content .title_type{color:var(--calendar-planning-color)} .event_lb_content.commission_admission .event_title{background:rgb(228, 109, 109, 0.3);} .event_lb_content.commission_admission .event_title::before{content:"2"; color:var(--calendar-commission-color);} .event_lb_content.commission_admission .event_content .title_type{color:var(--calendar-commission-color);} .event_lb_content.epicerie .event_title{background:rgb(124, 205, 3, 0.3);} .event_lb_content.epicerie .event_title::before{content:"#"; color:var(--calendar-epicerie-color);} .event_lb_content.epicerie .event_content .title_type{color:var(--calendar-epicerie-color);} .event_lb_content.caisse .event_title{background:rgb(0, 152, 208, 0.3);} .event_lb_content.caisse .event_title::before{content:"A"; color:var(--calendar-caisse-color);} .event_lb_content.caisse .event_content .title_type{color:var(--calendar-caisse-color);} .event_lb_content.ramasse .event_title{background:rgb(50, 100, 200, 0.3);} .event_lb_content.ramasse .event_title::before{content:"$"; color:var(--calendar-ramasse-color);} .event_lb_content.ramasse .event_content .title_type{color:var(--calendar-ramasse-color);} .event_lb_content.atelier .event_title{background:rgb(130, 110, 230, 0.3);} .event_lb_content.atelier .event_title::before{content:"g"; color:var(--calendar-atelier-color);} .event_lb_content.atelier .event_content .title_type{color:var(--calendar-atelier-color);} .event_lb_content.perso .event_title{background:rgb(255, 128, 255, 0.3);} .event_lb_content.perso .event_title::before{content:"a"; color:var(--calendar-perso-color);} .event_lb_content.perso .event_content .title_type{color:var(--calendar-perso-color);} .form_event_lb{position:fixed; z-index: 10000; background:rgba(0,0,0,0.7); top:0; left:-100%; opacity:0; width:100%; height:100%; display:flex; flex-flow: row wrap; justify-content: center; align-items:center; align-content:center; transition:all 0.4s ease;} .form_event_lb.open{left:0; opacity:1;} .form_event_lb_content{display:flex; flex-flow: column nowrap; min-height:200px; justify-content:center; align-items:center; align-content:center; background:#FFFFFF; padding:0; border-radius:20px; width:98%; max-width:600px; box-sizing:border-box;} .event_form_title{display:flex; flex-flow: row wrap; border-radius:20px 20px 0 0; padding:10px; width:100%; justify-content: space-between; align-items:center; align-content:flex-start; background:var(--color-rouge); color:#FFFFFF; box-sizing:border-box;} .event_form_title::before{display:block; width:60px; line-height:40px; margin:0; content:"o"; text-align:center; font-size:30px; font-family:'picto_web'; box-sizing:border-box;} .event_form_title .event_form_title_content{display:flex; width:calc(100% - 100px); flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} .event_form_title .event_form_title_content span{display:flex; line-height:20px; font-family: text_bold} .event_form_title em{display:flex; width:30px; height:30px; border:2px solid #FFFFFF; color:#FFFFFF; border-radius:50%; cursor:pointer; transition:all 0.4s ease;} .event_form_title em::before{display:block; width:30px; line-height:30px; margin:0; text-align:center; font-size:14px; content:'c'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} .event_form_title em:hover{color:var(--color-ba-orange); border-color:var(--color-ba-orange);} .event_form_recursif{display:block;} .event_form_recursif.hidden{display:none;} .menu_supp_recursif{position:absolute; display:none; margin-left:300px; margin-top:200px; width:250px; padding:10px; background:#FFFFFF; border-radius:10px; box-sizing:border-box;} .menu_supp_recursif a{display:block; font-size:0.9em; line-height:1.1em; padding:5px 5px 5px 30px; box-sizing:border-box;} .menu_supp_recursif a::before{display:block; position:absolute; width:30px; line-height:30px; margin:-4px 0 0 -30px; text-align:center; font-size:30px; content:'#'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} .loading_content{display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; align-content:center; width:100px; height:100px; animation-name: rotate_item; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite;} .loading_content::before{display:flex; justify-content:center; align-items:center; align-content:center; width:100px; line-height:100px; margin:0; text-align:center; font-size:50px; content:'1'; font-style:normal; font-family:'picto_web'; box-sizing:border-box;} /* Gestion presence*/ .presence_event_title{display:flex; position:sticky; top:60px; flex-flow: row wrap; border-radius:0; padding:5px; justify-content: space-between; align-items:center; align-content:flex-start; background:var(--color-ba-gris); color:#000000; box-sizing:border-box;} .presence_event_title::before{display:block; width:60px; line-height:40px; margin:0; content:"o"; text-align:center; font-size:30px; font-family:'picto_web'; box-sizing:border-box;} .presence_event_title .presence_event_title_content{display:flex; width:calc(100% - 60px); line-height:20px; flex-flow: row wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; box-sizing:border-box;} .presence_event_title .presence_event_title_content strong{width:calc(100% - 160px); font-size:1.2em; display:flex; justify-content:flex-start; align-items:center; align-content:center; font-family: text_bold; box-sizing:border-box; } .presence_event_title .presence_event_title_content em{width:160px; display:flex; padding: 0 10px 0 0; font-weight:bold; justify-content:flex-end; align-items:flex-end; align-content:flex-end; box-sizing:border-box;} .presence_event_title .presence_event_title_content em em{display:inline; width:auto; padding:0;} .presence_event_title .presence_event_title_content span{width:100%; display:flex; font-size:1.1em; justify-content:flex-start; align-items:center; align-content:center; box-sizing:border-box;} .presence_event_title.planning{color:var(--calendar-planning-color); border-color:var(--calendar-planning-color); background:var(--calendar-planning-bg-opaque);} .presence_event_title.planning::before{content:"2"; } .presence_event_title.commission_admission{color:var(--calendar-commission-color); border-color:var(--calendar-commission-color); background:var(--calendar-commission-bg-opaque);} .presence_event_title.commission_admission::before{content:"U"; } .presence_event_title.epicerie{color:var(--calendar-epicerie-color); border-color:var(--calendar-epicerie-color); background:var(--calendar-epicerie-bg-opaque);} .presence_event_title.epicerie::before{content:"#"; } .presence_event_title.caisse{color:var(--calendar-caisse-color); border-color:var(--calendar-caisse-color); background:var(--calendar-caisse-bg-opaque);} .presence_event_title.caisse::before{content:"A"; } .presence_event_title.ramasse{color:var(--calendar-ramasse-color); border-color:var(--calendar-ramasse-color); background:var(--calendar-ramasse-bg-opaque);} .presence_event_title.ramasse::before{content:"$"; } .presence_event_title.atelier{color:var(--calendar-atelier-color); border-color:var(--calendar-atelier-color); background:var(--calendar-atelier-bg-opaque);} .presence_event_title.atelier::before{content:"g"; } .presence_event_title.perso{color:var(--calendar-perso-color); border-color:var(--calendar-perso-color); background:var(--calendar-perso-bg-opaque);} .presence_event_title.perso::before{content:"a"; } .liste_presence{display:flex; width:100%; flex-flow: column nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; max-width:var(--max-width-form); margin:20px auto ; padding:20px; box-sizing:border-box;} .item_presence{display:flex; width:100%; flex-flow: row wrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; line-height:20px; padding:10px;} .item_presence:nth-child(2n){background:#EEEEEE;} .item_presence_user{display:flex; width:calc(100% - 300px); min-width:200px; flex-flow: row nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; } .item_presence_user strong{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:center; align-content:center;} .item_presence_user span{display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:center; align-content:center; padding:0 0 0 5px;} .item_presence_etat{width:300px; display:flex; flex-flow: row nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start;} .presence_list_event_epicerie{width:95%; max-width:700px; margin:auto; } .presence_list_event_epicerie .presence_event_title .presence_event_title_content strong{font-size:1em;} .presence_list_event_epicerie .presence_event_title .presence_event_title_content em{color:#008c00;} .presence_list_event_epicerie .presence_event_title .presence_event_title_content span{color:#008c00;} .presence_event_subtitle{display:flex; flex-flow: row nwrap; justify-content:space-between; background:#EEEEEE; padding:10px; margin:0 0 0 30px; font-weight:bold;} .presence_event_subtitle span{display:block; padding:0 0 0 10px; font-size:0.9em;} .presence_event_subtitle em{display:block; padding:0 10px 0 0; font-size:0.8em;} .presence_event_subtitle em em{display:inline; width:auto; padding:0; font-size:1em;} .liste_inscription_epicerie{padding:0 5px 30px 50px;} .item_presence_epicerie{display:flex; flex-flow: row nwrap; justify-content:space-between; align-content:center; border-bottom:1px solid #EEEEEE; align-items:center; padding:3px; box-sizing:border-box;} .item_presence_epicerie.no_inscription{padding:20px; justify-content:center;} .item_presence_epicerie .user_info{display:flex; flex-flow: row nwrap; justify-content:flex-start; align-content:center; align-items:center; gap:5px;} .item_presence_epicerie .user_info strong{font-size:0.9em; color:var(--color-ba-bleu)} .item_presence_epicerie .user_info span{color:#999999; font-size:0.9em;} .item_presence_epicerie .user_action{display:flex; flex-flow: row nwrap; justify-content:space-between; align-content:center; align-items:center; gap:30px; padding:3px; box-sizing:border-box;} .action_reservation_epicerie{display:block; padding:0px 7px; border-radius:5px; line-height:20px; font-size:0.9em; color:var(--color-ba-orange); font-variant:small-caps; color:#999999; cursor:pointer;} .action_reservation_epicerie:hover{color:var(--color-ba-orange);} .action_reservation_epicerie.supprimer{} .action_reservation_epicerie.supprimer::before{display:block; width:20px; line-height:20px; margin:0; content:"b"; font-variant:none; text-align:center; font-size:20px; font-family:'picto_web'; box-sizing:border-box;} .action_reservation_epicerie.supprimer:hover{color:#FF0000;} .item_presence_epicerie .user_action.present .action_reservation_epicerie.present{background:#008c00; color:#FFFFFF;} .item_presence_epicerie .user_action.present .action_reservation_epicerie.absent{background:none;} .item_presence_epicerie .user_action.absent .action_reservation_epicerie.present{background:none;} .item_presence_epicerie .user_action.absent .action_reservation_epicerie.absent{background:#FF0000; color:#FFFFFF;} .item_presence_epicerie:hover{background:var(--color-hover-light);} .item_presence_epicerie.no_inscription:hover{background:#FFFFFF;} .item_presence_epicerie .user_action.loading_picto::before { display:block; position:relative !important; font-size:24px; color:var(--color-ba-orange); width:30px; height:20px; line-height:20px; margin:auto !important; text-align:center !important; content:'1' !important; text-decoration:none; font-family: "picto_web"; font-style: normal; font-variant: normal; font-weight: normal; text-transform: none; text-decoration:none; animation-name: rotate_item; animation-duration: 5s; animation-timing-function: linear; animation-iteration-count: infinite; } /* *********************************************************** */ /* Location Materiel */ /* *********************************************************** */ .materiel_liste{width:100%; max-width:var(--max-width-form); margin:20px auto 50px auto; } .materiel_liste .materiel_message{color:var(--color-ba-bleu); font-size:1.2em; text-align:center;} .materiel{display:flex; padding:10px 10px 10px 0; border-bottom:1px solid #999999; flex-flow:row nowrap; justify-content:flex-start; align-items:center; align-content:center; box-sizing:border-box; transition: all 0.4s ease;} .materiel:hover{background:var(--color-hover-light);} .materiel .materiel_visuel{display:flex; width:100px; height:100px; flex-flow:row nowrap; justify-content:center; align-items:center; align-content:center; box-sizing:border-box;} .materiel .materiel_visuel img{max-width:100px; max-height:100px;} .materiel .materiel_info{width:calc(100% - 290px); padding:0 10px 0 10px; display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; align-content:flex-start; box-sizing:border-box;} .materiel .materiel_info strong{} .materiel .materiel_info span{font-size:0.9em; color:#999999;} .materiel .materiel_detail{width:150px; height:100px; padding:10px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; align-content:center; box-sizing:border-box;} .materiel .materiel_detail .materiel_tarif{font-size:1.4em; font-weight:bold; } .materiel .materiel_detail .materiel_etat{font-size:1em; padding: 10px 0 0 0; font-weight:normal; } .materiel .materiel_detail .materiel_etat.disponible{color:var(--color-ba-vert);} .materiel .materiel_detail .materiel_etat.non_disponible{color:var(--color-ba-rouge);} .materiel .materiel_action{width:100px; display:flex; flex-flow:column nowrap; justify-content:center; align-items:center; align-content:center; } .materiel .materiel_action .button{margin:5px; width:90px;} .materiel_fiche{display:flex; padding:10px 10px 10px 0; border-bottom:1px dashed #999999; flex-flow:row nowrap; justify-content:flex-start; align-items:center; align-content:center; box-sizing:border-box;} .materiel_fiche .materiel_fiche_visuel{display:flex; width:300px; height:300px; flex-flow:row nowrap; justify-content:center; align-items:center; align-content:center; box-sizing:border-box;} .materiel_fiche .materiel_fiche_visuel img{max-width:300px; max-height:300px;} .materiel_fiche .materiel_fiche_info{display:flex; flex-flow:column nowrap; justify-content:center; align-items:stretch; width:calc(100% - 300px); padding:0 10px 0 10px; box-sizing:border-box;} .materiel_fiche .materiel_fiche_prix{padding:20px;} .materiel_fiche .materiel_fiche_prix span{padding:10px; width:auto; border:2px solid var(--color-ba-bleu); border-radius:var(--border-radius);color:#000000; font-size:1.2em;} .materiel_fiche .materiel_fiche_prix span strong{font-size:1.2em; font-family:text_bold; color:var(--color-ba-orange); } .materiel_fiche .materiel_fiche_etat{margin-bottom:30px; font-size:1.4em; padding: 10px 0 0 0; font-family:text_bold; text-align:right;} .materiel_fiche .materiel_fiche_etat.disponible{color:var(--color-ba-vert);} .materiel_fiche .materiel_fiche_etat.non_disponible{color:var(--color-ba-rouge);} .historique_liste{width:100%; max-width:var(--max-width-content); margin:20px auto 50px auto; } .historique_location{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-content:center; align-items:center; border-bottom:1px solid #999999; padding:10px; box-sizing:border-box;} .historique_location:nth-child(2n){background:#EEEEEE;} .historique_location:hover{background:var(--color-hover-light);} .historique_date{width:120px; padding:0px 10px; font-family:text_bold; text-align:center; box-sizing:border-box;} .historique_date::before{} .historique_info{display:flex; width:calc(40% - 120px); flex-flow:column nowrap; justify-content:flex-start; align-content:stretch; box-sizing:border-box;} .historique_info strong{color:#000000;} .historique_info span{color:#666666; font-size:0.8em;} .historique_detail{display:flex; width:120px; flex-flow:column nowrap; justify-content:flex-start; align-content:stretch; box-sizing:border-box;} .historique_detail span{line-height:20px; color:#666666; font-size:0.9em; font-family:text_bold} .historique_detail span.loc_ok{color:var(--color-ba-vert);} .historique_detail span.loc_no{color:var(--color-ba-rouge);} .historique_commentaire{ display:flex; width:calc(60% - 220px); flex-flow:column nowrap; justify-content:flex-start; font-size:0.8em; align-content:stretch; box-sizing:border-box;} .historique_commentaire span{color:#000000;} .historique_commentaire em{color:#999999;} .historique_action{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-content:center; align-items:center; width:100px; box-sizing:border-box;} .historique_action button{margin:0 5px;} /* *********************************************************** */ /* Messagerie */ /* *********************************************************** */ .archive_message{display:flex; padding:5px; flex-flow:row nowrap; justify-content:flew-start; align-items: center; align-content:center; box-sizing:border-box;} .archive_message:nth-child(2n){background:#EEEEEE;} .archive_message:hover{background:var(--color-hover-light);} .archive_message .archive_message_date{display:flex; width:150px; padding:5px 5px 5px 60px; flex-flow:column nowrap; justify-content:center; align-items: flex-start; align-content:flex-start; box-sizing:border-box;} .archive_message .archive_message_date::before{display:block; content:"0"; position:absolute; width:60px; line-height:50px; font-size:30px; margin-left:-60px; text-align:center; font-family:picto_web; box-sizing:border-box;} .archive_message.email .archive_message_date::before{content:"l"; color:var(--color-ba-bleu);} .archive_message.notification .archive_message_date::before{content:"m"; color:var(--color-ba-jaune);} .archive_message .archive_message_date span{font-family:text_bold; color:#000000;} .archive_message .archive_message_date em{color:var(--color-ba-gris); font-size:0.9em; font-style:normal; } .archive_message .archive_message_content{width:calc(100% - 380px); padding:10px; box-sizing:border-box;} .archive_message .archive_message_destinataire{width:75px; box-sizing:border-box;} .archive_message .archive_message_destinataire span{display:block; text-align:center; font-size:0.8em; color:var(--color-ba-gris); } .archive_message .archive_message_destinataire strong{display:block; text-align:center; color:var(--color-ba-orange)} .archive_message .archive_message_action{width:80px; display:flex; padding:5px; flex-flow:row nowrap; justify-content:center; align-items: center; align-content:center; box-sizing:border-box;} .archive_message .archive_message_action a.button{margin:0;} h2.message_date_titre span{color:var(--color-ba-bleu);} .message_titre{padding:10px; border-bottom:1px solid #999999; color:#000000; font-family:text_bold;} .message_contenu{padding:10px 10px 10px 30px; border-bottom:1px solid #999999;} .message_destinataire{display:flex; padding:0; flex-flow:row nowrap; justify-content:flex-start; align-items: flex-start; align-content:flex-start; box-sizing:border-box;} .message_destinataire div{padding:10px; width:50%; box-sizing:border-box;} .message_destinataire div ul{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items: flex-start; align-content:flex-start; max-height:300px; overflow:auto; border:1px solid #999999; margin:0; padding:10px; list-style:none; box-sizing:border-box;} .message_destinataire div ul li{margin:0; padding:5px; width:33%; box-sizing:border-box;} .message_destinataire div ul li span{display:block; font-size:0.8em; color:#999999; line-height:12px;} .message_destinataire div ul li strong{display:block;font-size:0.9em; color:#333333; line-height:14px;} /* *********************************************************** */ /* Media Viewer */ /* *********************************************************** */ .media_viewer{z-index:100000; position:fixed; display:none; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); box-sizing:border-box;} .media_viewer.open{display:block;} .media_viewer .media_viewer_header{} .media_viewer .media_viewer_header span{display:block; margin:10px 20px 10px auto; border:2px solid #FFFFFF; color:#FFFFFF; border-radius:50%; width:40px; height:40px;cursor:pointer; box-sizing:border-box; transition:all 0.4s ease;} .media_viewer .media_viewer_header span::before{display:block; position:absolute; width:36px; line-height:36px; font-size:20px; content:"c"; text-align:center; font-family:picto_web; box-sizing:border-box;} .media_viewer .media_viewer_header span:hover{border-color:var(--color-text-hover); color:var(--color-text-hover);} .media_viewer .media_viewer_content{width:100%; height:calc(100% - 60px); box-sizing:border-box;} .media_viewer .media_viewer_content iframe{width:100%; height:100%;} /* *********************************************************** */ /* Vérification compte */ /* *********************************************************** */ .list_verif{display:block; width:padding:20px; box-sizing:border-box;} .list_verif .item{display:block; width:920px; padding:5px 5px 5px 60px; border-bottom:2px solid #333333; box-sizing:border-box;} .list_verif .item:nth-child(2n){background:#EEEEEE;} .list_verif .item:hover{background:#FFFFCC;} .list_verif .item::before{display:block; position:absolute; width:60px; line-height:40px; font-size:30px; margin:10px 0 0 -60px; content:"2"; color:#999999; text-align:center; font-family:picto_web; box-sizing:border-box;} .list_verif .item .data{display:flex; flex-flow:row nowrap; justify-content:flext-start; min-height:30px; align-items:center; align-content:center;} .list_verif .item .data p{display:block; width:100px; font-weight:bold; padding:0; margin:0; font-size:11px; color:var(--color-lerayon-bleu); } .list_verif .item .data strong{display:flex; width:220px; line-height:14px;font-size:12px; flex-flow:column nowrap; justify-content:flext-start; align-items:flex-start; align-content:flex-start;} .list_verif .item .data strong span{line-height:14px;} .list_verif .item .data strong span:nth-child(2){color:#999999;} .list_verif .item .data div{display:flex; line-height:14px; width:250px; color:var(--color-lerayon-bleu); font-size:12px; flex-flow:column nowrap; justify-content:flext-start; align-items:flex-start; align-content:flex-start;} .list_verif .item .data div span{line-height:14px;} .list_verif .item .data div span:nth-child(2){color:#999999;} .list_verif .item .data em{display:flex; line-height:14px; width:120px; color:#999999; font-size:11px; flex-flow:column nowrap; justify-content:flext-start; align-items:flex-start; align-content:flex-start;} .list_verif .item .data em span{line-height:14px;} .list_verif .item .data em span:nth-child(2){color:var(--color-lerayon-bleu); font-style:normal;} .list_verif .item .data ul{width:200px; color:#999999; margin:0 0 0 20px; padding:0; font-size:11px; flex-flow:column nowrap; list-style:square;} .list_verif .item .data ul li{color:var(--color-lerayon-bleu);} .list_verif .item .data a{display:block; width:100px; line-height:1em; border:0; font-size:12px;} .list_verif .item .data.cfa{border-bottom:1px solid #999999;} .content_list_compte{display:block; padding:20px; box-sizing:border-box;} .content_compte{background:#EEEEEE; margin:0 0 30px 0;} .content_compte:nth-child(2n){background:#FFFFFF;} .compte_nom{display:block; padding:5px; color:var(--color-ba-orange); font-family : "titre_web"; font-size:1.6em; border-bottom:1px solid var(--color-ba-orange);} .compte_list_doublon{display:flex; flex-flow:row nowrap; justify-content:flew-start; align-items:flex-start; align-content:flex-start;} .compte_doublon{display:block; width:500px; padding:0px 20px 20px 0px; } .doublon_nom{display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; align-content:center; padding:5px; background:#999999; color:#FFFFFF; box-sizing:border-box;} .doublon_nom strong{display:block; width:300px; box-sizing:border-box;} .doublon_nom a{display:block; width:200px; font-size:0.9em; color:#FFCC00; text-align:right; padding: 0 10px 0 0; border:none; box-sizing:border-box;} .doublon_liste_dossier{padding:5px 0 0 20px} .doublon_dossier{display:flex; flex-flow:row nowrap; justify-content:flew-start; align-items:center; align-content:center;} .doublon_dossier em{display:block; width:125px; color:var(--color-ba-bleu); font-style:normal; font-size:0.9em; } .doublon_dossier strong{display:block; width:250px;} .doublon_dossier a{display:block; width:125px; font-size:0.9em; border:none;} .doublon_no_dossier{text-align:center; color:var(--color-ba-bleu); font-size:0.9em;} .suivi_fin_droit{width:100%; max-width:var(--max-width-form); margin:20px auto 20px auto; } .suivi_fin_droit p{padding:10px 0 10px 0; margin:0; box-sizing:border-box;} .suivi_fin_droit p strong{color:var(--color-ba-orange); font-size:1.1em;} .suivi_fin_droit .suivi_detail {width:400px; padding:0; margin:0 auto 0 auto; list-style:none;} .suivi_fin_droit .suivi_detail div{display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; align-content:center; padding:10px 0 10px 0; box-sizing:border-box;} .suivi_fin_droit .suivi_detail div span{display:block; width:250px; text-align:right; font-size:1em; line-height:1em; color:#333333; box-sizing:border-box;} .suivi_fin_droit .suivi_detail div strong{display:block; width:150px; color:var(--color-ba-orange); padding:0 0 0 20px; box-sizing:border-box;} .suivi_fin_droit .suivi_form_date{display:flex; flex-flow: column nowrap; justify-content:center; align-items:center; align-content:center; padding:20px; margin:30px auto 20px auto;background:#EEEEEE; box-sizing:border-box;} /* *********************************************************** */ /* Responsive design */ /* *********************************************************** */ @media screen and (max-width: 600px) { .header_logo{margin:0 10px;} .user_data {width: 150px; padding:5px; box-sizing:border-box;} .user_data::before {display:none;} .user_data div span{text-align:right; padding-right:10px;} .user_data div strong{text-align:right; padding-right:10px;} .user_data em{text-align:right; padding-right:10px;} .content{padding:10px;} .fiche_user .fiche_data{flex-flow:column nowrap;} .fiche_user .fiche_data .info{width:100%; padding:5px 0px;} .fiche_user .fiche_data .action{width:100%; display:flex; flex-flow:row wrap;} }