#bt_login { padding-left:40px;padding-right:40px; background-color:#26348C; } #bloc_login { max-width:300px;margin-top:50px;border:2px solid lightgrey;padding:30px 25px;border-radius:5px; background:white; } .modal:target .modal-overlay, .modal.active .modal-overlay { background: rgba(230, 230, 230, .75); } .docs-navbar { height: 30px; } .off-canvas .off-canvas-toggle { top: 0px; left:0px; } .docs-brand { left: 0.4rem; top: .20rem; } .docs-nav { padding:0; line-height: 1;} .docs-sidebar .docs-brand { margin: 5px; } .docs-sidebar .docs-nav { padding: .5rem .4rem; position: fixed; top: 4rem; } .docs-sidebar .accordion { margin-bottom: 0rem; } .accordion-header:hover { background-color:#e7e7e7; } .menu { padding:0; } .menu .menu-item { margin-top: 0; padding: 0 0rem; line-height: 1.2; } .menu .menu-item + .menu-item { margin-top: 0rem; } .menu .menu-item:hover { background-color:#e7e7e7; } #barre_haut { padding-left:40px;padding-top:0px;width:100%;height:34px;top:0;position:fixed;z-index:100;border-bottom:1px solid lightgrey; } .user_picto { margin-top:0px; border-radius: 50%;} .shadow { -webkit-box-shadow: 0 10px 6px -6px #E7E7E7; -moz-box-shadow: 0 10px 6px -6px #E7E7E7; box-shadow: 0 10px 6px -6px #E7E7E7; } #fullscreen { display:inline-block; width:18px;height:30px; } .modal-lg .modal-container { border: 1px solid lightgrey; border-radius: 5px; max-height: 95vh; } .modal.modal-lg .modal-container { max-width: 97%; } #menu_onglet { display:inline-block; width:90%; left:75px; position:absolute; } .menu_elt { padding-left:3px; display:inline-block; cursor:pointer; height:29px; margin-top:4px; margin-left:3px; border-top:1px solid #DBDBDB; border-right:1px solid #DBDBDB; border-top-right-radius:3px; } .menu_elt:hover { background:#F3F3F3; color:black; } .active_menu { background:#999999; color:white; } .menu_larg { display:inline; padding:1px 7px; } .menu_short { display:none; } @media (max-width: 500px) { .menu_larg { display:none; } .menu_short { display:inline; } } .icon { vertical-align: top; margin-top:4px; color:lightgrey; cursor:pointer; } .search_bloc { padding-top:5px; margin-bottom:10px; } .search_view { border:1px solid lightgrey; } .search_titre { display:inline-block; padding-top:8px; font-weight:bold; margin-left:2px; border:1px solid transparent; } .search_crit { display:inline-block; margin-left:3px; padding-bottom:2px; border:1px solid transparent; } .table th { background:#E1F5FE; border-top: .05rem solid #dadee4; } .table td, .table th { padding: 1px 1px; } .right { float:right; } .txtright { text-align:right; } .modal-container .modal-body { padding:0px; } html,body { background:#F5F8FF; } body { -ms-overflow-style: none; /* Internet Explorer 10+ */ scrollbar-width: none; /* Firefox */ } body::-webkit-scrollbar { display: none; /* Safari and Chrome */ } #menu { height:13vh; } #menu_euroapp { position:absolute; display: inline-block; top:10px; left:250px; background:transparent; width:65%; height:40px; } #menu_burger { display:none; cursor:pointer; position:absolute; top:10px; right:20px; background:transparent; width:30px; height:40px; } .burger { display: none; margin-left:0px; margin-top:5px; } #burger_menus { z-index:5000;display: none; padding-top:10px; padding-bottom:25px; position:absolute; top:45px; right:20px; background:white; width:300px; height:auto; border: 1px solid lightgrey } /* #burger_menus_co { padding-top:10px; position:absolute; top:45px; right:20px; background:white; width:250px; height:160px; border: 1px solid lightgrey } */ #menu_lng { position:absolute; display: inline-block; top:10px; right:20px; background:transparent; width:90px; height:40px; } .flags { display: inline-block; margin-left:5px; height:20px; width:30px; margin-top:10px; } #logo { zoom:100%; margin-left:80px; margin-top:10px; } #content_parent { height:80vh;background:transparent; } #content { display:inline-block;float:left;margin-left:10%;width:600px;height:480px;background:transparent; padding-left:15px; } .tit_large { margin:10px 0px; font-family: 'Poppins'; font-size: 25pt; font-style: normal; font-weight: 700; line-height: 119%; color: #071937; } .tit { margin:10px 0px; font-family: 'Poppins'; font-size: 14pt; font-style: normal; font-weight: 700; line-height: 119%; color: #071937; } .text_small { font-family: 'Poppins'; font-size: 10pt; font-style: normal; } .text_small_g { font-family: 'Poppins'; font-size: 10pt; font-weight: bold; } .td_paddings { padding:5px 2px; } .tit_over { width:auto; display:inline; padding-left:5px; padding-right:5px; } .tit_over:hover { background:#cfcfcf; } .general_input { padding:0px 10px; display:block; height:28px; width:90%; border-radius:5px; border:1px solid lightgrey; margin-bottom:5px; box-sizing: border-box; } .signin_zone { display:block; text-align:left; border:1px solid transparent; height:40px; } #signin_bt { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; color:white; background:black; height:30px; width:160px; border-radius:5px; } #signin_bt:hover { border:1px solid black; } #signin_bt_clair { cursor:pointer; padding:0px 10px; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; color:black; border:1px solid transparent; background:#F5F8FF; height:30px; border-radius:5px; } #signin_bt_clair:hover { border:1px solid black; } #signin_bt_clair_bord { cursor:pointer; padding:0px 10px; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; color:black; border:1px solid black; background:white; height:30px; border-radius:5px; } #signin_bt_clair_bord:hover { background:#FFFCDB; } #steps_bloc { margin-left:30px; border:1px solid transparent; } #steps_zone { width:100%; margin:30px 0px 30px 0px; width:100%; text-align:center; border:1px solid transparent; } #steps_bg { display:inline-block; width:470px; height:10px; background:url(/images/steps_bg.png); text-align:left; } #steps_1 { z-index:100; display:block; width:235px; height:10px; background:url(/images/steps_1.png);} #steps_2 { z-index:100; display:block; width:470px; height:10px; background:url(/images/steps_2.png);} #situation_bloc { margin-left:100px; } .situation_zone { cursor:pointer; text-align:center; margin-top:25px; display:block; height:40px; width:300px; border-radius:50px; border:1px solid white; background:white; } .situation_zone:hover { background:#FFFCDB; } .situation_lib { display:inline-block; border:1px solid transparent; padding-top:2px; width:200px; height:20px; font-family: 'Poppins'; font-weight: 700; font-size:11pt; } .situation_bullet { display:inline-block; border:1px solid transparent; line-height:1.3; margin-top:2px; margin-right:2px; background:#F5F8FF; font-size:24px; border:1px solid transparent; width:30px; height:30px; border-radius:30px; font-family: 'Poppins'; font-weight: 700; } #signin_bloc { margin-left:0px; margin-top:20px; border-radius:20px; border: 2px solid white; background:white; min-height:310px; padding-left:20px;padding-top:20px;width:90%; } #table_cale { margin-left:40px; } .table_inputs { border:1px solid transparent; width:90%; } .signing_bloc_input { margin-top:10px; display:block; border:1px solid transparent; background:white; height:30px; width:200px; border-radius:50px; } .signing_input { display:block; height:26px; width:170px; border-radius:0px; border:0px solid lightgrey; margin-left:15px; margin-top:2px; box-sizing: border-box; } .signing_input:focus { border: none; outline: none; border-bottom: 1px solid #FF9D37; } .optin_text { font-family: 'Poppins'; cursor:pointer; color: grey; font-size:12px; } input:-internal-autofill-selected { background-color:white; } #validation_zone { display:block; text-align:right; border:1px solid transparent; height:40px; } #validation_bt { border:1px solid #F5F8FF; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; color:white; background:black; height:30px; width:160px; border-radius:5px; } #validation_bt:hover { border:1px solid black; } #message { display:block; margin-left:40px; font-family: 'Poppins'; height:25px; width:80%; font-size:14px; } #typ_on { display:none; } #img_bg { display:inline-block; float:left; padding-left:8%; } .align_menu_co { display:inline-block; } .menu_co { cursor:pointer; border-radius:5px; margin-top:3px; margin-right:10px; margin-bottom:10px; } .menu_co:hover { background:#E0F0FF; } .menu_verti_co { padding:0 0px; border: 1px solid transparent; border-radius:20px;margin-top:8px; margin-right:20px; margin-left:20px; cursor: pointer; height:28px; display: block; position: relative;font-family: 'Poppins'; font-size: 15px;} /* .menu_horiz:hover { background: #E3E4E8; } */ .menu_horiz { padding:0 10px; border: 1px solid transparent; border-radius:20px; margin-top:8px; margin-left:30px; cursor: pointer; display: inline-block; height:35px; position: relative;font-family: 'Poppins'; font-size: 15px;} .menu_horiz::before { content: ''; position: absolute; width: 40%; height: 3px; border-radius: 3px; background-color: #18272F; bottom: 0; left: 5; transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; } .menu_horiz:hover::before { transform-origin: left; transform: scaleX(1); } /* .menu_verti:hover { background: #E3E4E8; } */ .menu_verti { padding:0 10px; border: 1px solid transparent; border-radius:20px;margin-top:8px; margin-right:20px; margin-left:20px; cursor: pointer; height:28px; display: block; position: relative;font-family: 'Poppins'; font-size: 15px;} .menu_verti::before { content: ''; position: absolute; width: 40%; height: 3px; border-radius: 3px; background-color: #18272F; bottom: 0; left: 5; transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; } .menu_verti:hover::before { transform-origin: left; transform: scaleX(1); } #box { text-align:center; padding:10px; display:none; background-color: #DCDEE2; position: absolute; left: 50%; top: 50%; width: 340px; height: 350px; margin-left: -170px; /* -1/2 width */ margin-top: -170px; /* -1/2 height */ border-radius:10px; } #box_title { margin:10px 0px; font-family: 'Poppins'; font-size: 25pt; font-style: normal; font-weight: 700; line-height: 119%; color: #071937; } #box_msg { margin-top:15px; font-family: 'Poppins'; font-size: 10pt; font-style: normal; } /* Profile zones */ .petit_gras { font-size:12px; font-weight:bold; font-family: 'Poppins'; } .petit { font-size:12px; font-weight:normal; font-family: 'Poppins'; } .profile_body { background:transparent; width:100%; font-family: 'Poppins'; } #profile_header { background: linear-gradient(#DCE7FF, #F5F8FF); -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; /* background:white; */ border-top-left-radius: 10px; border-top-right-radius: 10px; display:block; width:99.2%; vertical-align: top; border-top:1px solid transparent; border-left:1px solid transparent; border-right:1px solid transparent;} .profile_head_col { display:inline-block; vertical-align:top; width:49%;} .profile_head_35 { display:inline-block; padding:5px 10px; background:transparent; width:35%; vertical-align:top; min-height:130px; } .profile_head_65 { display:inline-block; padding:5px 10px; background:transparent; width:59%; vertical-align:top; min-height:130px; } /* .entourage_header_gauche { background:white;margin:20px;border-radius:10px; } */ .entourage_header_droite { border:1px solid lightgrey; background:#F5F8FF;margin-top:20px;margin-bottom:15px;margin-left:15%;margin-right:15%;border-radius:10px; } .entourage_header_droite_noborder { border:0px solid lightgrey; background:#F5F8FF;margin-top:20px;margin-bottom:15px;margin-left:15%;margin-right:15%;border-radius:10px; } #picto_zone { float:right;border-radius:50%;margin-top:5px;width:110px;height:110px;background:white; } #logo_zone { float:right;margin-top:15px;width:75px;height:75px;background:white;border-radius:50%; } .profile_body_left { display:inline-block; background:transparent; width:35%; vertical-align: top; } .profile_body_right { display:inline-block; background:transparent; width:64.5%; vertical-align: top; } .profile_bloc { min-height:185px; background:white; margin-bottom:15px; margin-top:10px; padding-bottom:5px; border-radius:10px; border:0px solid transparent; width:99%; } /* min-height:260px; */ .profile_bloc_bandeau { background:#FFFCDB; padding:0px 10px 0px 10px; height:35px; width:100%; border-top-left-radius:10px; border-top-right-radius:10px; border-top-left:1px solid lightgrey; border-top-right:1px solid lightgrey; } .profile_ss_bloc { background:white; padding:8px 15px;; display:block; width:100%; } /* Elts pays, langues métiers margin: auto */ #selection_add { z-index:2000; text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 330px; height: 410px; margin-left: -175px; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #selection_titre { display:inline-block; font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #selection_search { margin:left:5px; display:inline-block; font-family: 'Poppins'; font-size:13px; } #selection_list { text-align:left; background:white; width:100%; height:auto; padding:10px; height:320px; overflow:auto; } #selection_close { border:1px solid white; cursor:pointer; margin-top:10px; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #selection_close:hover { border:1px solid black; } /* CFA selec */ #selection_cfa_select { text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 330px; height: 410px; margin-left: -175px; margin-top: -175px; border-radius:10px; border:1px solid black; } /* #DCDEE2 */ #selection_cfa_titre { display:inline-block; font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #selection_cfa_search { margin:left:5px; display:inline-block; font-family: 'Poppins'; font-size:13px; } #selection_cfa_list { text-align:left; background:white; width:100%; height:auto; padding:10px; height:320px; overflow:auto; } #selection_cfa_close { border:1px solid white; cursor:pointer; margin-top:10px; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #selection_cfa_close:hover { border:1px solid black; } /* Experience Edit et PreAdd */ .experience_click { cursor:pointer; } .elt_experience { margin-bottom:8px; display:inline-block; height:auto; background:transparent; border-radius:10px; border:1px solid lightgrey; width:99%; } .elt_experience:hover { background:#E8ECF7; } #experience_pop { text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: 420px; margin-left: -25%; margin-top: -175px; border-radius:10px; border:1px solid black; } /* #DCDEE2 */ #experience_titre { font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #experience_list { border:1px solid transparent; text-align:left; background:white; width:100%; height:auto; padding:10px; height:300px; overflow:auto; } #experience_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #experience_close:hover { border:1px solid black; } #experience_add { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #experience_add:hover { border:1px solid black; } #experience_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #experience_upd:hover { border:1px solid black; } #exp_experience_nom { width:70%; } #exp_experience_desc { width:95%; } .experience_ss_bloc { font-family: 'Poppins'; font-size:13px; background:white; padding:8px 15px;; display:inline-block; } .experience_elt { padding:0px 5px; display:inline-block; } /* Company Edit et PreAdd 420px*/ #company_pop { text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: auto ; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #company_titre { font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #company_list { border:1px solid transparent; text-align:left; background:white; width:100%; height:auto; padding:10px; height:320px; overflow:auto; } #company_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #company_close:hover { border:1px solid black; } /* color:white; background:black; */ #company_add { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #company_add:hover { border:1px solid black; } #company_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #company_upd:hover { border:1px solid black; } #company_nom { width:95%; max-width:300px; } #company_ville { width:80%; max-width:200px; } /* CFA Edit et PreAdd 420px*/ #cfa_pop { text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: auto ; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #cfa_titre { font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #cfa_list { border:1px solid transparent; text-align:left; background:white; width:100%; height:auto; padding:10px; height:300px; overflow:auto; } #cfa_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #cfa_close:hover { border:1px solid black; } /* color:white; background:black; */ #cfa_add { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #cfa_add:hover { border:1px solid black; } #cfa_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #cfa_upd:hover { border:1px solid black; } #cfa_nom { width:95%; max-width:300px; } #cfa_ville { width:80%; max-width:200px; } .cfa_ss_bloc { font-family: 'Poppins'; font-size:13px; background:white; padding:8px 15px;; display:inline-block; } .cfa_elt { padding:0px 5px; display:inline-block; min-width:95px; } .cfa_card { display:inline-block; margin:5px; width:300px; border-radius:10px; } .cfa_card:hover { background:#F4F4F4; } .cfa_card_tit { display:block; height:75px; overflow:hidden; font-size:15px; font-family: 'Poppins'; font-weight:bold; border:1px solid transparent; } .logo_cfa { border-bottom:1px solid lightgrey; margin:0px 10px; width:93%;height:130px;background-size: contain;background-repeat: no-repeat;background-position: center; } .cfa_card_elt { height:25px; display:inline-block; margin-bottom:5px; padding:2px 5px; font-weight:bold; background:#E8ECF7; font-family: 'Poppins'; font-size:12px; cursor:pointer; border-radius:5px; border:1px solid lightgrey; margin-right:10px; } .cfa_flag_mini { display:inline-block; width:20px;height:18px } #cfa_list_bloc_tri { display:inline-block;float:right;margin-right:50px; } .cfa_card_detail { border:1px solid white; cursor:pointer; display:inline-block; font-size:13px; font-family: 'Poppins'; text-align:center; padding-top:5px; color:white; background:black; height:30px; width:75%; border-radius:5px; } .cfa_card_detail:hover { border:1px solid black; } .offre_card_tit { display:block; height:30px; overflow:hidden; font-size:15px; font-family: 'Poppins'; font-weight:bold; border:1px solid transparent; } .action_bt {font-family: 'Poppins'; font-size:12px; cursor:pointer; padding:0px 10px; display:inline-block; text-align:center; padding-top:3px; color:black; border:1px solid black; background:white; height:25px; border-radius:5px; } .action_bt:hover { background:#FFFCDB; } .dt_elt { height:25px; padding:0px 5px; font-family: 'Poppins'; font-size:13px; display:inline-block; cursor:pointer; border-radius:5px; border:1px solid lightgrey; margin-right:10px; } .bloc_elt { background:white; height:28px; padding:0px 5px; font-family: 'Poppins'; font-size:13px; display:inline-block; cursor:pointer; border-radius:5px; border:1px solid lightgrey; margin-right:10px; } .bloc_elt:hover { background:#E8ECF7; } .user_infos { margin-top:10%; height:auto; } .user_elt { display:inline-block; margin-bottom:5px; padding:2px 5px; font-weight:bold; background:#E8ECF7; font-family: 'Poppins'; font-size:12px; cursor:pointer; border-radius:5px; border:1px solid lightgrey; margin-right:10px; } .user_elt_noborder { display:inline-block; margin-bottom:5px; padding:2px 5px; font-weight:bold; background:#E8ECF7; font-family: 'Poppins'; font-size:12px; cursor:pointer; margin-right:5px; } .shorty_elt { font-family: 'Poppins'; max-width:290px; overflow:hidden; height:22px; } /* ex pour les metiers qui se réduit en largeur */ .shorty_elt_aff { font-family: 'Poppins'; max-width:290px; overflow:hidden; height:18px; } /* ex pour les metiers qui se réduit en largeur */ .bloc_elt_aff { background:white; height:23px; padding:0px 5px; font-family: 'Poppins'; font-size:13px; display:inline-block; cursor:pointer; border-radius:5px; border:1px solid lightgrey; margin-right:10px; } .bloc_elt_aff:hover { background:#E8ECF7; } .user_input { width:55%; } /* Pop User picto */ #picto_pop { text-align:left; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 51%; height: 580px; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #picto_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #picto_close:hover { border:1px solid black; } #picto_raz_pic { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; padding-left:4px; padding-right:4px; height:30px; width:160px; border-radius:5px; } #picto_raz_pic:hover { border:1px solid black; } #raz_ask_pop { display:none; position: absolute; left: 50%; top: 400px; background: white; width: 50%; height: 120px; margin-left: -25%; margin-top: -175px; border-radius:10px; border:1px solid black; } #picto_raz_confirm { width:90px; cursor:pointer; } #picto_raz_no { width:90px; cursor:pointer; } /* Pop Logo CFA */ #logocfa_pop { text-align:left; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: 550px; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #logocfa_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #logocfa_close:hover { border:1px solid black; } #logocfa_raz_pic { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; padding-left:4px; padding-right:4px; height:30px; width:160px; border-radius:5px; } #logocfa_raz_pic:hover { border:1px solid black; } #raz_ask_pop { display:none; position: absolute; left: 50%; top: 400px; background: white; width: 50%; height: 120px; margin-left: -25%; margin-top: -175px; border-radius:10px; border:1px solid black; } #logocfa_raz_confirm { width:90px; cursor:pointer; } #logocfa_raz_no { width:90px; cursor:pointer; } #invitation_pop { text-align:left; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: auto; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #invitation_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #invitation_close:hover { border:1px solid black; } #invitation_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #invitation_upd:hover { border:1px solid black; } #invitation_titre { font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #invitation_desc { margin-top:8px; font-family: 'Poppins'; font-size:12px; text-align:left; font-weight:normal; } #invitation_explain { margin-top:8px; font-family: 'Poppins'; font-size:12px; text-align:left; font-weight:bold; } #invitation_list { padding-left:10px; margin-top:8px; width:65%; height:150px; font-family: 'Poppins'; font-size:12px; text-align:left; } #invitation_remarque { margin-top:8px; height:30px; color:red; font-family: 'Poppins'; font-size:12px; text-align:left; } #invitation_check_action { margin-top:8px; width:97%; font-family: 'Poppins'; font-size:12px; text-align:left; } /* profil */ #user_pop { text-align:left; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: auto; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #user_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #user_close:hover { border:1px solid black; } #user_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #user_upd:hover { border:1px solid black; } #user_titre { font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #pwd_pop { position:absolute; display:none; margin-left:20px; padding:10px; margin-top:20px; width:90%; height: auto; background-color: white; border-radius:10px; } #pwd_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #pwd_close:hover { border:1px solid black; } #pwd_message { display:block; font-family: 'Poppins'; height:25px; width:80%; font-size:11px; color:red; } #pwd_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #bt_pwd_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:25px; width:160px; border-radius:5px; } #bt_pwd_upd:hover { border:1px solid black; } .bt_jaune { background:#F3D749; color:black;} .bt_bleu { background:#042246; color:white;} .pop_user_elt { padding:0px 5px; display:inline-block; min-width:155px; } .input_maj { background: #EEF6FF; color:#40C80D; } .border_shadow { box-shadow: 0 0 4px 4px #ADB6C9; /* border:1px solid black; */ /* box-shadow: 0 0 5px 5px #ADB6C9; */ } .yellows_shadow { box-shadow: 0 0 4px 4px #E4EAF6; } .studentcard { background:white; cursor:pointer; width:49%; display:inline-block; margin:3px; padding-bottom:7px; border-radius:8px; border:1px solid lightgrey; } .studentcard:hover { background:#E8ECF7; } .readonly_pop { text-align:left; padding:5px; display:none; background-color: white; position: absolute; left: 20%; top: 270px; width: 85%; height: auto; margin-left: -13%; margin-top: -175px; border-radius:10px; background:#F5F8FF; } /* ENTREPRISE Edit et PreAdd 420px*/ #entreprise_pop { text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 50%; height: auto ; margin-left: -25%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ #entreprise_titre { font-family: 'Poppins'; font-size:13px; text-align:left; font-weight:bold; } #entreprise_list { border:1px solid transparent; text-align:left; background:white; width:100%; height:auto; padding:10px; height:300px; overflow:auto; } #entreprise_close { border:1px solid white; cursor:pointer; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #entreprise_close:hover { border:1px solid black; } /* color:white; background:black; */ #entreprise_add { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #entreprise_add:hover { border:1px solid black; } #entreprise_upd { display:none; border:1px solid white; cursor:pointer; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #entreprise_upd:hover { border:1px solid black; } #entreprise_nom { width:95%; max-width:300px; } #entreprise_ville { width:80%; max-width:200px; } .entreprise_ss_bloc { font-family: 'Poppins'; font-size:13px; background:white; padding:8px 15px;; display:inline-block; } .entreprise_elt { padding:0px 5px; display:inline-block; min-width:95px; } /* ENTREPRISE selec */ #selection_entreprise_select { text-align:center; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 330px; height: 410px; margin-left: -175px; margin-top: -175px; border-radius:10px; border:1px solid black; } /* #DCDEE2 */ #selection_entreprise_titre { display:inline-block; font-family: 'Poppins'; font-size:13px; text-align:center; font-weight:bold; } #selection_entreprise_search { margin:left:5px; display:inline-block; font-family: 'Poppins'; font-size:13px; } #selection_entreprise_list { text-align:left; background:white; width:100%; height:auto; padding:10px; height:320px; overflow:auto; } #selection_entreprise_close { border:1px solid white; cursor:pointer; margin-top:10px; display:inline-block; font-family: 'Poppins'; text-align:center; padding-top:3px; height:30px; width:160px; border-radius:5px; } #selection_entreprise_close:hover { border:1px solid black; } #offre_pop { text-align:left; padding:10px; display:none; background-color: white; position: absolute; left: 50%; top: 300px; width: 80%; height: auto ; margin-left: -40%; margin-top: -175px; border-radius:10px; } /* #DCDEE2 */ .offre_bloc {display:block; width:100%; } .offre_ss_bloc { border:0px solid red; font-family: 'Poppins'; font-size:13px; background:white; padding:8px 15px;; display:inline-block; } .offre_elt { padding:0px 5px; display:inline-block; } #offre_del_ask_pop { display:none; position: absolute; left: 50%; top: 400px; background: white; width: 50%; height: 120px; margin-left: -25%; margin-top: -175px; border-radius:10px; border:1px solid black; } #offre_del_confirm { width:90px; cursor:pointer; } #offre_del_no { width:90px; cursor:pointer; } #offre__offre_titre { min-width: 400px; } #offre__offre_desc { min-width: 500px; height:80px; } .floute { display:inline; color:transparent;text-shadow: 0 0 8px #777777; } @media (max-width: 1200px) { .studentcard { width:99%; display:block; } } /* sm */ @media (max-width: 1150px) { #logo { margin-left: 10px; } #menu_burger { display:block; } .burger { display:inline-block; } /* #burger_menus { display:inline-block; } */ #menu_euroapp { display:none; } #menu_lng { right:55px; } .tit_large { font-size:20pt; } #content { margin-left:0; } #steps_bloc { margin-left:0; } #steps_zone { margin:20px 0px 30px 5px; width:330px; } #steps_bg { width: 300px; } #steps_1 { width: 159px; } #steps_2 { width: 300px; } #situation_bloc { margin-left:0; } #img_bg { display:none } #table_cale { margin-left:5px; } .table_inputs { width:320px; } .signing_bloc_input { width:150px; } .signing_input { width:125px; } #validation_zone { text-align:left; padding-left:50px;} #validation_bt { margin-left:30px; } #signin_bloc { display:block; width:90%; } #line2 { display:block; width:90%; } .profile_head { display:block; width:99.1%; } .profile_body_left { display:block; width:100%; } .profile_body_right { display:block; width:100%; } .shorty_elt { max-width:140px; overflow:hidden; height:20px; } #experience_add { width:110px; } #experience_upd { width:110px; } #experience_close { width:110px; } .profile_head { display:block; height:auto; } .profile_head_col { display:block; width:100%; height:auto; min-height:auto;} .profile_head_35 { display:block; width:100%; height:auto; min-height:auto;} .profile_head_65 { display:block; width:100%; height:auto; min-height:auto;} #user_infos { text-align:center; margin-top:10px; } .user_infos { text-align:center; margin-top:10px; } #user_upd { width:110px; } #user_close { width:110px; } .user_input { width:80%; } #cfa_add { width:110px; } #cfa_upd { width:110px; } #cfa_close { width:110px; } .cfa_elt { display:block; min-width:auto; } #cfa_nom { width:80%; } #cfa_ville { width:80%; } #cfa_list_bloc_tri { display:block;float:none;margin-right:0; margin-top:10px; } #picto_zone { float: none; display: table; margin: auto; } #logo_zone { float: none; display: table; margin: auto; } #picto_raz_pic { width:auto; } #picto_raz_confirm { width:50px; } #picto_raz_no { width:50px; } #offre__offre_titre { width: 280px; min-width:auto; } #offre__offre_desc { width: 310px; min-width:auto; height:80px; } } /* xxsm */ @media (max-width: 700px) { #user_pop { width: 96%; margin-left:0; left:2%; } #company_pop { width: 96%; margin-left:0; left:2%; } #cfa_pop { width: 96%; margin-left:0; left:2%; } #picto_pop { width: 96%; margin-left:0; left:2%; } #logocfa_pop { width: 96%; margin-left:0; left:2%; } } @media (max-width: 400px) { #signin_bloc { display:block; max-width:330px; } #line2 { display:block; max-width:330px; } .general_input { max-width:280px; width:80%; } #content_parent { height:80vh;background:transparent; width:100%; } #content { display:inline-block;margin-left:10px;width:95%;height:auto;background:transparent; padding-left:15px; } #experience_pop { width:95%; left:5px; margin:0; height:460px; } #experience_list { padding:0; margin-left:0px; height:350px; } #exp_experience_nom { width:240px; } #exp_experience_desc { width:280px; } #experience_add { width:auto; font-size:12px; padding:5px 4px; } #experience_upd { width:100px; font-size:12px; padding:5px 4px; } #experience_close { width:auto; font-size:12px; padding:5px 4px; } .experience_ss_bloc { padding:8px 3px} #user_pop { width:95%; left:5px; margin:0; height:460px; } .user_input { width:80%; } #cfa_pop { width:95%; left:5px; margin:0; height:460px; } #cfa_list { padding:0; margin-left:0px; height:350px; } #cfa_nom { width:240px; } #user_upd { width:100px; font-size:12px; padding:5px 4px; } #user_close { width:auto; font-size:12px; padding:5px 4px; } #cfa_add { width:auto; font-size:12px; padding:5px 4px; } #cfa_upd { width:100px; font-size:12px; padding:5px 4px; } #cfa_close { width:auto; font-size:12px; padding:5px 4px; } .cfa_elt { display:block; min-width:auto; } .cfa_ss_bloc { padding:8px 3px} #cfa_nom { width:80%; max-width:200px; } #cfa_ville { width:80%; max-width:200px; } .shorty_elt { max-width:95px; overflow:hidden; height:20px; } } @media (max-width: 330px) { #experience_pop { max-width:330px; left:5px; margin:0; height:460px; } }