.clear_both{clear:both}.bubble_left{background-color:#deeed6;padding:1em;width:70%;margin-left:0.5em;border-radius:10px;text-align:left}.bubble_left::after{content:'';position:relative;bottom:-1.5em;left:0px;border-width:10px 10px 0 15px;border-style:solid;border-color:#deeed6 transparent transparent;display:block;width:0}article .b_left{display:flex;image-rendering:pixelated}article .b_left u{background-color:#deeed6;color:#8595a1;max-width:30%;text-decoration:none;padding:0.5em}article .b_left i{height:fit-content}article .b_left u.wait_wave.hidden{opacity:0}article .b_left u.wait_wave{display:flex;height:1vh;background-color:#e8e1b2;margin-bottom:10px}article .b_left u.wait_wave span{animation:wave 2.5s ease-in-out infinite}article .b_left u.wait_wave span:nth-child(1){animation-delay:0s}article .b_left u.wait_wave span:nth-child(2){animation-delay:0.2s}article .b_left u.wait_wave span:nth-child(3){animation-delay:0.4s}@keyframes wave{0%,100%{transform:translateY(-2px)}12%{transform:translateY(-7px)}25%{transform:translateY(-2px)}37%{transform:translateY(3px)}50%{transform:translateY(-2px)}75%{transform:translateY(-2px)}}article .b_left_2{display:flex;image-rendering:pixelated}article .b_left_2 q{padding:0;margin:0;margin-left:16px;width:64px}article .b_left_2 i{height:fit-content}.score{display:flex;image-rendering:pixelated;width:calc( 100% - 4em);padding:2em}article .b_sms_box{background-color:#6dc2ca;height:3em}article .b_sms_box span{background-color:#597dce;color:#fff;border-radius:10px;padding:0.5em;height:1.2em;margin:0.7em;width:3em}article .b_sms_box span a{color:#fff}article .b_sms_box input{background-color:#597dce;background-color:white;border-radius:5px;border-radius:10px;border-color:#597dce;border:0;padding:0.3em;margin:0.7em;display:block;width:74%;float:left;height:1.5em}article .b_sms_box input[type="submit"]{background-color:#597dce;color:white;width:16%;height:1.5em;font-size:1em;padding:0.5em 0 1.8em;margin:0.3em}#show_score{background-color:#597dce;border:0;color:#fff}article .btn_bubble_submit{background-color:#597dce;border:0;color:#fff}article .btn_bubble_input input[type="text"]{font-size:1em;ime-mode:disabled}article .btn_bubble_input input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;box-shadow:0 0 0 1000px white inset}article .btn_bubble_input input[type="submit"]{background-color:#597dce;color:white;width:16%;height:1.5em;font-size:1em;padding:0.5em 0 1.6em;margin:0.3em 0;border-radius:10px;border-color:#597dce}.verbal_time{clear:both;float:right}.verbal_time i{background-color:#e8e1b2;float:left;width:4em}.verbal_time mark{float:left;width:6em}.verbal_time mark em{font-style:normal}.verbal_time mark input{color:#4af;padding:0;width:3em;font-weight:bolder;font-size:1em}.b_right.verbal_time_button{margin-right:0;display:block;float:right}.b_right.verbal_time_button .insert_chars{margin:13px;float:left}.b_right.verbal_time_button .insert_chars span{margin:1px 2px;color:#4af;border:#4af solid 1px;background-color:#fff}.ftue_feed{padding-bottom:1.5em}.ftue_feed .blue_btn{margin-right:0;display:block;float:right;padding-right:1em}.ftue_feed .blue_btn a{text-decoration:none;padding:0.5em;border-radius:10px;font-size:1.0em;background-color:#597dce;border:0;color:#fff}.login_form label{margin-right:0.5em;width:5em;display:inline-block;text-align:right}form{margin-bottom:0}.button_col_success{background-color:#6daa2c}.button_col_failed{background-color:#d27d2c}.button_submit{padding:20px 20px;font-size:24px;border:1px solid #4e4a4e;color:#fff;display:block;width:calc(80% - 40px);text-align:center;text-decoration:none;cursor:pointer;margin-bottom:30px;border:0;width:100%;height:4em;margin-bottom:0}.button_submit:active{border:1px solid #597dce;background-color:#fff;color:#597dce}.button_submit:hover{box-shadow:0 0 5px #dad45e}@keyframes bounce{0%,20%,50%,80%,100%{padding-bottom:0}40%{padding-bottom:20px}60%{padding-bottom:10px}}.anim_bounce{animation:bounce 2s infinite;animation-delay:2s}.google_sign_up_btn{justify-self:center;display:flex;align-items:center;gap:10px;color:#000;background-color:#fff;border:1px solid #ddd;padding:10px 15px;border-radius:5px;font-size:16px;font-weight:bold;cursor:pointer;transition:background 0.3s ease;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.google_sign_up_btn img{width:20px;height:20px}.google_sign_up_btn span{display:inline-block}.no_autocomplete_1{autocomplete:off}.no_autocomplete_2{autocorrect:off}.no_autocomplete_3{spellcheck:false}.no_autocomplete_4{autocapitalize:none}.no_autocomplete_5{inputmode:none}.no_autocomplete{autocomplete:off;autocorrect:off;spellcheck:false;autocapitalize:none;inputmode:none;-webkit-appearance:none;-moz-appearance:none;-webkit-user-select:text;user-select:text;-webkit-autofill:none;outline:none;appearance:none;-ms-input-placeholder-opacity:0 !important;-moz-placeholder-opacity:0 !important}.no_autocomplete ::-webkit-input-placeholder{opacity:0 !important}.no_autocomplete ::-moz-placeholder{opacity:0 !important}.bubble_left{background-color:#deeed6;padding:1em;width:70%;margin-left:0.5em;border-radius:10px;text-align:left}.bubble_left::after{content:'';position:relative;bottom:-1.5em;left:0px;border-width:10px 10px 0 15px;border-style:solid;border-color:#deeed6 transparent transparent;display:block;width:0}article hr{background-color:#ccc}article .row_group{display:inline-block;width:80%;margin-bottom:1em;margin:0em;padding:0em;margin-left:20%}article .image_pod{display:block;margin:0em;padding:0em;width:50%}article .image_pod span{background-color:#597dce;color:#fff;border-radius:10px;padding:0.5em}article .image_pod span a{color:#fff}article .image_pod form{display:block;margin:0em;padding:0em;width:100%;text-align:left}article .image_pod .option_button{margin:0.5em;padding:0em;background-color:#fff;border:1px solid #6dc2ca;width:calc(100% - 1em);font-size:1em;cursor:pointer;color:#140c1c}article .image_pod .option_button img{width:calc(100% - 1.5em);margin:0.75em;image-rendering:pixelated !important;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimizeSpeed}article .b_right{display:flex;direction:rtl;margin-right:0.5em}article .b_right span{background-color:#597dce;color:#fff;border-radius:10px;padding:0.5em}article .b_right span a{color:#fff}article .b_right form{width:100%;text-align:left;display:flex;direction:rtl}article .b_right .option_button{background-color:#fff;border:1px solid #6dc2ca;width:calc(70% - 5px);padding-top:0.75em;padding-bottom:0.75em;font-size:1em;cursor:pointer;color:#140c1c}article .info{display:flex;image-rendering:pixelated}article .info i{height:fit-content}article .info u{color:#8595a1;max-width:30%;text-decoration:none;padding:0.5em}article .info.blue i{background-color:#6dc2ca;width:60%}article .info.full q{width:calc(100% - 5em);background-color:#e8e1b2;padding:1em;border-radius:5px;margin-left:1.5em}article q,article u,article i,article s,article mark,article .option_button{padding:0.5em 1em;margin-left:0.5em;border-radius:10px;text-align:left;display:block;margin-top:0.5em}article q{float:left;display:block;width:2em;margin:0.5em;padding:0.5em;margin-top:1.5em;margin-bottom:0}article q::before{content:""}article q::after{content:""}article u{background-color:#6dc2ca;max-width:70%;text-decoration:none}article u a{color:#346524}article i{background-color:#deeed6;width:60%}article s{background-color:#d2aa99;width:60%;text-decoration:none}article mark{background-color:#fff;border:1px solid #6dc2ca;width:60%;direction:ltr}article mark em{float:left}article mark form{width:auto !important}article mark input{border:none;border-bottom:solid 1px #597dce;outline:none;direction:ltr}article mark input:focus{border:none !important;border-bottom:solid 1px #854c30 !important}.show_score{margin-bottom:3em}.notice{padding:2em}.notice.info{background-color:#597dce;background-color:#6dc2ca;color:#4e4a4e}.notice.warnning{background-color:#dad45e;color:#d27d2c}.notice.error{background-color:#d2aa99;color:#d04648}.a_round{font-size:5em;height:2em}.top_bar.bg_progress_bar{position:sticky;top:0 !important;border-bottom:1px solid #ccc}.top_bar{display:block}.top_bar form{width:4em;float:left}.bg_progress_bar{background-color:#fff}.progress_bar{width:calc(100% - 5em);height:20px;border:1px solid #ccc;overflow:hidden;margin:2em;border-radius:15px}.progress_bar .progress,.progress_bar .remaining{height:100%;float:left}.progress_bar .progress{background-color:#dad45e}.progress_bar .remaining{background-color:#8595a1}.close_page_button{padding:20px;text-align:left;text-align:left;font-size:2em;background-color:#fff;border:0;color:#8595a1}@media (max-width: 767px) and (orientation: portrait){.top_bar.bg_progress_bar{width:calc(100%);position:fixed;top:0 !important;z-index:3;transform:translate3d(0, 0, 0)}main{overflow:visible;min-height:calc(700px - 3em);border:0}}.quiz_button{display:inline-block;padding:10px 20px;font-size:1.5em;text-align:center;text-decoration:none;cursor:pointer;border:1px solid #854c30;border-bottom:5px solid #854c30;border-radius:90px;background-color:#dad45e;color:#854c30;margin-bottom:1em;padding:1em;position:relative}.quiz_button:active{border-bottom:1px solid #854c30;border-top:5px solid #854c30}.quiz_button_done{background-color:#6dc2ca;color:#4e4a4e;border-color:#4e4a4e}.quiz_button_todo{background-color:#deeed6;color:#757161;border-color:#757161;border-bottom:1px solid;pointer-events:none}.pod1,.pod2,.pod3,.pod_r{display:none;opacity:0;transition:opacity 0.75s ease-in-out}.reduce-height-animation{animation:reduceHeight 0.75s ease-out}@keyframes reduceHeight{to{height:0;padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;opacity:0;visibility:hidden}}.slide-up-animation{animation:slideUp 0.5s ease-out}@keyframes slideUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}#flow_tie{padding-top:5.5em;padding-bottom:2em}.sg_link_menu{color:#fff;background-color:#30346d;padding:0.5em;font-size:2em;text-decoration:none;text-transform:capitalize;margin:1px 0;width:calc(100%-2em+1px);display:block}.sg_link_menu:hover{background-color:#20234a}.sg_row{display:block;width:100%;float:left}.sg_td{display:block;width:50%;float:left}hr{width:80%;border:none;height:1px;background-color:#140c1c}table{width:100%;padding:2em}table tr:nth-child(odd){background-color:#deeed6}table tr:nth-child(even){background-color:#fff}table td{padding:0.5em}table a{color:#8595a1;text-decoration:none}.hidden-radio{position:absolute;opacity:0;position:absolute;width:0;height:0;overflow:hidden}.button-style{padding:20px 20px;font-size:24px;border:1px solid #4e4a4e;background-color:#fff;color:#4e4a4e;display:block;width:calc(80% - 40px);text-align:center;text-decoration:none;cursor:pointer;margin-bottom:30px;border-radius:10px}.button-style:active{border:1px solid #597dce;background-color:#fff;color:#597dce}.button-style:hover{box-shadow:0 0 5px #dad45e}#choices{display:flex;flex-direction:column;align-items:center}#choices form{width:100%}#choices form .cola{display:flex;flex-direction:column;align-items:center}#choices form input[type="submit"]{text-decoration:none;width:100%;padding:10px;font-size:3em;display:block;width:100%;background-color:#6daa2c;color:#fff;border:0 !important}#choices .disabled_submit_button{background-color:#8595a1 !important;color:#757161 !important}#choices .submitted_and_wait{background-color:#8595a1 !important;color:#757161 !important}@keyframes text-spin{to{transform:translateY(-0.6em)}}#choices input[type="radio"]:checked+label{border:1px solid #597dce;background-color:#deeed6;color:#597dce}header h1{text-transform:uppercase;color:#d04648}section.about{color:#deeed6;background:#d04648}section.about h2{text-transform:uppercase;color:#140c1c}section{padding:1em}section h2{text-transform:uppercase;color:#d04648}section.about p span,section.cta p span,section.subscribe p span{margin-bottom:1em;display:block}.button{display:inline-block;padding:10px 20px;border:2px solid #757161;border-radius:5px;background-color:#deeed6;color:#597dce;text-decoration:none;transition:background-color 0.3s, color 0.3s;cursor:pointer}.button:hover{background-color:#c1dfb2}.button:active{background-color:#a4d08e}#boxes img{image-rendering:pixelated}#boxes .img_thumb{width:256px;height:256px;image-rendering:pixelated !important;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimizeSpeed;border:black 2px solid;margin:2px}#boxes .img_thumb.s_128{width:128px;height:128px}#boxes .img_thumb.s_96{width:96px;height:96px}#boxes .img_black{filter:brightness(110);filter:opacity(10%);background-color:black}#boxes .line{float:left;width:100%;display:inline-block;padding:0;margin:0}#boxes .block{float:left;width:50%;padding:0;margin:0}#boxes .card_local_img{background-color:cornflowerblue;margin:1em 1em 0 1em;border-radius:9px;display:inline-block;padding:0;width:calc(100% -  (2 * 1em));image-rendering:pixelated}#boxes .card_local_img .button_with_image{background-color:cornflowerblue;border-radius:9px;border:0px;padding:0;color:#eeeeee}#boxes .card_local_img .button_with_image:hover{background-color:#4d85ea;color:white}#boxes .card_local_img .button_with_image:active{background-color:#1f66e5}#boxes .card_local_img a{text-decoration:none;display:block;width:100%;padding:0;margin:0;transition:filter 0.3s ease}#boxes .card_local_img a b{display:block;padding:1em}#boxes .card_local_img a img{width:100%;padding:0;margin:0;border-radius:9px 9px 0 0}#boxes .card_local_img a:hover{background-color:#4d85ea}#boxes .card_local_img a:hover img{filter:brightness(1.1)}#boxes .card_local_img a:active{background-color:#1f66e5}#boxes .box_image.grayscale{filter:grayscale(100%)}#boxes .box_image.grayscale:hover{filter:brightness(1.1)}#boxes .box_image.diagonal_banner{position:relative;overflow:visible}#boxes .box_image.diagonal_banner::after{z-index:10;content:"---alpha---";position:absolute;top:10%;left:-30%;transform:rotate(-45deg);background-color:rgba(0,0,0,0.7);color:white;font-size:1rem;font-weight:bold;padding:5px 20px;text-transform:uppercase;white-space:nowrap}.box_image_wrapper{position:relative;overflow:hidden}.diagonal_banner{position:absolute;top:10%;left:-17%;transform:rotate(-45deg);background-color:#dad45e;opacity:1;color:#d04648;font-size:1rem;font-weight:bold;padding:5px 20px;text-transform:uppercase;white-space:nowrap;z-index:10}p.box_desc_narative{text-align:left;margin:1em;background-color:#e8e1b2;padding:1em;border-radius:10px}#lessons .card{background-color:#eef;margin:2em 2em 0 2em;border-radius:9px 9px 0 0;display:inline-block}#lessons .card h1{color:cornflowerblue;font-style:inherit;text-transform:uppercase}#lessons .card a{text-decoration:none;display:block;width:calc(100% - 4em);padding:2em}#lessons .link{background-color:cornflowerblue;color:white;font-size:2em;text-decoration:none;width:calc(100% - 4em);display:inline-block;margin:0 1em 2em 1em;padding:0.5em 1em;border-radius:0 0 9px 9px}#lessons .link:hover{background-color:#4d85ea}#lessons .link:active{background-color:#1f66e5}#lessons .card_local_img{background-color:cornflowerblue;margin:2em 2em 0 2em;border-radius:9px;display:inline-block;padding:0;width:calc(100% - 4em);image-rendering:pixelated}#lessons .card_local_img .button_with_image{background-color:cornflowerblue;border-radius:9px;border:0px;padding:0}#lessons .card_local_img .button_with_image:hover{background-color:#4d85ea}#lessons .card_local_img .button_with_image:active{background-color:#1f66e5}#lessons .card_local_img a{text-decoration:none;display:block;width:100%;padding:0;margin:0}#lessons .card_local_img a img{width:100%;padding:0;margin:0;border-radius:9px 9px 0 0}#lessons .card_local_img a:hover{background-color:#4d85ea}#lessons .card_local_img a:active{background-color:#1f66e5}#lessons h1{color:white;font-size:2em}.hand{position:fixed;bottom:96px;left:90%;transform:translateX(-50%);z-index:1000;image-rendering:pixelated}.bounce{animation:bounce 2s infinite}.hidden{display:none}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}#units .img_thumb{width:256px;height:256px;image-rendering:pixelated !important;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:optimizeSpeed;border:black 2px solid;margin:2px}#units .img_thumb.s_128{width:128px;height:128px}#units .img_thumb.s_96{width:96px;height:96px}#units .img_black{filter:brightness(110);filter:opacity(10%);background-color:black}#units #exercices{background-color:#deeed6;padding:1em;margin:2em;border:solid black 2px;border-radius:10px;display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}#units #exercices .img_grayscale{filter:grayscale(100%)}#password_toggle_link{color:#597dce;text-decoration:none}#password_toggle_link:hover,#password_toggle_link:active{color:#597dce}html,body{height:100%;display:table;align-items:center;justify-content:center;font-family:sans-serif;padding:0px;margin:0;width:100%}body{background-image:url(/assets/wallpapers/pixel_bord_de_mer-a7f585b7a9036db3cf2c22ce042da8643acd670f575c970639add4b13141ec3b.jpeg);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-color:#abc19f}main{min-height:700px;text-align:center;background-color:#f0f0f0;background-color:#fff;border:1px solid #ccc;display:flex;flex-direction:column}main .content{flex:1;display:flex;flex-direction:column;justify-content:space-between}main .content input{border:none;outline:none;position:relative;border-bottom:2px solid #d27d2c !important}main .content input::before{content:"";display:block;border-bottom:1px solid #d27d2c !important;transition:border-color 0.3s}main .content input:focus::before{border-color:#007bff !important}main .content input:focus{border-color:#597dce !important}#exercices h1{background-color:#d04648;color:white;padding:20px}#exercices li h2{color:#8595a1}.callout{background-color:#fff;border:solid 2px #8595a1;margin:10px;padding:20px;border-radius:10px}.question{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}.bas-div{bottom:0;width:100%}a.btn_light{text-decoration:none;width:100%;padding:10px;font-size:3em;display:block;width:calc(100% - 20px);background-color:#6daa2c;color:#deeed6;color:#fff}.sg{height:100%;width:100%;min-height:777px;border:0 none;border-radius:0;background-color:#eee;color:#4e4a4e;display:flex;flex-direction:column;border-bottom:solid 1px #597dce;display:inline-block;margin:1.5em 0}.sg .table{display:table;width:100%}.sg .table_row{display:table-row;vertical-align:top}.sg .table_cell{display:table-cell;vertical-align:top;padding:10px}.sg main{height:700px;width:400px;margin:30px;vertical-align:top}.sg main{max-width:2280px !important}@media screen and (min-width: 470px){html,body{padding:0px;margin:auto}main{width:80%;max-width:400px;min-width:400px}main#app{margin-left:200px}}#error_explanation{color:#d04648;background-color:#d2aa99;border-radius:5px;margin:2em;padding:1em}main .error{color:#d04648}menu{background-color:#d04648;margin:0;display:flex}menu a{text-decoration:none;color:white}menu h1{color:white;text-wrap:nowrap}menu i{color:#dad45e}.language-switcher{position:relative;width:calc(100% - 40px)}.menu-icon{cursor:pointer;font-size:4em;float:right;padding-right:0.1em;color:#fff}.menu{position:absolute;top:30px;right:0;background-color:#f9f9f9;list-style-type:none;padding:0;border:1px solid #ccc;z-index:2}.menu li{padding:10px;text-align:right}menu{width:calc(100% - 40px)}.menu li a{text-decoration:none;color:#333}#menu_toggle{display:none}.menu{max-height:0;overflow:hidden;transition:0.6s ease max-height;margin-top:3em;border:0;background-color:#d2aa99;width:400px}#menu_toggle:checked~.menu{max-height:1000px}#menu_toggle:checked+.toggle-label:after{content:"-"}.sub_menu{font-size:1.1em;padding:0;margin:0;width:100%}.sub_menu .item{width:calc(50% - 2em);display:block;float:left;padding:1em}.sub_menu a{text-decoration:none}.sub_menu .sub{background-color:#6daa2c;color:#fff}.sub_menu .login{background-color:#d27d2c;color:#fff}@media (max-width: 767px) and (orientation: portrait){menu.home{position:fixed;top:0;left:0;z-index:10}.sub_menu{z-index:10;position:fixed;top:3.2em;left:0}main.home{padding-top:9em}}menu.icons{width:calc(100%);padding:10px 0}menu.icons a{width:calc(100% / 6 - 5px);margin-left:4px;image-rendering:pixelated}menu.icons a img{width:100%;image-rendering:pixelated}menu.icons a img.selected{background-color:#aaf;border:3px solid blue;border-radius:15px;box-sizing:border-box}menu.icons a.disable{opacity:0.25}@media (max-width: 767px) and (orientation: portrait){menu.icons{position:fixed;bottom:0 !important;z-index:3;transform:translate3d(0, 0, 0)}main{overflow:visible;padding-bottom:4.5em;min-height:calc(700px - 3em);border:0}}