:root {
    --pink: #f4b6df;
    --red: #ff6550;
    --blue1: lightblue;
    --blue2: #64b9c7;
    --blue3: #d6eaf5;
     --blue4:#64b9c7;
    --newblue: #117f91;
    --green: #669b48;
    --grayl: #aaa;
    --ora: #FC7A4E;
    --yellow: #ffdc79;
    --shadow-color: #d4e9f3;
    --greenv: #cbe965;
    --greenlight: #9acd32;
    --black: #000;
    --textsizelist: 1rem;
    --textsize: 1.3rem
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #fff !important;
    background-color: var(--blue2) !important;
    border-radius: 5px !important;
    -webkit-border-radius: 0 !important;
    margin-top: 12px !important;
    margin-left: 30px !important
}

.cc_container .cc_message {
    margin-bottom: 20px !important
}

@media screen and (max-width:740px) {

    .cc_container .cc_btn,
    .cc_container .cc_message {
        font-size: 1em !important
    }
}

.cc_container .cc_message {
    text-align: justify !important
}

@media screen and (min-width:740px) {
    .cc_container .cc_message {
        display: table !important
    }
}

#header-t-art-actions {
    top: 45px;
    width: 100%;
    position: fixed;
    z-index: 5000;
    -webkit-animation: fadeEffect .3s;
    animation: fadeEffect .31s;
    box-shadow: none
}

#header-t-art-actions .tabcontent {
    display: none;
    -webkit-animation: none;
    animation: none;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: initial
}

div.logomenu {
    padding: 0;
    width: 100%;
    z-index: 5000;
    background-color: var(--blue3);
    font-size: 0;
    overflow: auto;
    white-space: nowrap;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .26)
}

div.logomenu a {
    display: inline-block;
    background-color: var(--blue3);
    padding: 10px 25px;
    text-decoration: none;
    border-right: 1px solid var(--blue1);
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    fill: #4C8FB3;
    color: #fff;
    height: 37px
}

div.logomenu .icon {
    width: 24px;
    height: 24px
}

div.logomenu .tablinks2 .icon {
    padding: 7px 5px 0 0
}

div.logomenu a {
    display: inline-block;
    background-color: #d6eaf5;
    padding: 10px 25px;
    text-decoration: none;
    border-right: 1px solid #ccc;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    transition-duration: .3s;
    fill: #4C8FB3;
    color: #fff
}

div.logomenu a.important:not(.active) {
    background-color: #ff6550
}

div.logomenu a.important:not(.active) svg {
    fill: white
}

div.logomenu a.important:not(.active) {
    background-color: #ff6550
}

div.logomenu a.i span {
    position: absolute;
    top: 0
}

div.logomenu a.i span svg {
    width: 15px
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: #000;
    text-align: center;
    height: 1.5em;
    opacity: .5
}

.hr-text:before {
    content: "";
    background: linear-gradient(to right, transparent, #818078, transparent);
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em;
    color: #818078;
    background-color: #fcfcfa
}

.auth_google {
    transition: background-color .3s, box-shadow .3s;
    margin-bottom: 15px;
    padding: 12px 16px 12px 42px;
    border: none;
    border-radius: 3px;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 1px 1px rgba(0, 0, 0, .25);
    cursor: pointer;
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 12px 11px;
    width: 100%;
    border: 1px solid #ccc
}

.auth_google:hover {
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25)
}

.auth_google:active {
    background-color: #eee
}

.auth_google:focus {
    outline: 0;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, .04), 0 2px 4px rgba(0, 0, 0, .25), 0 0 0 3px #c8dafc
}

.auth_facebook {
    display: inline-block;
    background-color: #3b5998;
    color: #fff;
    border-radius: 4px;
    padding: 13px 20px;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    border: none;
    cursor: pointer;
    width: 100%
}

.auth_facebook:hover {
    background-color: #2d4373
}

.form-wrap form .input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #000;
    font-family: inherit;
    padding: .8em 0 10px .8em;
    border: 1px solid #cfcfcf;
    outline: 0;
    display: inline-block;
    margin: 0 0 .8em 0;
    padding-right: 2em;
    width: 100%
}

#DivLogin .help-text::first-letter {
    text-transform: capitalize
}

#DivLogin .resend {
    color: var(--grayl)
}

#DivLogin .tab {
    width: 80%;
    margin: 10px auto
}

#DivLogin .notaccount {
    font-weight: 600;
    color: red
}

#DivLogin .progress-bar-button {
    margin: 10px auto;
    float: initial;
    text-align: center;
    padding: 10px
}

#header-t-art-actions .tabcontent {
    display: none;
    -webkit-animation: none;
    animation: none;
    overflow-y: scroll;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-radius: initial;
    height: 80vh
}

#header-t-art-actions {
    top: 45px;
    width: 100%;
    position: fixed;
    z-index: 5000;
    -webkit-animation: fadeEffect .3s;
    animation: fadeEffect .31s;
    box-shadow: none
}

.progress-bar-button {
    margin: auto;
    float: none;
    text-align: center
}

.tra .titre {
    display: flex;
    align-items: center;
    padding-top: inherit;
    color: #fff;
    font-weight: 700;
    background-color: var(--blue2);
    min-height: 50px;
    max-width: 100%;
    height: 38px;
    font-size: 22px
}

.tra .numero {
    border-radius: 50%;
    color: var(--blue2);
    background-color: var(--blue3);
    margin-right: 10px;
    width: 11px;
    height: 19px;
    float: left;
    display: inline-block;
    box-sizing: content-box;
    padding: 2px 10px 10px 10px
}

#st-2.st-has-labels .st-btn.st-remove-label {
    width: 200px;
    margin: 5px;
    display: inline-block !important
}

#st-2.st-has-labels .st-btn.st-remove-label>span {
    display: block !important;
    z-index: 1 !important
}

#st-2 .st-btn>img {
    display: list-item !important;
    float: left !important
}

#st-2.st-animated {
    width: 450px !important
}

.tabcontent .title {
    font-size: 26px;
    color: var(--blue2);
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    background-color: var(--blue3);
    margin-top: 1px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2
}

.tabcontent .close {
    width: 15px;
    height: 15px;
    fill: var(--blue2);
    cursor: pointer;
    margin-top: 7px;
    float: right;
    margin-right: 15px
}

.tabcontent .close:hover {
    fill: #ff6550
}

.textblue2 {
    color: var(--blue2)
}

.blue2blue1 {
    background: linear-gradient(var(--blue2), var(--blue1))
}

.blue1blue2 {
    background: linear-gradient(var(--blue1), var(--blue2))
}

.bottom {
    padding-top: 40px;
    padding-bottom: 40px
}

.inherit p {
    display: inherit !important
}

.blue3 {
    background-color: var(--blue3) !important
}

.hidden {
    visibility: hidden
}

.ombre {
    webkit-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

.colorcadre {
    height: auto;
    width: 100%;
    background-color: var(--blue3);
    padding: 5px
}

.ro2 {
    height: 100px;
    border-radius: 50%;
    border: 5px solid var(--blue2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 250px
}

.width90cent {
    width: 90%
}

.cadre_N1 {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #fff;
    background-size: cover;
    background-clip: padding-box;
    min-height: 100px
}

.fondhome .cadre_N1 {
    border-radius: 5px;
    box-shadow: rgb(0 0 0 / 35%) 0 5px 15px
}

.fondbase1 {
    padding-top: 0;
    display: inline-table;
    width: 100%
}

h3 {
    margin: 0;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 20px;
    font-weight: 700
}

.columns-2 {
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    font-size: 120%;
    line-height: 26px;
    padding-left: 20px
}

.float_left {
    float: left
}

.float_right {
    float: right
}

.rmob {
    display: inline
}

.rmob-f {
    width: 100% !important;
    position: absolute;
    z-index: 999;
    background-color: var(--blue1);
    top: 41px;
    left: -1px;
    padding-bottom: 5px
}

.alphabet .icon {
    width: 32px;
    height: 25px;
    fill: #fff
}

.img_alphabet {
    border-radius: 3px;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

#container.point {
    cursor: pointer
}

#header_nav_classic .icon:hover {
    fill: var(--blue1);
    cursor: pointer
}

.header_center_classic {
    position: fixed;
    left: 200px
}

.phoca-flagbox {
    float: left;
    width: 35px;
    height: 30px;
    padding-right: 10px;
    padding-left: 5px
}

.phoca-flagbox:lang(ar),
.phoca-flagbox:lang(he) {
    float: right
}

.phoca-flag {
    display: inline-block;
    border-radius: 5px
}

.toppenu {
    width: 18px;
    height: 12px;
    float: left;
    margin-right: 8px;
    margin-top: 6px;
    border-radius: 2px
}

.phoca-pagelang {
    float: left;
    width: 18px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.phoca-flagbox-header:lang(ar),
.phoca-flagbox:lang(he) {
    float: right
}

#espace-post-player {
    text-align: center;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), #000);
    z-index: 10000;
    height: 250px;
    border-top: 10px solid #fff
}

#alph_page {
    display: none
}

.vietnamien {
    overflow: scroll
}

#selectExpQuizz {
    padding-top: 8px;
    width: 95%;
    margin: auto
}

a.whitelink,
a.whitelink:hover {
    text-decoration: none;
    color: #fff
}

.login.connected svg {
    fill: var(--blue1) !important;
    filter: invert(96%) sepia(3%) saturate(5941%) hue-rotate(147deg) brightness(92%) contrast(68%)
}

.dropdown #content {
    position: absolute;
    right: 0;
    top: 40px;
    background-color: #fff;
    min-width: 250px;
    z-index: 1;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

.dropdown #content .close {
    display: none;
    width: 13px;
    height: 13px;
    position: absolute;
    right: 10px;
    top: 5px
}

.dropdown #content:lang(ar),
.dropdown #content:lang(he) {
    left: 0;
    right: initial
}

hr.home {
    border: 1px dotted var(--blue1);
    border-radius: 90%;
    margin: 60px
}

.stop {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    animation-play-state: paused
}

.dropdown .content {
    overflow: scroll;
    color: #3b5071;
    overflow-x: hidden;
    max-height: 300px
}

.dropdown .content a {
    padding: 12px 14px;
    display: block
}

.dropdown .content a:hover {
    background-color: var(--blue3)
}

.langs .active {
    background-color: rgba(0, 0, 0, .12) !important
}

.dropdown #content .titre {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    padding: 10px;
    background: var(--blue1);
    color: #fff;
    width: 250px
}

.dropdown ul.langs {
    list-style: none;
    padding: 0;
    margin: 0
}

.change_lang a,
.change_lang a:hover {
    text-decoration: none;
    color: #666
}

#u_not_c {
    margin: 10px 0
}

#DivLogin {
    position: absolute;
    top: 60px !important;
    z-index: 10000;
    padding: 0;
    display: none;
    overflow: auto
}

#DivLogin #register {
    font-size: 20px
}

#DivLogin .help-text {
    font-size: 18px;
    text-align: center
}

#DivLogin .link {
    text-decoration: underline;
    color: var(--blue2);
    cursor: pointer
}

#DivLogin .info {
    color: var(--grey-1);
    font-size: 15px
}

#account-tab-content .message {
    margin: 10px;
    display: block
}

#DivLogin a {
    text-decoration: none;
    text-align: center
}

#DivLogin a:hover {
    background-color: var(--blue1);
    color: #fff
}

#DivLogin a.active {
    background-color: var(--blue2);
    color: #fff
}

ol {
    padding-left: 0;
    margin-left: 20px
}

.form-control {
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

#f_account .form-control {
    margin: 10px 0;
    padding: 12px 20px;
    width: 100%
}

#f_account label {
    padding-left: 0;
    color: var(--blue2);
    display: block;
    margin: 5px 0
}

#f_account .preview {
    display: none;
    margin: 10px 0
}

#f_account img {
    width: 150px;
    height: 150px
}

#f_account .show {
    display: block
}

#deleteac {
    width: 100%;
    color: var(--ora);
    font-weight: 700;
    margin: 30px;
    cursor: pointer
}

.login-form input:hover,
.signup-form input:hover {
    filter: contrast(1.3)
}

#connect {
    background-color: var(--green);
    margin: 20px 0
}

#known-user span {
    display: block;
    text-align: center
}

#connected-user {
    display: none
}

#deleteac.red {
    color: red
}

#profile-user {
    display: none;
    padding: 1.5em 1.5em .1em 1.5em
}

#profile-user h1 {
    color: var(--blue1);
    padding-bottom: 20px
}

#profile-user span {
    padding-bottom: 10px
}

#profile-user .firebaseui-card-content {
    padding: 0
}

#profile-user label {
    font-size: 14px
}

#profile-user .lineb {
    border-width: 1px;
    border-bottom-style: solid;
    margin-bottom: 10px;
    padding-bottom: 10px
}

#profile-user .quizzs ul {
    list-style-type: none;
    padding-left: 20px
}

#profile-user .icon,
#profile-user .icon-pencil {
    width: 20px;
    height: 20px;
    padding: 5px 0
}

#logout {
    width: 80%
}

#backp {
    margin-top: 10px;
    padding: 8px 10px 7px 10px;
    background-color: #ff6550;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: 35px;
    cursor: pointer;
    font-size: 12px
}

#lagoutac {
    display: none
}

.form-wrap {
    background-color: #fff;
    width: 320px;
    margin: 0 auto;
    box-shadow: 0 1px 8px #bebebe;
    -webkit-box-shadow: 0 1px 8px #bebebe;
    -moz-box-shadow: 0 1px 8px #bebebe
}

.form-wrap .tabs {
    overflow: hidden
}

.form-wrap .tabs h3 {
    float: left;
    width: 50%
}

.form-wrap .tabs h3 a {
    padding: .5em 0;
    text-align: center;
    font-weight: 400;
    background-color: #e6e7e8;
    display: block;
    color: #666
}

.form-wrap .tabs h3 a.active {
    background-color: #fff
}

.form-wrap .tabs-content {
    padding: 1.5em
}

.form-wrap .tabs-contentc {
    padding: .5em
}

.form-wrap .tabs-contentc ul {
    list-style-type: none
}

.form-wrap .tabs-content div[id$=tab-content] {
    display: none
}

.form-wrap .tabs-content .active {
    display: block !important;
    background-color: #fff
}

.form-wrap form .input {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #000;
    font-family: inherit;
    padding: .8em 0 10px .8em;
    border: 1px solid #cfcfcf;
    outline: 0;
    display: inline-block;
    margin: 0 0 .8em 0;
    padding-right: 2em;
    width: 100%
}

.form-wrap form .button {
    width: 100%;
    display: block;
    padding: .8em 0 10px .8em;
    background-color: #ff6550;
    border: none;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase
}

.form-wrap form .button:hover {
    background-color: var(--blue2)
}

.form-wrap form .checkbox {
    visibility: hidden;
    padding: 20px;
    margin: .5em 0 1.5em
}

.form-wrap form .checkbox:checked+label:after {
    opacity: 1
}

.form-wrap form label[for] {
    color: initial
}

.form-wrap form label[for]:after {
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background-color: transparent;
    top: 4px;
    left: -10px;
    border: 3px solid #28a55f;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.form-wrap .help-text {
    margin-top: .6em
}

.form-wrap .help-text p {
    text-align: center;
    font-size: 14px
}

.form-wrap .status {
    color: initial;
    padding: 10px 0
}

.opac {
    opacity: .5
}

.tooltip {
    display: none;
    position: absolute;
    z-index: 99999;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    background-color: #f1f1f1;
    border-radius: 3px;
    color: #444;
    fot-wight: bold;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    transition: transform .2s
}

.tooltip2 {
    display: none;
    position: absolute;
    z-index: 99999;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    background-color: #f1f1f1;
    border-radius: 3px;
    color: #444;
    fot-wight: bold;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
    transition: transform .2s
}

.tooltip3.hovered {
    opacity: 1 !important
}

.tooltip3 h3 {
    font-size: small;
    padding-bottom: 0px;
}

.tooltip3 .top.low {
    top: -110px
}

.tooltip3 .top {
    min-width: 150px;
    top: 50px;
    left: -56px;
    padding: 10px 20px;
    color: #444;
    background-color: #fff;
    font-weight: 400;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .5);
    visibility: hidden;
    opacity: 0;
    transition: opacity .8s
}

.tooltip3 .top.menuhaut {
    top: 90px;
    left: -50px;
    min-width: 250px
}

.tooltip3.large .top {
    min-width: 300px
}

.tooltip3.largehover .top,
.tooltip3:hover .top {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
    background-color: #fff
}

.tooltip3.largehover .top.menu1 {
    position: fixed;
    top: 90px
}

.tooltip3.large .nq {
    color: grey
}

.tooltip3 .close {
    float: right;
    top: 15px;
    right: 15px;
    width: 15px;
    height: 15px;
    fill: grey;
    position: absolute
}

.tooltip3 .top i {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -12px;
    width: 24px;
    height: 12px;
    overflow: hidden
}

.tooltip3 .top i::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    background-color: #fff;
    box-shadow: 0 1px 8px rgba(0, 0, 0, .5)
}

.help-d {
    display: none;
    float: left;
    padding-top: 7px;
    padding-left: 8px
}

.help-tipb {
    position: absolute;
    z-index: 2
}

.help-tipb:hover p {
    display: block;
    transform-origin: 100% 0%;
    -webkit-animation: fadeIn .3s ease-in-out;
    animation: fadeIn .3s ease-in-out
}

.help-tipb p {
    display: none;
    text-align: left;
    background-color: #ff6550;
    padding: 20px;
    width: 200px;
    z-index: 999999999;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    right: -4px;
    color: #fff;
    font-size: 13px;
    line-height: 1.4
}

.help-tipb p:before {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #ff6550;
    right: 10px;
    top: -12px
}

.help-tipb p:after {
    width: 100%;
    height: 40px;
    content: '';
    position: absolute;
    top: -40px;
    left: 0
}

.quizzs {
    display: inline-block;
    width: 100%
}

.quizzs .content {
    padding: 10px 0 10px 0
}

.quizzs .cb {
    height: 23px
}

.quizzs .l {
    float: left
}

.quizzs .r {
    float: right;
    cursor: pointer
}

.quizzs .icond {
    width: 15px;
    height: 15px
}

.quizzs .choi {
    display: none
}

.quizzs .choi .bt1 {
    background-color: var(--blue1);
    color: #fff;
    padding: 5px;
    font-size: 12px
}

.quizzs .choi .bt2 {
    background-color: #ff6550;
    color: #fff;
    padding: 5px;
    font-size: 12px
}

.quizzs .choi .bt2:hover {
    background-color: #ff6550 !important
}

.mytf {
    overflow: visible !important
}

.alphs {
    list-style: none;
    border: 1px solid var(--blue2)
}

.alphs li {
    margin: 2px 0
}

.alphs span.r {
    color: #ff6550;
    font-size: 26px
}

.alphs span.g {
    color: #ccc
}

.alphs .speak {
    color: #fff;
    padding: 3px 6px
}

.alphs .sound {
    cursor: pointer;
    display: inline-block;
    background-color: var(--blue1)
}

.alphs .soundalphabet {
    cursor: pointer;
    display: inline-block;
    background-color: var(--blue1);
    margin-left: 0;
    border-radius: 2px
}

.alphs .soundalphabet:hover {
    background-color: var(--blue2)
}

.listealphabet table td,
.listealphabet table thead {
    padding: 5px 0 5px 0;
    font-size: 16px;
    border-bottom: 1px solid #ccc
}

.listealphabet table thead tr {
    color: #fff;
    background-color: var(--blue2);
    height: 40px
}

.listealphabet table td:first-child {
    color: var(--blue2);
    width: 40px
}

.listealphabet table td:nth-child(2) {
    color: var(--blue3);
    width: 70px;
    overflow: hidden;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: 700
}

.listealphabet table td:nth-child(3) {
    padding-right: 15px
}

.listealphabet table td:nth-child(5) {
    padding-left: 15px
}

.listealphabet table td:nth-child(6) {
    text-align: left
}

.listealphabet .icon-play3 {
    margin-left: 2px;
    fill: #fff
}

.listealphabet .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-top: 5px;
    padding: 2px 0 0
}

.listealphabet .icon:lang(ar),
.listealphabet .icon:lang(he) {
    transform: rotate(180deg)
}

.listealphabet table tr:nth-child(2n) {
    background: rgba(195, 216, 216, .5)
}

.hero-text-alpha {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.hero-text-alpha a,
.hero-text-alpha a:hover {
    text-decoration: none;
    color: #fff
}

.hero-text-alpha .icon {
    cursor: pointer;
    width: 150px;
    height: 150px;
    margin-top: 5px;
    padding: 2px 0 0;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    fill: #fff;
    stroke: #666;
    stroke-linecap: round;
    stroke-width: .3px
}

.pagealphabet {
    border-radius: 30px;
    border: 3px solid #eb7992;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    margin-top: 20px;
    aspect-ratio: 16 / 9;
}

.listealphabet {
    table-layout: fixed
}

.hero-text-alpha .boutton {
    line-height: 20px;
    padding: 10px
}

.validate_quizz .icon {
    margin: 0;
    width: 35px;
    height: 35px;
    fill: #fff
}

.validate_quizz.notok {
    height: 50px
}

.lpub .lrpub {
    text-align: center;
    margin: 0
}

#btn_addm {
    display: none
}

#btn_speed_m {
    display: none
}

#link_alph a {
    display: block;
    text-align: center
}

@-webkit-keyframes clignote {
    0% {
        box-shadow: 0 0 10px #4183c4
    }

    50% {
        box-shadow: 0 0 0 #4183c4
    }

    100% {
        box-shadow: 0 0 10px #4183c4
    }
}

.tab_exp.cc {
    box-shadow: 0 0 10px #4183c4;
    -webkit-animation-name: clignote;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite
}

@-moz-keyframes anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes anim {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

#section-to-print {
    position: relative
}

.iframe_download {
    display: block;
    margin: 0 auto
}

.liste_langues {
    display: table;
    margin: 0 auto;
    color: var(--blue2);
    font-size: 22px;
    font-weight: 600;
    background-color: #fff;
    line-height: 30px;
    min-width: 230px;
    max-width: 350px;
    text-align: left;
    padding: 10px 12px;
    text-decoration: none;
    border: 1px solid var(--blue1);
    margin: 0 10px 10px 10px;
    border-radius: 5px;
    display: block
}

.liste_langues:hover {
    text-decoration: none;
    box-shadow: 0 0 .05em #fff, 0 0 2.2em #fff, 0 0 .3em #fff
}

.link_flag {
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
    overflow: hidden;
    position: absolute
}

.link_flag:lang(ar),
.link_flag:lang(he) {
    position: relative
}

.liste_langues:lang(ar),
.liste_langues:lang(he) {
    text-align: right
}

.phoca-flagbox:lang(ar),
.phoca-flagbox:lang(he) {
    float: right
}

#nav span:not:first-child {
    display: none;
    z-index: 10;
    font-size: 1em
}

#nav,
#subs {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

#earth .infos {
    padding: 15px
}

#earth .plus {
    display: flex;
    margin: auto;
    height: 20px;
    width: 20px;
    fill: var(--blue2);
    cursor: pointer
}

#earth ul {
    list-style: none outside none
}

#subs.subs {
    box-shadow: rgb(0 0 0 / 20%) 1px 1px 5px;
    color: #999;
    top: 96px;
    padding: 2%;
    background: #fff;
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 1000
}

.navs span:not:first-child {
    display: none;
    z-index: 10;
    font-size: 1em
}

.navs,
.navs ul {
    list-style: none outside none;
    margin: 0;
    padding: 0
}

#change_from {
    display: none
}

#p_subs {
    display: none;
    position: fixed;
    top: 50px
}

.p_subs {
    height: 60vh;
    overflow: scroll;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .2);
    right: 0;
    width: 96%;
    padding: 2%;
    background: #fff;
    padding-top: 5px
}

.p_subs img {
    max-width: 100%
}

.navs>li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

#earth li a,
.navs li a {
    color: #404040;
    display: block;
    text-decoration: none;
    white-space: normal
}

.navs li.active>a {
    color: #fff;
    background: #666
}

.navs>li>a.actif {
    color: var(--blue1);
    height: 41px
}

.navs>li>a:hover .circle_numerotation_menu {
    color: #fff;
    background: var(--blue3)
}

#nav>a:hover,
.navs>li:hover>a {
    color: #fff;
    background: var(--blue1);
    height: 41px;
    cursor: pointer
}

.navs li:hover ul.subs {
    display: block;
    z-index: 10
}

.navs ul.subs>li {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 22%;
    padding: 0;
    color: var(--blue2);
    font-size: 1em;
    text-transform: uppercase;
    line-height: 25px
}

.navs ul.subs>li:lang(ar),
.navs ul.subs>li:lang(he) {
    text-align: right
}

#earth ul a,
.navs ul.subs>li a {
    color: #000;
    line-height: 23px;
    text-align: left;
    text-transform: none
}

.navs ul.subs>li a:hover {
    color: #000;
    text-align: left;
    text-decoration: underline
}

.navs ul li a:hover {
    color: #ce1a00;
    text-align: left
}

.navs ul.subs>li>a {
    font-size: 1.1em;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: underline
}

.navs ul.subs>li li {
    float: none;
    padding: 2px 0 2px 8px;
    -moz-transition: padding 150ms ease-out 0;
    -ms-transition: padding 150ms ease-out 0;
    -o-transition: padding 150ms ease-out 0;
    -webkit-transition: padding 150ms ease-out 0;
    transition: padding 150ms ease-out 0
}

.navs ul.subs>li li:hover {
    padding-left: 8px;
    text-decoration: underline
}

#nav>li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all .3s ease-in-out 0;
    -ms-transition: all .3s ease-in-out 0;
    -o-transition: all .3s ease-in-out 0;
    -webkit-transition: all .3s ease-in-out 0;
    transition: all .3s ease-in-out 0
}

#nav li a {
    color: #404040;
    display: block;
    text-decoration: none;
    white-space: normal;
    text-align: left
}

#nav li a:lang(ar),
#nav li a:lang(he) {
    text-align: right
}

#nav li.active>a {
    color: #fff;
    background: #666
}

#nav>li>a.actif {
    color: var(--blue1);
    height: 41px
}

#nav>li>a:hover .circle_numerotation_menu {
    color: #fff;
    background: var(--blue3)
}

#nav>a:hover,
#nav>li:hover>a {
    color: #fff;
    background: var(--blue1);
    height: 41px;
    cursor: pointer
}

#nav li:hover .subs {
    display: block;
    z-index: 10
}

#subs.subs>li {
    display: inline-block;
    float: none;
    vertical-align: top;
    width: 22%;
    padding: 0;
    color: var(--blue2);
    font-size: 1em;
    text-transform: uppercase;
    line-height: 25px
}

#subs.subs>li a {
    color: #000;
    line-height: 23px;
    text-align: left;
    text-transform: none
}

#subs.subs>li a:hover {
    color: #000;
    text-align: left;
    text-decoration: underline
}

#subs li a:hover {
    color: #ce1a00;
    text-align: left
}

#subs.subs>li>a {
    font-size: 1.1em;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: underline
}

#subs.subs>li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0;
    -ms-transition: padding 150ms ease-out 0;
    -o-transition: padding 150ms ease-out 0;
    -webkit-transition: padding 150ms ease-out 0;
    transition: padding 150ms ease-out 0
}

#subs.subs>li li:hover {
    padding-left: 8px;
    text-decoration: underline
}

#menu_social {
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    text-align: right
}

#menu_social_home {
    width: 100%;
    padding: 0;
    margin-top: 40px;
    margin-bottom: 40px
}

ul#sitemap {
    margin: 0;
    padding: 0;
    list-style: none;
    max-width: 350px;
    margin: 0;
    padding: 0;
    list-style: none
}

ul#sitemap ul {
    padding: 0;
    list-style: none;
    background-color: #fff
}

ul#sitemap li {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    margin-top: 3px;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

ul#sitemap li a:link,
ul#sitemap li a:visited {
    text-decoration: none;
    padding: .4em;
    color: #057fac;
    font-size: 18px;
    display: inline-block;
    width: 100%
}

ul#sitemap li a:link:lang(ar),
ul#sitemap li a:link:lang(he) {
    text-align: right
}

ul#sitemap li a:hover {
    background-color: var(--blue1);
    color: #fff;
    text-align: left
}

.cadre_N1.background-other {
    background-image: url("/images2/fond-home.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 100%
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-left: 17%;
    margin-top: 25px;
    margin-bottom: -8%
}

.video-container embed,
.video-container iframe,
.video-container object {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80%;
    height: 80%;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    border: 2px solid #fff
}

.inf:lang(he),
.video-container:lang(ar) {
    margin-left: 0;
    margin-right: 17%
}

img {
    height: auto;
    outline: 0;
    border: none;
    width: auto;
    vertical-align: middle
}

.alphabet:hover {
    background-color: var(--blue1);
    text-decoration: none;
    opacity: 1
}

.alphabet {
    padding: 5px;
    background-color: red;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    opacity: .95;
    text-decoration: none
}

.print:hover {
    background-color: var(--blue2);
    text-decoration: none
}

.print {
    padding: 12px 10px 2px 10px;
    background-color: #ff6550;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: right;
    margin-top: 20px;
    margin-right: 20px
}

.printto {
    padding: 8px 20px 7px 20px;
    background-color: #ff6550;
    text-align: center;
    color: #fff;
    text-decoration: none;
    float: left;
    margin-top: 10px;
    margin-bottom: 20px
}

.printto:hover {
    background-color: var(--blue2);
    text-decoration: none
}

.print .icon {
    width: 40px;
    height: 23px;
    fill: #fff
}

.margintop-10px {
    margin-top: 10px
}

.yes-v .icon {
    width: 15px;
    height: 15px;
    fill: #fff
}

.no-v .icon {
    width: 15px;
    height: 15px;
    fill: #fff
}

.yes-v-r .icon {
    width: 15px;
    height: 15px
}

.no-v-r .icon {
    width: 15px;
    height: 15px
}

.v-r .icon {
    fill: #fff
}

.youtube {
    padding: 20px;
    background-color: #ffab00;
    border: 1px solid #fff;
    font-size: 40px;
    text-align: center;
    line-height: 37px;
    color: #fff;
    opacity: .75;
    text-decoration: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.youtube:hover {
    background-color: var(--blue1);
    text-decoration: none
}

.youtube .icon {
    width: 70px;
    height: 70px;
    fill: red;
    position: relative;
    top: 20px
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 100%
}

.printDiv {
    background: #fff;
    margin-bottom: 10px;
    clear: both
}

.printDiv .c1 {
    width: 100%;
    display: table
}

.printDiv .r,
.red2 {
    background-color: #ef7d63 !important;
    color: #fff
}

.ora2,
.printDiv .moy {
    background-color: #ffa726 !important;
    color: #fff
}

.gre2,
.printDiv .gre {
    background-color: #92bd45 !important;
    color: #fff
}

.printDiv .c0 {
    background-color: var(--blue3);
    color: #fff
}

.printDiv .c1:nth-child(2n) {
    background: rgba(68, 131, 147, .22)
}

.printDiv .c1>div {
    text-align: left;
    width: 40%;
    float: left;
    padding: 5px 10px
}

.printDiv .c1 div:last-child {
    width: 10px;
    text-align: right
}

.printDiv .no-validate-mem,
.printDiv .yes-validate-mem {
    display: none
}

.printDiv .variation {
    font-style: italic
}

.to-print .wrapper {
    margin-bottom: 10px
}

.phoca-flagbox-list {
    height: 23px !important;
    width: 23px !important
}

.inf {
    display: inline-block;
    white-space: nowrap
}

.phoca-flag-list {
    webkit-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    display: inline-block;
    width: 30px !important;
    height: 20px !important;
    margin-top: 8px
}

.menu {
    position: relative;
    width: 100%;
    left: 0;
    top: 0
}

.cadre_image {
    webkit-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    margin-top: 15px;
    margin-bottom: 15px
}

.cadre_image_liste {
    webkit-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 20px;
    border: 2px solid var(--blue3);
    padding: 10px;
    background-color: #fff
}

.circle_numerotation {
    margin: 10px auto;
    width: 50px;
    background: var(--blue3);
    height: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center;
    color: var(--blue1);
    font-size: 30px;
    line-height: 50px;
    position: relative;
    top: -25px;
    margin-bottom: -25px
}

.marges {
    padding-left: 150px;
    padding-right: 150px;
    text-decoration: none;
    text-align: left;
    line-height: 1.5625;
    padding-bottom: 30px
}

.marges:lang(ar),
.marges:lang(he) {
    text-align: right
}

.marges_t {
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px
}

* .vert {
    color: var(--blue2);
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: none
}

* .turquoise {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    text-transform: none
}

.Footer .Footer-inner {
    position: relative;
    z-index: 0;
    text-align: center
}

.Footer {
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
    background-color: #fff;
    padding-bottom: 8px
}

.Footer .Footer-text p {
    margin: 0
}

.Footer .Footer-text {
    display: inline-block;
    color: #000;
    font-size: 14px;
    line-height: 25px
}

.Footer .Footer-text a:link {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-family: Calibri, Helvetica, Arial, Tahoma, Geneva, sans-serif
}

.Footer .Footer-text a:visited {
    color: #000;
    font-family: Calibri, Helvetica, Arial, Tahoma, Geneva, sans-serif
}

* a {
    text-decoration: underline;
    color: #404040;
    text-align: left
}

* form {
    margin: 0;
    padding: 0
}

* input {
    font-size: 16px
}

* input[type=text] {
    font-size: 16px;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box
}

input[type=text] {
    background-color: #fff;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 40px
}

* textarea {
    font-size: 16px
}

input[type=button],
input[type=reset],
input[type=submit] {
    background-color: #ffab00;
    border: none;
    color: #fff;
    padding: 12px 32px;
    text-decoration: none;
    margin: 10px 2px;
    cursor: pointer;
    text-transform: capitalize;
    border-radius: 2px;
    font-size: 18px;
    margin-top: 5px
}

hr {
    border: 1px solid #a4d6db
}

.titreHeader3 {
    font-size: 40px;
    color: var(--blue2)
}

input#envois {
    visibility: hidden;
    display: none
}

.datePublished {
    font-style: italic;
    color: var(--blue3);
    font-weight: 400
}

.author {
    font-weight: 700;
    color: var(--blue2);
    font-size: 18px
}

.reviewBody {
    font-weight: 400;
    color: #000;
    font-size: 18px
}

.srtgs {
    position: relative;
    padding-bottom: 5px;
    width: 250px;
    margin: 0 auto
}

.srtgs .d_rtg,
.srtgs .stars,
.srtgs .totalrate {
    width: 110px
}

.srtgs .stars {
    position: relative;
    height: 20px;
    background: url(/rate/star0.png) repeat-x top left;
    margin: 0 auto;
    padding: 0;
    top: 5px;
    direction: ltr
}

.srtgs .d_rtg {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    margin: 0
}

.srtgs .totalrate {
    position: relative;
    text-align: center;
    font-weight: 700;
    padding-left: 10px
}

.totalrate i {
    padding-right: 8px;
    color: #010101
}

.totalrate span {
    font-weight: 700
}

.srtgs .d_rtg span {
    display: block;
    width: 11px;
    float: left;
    cursor: pointer
}

.srtgs .star_n {
    position: relative;
    height: 20px;
    background: url(/rate/star1.png) repeat-x top left;
    margin: 0
}

.srtgs em {
    position: absolute;
    bottom: 1px;
    left: 125px;
    font-size: 13px;
    text-align: center
}

.rating {
    padding: 0
}

.commentaires {
    -moz-box-shadow: inset 0 1px 0 0 #67c8d3;
    -webkit-box-shadow: inset 0 1px 0 0 #fce2c1;
    box-shadow: inset 0 1px 0 0 #67c8d3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #489ea8), color-stop(1, #67c8d3));
    background: -moz-linear-gradient(center top, #489ea8 5%, #67c8d3 100%);
    background-color: #489ea8;
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-bottom-left-radius: 20px;
    text-indent: 2px;
    border: 5px solid #489ea8;
    display: inline-block;
    color: #fff;
    width: 200px;
    text-decoration: none;
    text-align: center;
    font: 700 13px/59px Arial
}

#s_player .iframeplayer {
    margin: 180px auto 0 auto;
    text-align: center;
    padding: 0;
    background-clip: padding-box;
    border: 5px solid var(--blue1);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15x;
    min-height: 100px;
    background-color: #fff
}

#btn_refresh {
    display: none
}

#comments {
    border-top: 2px solid var(--blue2);
    padding: 10px 0;
    margin-top: 10px;
    padding: 10px 30px;
    text-align: left
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #f1f1f1
}

::-webkit-scrollbar-thumb {
    background: var(--blue1)
}

.list_themes .container {
    position: relative;
    margin: 20px auto;
    margin-bottom: 60px
}

.list_themes .container img {
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 2px;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

.list_themes .container .content {
    position: relative;
    bottom: 0;
    left: 0;
    background: #ff6550;
    color: #fff;
    width: auto;
    height: 30px;
    padding: 10px;
    text-align: center;
    -webkit-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

.list_themes h3 {
    padding-top: 0;
    padding-bottom: 0
}

.list_themes .fleche {
    width: 0;
    border-top: 50px solid #ff6550;
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    margin-left: auto;
    margin-right: auto
}

.list_themes_a {
    width: 350px;
    margin: 0 auto;
    margin-bottom: 40px
}

.list_themes_a .container img {
    width: 100%;
    max-width: 100%;
    border-radius: 2px;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

.list_themes_a .container .content {
    position: relative;
    bottom: 0;
    left: 0;
    background: #ff6550;
    color: #fff;
    width: auto;
    height: 30px;
    padding: 10px;
    text-align: center;
    -webkit-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    -moz-filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25))
}

.list_themes_a .fleche {
    width: 0;
    border-top: 50px solid #ff6550;
    border-right: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 50px solid transparent;
    margin-left: auto;
    margin-right: auto
}

.list_themes_a a {
    text-decoration: none:font-weight:bold;
    color: #fff
}

.hero-image {
    height: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    text-align: center
}

.hero-image img{
  border-radius: 20px;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 10px;
    max-width: 520px
}

.hero-text .titre {
    border-bottom: 8px solid red;
    font-size: 50px;
    line-height: 50px;
    font-weight: 700
}

.hero-text a,
.hero-text a:hover {
    text-decoration: none;
    color: #fff
}

.hero-text button {

    outline: 0;
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    background-color: #ff6550;
    border-radius: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    border: 1px solid white;
}

.hero-text button:hover {
    background-color: var(--blue2);
    color: #fff
}

.boutton:hover {
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
    transform: scale(1.25)
}

.wrapper {
    width: 100%
}

.infos-bar {
    display: inline-block;
    width: 40px
}

.progress-bar::-moz-progress-bar {
    background: #ff6550
}

.progress-bar::-webkit-progress-value {
    background: #ff6550
}

.progress-bar::-webkit-progress-bar {
    background: rgba(255, 255, 255, .32)
}

.progress-bar::-webkit-progress-bar {
    background: rgba(255, 255, 255, .32)
}

.progress-bar:before {
    content: attr(data-label);
    font-size: .8em;
    vertical-align: 0;
    position: absolute;
    left: 10px;
    top: 4px;
    color: #fff;
    font-size: 18px
}

.progress-bar {
    color: #ff6550
}

.progress-bar {
    position: relative;
    background-color: rgba(255, 255, 255, .32);
    color: #000;
    height: 26px;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    float: left;
    margin-right: 10px;
    margin-top: 5px
}

.width_100pc {
    width: 100%;
    margin: 10px 0
}

.width_90pc {
    width: 90%
}

.width_60pc {
    width: 60%
}

.width_30pc {
    width: 30%
}

.progress-bar-title0 {
    text-align: left;
    color: var(--blue3);
    font-size: 40px;
    text-shadow: 0 2px 3px #fff
}

.progress-bar-title {
    text-align: left;
    color: #3a5f69;
    display: block;
    padding-top: 10px
}

.progress-bar-title .info {
    display: none
}

.progress-bar-fill {
    color: #fff;
    padding-left: 10px;
    text-align: left;
    display: block;
    height: 26px;
    transition: width .5s ease-in-out;
    float: left
}

.progress-bar-button-box {
    display: table;
    padding-top: 50px;
    margin: 0 auto
}

.progress-bar-button-box-voc {
    float: left;
    padding: 20px
}

.progress-bar-button {
    background-color: var(--ora);
    font-size: 22px;
    color: #fff;
    margin: 0 auto;
    border-radius: 5px
}

.progress-bar-button:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer;
    background-color: var(--blue2)
}

.progress-bar-button-cancel {
    background-color: #a5d28c;
    line-height: 42px;
    height: 45px;
    display: inline-table;
    text-align: center;
    width: 40px
}

.progress-bar-button-cancel:hover {
    text-decoration: none;
    opacity: .85;
    cursor: pointer
}

.progress-bar-button-cancel .icon {
    width: 20px;
    height: 20px
}

#prog .icon-bin {
    filter: invert(100%)
}

.progress-bar-button-cancel.voc {
    margin-bottom: 10px
}

.infos-bar .icon-list .icon {
    width: 30px;
    height: 30px;
    fill: var(--blue3);
    position: relative;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    cursor: pointer
}

.infos-bar .icon-list .icon:hover {
    fill: #ff6550
}

.list_themes collapsible {
    counter-reset: themes;
    width: 100%
}

.list_themes a,
.list_themes a:hover {
    font-weight: 700;
    text-decoration: none
}

.list_themes .collapsible {
    list-style-type: none;
    counter-increment: themes;
    padding: 10px 0 10px 0;
    border-bottom: 2px solid var(--blue2);
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    height: 33px
}

.list_themes .collapsible:hover {
    background: var(--blue1);
    color: #fff;
    cursor: pointer;
    text-decoration: none
}

.list_themes .collapsible:before {
    content: counter(themes);
    margin-right: 20px;
    margin-left: 10px;
    vertical-align: top;
    background: var(--blue1);
    -moz-border-radius: 60px;
    border: 2px solid #fff;
    border-radius: 60px;
    font-weight: 700;
    font-size: .8em;
    color: #fff;
    float: left;
    margin-top: -6px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px
}

.list_themes .collapsible:hover::before {
    content: '\25ba';
    margin-right: 20px;
    vertical-align: top;
    background: var(--blue1);
    -moz-border-radius: 60px;
    border: 2px solid #fff;
    border-radius: 60px;
    font-weight: 700;
    font-size: .8em;
    color: #fff
}

.list_themes .collapsible:active {
    color: #fff
}

.collapsible {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    color: #666;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: 0
}

.collapsible:hover {
    background-color: var(--blue2);
    color: #fff
}

.contentlistes {
    max-height: 0;
    overflow: hidden;
    background-color: #f1f1f1;
    width: 100%
}

.contentfiches {
    width: 100%
}

.contentfiches td {
    border-bottom: 1px solid #ccc
}

.contentfiches table thead {
    text-align: left
}

.contentfiches table thead:lang(ar),
.contentfiches table thead:lang(he) {
    text-align: right
}

.contentfiches td:lang(ar),
.contentfiches td:lang(he) {
    padding: 0 3px 10px;
    text-align: right
}

.contentfiches table tr:nth-child(2n) {
    background: var(--blue3)
}

.contentfiches th {
    padding: 5px 10px;
    background-color: var(--blue2);
    font-weight: 700;
    color: #fff
}

.contentfiches td {
    padding: 10px 3px;
    text-align: left
}

.contentfiches td:first-child {
    border-right: 1px solid #ccc;
    text-align: center
}

.contentfiches th:nth-child(4),
.contentfiches th:nth-child(5),
.contentfiches th:nth-child(6) {
    text-align: center;
    width: 60px
}

.contentfiches td:nth-child(4),
.contentfiches td:nth-child(5),
.contentfiches td:nth-child(6) {
    border-left: 1px solid #ccc;
    text-align: center
}

.contentfiches.voc {
    margin-top: 0
}

.contenu_texte {
    word-wrap: break-word;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
    font-size: 20px
}

.contenu_texte:lang(ar),
.contenu_texte:lang(he) {
    text-align: right
}

.margin-top-50 {
    margin-top: 50px
}

.person {
    position: relative;
    left: 150px;
    top: 7px;
    width: 85.7px;
    height: 85.7px;
    background: #008b8b;
    border-radius: 20px;
    box-shadow: 0 1px 41px 12px #fff;
    z-index: 22
}

.eyes {
    position: absolute;
    top: 34.2px;
    left: 34.2px;
    width: 100px
}

.eye {
    position: relative;
    float: left;
    margin: 5px;
    width: 17.14px;
    height: 17.14px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    animation-name: blink;
    animation-duration: 10s;
    animation-delay: 5s;
    animation-iteration-count: 3
}

.pupil {
    content: "";
    position: absolute;
    top: 4.57px;
    left: 9.14px;
    display: block;
    width: 8.57px;
    height: 8.57px;
    background: #000;
    border-radius: 50%;
    animation-name: swivel;
    animation-duration: 12s;
    animation-delay: 8s;
    animation-iteration-count: 3
}

.arm {
    width: 28.57px;
    height: 5.71px;
    border-radius: 10px;
    background: #e0ffff;
    position: absolute;
    top: 51.42px;
    left: 2.85px;
    transform: rotate(130deg);
    animation-name: shrug;
    animation-duration: 12s;
    animation-delay: 8s;
    animation-iteration-count: 3
}

.leg {
    width: 5.71px;
    height: 25.71px;
    border-radius: 10px;
    background: #008b8b;
    position: absolute;
    bottom: -22.85px;
    animation-name: walk;
    animation-duration: 1s;
    animation-delay: 2.5s;
    animation-iteration-count: 3
}

.leg.left {
    left: 31.42px
}

.leg.right {
    left: 48.57px
}

@keyframes blink {
    0% {
        opacity: 1
    }

    9% {
        opacity: 1
    }

    10% {
        opacity: 0
    }

    11% {
        opacity: 1
    }

    44% {
        opacity: 1
    }

    45% {
        opacity: 0
    }

    46% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes swivel {
    0% {
        left: 9.14px
    }

    38% {
        left: 9.14x
    }

    40% {
        left: -.85px
    }

    42% {
        left: 9.14px
    }

    100% {
        left: 9.14px
    }
}

@keyframes shrug {
    0% {
        transform: rotate(130deg)
    }

    38% {
        transform: rotate(130deg)
    }

    40% {
        transform: rotate(110deg)
    }

    42% {
        transform: rotate(130deg)
    }

    100% {
        transform: rotate(130deg)
    }
}

.pages_template a {
    color: var(--blue2)
}

.home ol {
    list-style-type: decimal;
    margin-left: 40px;
    text-align: left
}

.home ol:lang(ar),
.home ol:lang(he) {
    margin-right: 40px;
    text-align: right
}

.bubble {
    border-radius: 167px 148px 174px 0;
    -webkit-border-radius: 167px 148px 174px 0px;
    -moz-border-radius: 167px 148px 174px 0;
    border: 2px solid var(--blue2);
    max-width: 250px;
    text-align: revert;
    margin: 0 auto;
    color: var(--blue2);
    background: #f5ecea;
    padding: 15px;
    display: inline-table;
    margin-left: 250px
}

.testi1 {
    max-width: 80%;
    background-color: #f5ecea;
    padding: 15px;
    margin: 0 auto;
    border-radius: 15px;
    color: #000;
    text-align: left
}

.home .cadre_N1 {
    margin: 0 auto;
    padding-top: 0 !important
}

.textes {
    line-height: 1.5625
}

#P1 {
    height: 20vh;
    background: var(--blue2)
}

#nohomemenu {
    top: 0
}

#pres .t {
    font-size: 50px;
    color: var(--blue2);
    margin: 0
}

#pres .cadre {
    width: 90%;
    margin: 10px auto;
    background-color: #fff;
    padding: 20px 0;
    min-height: 300px;
    border-radius: 5px;
    margin-top: 0
}

#pres .cadre img {
    display: block;
    margin-left: auto;
    margin-right: auto
}

#pres .cadre span {
    display: block;
    width: 90%;
    font-size: .8em;
    margin: 20px auto
}

#pres .prevpres span {
    margin: 0;
    display: inline-flex;
    position: absolute
}

#pres .footer {
    text-align: center;
    margin-top: 30px
}

#pres .footer label {
    font-size: .8em;
    font-weight: 700
}

#pres .footer div {
    cursor: pointer;
    text-decoration: underline
}

#pres .presentation {
    padding-left: 50px;
    padding-right: 50px
}

.ro1 {
    padding-top: 25px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 25px;
    font-weight: 700;
    font-size: 28px;
    color: var(--blue2);
    box-shadow: 0 0 8px #fff, inset 0 0 8px #fff, 0 0 16px #67c8d3, 0 0 0 #67c8d3, 0 0 32px #67c8d3, 0 0 1px #67c8d3 inset;
    margin-bottom: 10px;
    margin-top: 20vh;
    background: var(--blue3)
}

#pres h2 {
    font-weight: 700;
    align-self: center;
    padding: 1rem 1rem;
    margin: 0 1rem;
    transition: all .5s ease;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 1px;
    outline: 0;
    box-shadow: 20px 38px 34px -26px hsl(0deg 0% 0% / 20%);
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px;
    border-color: var(--blue3);
    max-width: 300px;
    margin: 0 auto;
    background-color: #4fbd21
}

#pres {
    padding-top: 20px;
    padding-bottom: 40px;
    text-align: center
}

#pres a {
    text-decoration: none;
    color: #fff
}

#pres p {
    text-align: left;
    display: inherit;
    font-size: 20px
}

#pres p:lang(ar),
#pres p:lang(he) {
    text-align: right
}

#pres .icon3 {
    width: 16px;
    height: 16px;
    fill: var(--blue2)
}

#pres .icon {
    width: 16px;
    height: 16px;
    fill: var(--blue2)
}

#pres .middle {
    font-size: 30px;
    height: 50px
}

#pres .acco21rdion {
    color: #fff;
    cursor: pointer;
    padding: 18px;
    border: none;
    text-align: left;
    outline: 0;
    font-size: 15px;
    transition: .4s;
    font-weight: 700;
    background-color: var(--red);
    margin-bottom: 25px;
    margin-top: 8px
}

#pres .icon {
    fill: var(--blue2)
}

#pres .cadre .textes {
    display: block;
    width: 80%;
    font-size: 20px;
    margin: 0 auto;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px
}

.imagepres {
    width: 350px;
    margin-top: 30px;
    margin-bottom: 30px
}

#pres .imgcadre {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 550px;
    margin-top: 15px;
    margin-bottom: 30px
}

#pres .margin-top {
    margin-top: 160px
}

#pres .part1 {
    padding-top: 20px;
    border-radius: 5px
}

#showpres {
    width: 80%;
    margin: auto
}

.youtube-player {
    position: relative;
    padding-bottom: 56.23%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    width: 80%;
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    border: 2px solid #fff
}

.youtube-player iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: 0 0
}

.youtube-player img {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    border: none;
    height: auto;
    cursor: pointer;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    transition: .4s all
}

.youtube-player img:hover {
    -webkit-filter: brightness(75%)
}

.youtube-player .play {
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 50px);
    width: 100px;
    height: 100px;
    display: block;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0 auto;
    user-select: none;
    background-color: rgba(0, 0, 0, .6);
    transition: background-color .5s ease
}

.youtube-player .play:after {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 14px);
    display: block;
    content: "";
    box-sizing: border-box;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 26px 0 26px 40px
}

.youtube-player .play:hover {
    background-color: var(--red);
    cursor: pointer
}

#info_hov {
    z-index: 2;
    position: absolute;
    display: none;
    color: #fff;
    text-decoration: none
}

#info_hov .link {
    text-decoration: underline;
    color: #000
}

#stt {
    z-index: 1;
    position: fixed;
    bottom: 15px;
    left: 10px;
    cursor: pointer
}

#stt .icon {
    width: 40px;
    height: 40px;
    border: 1px solid #000
}

#canv {
    display: none;
    z-index: 99999;
    top: 0;
    left: 0;
    background-color: var(--blue2);
    overflow: hidden
}

#canv .stars {
    content: " ";
    background: 0 0;
    box-shadow: 1744px 122px #fff, 134px 1321px #fff, 92px 859px #fff, 235px 1045px #fff, 366px 912px #fff, 491px 942px #fff, 14px 1831px #fff, 582px 476px #fff, 588px 1230px #fff, 1520px 1343px #fff, 1671px 203px #fff, 550px 341px #fff, 1491px 549px #fff, 558px 161px #fff, 896px 1823px #fff, 999px 1463px #fff, 1557px 636px #fff, 1754px 1307px #fff, 1682px 1494px #fff, 703px 1707px #fff, 1945px 1847px #fff, 1151px 1320px #fff, 980px 144px #fff, 478px 948px #fff, 109px 1762px #fff, 558px 255px #fff, 719px 1820px #fff, 588px 748px #fff, 1899px 174px #fff, 841px 1771px #fff, 571px 1588px #fff, 1155px 353px #fff, 1879px 1220px #fff, 1782px 870px #fff, 407px 1238px #fff, 1141px 63px #fff, 1147px 1097px #fff, 1406px 159px #fff, 637px 1215px #fff, 694px 1114px #fff, 1536px 727px #fff, 1708px 1512px #fff, 1147px 880px #fff, 684px 988px #fff, 140px 851px #fff, 1565px 1788px #fff, 1573px 889px #fff, 1172px 628px #fff, 1474px 1978px #fff, 435px 447px #fff, 185px 1808px #fff, 620px 1560px #fff, 1387px 1196px #fff, 138px 1854px #fff, 137px 1499px #fff, 1721px 1132px #fff, 10px 32px #fff, 1931px 1990px #fff, 209px 91px #fff, 1876px 1795px #fff, 1130px 1551px #fff, 284px 1848px #fff, 389px 1603px #fff, 612px 1121px #fff, 825px 1926px #fff, 161px 344px #fff, 1729px 333px #fff, 1037px 37px #fff, 844px 1085px #fff, 1179px 554px #fff, 50px 478px #fff, 1864px 704px #fff, 233px 723px #fff, 1202px 445px #fff, 882px 189px #fff, 362px 735px #fff, 924px 411px #fff, 902px 209px #fff, 104px 185px #fff, 1599px 1852px #fff, 1974px 944px #fff, 438px 1164px #fff, 401px 1533px #fff, 191px 1429px #fff, 251px 1034px #fff, 1807px 1412px #fff, 72px 23px #fff, 1752px 1146px #fff, 261px 1481px #fff, 548px 33px #fff, 710px 1204px #fff, 355px 1697px #fff, 581px 100px #fff, 318px 1146px #fff, 929px 79px #fff, 999px 347px #fff, 155px 292px #fff, 271px 677px #fff, 920px 1596px #fff, 1736px 184px #fff, 1022px 1790px #fff, 1465px 1762px #fff, 820px 526px #fff, 175px 37px #fff, 440px 746px #fff, 681px 1879px #fff, 690px 1135px #fff, 1960px 1453px #fff, 422px 856px #fff, 1217px 1232px #fff, 1015px 1695px #fff, 1933px 492px #fff, 272px 448px #fff, 1578px 1487px #fff, 437px 874px #fff, 947px 838px #fff, 1339px 867px #fff, 1484px 773px #fff, 764px 66px #fff, 418px 707px #fff, 192px 1909px #fff, 1629px 215px #fff, 171px 260px #fff, 1180px 220px #fff, 488px 857px #fff, 593px 493px #fff, 1794px 886px #fff, 1673px 1977px #fff, 905px 1193px #fff, 1372px 1843px #fff, 1605px 908px #fff, 659px 181px #fff, 700px 1758px #fff, 812px 1200px #fff, 1800px 1440px #fff, 1858px 212px #fff, 628px 1026px #fff, 1825px 1556px #fff, 1641px 1750px #fff, 1195px 1086px #fff, 1465px 558px #fff, 1634px 436px #fff, 1354px 1831px #fff, 1212px 1485px #fff, 1491px 994px #fff, 604px 1279px #fff, 413px 1131px #fff, 1677px 1086px #fff, 841px 47px #fff, 146px 489px #fff, 117px 1195px #fff, 67px 47px #fff, 883px 258px #fff, 1801px 1294px #fff, 594px 1870px #fff, 649px 531px #fff, 721px 132px #fff, 975px 1616px #fff, 716px 94px #fff, 295px 791px #fff, 174px 1814px #fff, 1130px 298px #fff, 1747px 1835px #fff, 605px 1521px #fff, 78px 743px #fff, 1685px 311px #fff, 804px 341px #fff, 1440px 852px #fff, 1607px 1692px #fff, 698px 1112px #fff, 1153px 1608px #fff, 539px 999px #fff, 262px 353px #fff, 457px 1246px #fff, 1858px 998px #fff, 364px 431px #fff, 1907px 912px #fff, 541px 916px #fff, 168px 1384px #fff, 357px 1321px #fff, 1859px 1866px #fff, 1001px 909px #fff, 842px 1663px #fff, 369px 1176px #fff, 932px 1372px #fff, 1606px 732px #fff, 1844px 857px #fff, 974px 1588px #fff, 804px 1139px #fff, 65px 1213px #fff, 1066px 863px #fff, 1991px 1734px #fff, 300px 738px #fff, 1260px 1141px #fff, 83px 260px #fff, 1219px 167px #fff, 613px 990px #fff, 873px 81px #fff, 362px 235px #fff, 373px 372px #fff, 80px 247px #fff, 902px 1141px #fff, 294px 464px #fff, 766px 1925px #fff, 1151px 1305px #fff, 1250px 1593px #fff, 1289px 119px #fff, 1525px 1505px #fff, 234px 1306px #fff, 571px 858px #fff, 571px 996px #fff, 766px 1342px #fff, 1371px 716px #fff, 711px 1939px #fff, 904px 1797px #fff, 424px 1710px #fff, 762px 1614px #fff, 1389px 1290px #fff, 905px 689px #fff, 352px 38px #fff, 2000px 1317px #fff, 597px 864px #fff, 824px 711px #fff, 966px 1060px #fff, 958px 992px #fff, 1121px 324px #fff, 1624px 688px #fff, 1737px 702px #fff, 1566px 1344px #fff, 697px 368px #fff, 291px 1126px #fff, 1732px 50px #fff, 712px 1941px #fff, 1257px 372px #fff, 317px 1462px #fff, 222px 309px #fff, 1139px 647px #fff, 170px 878px #fff, 1272px 1511px #fff, 1009px 1912px #fff, 1875px 1105px #fff, 1968px 1370px #fff, 1193px 687px #fff, 1498px 611px #fff, 247px 1993px #fff, 1686px 1611px #fff, 937px 340px #fff, 114px 1423px #fff, 496px 1191px #fff, 110px 1284px #fff, 876px 687px #fff, 1173px 214px #fff, 210px 628px #fff, 302px 1173px #fff, 1318px 939px #fff, 1665px 1310px #fff, 66px 338px #fff, 1355px 615px #fff, 1139px 1672px #fff, 91px 1000px #fff, 112px 422px #fff, 89px 503px #fff, 97px 1599px #fff, 1031px 1955px #fff, 1755px 1532px #fff, 1764px 1930px #fff, 1822px 1751px #fff, 133px 401px #fff, 718px 85px #fff, 1797px 78px #fff, 520px 1725px #fff, 226px 406px #fff, 1561px 1574px #fff, 340px 1602px #fff, 718px 976px #fff, 1823px 570px #fff, 1298px 484px #fff, 1023px 1903px #fff, 1266px 1334px #fff, 763px 877px #fff, 223px 631px #fff, 1761px 1293px #fff, 878px 1px #fff, 973px 696px #fff, 975px 1841px #fff, 1276px 302px #fff, 1399px 1324px #fff, 1706px 872px #fff, 341px 1960px #fff, 1384px 1655px #fff, 1897px 767px #fff, 68px 405px #fff, 705px 310px #fff, 194px 103px #fff, 1432px 368px #fff, 1262px 1682px #fff, 1933px 1526px #fff, 263px 655px #fff, 1031px 1031px #fff, 1557px 788px #fff, 1558px 1360px #fff, 812px 421px #fff, 1951px 734px #fff, 1567px 498px #fff, 1832px 1229px #fff, 913px 164px #fff, 1907px 1273px #fff, 533px 749px #fff, 1235px 951px #fff, 645px 1959px #fff, 92px 1570px #fff, 1169px 1434px #fff, 118px 1223px #fff, 583px 957px #fff, 1245px 316px #fff, 527px 863px #fff, 372px 1007px #fff, 244px 1251px #fff, 314px 494px #fff, 1842px 1463px #fff, 1315px 730px #fff, 1655px 1366px #fff, 482px 979px #fff, 340px 1808px #fff, 256px 578px #fff, 858px 1792px #fff, 1965px 403px #fff, 454px 253px #fff, 1664px 698px #fff, 1974px 750px #fff, 262px 1801px #fff, 1652px 1076px #fff, 992px 711px #fff, 1792px 1323px #fff, 700px 1748px #fff, 855px 966px #fff, 1833px 1747px #fff, 402px 1272px #fff, 1391px 1039px #fff, 1395px 1538px #fff, 397px 1972px #fff, 744px 1403px #fff, 1784px 1046px #fff, 111px 198px #fff, 1827px 473px #fff, 1347px 1891px #fff, 1238px 1081px #fff, 189px 908px #fff, 1513px 542px #fff, 673px 981px #fff, 720px 1184px #fff, 373px 792px #fff, 1470px 1631px #fff, 16px 822px #fff, 1935px 829px #fff, 364px 613px #fff, 223px 899px #fff, 1233px 874px #fff, 1441px 1834px #fff, 719px 894px #fff, 76px 1610px #fff, 296px 685px #fff, 572px 1637px #fff, 349px 114px #fff, 1670px 1802px #fff, 979px 928px #fff, 1589px 574px #fff, 756px 194px #fff, 616px 507px #fff, 271px 186px #fff, 198px 360px #fff, 1916px 418px #fff, 721px 667px #fff, 1937px 1908px #fff, 17px 556px #fff, 345px 443px #fff, 718px 760px #fff, 1922px 310px #fff, 1185px 887px #fff, 1745px 1848px #fff, 909px 847px #fff, 1170px 134px #fff, 1773px 1133px #fff, 1099px 233px #fff, 1122px 1524px #fff, 866px 907px #fff, 398px 213px #fff, 1287px 886px #fff, 1194px 149px #fff, 1876px 1667px #fff, 332px 1658px #fff, 146px 1253px #fff, 958px 211px #fff, 643px 47px #fff, 1213px 1339px #fff, 1637px 1939px #fff, 1601px 355px #fff, 256px 1982px #fff, 989px 1609px #fff, 1179px 701px #fff, 685px 1463px #fff, 1910px 465px #fff, 764px 1930px #fff, 1856px 433px #fff, 720px 367px #fff, 1821px 416px #fff, 48px 1114px #fff, 716px 489px #fff, 174px 1972px #fff, 115px 1373px #fff, 1487px 141px #fff, 1919px 1362px #fff, 1662px 859px #fff, 1168px 490px #fff, 706px 1820px #fff, 588px 318px #fff, 107px 778px #fff, 621px 1667px #fff, 1331px 1996px #fff, 1404px 1154px #fff, 860px 1019px #fff, 1385px 1883px #fff, 1066px 1951px #fff, 752px 444px #fff, 955px 1031px #fff, 1256px 1899px #fff, 961px 1455px #fff, 1101px 84px #fff, 890px 335px #fff, 798px 40px #fff, 138px 54px #fff, 1934px 252px #fff, 429px 324px #fff, 1645px 1522px #fff, 218px 737px #fff, 1625px 531px #fff, 605px 1290px #fff, 1867px 648px #fff, 82px 1137px #fff, 231px 1423px #fff, 471px 944px #fff, 1363px 1752px #fff, 482px 1364px #fff, 1305px 627px #fff, 1065px 891px #fff, 217px 1841px #fff, 1843px 1501px #fff, 1681px 734px #fff, 185px 856px #fff, 609px 1094px #fff, 49px 1657px #fff, 783px 594px #fff, 1018px 1123px #fff, 644px 1149px #fff, 739px 1262px #fff, 1439px 1187px #fff, 1789px 1507px #fff, 941px 791px #fff, 1319px 1308px #fff, 498px 626px #fff, 1594px 858px #fff, 783px 71px #fff, 576px 1976px #fff, 1625px 696px #fff, 1821px 352px #fff, 1039px 885px #fff, 208px 430px #fff, 124px 198px #fff, 1964px 686px #fff, 1440px 1952px #fff, 231px 1435px #fff, 1846px 853px #fff, 1174px 536px #fff, 1228px 310px #fff, 1380px 699px #fff, 1116px 169px #fff, 1416px 1007px #fff, 178px 192px #fff, 1302px 1903px #fff, 1892px 154px #fff, 962px 1032px #fff, 1009px 1916px #fff, 1549px 1206px #fff, 899px 968px #fff, 902px 543px #fff, 1516px 542px #fff, 965px 527px #fff, 1594px 696px #fff, 856px 1719px #fff, 1522px 248px #fff, 1795px 283px #fff, 1144px 946px #fff, 1365px 199px #fff, 359px 1347px #fff, 1506px 263px #fff, 433px 1793px #fff, 201px 247px #fff, 942px 838px #fff, 1122px 1065px #fff, 1997px 108px #fff, 306px 989px #fff, 641px 1713px #fff, 1072px 959px #fff, 1874px 1079px #fff, 1938px 269px #fff, 891px 389px #fff, 22px 574px #fff, 727px 474px #fff, 1671px 1649px #fff, 98px 400px #fff, 641px 798px #fff, 1218px 1051px #fff, 907px 1485px #fff, 1002px 1549px #fff, 1932px 1448px #fff, 1132px 573px #fff, 1222px 1147px #fff, 1009px 451px #fff, 698px 1940px #fff, 97px 1123px #fff, 904px 751px #fff, 1904px 593px #fff, 1451px 1658px #fff, 191px 1606px #fff, 1346px 482px #fff, 1935px 1086px #fff, 1052px 224px #fff, 526px 1810px #fff, 1607px 606px #fff, 427px 1830px #fff, 1546px 407px #fff, 1771px 208px #fff, 1714px 181px #fff, 1332px 943px #fff, 1663px 1094px #fff, 1861px 1747px #fff, 1429px 1217px #fff, 1733px 1915px #fff, 925px 1179px #fff, 735px 781px #fff, 1775px 1989px #fff, 1770px 476px #fff, 844px 400px #fff, 1793px 1517px #fff, 544px 281px #fff, 725px 344px #fff, 1274px 764px #fff, 1845px 339px #fff, 582px 1745px #fff, 351px 1287px #fff, 207px 749px #fff, 1063px 1411px #fff, 1246px 342px #fff, 1538px 166px #fff, 770px 602px #fff, 1214px 1971px #fff, 113px 294px #fff, 1157px 101px #fff, 1657px 517px #fff, 637px 1693px #fff, 961px 1649px #fff, 1754px 1572px #fff, 1885px 659px #fff, 238px 34px #fff, 413px 1027px #fff, 1709px 1556px #fff, 460px 878px #fff, 1597px 608px #fff, 544px 434px #fff, 1258px 477px #fff, 565px 1863px #fff, 426px 322px #fff, 1917px 850px #fff, 296px 144px #fff, 643px 1896px #fff, 511px 116px #fff, 359px 847px #fff, 702px 1133px #fff, 857px 1371px #fff, 559px 1758px #fff, 1615px 1223px #fff, 1927px 1736px #fff, 704px 941px #fff, 1932px 942px #fff, 1462px 335px #fff, 154px 1915px #fff, 1387px 918px #fff, 1512px 1041px #fff, 1094px 1334px #fff, 1678px 865px #fff, 1960px 431px #fff, 666px 1258px #fff, 422px 1215px #fff, 345px 802px #fff, 1207px 647px #fff, 1701px 374px #fff, 1440px 1925px #fff, 1536px 1163px #fff, 905px 155px #fff, 843px 1036px #fff, 660px 823px #fff, 1329px 661px #fff, 1867px 899px #fff, 1022px 514px #fff, 1062px 1570px #fff, 888px 1786px #fff, 699px 1738px #fff, 1831px 1712px #fff, 434px 18px #fff, 227px 205px #fff, 520px 1279px #fff, 1329px 764px #fff, 1824px 47px #fff, 112px 266px #fff, 830px 1140px #fff, 478px 637px #fff, 634px 850px #fff, 711px 873px #fff, 987px 249px #fff, 1454px 909px #fff, 699px 922px #fff, 1458px 1142px #fff, 701px 1893px #fff, 134px 384px #fff, 904px 354px #fff, 1913px 1229px #fff, 1606px 1336px #fff, 976px 1776px #fff, 1726px 605px #fff, 1244px 590px #fff, 1351px 526px #fff, 1997px 130px #fff, 1137px 1134px #fff, 1293px 283px #fff, 977px 1608px #fff, 422px 1252px #fff, 236px 1653px #fff, 28px 1722px #fff, 698px 39px #fff, 5px 434px #fff, 1430px 1466px #fff, 1470px 1596px #fff, 487px 81px #fff, 186px 340px #fff, 1941px 1px #fff, 1342px 487px #fff, 813px 1855px #fff, 1445px 148px #fff, 1965px 1428px #fff, 1122px 1277px #fff, 846px 820px #fff, 1804px 228px #fff, 1501px 121px #fff, 215px 1033px #fff, 244px 426px #fff, 976px 453px #fff, 566px 953px #fff, 1772px 213px #fff, 1323px 1778px #fff, 1350px 817px #fff, 803px 913px #fff, 1395px 1359px #fff, 1995px 119px #fff, 579px 1963px #fff, 862px 1621px #fff, 1718px 825px #fff, 823px 27px #fff, 1252px 41px #fff, 1562px 835px #fff, 1730px 633px #fff, 1723px 1939px #fff, 524px 1824px #fff, 1921px 1450px #fff, 1174px 1062px #fff, 1008px 1932px #fff, 467px 334px #fff, 80px 818px #fff, 1266px 1185px #fff, 1589px 807px #fff, 1221px 320px #fff, 1724px 852px #fff, 1194px 286px #fff, 800px 1835px #fff, 1958px 728px #fff, 1271px 376px #fff, 43px 1654px #fff, 77px 803px #fff, 1399px 197px #fff, 591px 1743px #fff, 652px 1925px #fff, 107px 1939px #fff, 1110px 1708px #fff, 797px 1480px #fff, 1516px 684px #fff, 559px 1733px #fff, 1265px 718px #fff, 1263px 54px #fff, 693px 113px #fff, 1456px 1459px #fff, 1527px 1324px #fff;
    animation: animStar 50s linear infinite
}

#canv .stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: 0 0;
    box-shadow: 1744px 122px #fff, 134px 1321px #fff, 92px 859px #fff, 235px 1045px #fff, 366px 912px #fff, 491px 942px #fff, 14px 1831px #fff, 582px 476px #fff, 588px 1230px #fff, 1520px 1343px #fff, 1671px 203px #fff, 550px 341px #fff, 1491px 549px #fff, 558px 161px #fff, 896px 1823px #fff, 999px 1463px #fff, 1557px 636px #fff, 1754px 1307px #fff, 1682px 1494px #fff, 703px 1707px #fff, 1945px 1847px #fff, 1151px 1320px #fff, 980px 144px #fff, 478px 948px #fff, 109px 1762px #fff, 558px 255px #fff, 719px 1820px #fff, 588px 748px #fff, 1899px 174px #fff, 841px 1771px #fff, 571px 1588px #fff, 1155px 353px #fff, 1879px 1220px #fff, 1782px 870px #fff, 407px 1238px #fff, 1141px 63px #fff, 1147px 1097px #fff, 1406px 159px #fff, 637px 1215px #fff, 694px 1114px #fff, 1536px 727px #fff, 1708px 1512px #fff, 1147px 880px #fff, 684px 988px #fff, 140px 851px #fff, 1565px 1788px #fff, 1573px 889px #fff, 1172px 628px #fff, 1474px 1978px #fff, 435px 447px #fff, 185px 1808px #fff, 620px 1560px #fff, 1387px 1196px #fff, 138px 1854px #fff, 137px 1499px #fff, 1721px 1132px #fff, 10px 32px #fff, 1931px 1990px #fff, 209px 91px #fff, 1876px 1795px #fff, 1130px 1551px #fff, 284px 1848px #fff, 389px 1603px #fff, 612px 1121px #fff, 825px 1926px #fff, 161px 344px #fff, 1729px 333px #fff, 1037px 37px #fff, 844px 1085px #fff, 1179px 554px #fff, 50px 478px #fff, 1864px 704px #fff, 233px 723px #fff, 1202px 445px #fff, 882px 189px #fff, 362px 735px #fff, 924px 411px #fff, 902px 209px #fff, 104px 185px #fff, 1599px 1852px #fff, 1974px 944px #fff, 438px 1164px #fff, 401px 1533px #fff, 191px 1429px #fff, 251px 1034px #fff, 1807px 1412px #fff, 72px 23px #fff, 1752px 1146px #fff, 261px 1481px #fff, 548px 33px #fff, 710px 1204px #fff, 355px 1697px #fff, 581px 100px #fff, 318px 1146px #fff, 929px 79px #fff, 999px 347px #fff, 155px 292px #fff, 271px 677px #fff, 920px 1596px #fff, 1736px 184px #fff, 1022px 1790px #fff, 1465px 1762px #fff, 820px 526px #fff, 175px 37px #fff, 440px 746px #fff, 681px 1879px #fff, 690px 1135px #fff, 1960px 1453px #fff, 422px 856px #fff, 1217px 1232px #fff, 1015px 1695px #fff, 1933px 492px #fff, 272px 448px #fff, 1578px 1487px #fff, 437px 874px #fff, 947px 838px #fff, 1339px 867px #fff, 1484px 773px #fff, 764px 66px #fff, 418px 707px #fff, 192px 1909px #fff, 1629px 215px #fff, 171px 260px #fff, 1180px 220px #fff, 488px 857px #fff, 593px 493px #fff, 1794px 886px #fff, 1673px 1977px #fff, 905px 1193px #fff, 1372px 1843px #fff, 1605px 908px #fff, 659px 181px #fff, 700px 1758px #fff, 812px 1200px #fff, 1800px 1440px #fff, 1858px 212px #fff, 628px 1026px #fff, 1825px 1556px #fff, 1641px 1750px #fff, 1195px 1086px #fff, 1465px 558px #fff, 1634px 436px #fff, 1354px 1831px #fff, 1212px 1485px #fff, 1491px 994px #fff, 604px 1279px #fff, 413px 1131px #fff, 1677px 1086px #fff, 841px 47px #fff, 146px 489px #fff, 117px 1195px #fff, 67px 47px #fff, 883px 258px #fff, 1801px 1294px #fff, 594px 1870px #fff, 649px 531px #fff, 721px 132px #fff, 975px 1616px #fff, 716px 94px #fff, 295px 791px #fff, 174px 1814px #fff, 1130px 298px #fff, 1747px 1835px #fff, 605px 1521px #fff, 78px 743px #fff, 1685px 311px #fff, 804px 341px #fff, 1440px 852px #fff, 1607px 1692px #fff, 698px 1112px #fff, 1153px 1608px #fff, 539px 999px #fff, 262px 353px #fff, 457px 1246px #fff, 1858px 998px #fff, 364px 431px #fff, 1907px 912px #fff, 541px 916px #fff, 168px 1384px #fff, 357px 1321px #fff, 1859px 1866px #fff, 1001px 909px #fff, 842px 1663px #fff, 369px 1176px #fff, 932px 1372px #fff, 1606px 732px #fff, 1844px 857px #fff, 974px 1588px #fff, 804px 1139px #fff, 65px 1213px #fff, 1066px 863px #fff, 1991px 1734px #fff, 300px 738px #fff, 1260px 1141px #fff, 83px 260px #fff, 1219px 167px #fff, 613px 990px #fff, 873px 81px #fff, 362px 235px #fff, 373px 372px #fff, 80px 247px #fff, 902px 1141px #fff, 294px 464px #fff, 766px 1925px #fff, 1151px 1305px #fff, 1250px 1593px #fff, 1289px 119px #fff, 1525px 1505px #fff, 234px 1306px #fff, 571px 858px #fff, 571px 996px #fff, 766px 1342px #fff, 1371px 716px #fff, 711px 1939px #fff, 904px 1797px #fff, 424px 1710px #fff, 762px 1614px #fff, 1389px 1290px #fff, 905px 689px #fff, 352px 38px #fff, 2000px 1317px #fff, 597px 864px #fff, 824px 711px #fff, 966px 1060px #fff, 958px 992px #fff, 1121px 324px #fff, 1624px 688px #fff, 1737px 702px #fff, 1566px 1344px #fff, 697px 368px #fff, 291px 1126px #fff, 1732px 50px #fff, 712px 1941px #fff, 1257px 372px #fff, 317px 1462px #fff, 222px 309px #fff, 1139px 647px #fff, 170px 878px #fff, 1272px 1511px #fff, 1009px 1912px #fff, 1875px 1105px #fff, 1968px 1370px #fff, 1193px 687px #fff, 1498px 611px #fff, 247px 1993px #fff, 1686px 1611px #fff, 937px 340px #fff, 114px 1423px #fff, 496px 1191px #fff, 110px 1284px #fff, 876px 687px #fff, 1173px 214px #fff, 210px 628px #fff, 302px 1173px #fff, 1318px 939px #fff, 1665px 1310px #fff, 66px 338px #fff, 1355px 615px #fff, 1139px 1672px #fff, 91px 1000px #fff, 112px 422px #fff, 89px 503px #fff, 97px 1599px #fff, 1031px 1955px #fff, 1755px 1532px #fff, 1764px 1930px #fff, 1822px 1751px #fff, 133px 401px #fff, 718px 85px #fff, 1797px 78px #fff, 520px 1725px #fff, 226px 406px #fff, 1561px 1574px #fff, 340px 1602px #fff, 718px 976px #fff, 1823px 570px #fff, 1298px 484px #fff, 1023px 1903px #fff, 1266px 1334px #fff, 763px 877px #fff, 223px 631px #fff, 1761px 1293px #fff, 878px 1px #fff, 973px 696px #fff, 975px 1841px #fff, 1276px 302px #fff, 1399px 1324px #fff, 1706px 872px #fff, 341px 1960px #fff, 1384px 1655px #fff, 1897px 767px #fff, 68px 405px #fff, 705px 310px #fff, 194px 103px #fff, 1432px 368px #fff, 1262px 1682px #fff, 1933px 1526px #fff, 263px 655px #fff, 1031px 1031px #fff, 1557px 788px #fff, 1558px 1360px #fff, 812px 421px #fff, 1951px 734px #fff, 1567px 498px #fff, 1832px 1229px #fff, 913px 164px #fff, 1907px 1273px #fff, 533px 749px #fff, 1235px 951px #fff, 645px 1959px #fff, 92px 1570px #fff, 1169px 1434px #fff, 118px 1223px #fff, 583px 957px #fff, 1245px 316px #fff, 527px 863px #fff, 372px 1007px #fff, 244px 1251px #fff, 314px 494px #fff, 1842px 1463px #fff, 1315px 730px #fff, 1655px 1366px #fff, 482px 979px #fff, 340px 1808px #fff, 256px 578px #fff, 858px 1792px #fff, 1965px 403px #fff, 454px 253px #fff, 1664px 698px #fff, 1974px 750px #fff, 262px 1801px #fff, 1652px 1076px #fff, 992px 711px #fff, 1792px 1323px #fff, 700px 1748px #fff, 855px 966px #fff, 1833px 1747px #fff, 402px 1272px #fff, 1391px 1039px #fff, 1395px 1538px #fff, 397px 1972px #fff, 744px 1403px #fff, 1784px 1046px #fff, 111px 198px #fff, 1827px 473px #fff, 1347px 1891px #fff, 1238px 1081px #fff, 189px 908px #fff, 1513px 542px #fff, 673px 981px #fff, 720px 1184px #fff, 373px 792px #fff, 1470px 1631px #fff, 16px 822px #fff, 1935px 829px #fff, 364px 613px #fff, 223px 899px #fff, 1233px 874px #fff, 1441px 1834px #fff, 719px 894px #fff, 76px 1610px #fff, 296px 685px #fff, 572px 1637px #fff, 349px 114px #fff, 1670px 1802px #fff, 979px 928px #fff, 1589px 574px #fff, 756px 194px #fff, 616px 507px #fff, 271px 186px #fff, 198px 360px #fff, 1916px 418px #fff, 721px 667px #fff, 1937px 1908px #fff, 17px 556px #fff, 345px 443px #fff, 718px 760px #fff, 1922px 310px #fff, 1185px 887px #fff, 1745px 1848px #fff, 909px 847px #fff, 1170px 134px #fff, 1773px 1133px #fff, 1099px 233px #fff, 1122px 1524px #fff, 866px 907px #fff, 398px 213px #fff, 1287px 886px #fff, 1194px 149px #fff, 1876px 1667px #fff, 332px 1658px #fff, 146px 1253px #fff, 958px 211px #fff, 643px 47px #fff, 1213px 1339px #fff, 1637px 1939px #fff, 1601px 355px #fff, 256px 1982px #fff, 989px 1609px #fff, 1179px 701px #fff, 685px 1463px #fff, 1910px 465px #fff, 764px 1930px #fff, 1856px 433px #fff, 720px 367px #fff, 1821px 416px #fff, 48px 1114px #fff, 716px 489px #fff, 174px 1972px #fff, 115px 1373px #fff, 1487px 141px #fff, 1919px 1362px #fff, 1662px 859px #fff, 1168px 490px #fff, 706px 1820px #fff, 588px 318px #fff, 107px 778px #fff, 621px 1667px #fff, 1331px 1996px #fff, 1404px 1154px #fff, 860px 1019px #fff, 1385px 1883px #fff, 1066px 1951px #fff, 752px 444px #fff, 955px 1031px #fff, 1256px 1899px #fff, 961px 1455px #fff, 1101px 84px #fff, 890px 335px #fff, 798px 40px #fff, 138px 54px #fff, 1934px 252px #fff, 429px 324px #fff, 1645px 1522px #fff, 218px 737px #fff, 1625px 531px #fff, 605px 1290px #fff, 1867px 648px #fff, 82px 1137px #fff, 231px 1423px #fff, 471px 944px #fff, 1363px 1752px #fff, 482px 1364px #fff, 1305px 627px #fff, 1065px 891px #fff, 217px 1841px #fff, 1843px 1501px #fff, 1681px 734px #fff, 185px 856px #fff, 609px 1094px #fff, 49px 1657px #fff, 783px 594px #fff, 1018px 1123px #fff, 644px 1149px #fff, 739px 1262px #fff, 1439px 1187px #fff, 1789px 1507px #fff, 941px 791px #fff, 1319px 1308px #fff, 498px 626px #fff, 1594px 858px #fff, 783px 71px #fff, 576px 1976px #fff, 1625px 696px #fff, 1821px 352px #fff, 1039px 885px #fff, 208px 430px #fff, 124px 198px #fff, 1964px 686px #fff, 1440px 1952px #fff, 231px 1435px #fff, 1846px 853px #fff, 1174px 536px #fff, 1228px 310px #fff, 1380px 699px #fff, 1116px 169px #fff, 1416px 1007px #fff, 178px 192px #fff, 1302px 1903px #fff, 1892px 154px #fff, 962px 1032px #fff, 1009px 1916px #fff, 1549px 1206px #fff, 899px 968px #fff, 902px 543px #fff, 1516px 542px #fff, 965px 527px #fff, 1594px 696px #fff, 856px 1719px #fff, 1522px 248px #fff, 1795px 283px #fff, 1144px 946px #fff, 1365px 199px #fff, 359px 1347px #fff, 1506px 263px #fff, 433px 1793px #fff, 201px 247px #fff, 942px 838px #fff, 1122px 1065px #fff, 1997px 108px #fff, 306px 989px #fff, 641px 1713px #fff, 1072px 959px #fff, 1874px 1079px #fff, 1938px 269px #fff, 891px 389px #fff, 22px 574px #fff, 727px 474px #fff, 1671px 1649px #fff, 98px 400px #fff, 641px 798px #fff, 1218px 1051px #fff, 907px 1485px #fff, 1002px 1549px #fff, 1932px 1448px #fff, 1132px 573px #fff, 1222px 1147px #fff, 1009px 451px #fff, 698px 1940px #fff, 97px 1123px #fff, 904px 751px #fff, 1904px 593px #fff, 1451px 1658px #fff, 191px 1606px #fff, 1346px 482px #fff, 1935px 1086px #fff, 1052px 224px #fff, 526px 1810px #fff, 1607px 606px #fff, 427px 1830px #fff, 1546px 407px #fff, 1771px 208px #fff, 1714px 181px #fff, 1332px 943px #fff, 1663px 1094px #fff, 1861px 1747px #fff, 1429px 1217px #fff, 1733px 1915px #fff, 925px 1179px #fff, 735px 781px #fff, 1775px 1989px #fff, 1770px 476px #fff, 844px 400px #fff, 1793px 1517px #fff, 544px 281px #fff, 725px 344px #fff, 1274px 764px #fff, 1845px 339px #fff, 582px 1745px #fff, 351px 1287px #fff, 207px 749px #fff, 1063px 1411px #fff, 1246px 342px #fff, 1538px 166px #fff, 770px 602px #fff, 1214px 1971px #fff, 113px 294px #fff, 1157px 101px #fff, 1657px 517px #fff, 637px 1693px #fff, 961px 1649px #fff, 1754px 1572px #fff, 1885px 659px #fff, 238px 34px #fff, 413px 1027px #fff, 1709px 1556px #fff, 460px 878px #fff, 1597px 608px #fff, 544px 434px #fff, 1258px 477px #fff, 565px 1863px #fff, 426px 322px #fff, 1917px 850px #fff, 296px 144px #fff, 643px 1896px #fff, 511px 116px #fff, 359px 847px #fff, 702px 1133px #fff, 857px 1371px #fff, 559px 1758px #fff, 1615px 1223px #fff, 1927px 1736px #fff, 704px 941px #fff, 1932px 942px #fff, 1462px 335px #fff, 154px 1915px #fff, 1387px 918px #fff, 1512px 1041px #fff, 1094px 1334px #fff, 1678px 865px #fff, 1960px 431px #fff, 666px 1258px #fff, 422px 1215px #fff, 345px 802px #fff, 1207px 647px #fff, 1701px 374px #fff, 1440px 1925px #fff, 1536px 1163px #fff, 905px 155px #fff, 843px 1036px #fff, 660px 823px #fff, 1329px 661px #fff, 1867px 899px #fff, 1022px 514px #fff, 1062px 1570px #fff, 888px 1786px #fff, 699px 1738px #fff, 1831px 1712px #fff, 434px 18px #fff, 227px 205px #fff, 520px 1279px #fff, 1329px 764px #fff, 1824px 47px #fff, 112px 266px #fff, 830px 1140px #fff, 478px 637px #fff, 634px 850px #fff, 711px 873px #fff, 987px 249px #fff, 1454px 909px #fff, 699px 922px #fff, 1458px 1142px #fff, 701px 1893px #fff, 134px 384px #fff, 904px 354px #fff, 1913px 1229px #fff, 1606px 1336px #fff, 976px 1776px #fff, 1726px 605px #fff, 1244px 590px #fff, 1351px 526px #fff, 1997px 130px #fff, 1137px 1134px #fff, 1293px 283px #fff, 977px 1608px #fff, 422px 1252px #fff, 236px 1653px #fff, 28px 1722px #fff, 698px 39px #fff, 5px 434px #fff, 1430px 1466px #fff, 1470px 1596px #fff, 487px 81px #fff, 186px 340px #fff, 1941px 1px #fff, 1342px 487px #fff, 813px 1855px #fff, 1445px 148px #fff, 1965px 1428px #fff, 1122px 1277px #fff, 846px 820px #fff, 1804px 228px #fff, 1501px 121px #fff, 215px 1033px #fff, 244px 426px #fff, 976px 453px #fff, 566px 953px #fff, 1772px 213px #fff, 1323px 1778px #fff, 1350px 817px #fff, 803px 913px #fff, 1395px 1359px #fff, 1995px 119px #fff, 579px 1963px #fff, 862px 1621px #fff, 1718px 825px #fff, 823px 27px #fff, 1252px 41px #fff, 1562px 835px #fff, 1730px 633px #fff, 1723px 1939px #fff, 524px 1824px #fff, 1921px 1450px #fff, 1174px 1062px #fff, 1008px 1932px #fff, 467px 334px #fff, 80px 818px #fff, 1266px 1185px #fff, 1589px 807px #fff, 1221px 320px #fff, 1724px 852px #fff, 1194px 286px #fff, 800px 1835px #fff, 1958px 728px #fff, 1271px 376px #fff, 43px 1654px #fff, 77px 803px #fff, 1399px 197px #fff, 591px 1743px #fff, 652px 1925px #fff, 107px 1939px #fff, 1110px 1708px #fff, 797px 1480px #fff, 1516px 684px #fff, 559px 1733px #fff, 1265px 718px #fff, 1263px 54px #fff, 693px 113px #fff, 1456px 1459px #fff, 1527px 1324px #fff
}

#canv .stars2 {
    width: 2px;
    height: 2px;
    background: 0 0;
    box-shadow: 1907px 1575px #fff, 893px 268px #fff, 1819px 666px #fff, 366px 1985px #fff, 1736px 1062px #fff, 1124px 45px #fff, 905px 1674px #fff, 1570px 711px #fff, 255px 1747px #fff, 147px 1032px #fff, 865px 1813px #fff, 1721px 1461px #fff, 202px 724px #fff, 1860px 812px #fff, 634px 1410px #fff, 927px 1264px #fff, 1648px 620px #fff, 1915px 1309px #fff, 731px 778px #fff, 91px 1185px #fff, 829px 1003px #fff, 174px 1784px #fff, 1094px 1874px #fff, 1464px 484px #fff, 1639px 1717px #fff, 959px 573px #fff, 1686px 1287px #fff, 906px 356px #fff, 970px 499px #fff, 626px 890px #fff, 1344px 1070px #fff, 1351px 544px #fff, 708px 68px #fff, 1870px 130px #fff, 556px 1270px #fff, 1432px 618px #fff, 769px 673px #fff, 1289px 1410px #fff, 1499px 1969px #fff, 749px 1163px #fff, 1198px 198px #fff, 399px 133px #fff, 1856px 1280px #fff, 904px 194px #fff, 973px 1107px #fff, 1371px 1785px #fff, 989px 1835px #fff, 1043px 1517px #fff, 787px 916px #fff, 1635px 1155px #fff, 752px 524px #fff, 1926px 1279px #fff, 1052px 1163px #fff, 719px 1963px #fff, 786px 519px #fff, 1440px 500px #fff, 156px 1265px #fff, 1691px 429px #fff, 1349px 1474px #fff, 736px 459px #fff, 248px 1678px #fff, 1136px 510px #fff, 1317px 10px #fff, 1209px 1323px #fff, 54px 469px #fff, 730px 1939px #fff, 960px 23px #fff, 112px 941px #fff, 1852px 1522px #fff, 1993px 1972px #fff, 265px 129px #fff, 222px 1897px #fff, 1766px 1804px #fff, 1530px 1786px #fff, 1045px 432px #fff, 1916px 1980px #fff, 309px 1780px #fff, 1420px 559px #fff, 1708px 103px #fff, 324px 1407px #fff, 1175px 943px #fff, 80px 1221px #fff, 1016px 1933px #fff, 318px 560px #fff, 190px 1489px #fff, 1095px 892px #fff, 1975px 1191px #fff, 1197px 955px #fff, 1482px 873px #fff, 1912px 300px #fff, 2000px 1636px #fff, 1473px 1808px #fff, 507px 192px #fff, 924px 1300px #fff, 1485px 1636px #fff, 41px 1822px #fff, 689px 120px #fff, 769px 273px #fff, 1039px 976px #fff, 1057px 1520px #fff, 1417px 1187px #fff, 512px 1507px #fff, 519px 45px #fff, 1207px 1687px #fff, 1824px 1488px #fff, 1694px 31px #fff, 1859px 52px #fff, 1368px 268px #fff, 190px 1404px #fff, 940px 1003px #fff, 167px 942px #fff, 1641px 647px #fff, 1051px 654px #fff, 233px 1640px #fff, 554px 511px #fff, 1705px 1866px #fff, 240px 1430px #fff, 140px 668px #fff, 648px 1617px #fff, 252px 101px #fff, 676px 1774px #fff, 889px 1698px #fff, 595px 853px #fff, 249px 1768px #fff, 1091px 1529px #fff, 223px 839px #fff, 239px 699px #fff, 1547px 356px #fff, 249px 1130px #fff, 1209px 1946px #fff, 1967px 1274px #fff, 430px 298px #fff, 1305px 134px #fff, 156px 91px #fff, 1712px 264px #fff, 1256px 991px #fff, 1887px 1844px #fff, 1957px 1275px #fff, 1718px 666px #fff, 1090px 543px #fff, 933px 1411px #fff, 801px 323px #fff, 202px 1659px #fff, 1117px 549px #fff, 290px 1859px #fff, 1380px 1516px #fff, 557px 1165px #fff, 1953px 1758px #fff, 1901px 1407px #fff, 1144px 347px #fff, 1640px 271px #fff, 1996px 43px #fff, 838px 488px #fff, 1151px 1529px #fff, 306px 460px #fff, 1666px 635px #fff, 1572px 633px #fff, 1797px 1076px #fff, 1727px 1119px #fff, 474px 871px #fff, 1491px 1398px #fff, 1301px 868px #fff, 1632px 454px #fff, 1611px 466px #fff, 498px 1162px #fff, 796px 269px #fff, 1988px 747px #fff, 502px 12px #fff, 276px 1260px #fff, 1536px 974px #fff, 956px 656px #fff, 107px 701px #fff, 965px 491px #fff, 1646px 247px #fff, 1515px 921px #fff, 1813px 519px #fff, 697px 143px #fff, 591px 1452px #fff, 1773px 1411px #fff, 1622px 1401px #fff, 534px 340px #fff, 1590px 284px #fff, 1464px 528px #fff, 734px 1718px #fff, 1929px 1683px #fff, 656px 480px #fff, 833px 705px #fff, 1567px 109px #fff, 1055px 330px #fff, 1943px 1367px #fff, 1935px 1512px #fff, 355px 1024px #fff, 1894px 218px #fff, 1703px 1772px #fff, 781px 1394px #fff, 367px 42px #fff, 100px 690px #fff, 1831px 458px #fff, 1884px 1878px #fff, 814px 1013px #fff;
    animation: animStar 100s linear infinite
}

#canv .stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: 0 0;
    box-shadow: 1907px 1575px #fff, 893px 268px #fff, 1819px 666px #fff, 366px 1985px #fff, 1736px 1062px #fff, 1124px 45px #fff, 905px 1674px #fff, 1570px 711px #fff, 255px 1747px #fff, 147px 1032px #fff, 865px 1813px #fff, 1721px 1461px #fff, 202px 724px #fff, 1860px 812px #fff, 634px 1410px #fff, 927px 1264px #fff, 1648px 620px #fff, 1915px 1309px #fff, 731px 778px #fff, 91px 1185px #fff, 829px 1003px #fff, 174px 1784px #fff, 1094px 1874px #fff, 1464px 484px #fff, 1639px 1717px #fff, 959px 573px #fff, 1686px 1287px #fff, 906px 356px #fff, 970px 499px #fff, 626px 890px #fff, 1344px 1070px #fff, 1351px 544px #fff, 708px 68px #fff, 1870px 130px #fff, 556px 1270px #fff, 1432px 618px #fff, 769px 673px #fff, 1289px 1410px #fff, 1499px 1969px #fff, 749px 1163px #fff, 1198px 198px #fff, 399px 133px #fff, 1856px 1280px #fff, 904px 194px #fff, 973px 1107px #fff, 1371px 1785px #fff, 989px 1835px #fff, 1043px 1517px #fff, 787px 916px #fff, 1635px 1155px #fff, 752px 524px #fff, 1926px 1279px #fff, 1052px 1163px #fff, 719px 1963px #fff, 786px 519px #fff, 1440px 500px #fff, 156px 1265px #fff, 1691px 429px #fff, 1349px 1474px #fff, 736px 459px #fff, 248px 1678px #fff, 1136px 510px #fff, 1317px 10px #fff, 1209px 1323px #fff, 54px 469px #fff, 730px 1939px #fff, 960px 23px #fff, 112px 941px #fff, 1852px 1522px #fff, 1993px 1972px #fff, 265px 129px #fff, 222px 1897px #fff, 1766px 1804px #fff, 1530px 1786px #fff, 1045px 432px #fff, 1916px 1980px #fff, 309px 1780px #fff, 1420px 559px #fff, 1708px 103px #fff, 324px 1407px #fff, 1175px 943px #fff, 80px 1221px #fff, 1016px 1933px #fff, 318px 560px #fff, 190px 1489px #fff, 1095px 892px #fff, 1975px 1191px #fff, 1197px 955px #fff, 1482px 873px #fff, 1912px 300px #fff, 2000px 1636px #fff, 1473px 1808px #fff, 507px 192px #fff, 924px 1300px #fff, 1485px 1636px #fff, 41px 1822px #fff, 689px 120px #fff, 769px 273px #fff, 1039px 976px #fff, 1057px 1520px #fff, 1417px 1187px #fff, 512px 1507px #fff, 519px 45px #fff, 1207px 1687px #fff, 1824px 1488px #fff, 1694px 31px #fff, 1859px 52px #fff, 1368px 268px #fff, 190px 1404px #fff, 940px 1003px #fff, 167px 942px #fff, 1641px 647px #fff, 1051px 654px #fff, 233px 1640px #fff, 554px 511px #fff, 1705px 1866px #fff, 240px 1430px #fff, 140px 668px #fff, 648px 1617px #fff, 252px 101px #fff, 676px 1774px #fff, 889px 1698px #fff, 595px 853px #fff, 249px 1768px #fff, 1091px 1529px #fff, 223px 839px #fff, 239px 699px #fff, 1547px 356px #fff, 249px 1130px #fff, 1209px 1946px #fff, 1967px 1274px #fff, 430px 298px #fff, 1305px 134px #fff, 156px 91px #fff, 1712px 264px #fff, 1256px 991px #fff, 1887px 1844px #fff, 1957px 1275px #fff, 1718px 666px #fff, 1090px 543px #fff, 933px 1411px #fff, 801px 323px #fff, 202px 1659px #fff, 1117px 549px #fff, 290px 1859px #fff, 1380px 1516px #fff, 557px 1165px #fff, 1953px 1758px #fff, 1901px 1407px #fff, 1144px 347px #fff, 1640px 271px #fff, 1996px 43px #fff, 838px 488px #fff, 1151px 1529px #fff, 306px 460px #fff, 1666px 635px #fff, 1572px 633px #fff, 1797px 1076px #fff, 1727px 1119px #fff, 474px 871px #fff, 1491px 1398px #fff, 1301px 868px #fff, 1632px 454px #fff, 1611px 466px #fff, 498px 1162px #fff, 796px 269px #fff, 1988px 747px #fff, 502px 12px #fff, 276px 1260px #fff, 1536px 974px #fff, 956px 656px #fff, 107px 701px #fff, 965px 491px #fff, 1646px 247px #fff, 1515px 921px #fff, 1813px 519px #fff, 697px 143px #fff, 591px 1452px #fff, 1773px 1411px #fff, 1622px 1401px #fff, 534px 340px #fff, 1590px 284px #fff, 1464px 528px #fff, 734px 1718px #fff, 1929px 1683px #fff, 656px 480px #fff, 833px 705px #fff, 1567px 109px #fff, 1055px 330px #fff, 1943px 1367px #fff, 1935px 1512px #fff, 355px 1024px #fff, 1894px 218px #fff, 1703px 1772px #fff, 781px 1394px #fff, 367px 42px #fff, 100px 690px #fff, 1831px 458px #fff, 1884px 1878px #fff, 814px 1013px #fff
}

#canv .stars3 {
    width: 3px;
    height: 3px;
    background: 0 0;
    box-shadow: 1994px 1692px #fff, 961px 1928px #fff, 819px 1320px #fff, 1899px 52px #fff, 28px 1937px #fff, 157px 88px #fff, 860px 1909px #fff, 720px 427px #fff, 1319px 1469px #fff, 677px 960px #fff, 1265px 1181px #fff, 1176px 1361px #fff, 1957px 753px #fff, 1674px 1355px #fff, 929px 1206px #fff, 1038px 898px #fff, 1229px 365px #fff, 1085px 51px #fff, 851px 650px #fff, 385px 21px #fff, 41px 1153px #fff, 718px 70px #fff, 1321px 579px #fff, 497px 1458px #fff, 1981px 813px #fff, 776px 1187px #fff, 1345px 31px #fff, 1571px 400px #fff, 339px 587px #fff, 146px 750px #fff, 64px 61px #fff, 307px 981px #fff, 388px 849px #fff, 1398px 936px #fff, 522px 765px #fff, 1146px 350px #fff, 19px 206px #fff, 1767px 319px #fff, 1203px 425px #fff, 1917px 1018px #fff, 91px 1401px #fff, 898px 697px #fff, 1712px 1121px #fff, 633px 1119px #fff, 137px 1266px #fff, 1006px 931px #fff, 1644px 1804px #fff, 1596px 1057px #fff, 1298px 543px #fff, 1505px 996px #fff, 1972px 1383px #fff, 1210px 1497px #fff, 804px 1840px #fff, 913px 1047px #fff, 187px 1824px #fff, 1564px 1994px #fff, 557px 1737px #fff, 508px 1609px #fff, 1259px 1911px #fff, 1294px 1381px #fff, 1845px 1843px #fff, 667px 1497px #fff, 1046px 945px #fff, 937px 1889px #fff, 982px 1806px #fff, 1293px 671px #fff, 668px 904px #fff, 358px 1971px #fff, 133px 766px #fff, 1152px 1573px #fff, 318px 694px #fff, 578px 1184px #fff, 1620px 1701px #fff, 1359px 354px #fff, 1807px 1367px #fff, 458px 911px #fff, 1387px 806px #fff, 523px 81px #fff, 1243px 341px #fff, 906px 1730px #fff, 1629px 474px #fff, 1690px 419px #fff, 847px 808px #fff, 528px 1627px #fff, 480px 718px #fff, 537px 593px #fff, 1432px 1333px #fff, 200px 1228px #fff, 1800px 1375px #fff, 725px 1231px #fff, 1749px 1432px #fff, 1948px 303px #fff, 1889px 252px #fff, 1114px 1400px #fff, 759px 646px #fff, 222px 571px #fff, 1908px 1401px #fff, 1856px 1204px #fff, 338px 1645px #fff, 1528px 1050px #fff;
    animation: animStar 150s linear infinite
}

#canv .stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    background: 0 0;
    box-shadow: 1994px 1692px #fff, 961px 1928px #fff, 819px 1320px #fff, 1899px 52px #fff, 28px 1937px #fff, 157px 88px #fff, 860px 1909px #fff, 720px 427px #fff, 1319px 1469px #fff, 677px 960px #fff, 1265px 1181px #fff, 1176px 1361px #fff, 1957px 753px #fff, 1674px 1355px #fff, 929px 1206px #fff, 1038px 898px #fff, 1229px 365px #fff, 1085px 51px #fff, 851px 650px #fff, 385px 21px #fff, 41px 1153px #fff, 718px 70px #fff, 1321px 579px #fff, 497px 1458px #fff, 1981px 813px #fff, 776px 1187px #fff, 1345px 31px #fff, 1571px 400px #fff, 339px 587px #fff, 146px 750px #fff, 64px 61px #fff, 307px 981px #fff, 388px 849px #fff, 1398px 936px #fff, 522px 765px #fff, 1146px 350px #fff, 19px 206px #fff, 1767px 319px #fff, 1203px 425px #fff, 1917px 1018px #fff, 91px 1401px #fff, 898px 697px #fff, 1712px 1121px #fff, 633px 1119px #fff, 137px 1266px #fff, 1006px 931px #fff, 1644px 1804px #fff, 1596px 1057px #fff, 1298px 543px #fff, 1505px 996px #fff, 1972px 1383px #fff, 1210px 1497px #fff, 804px 1840px #fff, 913px 1047px #fff, 187px 1824px #fff, 1564px 1994px #fff, 557px 1737px #fff, 508px 1609px #fff, 1259px 1911px #fff, 1294px 1381px #fff, 1845px 1843px #fff, 667px 1497px #fff, 1046px 945px #fff, 937px 1889px #fff, 982px 1806px #fff, 1293px 671px #fff, 668px 904px #fff, 358px 1971px #fff, 133px 766px #fff, 1152px 1573px #fff, 318px 694px #fff, 578px 1184px #fff, 1620px 1701px #fff, 1359px 354px #fff, 1807px 1367px #fff, 458px 911px #fff, 1387px 806px #fff, 523px 81px #fff, 1243px 341px #fff, 906px 1730px #fff, 1629px 474px #fff, 1690px 419px #fff, 847px 808px #fff, 528px 1627px #fff, 480px 718px #fff, 537px 593px #fff, 1432px 1333px #fff, 200px 1228px #fff, 1800px 1375px #fff, 725px 1231px #fff, 1749px 1432px #fff, 1948px 303px #fff, 1889px 252px #fff, 1114px 1400px #fff, 759px 646px #fff, 222px 571px #fff, 1908px 1401px #fff, 1856px 1204px #fff, 338px 1645px #fff, 1528px 1050px #fff
}

div .fondhome p.home_link {
    margin: 0;
    display: inline-block
}

#f_player.p_player {
    display: block
}

#home_elems .P1 {
    color: #fff;
    background: #4c90b347;
    margin: 50px;
    box-shadow: #f2f2f24d 0 5px 15px;
    max-width: 500px;
    font-weight: 600;
    height: 80px;
    font-size: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

.P2 {
    background: var(--blue2);
    width: 100%;
    height: 150px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 40px;
    margin-bottom: 30px
}

.person-home {
    margin: 0 auto;
    left: auto;
    top: auto;
    background: var(--blue2);
    background: linear-gradient(0deg, rgb(194 119 210) 0, rgb(130 119 202) 50%, rgb(22 131 184) 100%);
    position: relative;
    left: 10px;
    top: 7px;
    width: 85.7px;
    height: 85.7px;
    border-radius: 20px;
    animation-name: move;
    animation-duration: 10s;
    animation-delay: 2s;
    animation-iteration-count: 2;
    z-index: 22
}

.person-home .smile {
    width: 20px;
    border: 2px solid #222;
    border-top: 0;
    background: rgba(0, 0, 0, 0);
    -moz-border-radius: 0 0 120px 120px/0 0 90px 90px;
    -webkit-border-radius: 0 0 120px 120px 0 0 90px 90px;
    border-radius: 0 0 120px 120px/0 0 90px 90px;
    position: absolute;
    bottom: 10px;
    left: 45px
}

.person-home .yes-smile {
    height: 4px
}

.icon-morecourses .icon {
    width: 100px;
    height: 50px;
    fill: var(--blue3);
    position: relative;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    filter: drop-shadow(11px 10px 14px rgba(0, 0, 0, .25));
    display: block;
    margin: 0 auto
}

@keyframes animStar {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-2000px)
    }
}

@media screen and (max-width:320px) {
    .liste_langues {
        font-size: 18px;
        padding: 4px
    }

    #comments {
        max-width: 300px
    }

    #bar_right {
        position: absolute;
        left: 180px;
        right: 0 !important
    }

    #grd_block4 .width_276 {
        pargin-right: 0px
    }

    #page_bar {
        overflow: auto
    }

    .my-header-grid {
        height: 60px !important
    }
}

@media screen and (min-width:320px) and (max-width:420px) {
    #comments {
        max-width: 320px
    }
}

@media screen and (min-width:420px) and (max-width:500px) {
    #comments {
        max-width: 420px
    }
}

@media screen and (max-width:500px) {
    table {
        font-size: 13px;
        word-wrap: break-word
    }

    .vietnamien table {
        font-size: 13px
    }

    .marges {
        padding-left: 0;
        padding-right: 0;
        text-decoration: none;
        line-height: 25px
    }

    .cadre_player {
        border: 0 solid var(--blue1);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0;
        border-radius: 0
    }

    h2 {
        font-size: 18px;
        font-weight: 700
    }

    .ro2 {
        font-size: 30px
    }

    h3 {
        font-size: 17px
    }

    .list_themes .container img {
        max-width: 100%;
        filter: none
    }

    .menu_inside {
        display: none
    }

    .iframeplayer {
        width: 100%;
        height: 430px;
        background: #fff;
        margin: 0 auto
    }

    .iframeplayer_lab {
        width: 100%;
        height: 200px;
        border: #fff solid 10px;
        background: #fff
    }

    .fondtransparent {
        margin: 0 auto;
        padding: 5px 0 20px
    }

    p {
        width: 100%
    }

    .iframe_download {
        display: none
    }

    .p_player {
        display: none
    }

    #menu_social {
        width: 100%;
        margin: 0;
        text-align: center
    }

    .home_link br {
        content: "";
        margin: 1em;
        display: block;
        font-size: 24%
    }

    .hero-text .titre {
        font-size: 20px;
        line-height: 0
    }

    .circle_numerotation {
        display: none
    }

    .collapsible {
        font-size: 14px
    }

    .width_30pc {
        width: 100%;
        margin-bottom: 5px
    }

    .width_90pc {
        width: 100%
    }

    .contentfiches th {
        padding: 0 5px
    }

    .hero-text {
        width: 70%
    }

    .boutton {
        padding: 12px
    }

    .fondhome {
        border-radius: 5px;
        margin-top: 20px;
        margin: 0 auto
    }

    .titreHeader3 {
        font-size: 30px;
        padding-left: 10px;
        padding-right: 10px
    }

    .inf {
        margin-left: 0;
        width: 85px;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 400
    }

    .yes-v .icon {
        width: 10px;
        height: 10px
    }

    .no-v .icon {
        width: 10px;
        height: 10px
    }

    .yes-v-r .icon {
        width: 10px;
        height: 10px
    }

    .no-v-r .icon {
        width: 10px;
        height: 10px
    }

    .contentfiches td {
        width: 50px;
        padding: 5px 1px 5px 2px
    }

    .contentfiches td:nth-child(4),
    .contentfiches td:nth-child(5),
    .contentfiches td:nth-child(6) {
        width: 10px;
        font-size: 9px;
        padding: 0
    }

    .contentfiches th:nth-child(4),
    .contentfiches th:nth-child(5),
    .contentfiches th:nth-child(6) {
        font-size: 10px;
        width: 23px
    }

    .contentfiches th:first-child {
        display: none
    }

    .contentfiches td:first-child {
        display: none
    }

    .contentfiches.voc td:first-child {
        display: revert
    }

    #comments {
        overflow: hidden;
        word-wrap: break-word;
        padding: 0;
    }

    .icon-reco {
        width: 20px !important;
        height: 20px !important
    }

    .dropdown #content {
        right: 10px;
        position: fixed
    }

    .listealphabet table td:nth-child(2) {
        font-size: 17px;
        padding-left: 2px;
        padding-right: 2px
    }

    .hero-text-alpha .icon {
        width: 60px;
        height: 60px
    }

    .hero-text-alpha a {
        font-size: 14px
    }

    #alphabet {
       margin-top:20px;
    }

    .printDiv .icon-graduation-cap {
        width: 0 !important;
        height: 0 !important
    }

    audio {
        width: 130px
    }
}

@media screen and (min-width:500px) and (max-width:740px) {
    .circle_numerotation {
        display: none
    }

    .logo {
        left: 5px;
        top: 5px
    }

    .marges {
        padding-left: inherit;
        padding-right: inherit;
        text-decoration: none;
        text-align: left;
        line-height: 25px
    }

    h2 {
        font-size: 20px
    }

    .ro2 {
        font-size: 30px
    }

    .iframeplayer {
        width: 100%;
        height: 720px;
        background: #fff;
        margin: 0 auto
    }

    .fondtransparent {
        width: 100%;
        margin: 0;
        font-size: 18px;
        line-height: 20px;
        padding: 5px 0 20px
    }

    .iframeplayer_lab {
        width: 100%;
        height: 400px;
        background-color: #fff;
        margin: 0 auto
    }

    .iframe_download {
        display: none
    }

    .liste_langues {
        font-size: 20px;
        width: 250px
    }

    .liste_langues.langdusite {
        margin-right: 30px;
        margin-left: 10px
    }

    .center {
        width: 450px;
        margin-left: auto;
        margin-right: auto
    }

    .fondhome p {
        display: table
    }

    .hero-text .titre {
        font-size: 30px
    }

    .collapsible {
        font-size: 14px
    }

    .width_90pc {
        width: 100%
    }
}

@media screen and (min-width:740px) and (max-width:980px) {
    .marges {
        padding-left: 80px;
        padding-right: 80px;
        text-decoration: none;
        text-align: left;
        line-height: 25px
    }

    .visible_or_not {
        display: inline
    }

    #formulaire_index {
        display: none
    }

    .iframeplayer {
        width: 100%;
        height: 450px;
        background: #fff;
        margin: 0 auto
    }

    .iframeplayer_lab {
        width: 100%;
        height: 430px;
        background: #fff;
        margin: 0 auto
    }

    .iframe_download {
        display: none
    }

    .fondtransparent {
        margin: 0 auto;
        padding: 5px 10px 20px
    }

    a.home_link:link {
        font-size: 14px
    }

    .liste_langues {
        font-size: 15px;
        line-height: 30px;
        width: 210px;
        padding: 10px 5px;
        text-decoration: none;
        margin-right: 15px;
        margin-left: 10px
    }

    .liste_langues.langdusite {
        margin-left: 10px
    }

    .fondhome {
        min-width: 550px
    }

    .center {
        width: 97%;
        margin-left: auto;
        margin-right: auto
    }

    .fondhome p {
        display: table-cell
    }

    div .fondhome p+p {
        min-width: 210px
    }

    .hero-text .titre {
        font-size: 35px
    }

    #subs.subs>li {
        font-size: 11px
    }
}

@media screen and (min-width:980px) and (max-width:1220px) {
    .visible_or_not {
        display: inline
    }

    #formulaire_index {
        display: none
    }

    .fondhome {
        min-width: 800px;
        max-width: 1140px;
        width: 90%
    }

    .iframeplayer_alternate_download {
        display: none
    }

    .iframeplayer_lab {
        width: 100%;
        height: 505px;
        background: #fff;
        margin: 0 auto
    }

    .iframeplayer {
        width: 100%;
        height: 480px;
        background: #fff;
        margin: 0 auto;
        min-height: 480px
    }

    .menu_inside {
        display: inline
    }

    .fondtransparent {
        width: 98%;
        margin: 0 auto;
        font-size: 18px;
        line-height: 20px;
        padding-bottom: 20px
    }

    .liste_langues {
        font-size: 18px;
        line-height: 30px;
        width: 250px;
        padding: 10px 5px;
        text-decoration: none
    }

    .liste_langues.langdusite {
        margin-right: 20px;
        margin-left: 10px
    }

    .center {
        width: 840px;
        margin-left: auto;
        margin-right: auto
    }

    .fondhome p {
        display: table-cell
    }

    div .fondhome p {
        min-width: 280px
    }

    div .fondhome p+p {
        min-width: 280px
    }
}

@media screen and (min-width:1220px) {
    .iframeplayer_alternate_download {
        display: none
    }

    .menu_inside {
        display: inline
    }

    .iframeplayer {
        width: 100%;
        height: 545px;
        background: #fff
    }

    .iframeplayeryoutube {
        width: 100%;
        height: 686px
    }

    .iframeplayer_lab {
        width: 100%;
        height: 540px;
        background: #fff
    }

    .fondtransparent {
        width: 1140px;
        margin: 0 auto;
        padding-bottom: 20px
    }

    .visible_or_not {
        display: inline
    }

    #formulaire_index {
        display: none
    }

    .fondhome {
        min-width: 800px;
        max-width: 1140px;
        width: 90%
    }

    .liste_langues {
        font-size: 18px;
        line-height: 30px;
        width: 250px;
        padding: 10px 5px;
        text-decoration: none;
        margin: 0 15px 15px 0
    }

    .liste_langues.langdusite {
        margin-right: 20px;
        margin-left: 20px
    }

    .center {
        width: 840px;
        margin-left: auto;
        margin-right: auto
    }

    .fondhome p {
        display: table-cell
    }

    div .fondhome p {
        min-width: 280px
    }

    div .fondhome p+p {
        min-width: 280px
    }
}

.fondblanc {
    width: 100%;
    padding-top: 5px;
    padding-left: 10px;
    background-color: #fff;
    margin: 0 auto
}

.fondbase2 {
    width: 100%;
    background-color: #f5f4f0;
    margin-top: 5px
}

.fondbase3 {
    width: 100%;
    background-color: var(--blue1)
}

.fondbase4 {
    width: 100%;
    background-color: #f5f5f5
}

.fondbase5 {
    width: 100%;
    background-color: #00acc1;
    padding-top: 5px
}

.fondbase6 {
    width: 100%;
    background-color: #f5f4f0;
    padding-right: 10px;
    padding-left: 10px;
    border: solid 3px #fff;
    box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135)
}

.fondbase6-0 {
    width: 100%;
    background-color: #f5f4f0;
    border-top: solid 3px #fff;
    border-left: solid 3px #fff;
    border-right: solid 3px #fff;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135);
    box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135)
}

.fondbase6-1 {
    width: 100%;
    background-color: #dfdedb;
    padding-right: 10px;
    padding-left: 10px;
    border: solid 3px #fff;
    -webkit-box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135);
    box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135)
}

.fondbase6-2 {
    width: 100%;
    background-color: #fff;
    padding-right: 0;
    padding-left: 0;
    border-bottom: solid 3px #fff;
    border-left: solid 3px #fff;
    border-right: solid 3px #fff;
    box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135)
}

.fondbase7 {
    width: 100%;
    background-color: #fff;
    border: solid 3px #fff;
    -webkit-box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135);
    box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135);
    box-shadow: 0 .15em .35em 0 rgba(0, 0, 0, .135)
}

.fond_image {
    background: #fff;
    display: inline-block
}

.fond_image img {
    -moz-transition: opacity .9s;
    -webkit-transition: opacity .9s;
    -o-transition: opacity .9s
}

.fond_image img:hover {
    opacity: .7;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .7s;
    -o-transition: opacity .7s
}

#least .least-gallery li a {
    font-size: 13px;
    font-weight: 700;
    color: #ff502e;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 8px;
    margin-bottom: 5px;
    text-align: left;
    display: block
}

#least .least-gallery li a:hover {
    font-size: 13px;
    font-weight: 700;
    color: #ff502e
}

#least .least-gallery-first li a {
    position: relative;
    display: block;
    text-decoration: none;
    width: 300px;
    height: 300px;
    -webkit-transition-property: outline-color;
    -webkit-transition-duration: .3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-property: outline-color;
    -moz-transition-duration: .3s;
    -moz-transition-timing-function: ease-in-out;
    -ms-transition-property: outline-color;
    -ms-transition-duration: .3s;
    -ms-transition-timing-function: ease-in-out;
    -o-transition-property: outline-color;
    -o-transition-duration: .3s;
    -o-transition-timing-function: ease-in-out;
    transition-property: outline-color;
    transition-duration: .3s;
    transition-timing-function: ease-in-out;
    -webkit-backface-visibility: hidden;
    outline-color: #fff
}

#least .least-gallery-first li a img {
    width: 200px;
    height: auto
}

#least .least-gallery-first li a.active {
    outline: 2px solid;
    outline-color: #666
}

#least .least-gallery-first li a {
    outline: 0 solid;
    outline-color: #ccc
}

#least .least-gallery-first li a.load:after {
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    z-index: 2;
    overflow: hidden;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    font-family: Calibri, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 30px;
    font-weight: 800
}

#least .least-gallery-first li a:hover:before {
    content: attr(data-subtitle);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    overflow: hidden;
    letter-spacing: 1px;
    color: #fff;
    font-size: 15px;
    line-height: 145px;
    font-weight: 200;
    width: 300px;
    height: 300px;
    background: #fff;
    background: rgba(205, 205, 205, .2)
}

#least {
    overflow: hidden
}

#least .item_meta {
    font-size: 13px;
    color: #aaa
}

#least .item_meta .line {
    margin: 0 5px;
    color: #ddd
}

#least .least-gallery li a.category-author {
    font-size: 13px;
    color: #aaa;
    text-transform: none;
    display: inline
}

#least .least-gallery li a.category-author:hover {
    color: #333
}

.feature_big {
    margin-left: 68px;
    float: left;
    width: 648px;
    height: 355px;
    position: relative
}

.feature_big a {
    -moz-transition: opacity .9s;
    -webkit-transition: opacity .9s;
    -o-transition: opacity .9s;
    margin: 0
}

.feature_big img:hover {
    opacity: .7;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .7s;
    -o-transition: opacity .7s;
    margin: 0
}

.feature_small.first {
    margin-bottom: 13px;
    margin-right: 68px
}

.feature_small {
    width: 295px;
    height: 175px;
    position: relative;
    float: right;
    margin-right: 68px
}

.feature_small img {
    max-width: 295px;
    max-height: 175px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    margin: 0
}

.feature_small a {
    -moz-transition: opacity .9s;
    -webkit-transition: opacity .9s;
    -o-transition: opacity .9s;
    margin: 0
}

.feature_small img:hover {
    opacity: .7;
    -moz-transition: opacity .6s;
    -webkit-transition: opacity .7s;
    -o-transition: opacity .7s;
    margin: 0
}

.feature_text {
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 580px;
    margin-left: 20px;
    z-index: 0
}

.feature_text a,
a:hover {
    text-transform: none;
    text-decoration: underline;
    letter-spacing: 0
}

.feature_small .feature_text {
    width: 270px;
    margin-left: 15px
}

.category {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-bottom: 3px solid #fff;
    padding-bottom: 2px;
    margin-bottom: 9px;
    display: inline-block
}

.category a {
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: center
}

.image_polaroid {
    padding-top: 10px;
    padding-left: 10px;
    float: left;
    margin-right: 30px;
    background-color: #fff;
    border: 10px solid #fff;
    border-bottom: 25px solid #fff;
    -webkit-box-shadow: 3px 3px 3px #000;
    -moz-box-shadow: 3px 3px 3px #000;
    box-shadow: 3px 3px 3px #000
}

.titre_polaroid {
    color: #fe7800;
    font-size: 23px;
    font-weight: 500
}

.quizz_result {
    display: none
}

#cnt_exp #lbl_exp span .quizz_result {
    margin: 0;
    padding: 0
}

#cnt_exp #lbl_exp span .quizz_result span {
    margin: 0 3px 0 0;
    padding: 0;
    opacity: 1
}

.quizz_result .icon {
    width: 1.3em;
    height: .8em;
    padding: 5px;
    background: #c5c5c5
}

.quizz_result .icon.quizz_yes {
    fill: white;
    background: var(--blue1);
    display: none
}

.quizz_result .icon.quizz_no {
    fill: white;
    background: #f08c7c;
    display: none
}

.quizz_result.onlyone span:last-child .icon{
    border-radius: 20px;
}

.quizz_result span:first-child .icon {
    border-radius: 20px 0 0 20px;
    width: 25px
}

.quizz_result span:last-child .icon {
    border-radius: 0 20px 20px 0;
    width: 25px
}

.tab_exp.quizz_select {
    display: block
}

#bar_tools #btn_pause {
    display: none
}

#btn_g_s {
    margin: 5px 0 0 9px
}

#btn_screen_shrink {
    display: none
}

#btn_screen_enlarge {
    display: none
}

#pup_result .icon {
    margin: 0;
    width: 35px;
    height: 35px;
    fill: #fff
}

#pup_result {
    display: none;
    color: #fff;
    background-color: #a0d63e;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    text-align: center;
    width: 150px;
    height: 60px;
    padding: 30px 20px 0;
    border: 5px solid var(--blue3);
    float: left;
    position: absolute !important;
    top: 28%;
    left: 44%;
    z-index: 1
}

#pup_result.ok {
    background-color: #a0d63e
}

#pup_result.notok {
    background-color: #ff6550
}

#pup_result.notokp {
    background-color: #ff6550;
    height: 50px
}

#pup_result2 {
    z-index: 1000 !important;
    position: absolute;
    left: 10%;
    bottom: 19%;
    height: 55%;
    width: 75%;
    display: none;
    padding: 20px;
    background-color: #448393;
    min-width: 100px;
    min-height: 20px;
    color: #fff;
    font-size: 25px;
    font-weight: 700
}

#pup_result2 #forcec {
    right: 20px;
    position: absolute;
    bottom: 10px;
    border: none;
    background-color: #92bd45;
    padding: 10px;
    font-weight: 700;
    cursor: pointer;
    font-size: 14px;
    color: #fff
}

#pup_result2 #forcec:hover {
    -moz-box-shadow: inset 0 0 3px #fff, 0 0 9px #fff;
    -webkit-box-shadow: inset 0 0 3px #fff, 0 0 9px #fff;
    box-shadow: inset 0 0 3px #fff, 0 0 9px #fff
}

#pup_result2.red {
    border: 0 solid var(--blue3)
}

.cp3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .48);
    z-index: 9999999;
    display: none
}

.pops {
    display: none;
    right: 20px;
    left: 0;
    position: absolute;
    margin: 0 auto;
    width: 360px;
    top: 5%;
    border-radius: 0 !important;
    border: none !important;
    background-color: #fff;
    padding: 0;
    overflow-y: auto
}

#pup_finish {
    width: 100%;
    position: absolute;
    top: 25%;
    display: none
}

#pup_finish h1 {
    font-size: 48px;
    margin: 10px 0;
    text-transform: uppercase;
    background-image: url(https://media.giphy.com/media/26BROrSHlmyzzHf3i/giphy.gif);
    background-size: cover;
    color: transparent;
    -moz-background-clip: text;
    -webkit-background-clip: text;
    text-transform: uppercase;
    font-size: 80px
}

#pup_finish .content {
    width: 80%;
    margin: auto
}

#pup_finish .body {
    padding: 10px 0;
    margin-bottom: 15px;
    box-shadow: rgb(100 100 111 / 20%) 0 7px 29px 0
}

#pup_finish .body span {
    color: var(--grey-1)
}

#pup_finish .body .buttons .button {
    background: 0 0;
    display: inline-block;
    border: none
}

#pup_finish .body .buttons svg {
    height: 45px;
    width: 45px;
    margin: 20px;
    display: inline;
    cursor: pointer
}

#pup_finish .body .buttons .button:hover {
    transform: scale(1.2)
}

#pup_finish .footer {
    padding: 10px 0 25px 0
}

#pup_finish .footer span {
    font-weight: 700;
    text-align: center;
    display: block
}

#pup_finish .footer img {
    aspect-ratio: auto;
    width: 25%;
    margin: 15px 0 0 0;
    cursor: pointer
}

.table_header_select select option {
    text-align: left
}

#cnt_exp {
    position: relative
}

#cnt_exp #lbl_trans {
    width: 100%;
    background: 0 0;
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 999;
    text-align: center;
    padding-left: 0 !important
}

#cnt_exp #lbl_sentence {
    width: 80%;
    background: 0 0;
    position: absolute;
    left: 10px;
    top: 15px;
    z-index: 1;
    text-align: justify;
    padding-left: 0 !important
}

#cnt_exp #lbl_phon {
    width: 100%;
    background: 0 0;
    position: absolute;
    left: 10px;
    top: 50px;
    z-index: 999;
    text-align: center;
    padding-left: 0 !important
}

#cnt_exp #lbl_exp {
    direction: ltr;
    width: 100%;
    background: 0 0;
    position: absolute;
    left: 10px;
    bottom: 20px;
    z-index: 999;
    text-align: center;
    padding-left: 0 !important
}

#cnt_exp #lbl_exp._alphabet {
    bottom: 225px
}

#cnt_exp #lbl_exp._alphabet span {
    font-size: 100px
}

#cnt_exp #lbl_trans span {
    padding: 5px;
    font-weight: 700
}

#cnt_exp #lbl_trans.example span {
    font-weight: 400
}

#cnt_exp #lbl_trans.example span b {
    font-weight: 700
}

#cnt_exp #lbl_phon span {
    background: #fff;
    padding: 5px;
    font-style: italic;
    font-weight: 400
}

#cnt_exp #lbl_exp span {
    padding: 5px;
    font-weight: 700
}

#cnt_exp.active_quizz #lbl_exp span,
#cnt_exp.active_quizz #lbl_exp span span {
    background: 0 0;
    padding: 0;
    opacity: 1
}

#cnt_exp #img_exp2 {
    display: none
}

#img_speech {
    top: 50px;
    position: absolute;
    display: none
}

#page1 .p_player2 #lbl_ads {
    display: none
}

#page1 .p_player2 #ads {
    display: none
}

.wrap_list_exp_mobile {
    position: relative;
    width: 100%;
    height: 250px;
    clear: both;
    display: none
}

#list_exp_mobile {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 250px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 70px
}

.WrapSelectExp {
    -webkit-user-select: none;
    -moz-user-select: none;
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 0;
    margin: 0;
    cursor: move;
    display: none
}

.WrapSelectExp.activeSwipe {
    display: block
}

#list_exp_mobile .panel {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 35px;
    background-color: transparent;
    z-index: 999
}

#list_exp_mobile.active_quizz .variation .panel_value {
    text-decoration: line-through
}

#list_exp_mobile.active_quizz .quizz_disabled .panel_value {
    text-decoration: line-through
}

#list_exp_mobile .panel_hidden {
    display: none
}

#list_exp_mobile .variation .panel_value {
    font-style: italic;
    font-weight: 400
}

#list_exp_mobile .panel.panel_active {
    color: #fff;
    background: var(--newblue) !important
}

#glassViewer {
    position: absolute;
    width: 100%;
    pointer-events: none;
    top: 82px;
    left: 0;
    height: 41px;
    background: var(--blue2);
    opacity: 1;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s
}

#glassViewer.focus {
    opacity: .6
}

.mobile_bottom_expression {
    display: none
}

#footer_bkg {
    display: none
}

#mask_list_exp_mobile {
    display: none
}

#list_exp {
    position: absolute;
    z-index: 1;
    background: #fff;
    overflow: auto
}

#scroller {
    position: absolute;
    z-index: 1;
    padding: 0
}

#scroller:lang(ar),
#scroller:lang(he) {
    margin-right: 2px
}

#scroller ul {
    margin: 0;
    padding: 0
}

#scroller ul:lang(ar),
#scroller ul:lang(he) {
    margin-left: -7px
}

#scroller ul li {
    cursor: pointer;
    display: grid
}

#scroller ul li.ui-btn-up-d:hover {
    background-color: #eee
}

#scroller ul a {
    display: block;
    padding: 0;
    position: relative
}

#scroller ul a span.wt {
    margin-left: 10px;
    font-size: .7em
}

@media screen and (min--moz-device-pixel-ratio:0) {
    #scroller ul a {
        height: 40px
    }
}

#scroller ul a span {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 16px
}

#scroller ul a,
#scroller ul a:focus,
#scroller ul a:visited {
    color: inherit;
    text-decoration: none
}

.ui-link-inherit {
    width: 95% !important
}

.exp_trans {
    width: 100%;
    min-height: 20px;
    margin: 0;
    padding-top: 0;
    text-align: center;
    font-size: 1em;
    color: #333;
    background-color: #fff;
    border: 0;
    font-weight: inherit;
    box-sizing: content-box;
    display: block
}

.exp_phon {
    width: 100%;
    margin: 0;
    padding-top: 0;
    text-align: center;
    font-size: 1em;
    color: #333;
    background-color: #fff;
    border: 0;
    box-sizing: content-box;
    display: block
}

.exp span {
    display: inline-block;
    float: left;
    font-size: 12.5px;
    text-align: left;
    word-spacing: 0;
    vertical-align: middle;
    line-height: 14px;
    white-space: normal !important
}

.tab_exp_txt {
    margin-left: 10px;
    font-weight: 400
}

.ui-body-a {
    font-family: Calibri, Arial, sans-serif;
    border: 1px solid var(--blue3);
    background: var(--blue3);
    color: #fff;
    font-weight: 400
}

.ui-btn-up-a a.ui-link-inherit,
.ui-btn-up-a:visited {
    color: #fff
}

.ui-btn-hover-a {
    border: 1px solid var(--blue3);
    background: var(--blue3);
    font-weight: 700;
    color: #fff
}

.ui-btn-hover-a a.ui-link-inherit,
.ui-btn-hover-a:hover,
.ui-btn-hover-a:visited {
    color: #fff
}

.ui-btn-down-a {
    border: 1px solid var(--blue3);
    background: var(--blue3);
    font-weight: 700;
    color: #fff
}

.ui-btn-hover-a a.ui-link-inherit,
.ui-btn-hover-a:hover,
.ui-btn-hover-a:visited {
    color: #fff
}

.ui-btn-down-a {
    border: 1px solid #000;
    background: #222;
    font-weight: 700;
    color: #fff
}

.ui-btn-down-a a.ui-link-inherit,
.ui-btn-down-a:hover,
.ui-btn-down-a:visited {
    color: #fff
}

.ui-btn-down-a,
.ui-btn-hover-a,
.ui-btn-up-a {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    text-decoration: none
}

.ui-bar-d {
    border: 1px solid #bbb;
    background: #bbb;
    color: #333;
    font-weight: 700
}

.ui-bar-d,
.ui-bar-d button,
.ui-bar-d input,
.ui-bar-d select,
.ui-bar-d textarea {
    font-family: Calibri, Helvetica, Arial, sans-serif
}

.ui-bar-d .ui-link-inherit {
    color: #333
}

.ui-bar-d a.ui-link {
    color: #2489ce;
    font-weight: 700
}

.ui-bar-d a.ui-link:visited {
    color: #2489ce
}

.ui-bar-d a.ui-link:hover {
    color: #2489ce
}

.ui-bar-d a.ui-link:active {
    color: #2489ce
}

.ui-body-d,
.ui-overlay-d {
    border: 1px solid #bbb;
    color: #333;
    background: #fff
}

.ui-overlay-d {
    background-image: none;
    border-width: 0
}

.ui-body-d,
.ui-body-d button,
.ui-body-d input,
.ui-body-d select,
.ui-body-d textarea {
    font-family: Helvetica, Arial, sans-serif
}

.ui-body-d .ui-link-inherit {
    color: #333
}

.ui-body-d .ui-link {
    color: #2489ce;
    font-weight: 700
}

.ui-body-d .ui-link:visited {
    color: #2489ce
}

.ui-body-d .ui-link:hover {
    color: #2489ce
}

.ui-body-d .ui-link:active {
    color: #2489ce
}

.ui-btn-up-d {
    border-top: 1px solid #bbb;
    background: #fff;
    color: #333
}

.ui-btn-up-d a.ui-link-inherit,
.ui-btn-up-d:visited {
    color: #333
}

.ui-btn-hover-d {
    border: 1px solid #aaa;
    background: #eee;
    font-weight: 700;
    color: #333;
    cursor: pointer
}

.ui-btn-hover-d a.ui-link-inherit,
.ui-btn-hover-d:hover,
.ui-btn-hover-d:visited {
    color: #333
}

.ui-btn-down-d {
    border: 1px solid #aaa;
    background: #eee;
    font-weight: 700;
    color: #333
}

.ui-btn-down-d a.ui-link-inherit,
.ui-btn-down-d:hover,
.ui-btn-down-d:visited {
    color: #333
}

.ui-btn-down-d,
.ui-btn-hover-d,
.ui-btn-up-d {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    text-decoration: none
}

a.ui-link-inherit {
    text-decoration: none !important
}

.ui-btn-inner {
    border-top: 1px solid #fff;
    border-color: rgba(255, 255, 255, .3)
}

.ui-corner-all {
    -webkit-border-radius: 2em;
    border-radius: 2em
}

.ui-icon {
    background: #666;
    background: rgba(0, 0, 0, .4);
    background-image: url(images/icons-18-white.png);
    background-repeat: no-repeat;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.ui-icon-arrow-d {
    background-position: -216px -1px
}

#s_player #btn_mp3pdf {
    display: none
}

#s_player #scroller ul a {
    height: 40px;
    font-size: 16px
}

#s_player .ui-btn-down-d,
#s_player .ui-btn-hover-d,
#s_player .ui-btn-up-d {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    text-decoration: none
}

#s_player #cnt_exp {
    font-size: 18px
}

#s_player #cnt_exp #lbl_exp {
    bottom: 30px
}

#s_player .validate_desktop {
    font-size: 14px;
    color: #fff
}

#s_player .wrap_pub {
    padding-top: 480px
}

#s_player .wrap_pub .adsbygoogle {
    height: 90px
}

#s_player #list_exp_mobile .panel {
    font-size: 14px
}

#s_player #btn_listen {
    display: none
}

#s_player #bar_tools .width_30 {
    display: none
}

#s_player #img_exp {
    margin-left: 10px
}

#btn_quizz_restart {
    display: none;
    color: #fff;
    background-color: var(--blue2);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0 30px 0 30px;
    height: 35px;
    margin-top: 8px;
    float: left;
    border: 2px solid #fff
}

@keyframes blink {
    50% {
        box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
    }
}

#speech_res.anim {
    animation: blink 1s 20 ease-in-out
}

#speech_res {
  z-index: 10000;
    display: none;
    padding: 10px;
    background-color: var(--newblue);
    font-size: 20px;
    border-radius: 10px !important;
    box-shadow: rgb(255 255 255 / 12%) 0px 2px 20px 13px, #fdefef 0px 0px 0px 3px;
    color:white;
}

#speech_res span.res {
    position: relative;
    top: -8px;
    color:white;
}

#speech_res .e.fixed {
    display: block;
    height: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

#speech_res .e.fixedl {
    display: block;
    height: 40px;
    line-height: 25px;
}

#speech_res .e {
    display: block;
    margin: 25px 0
}

#speech_res .e .buttons {
    margin: 0 auto
}

#speech_res .round {
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: none
}

#speech_res .round.red {
    background-color: var(--red);-webkit-box-shadow: 0px 0px 15px 5px #fff; 
box-shadow: 0px 0px 15px 5px #fff;
}

#speech_res .round.green {
    background-color: var(--greenlight);-webkit-box-shadow: 0px 0px 15px 5px #fff; 
box-shadow: 0px 0px 15px 5px #fff;
}

#speech_res {
    text-align: center;
    top: 20%
}

#speech_res .close {
    fill: #fff;
    padding: 0;
    margin: 0
}

#speech_res span.res.ok {
    color: white
}

#speech_res span.res.nok {
    color: #fff
}

#speech_res span.i,
#speech_res span.res {
    display: none
}

#speech_res .pourc {
    display: block;
    height: 20px
}

#speech_res span.i {
    color: white;
    display: none
}

#speech_res span.l {
    display: none
}

#speech_res span.l svg {
    width: 20px;
    height: 20px
}

#speech_res span.l .green {
    fill: green
}

#speech_res span.l .red {
    fill: red
}

#speech_res .bu {
    height: 20px;
    bottom: 10px;
    border: none;
    background-color: #92bd45;
    padding: 10px;
    font-weight: 700;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    float: left;
    margin: 0 10px 0 0;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 18px;
    line-height: 19px
}

#pButton2 {
    height: 25px;
    width: 25px;
    cursor: pointer;
    border: none;
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center;
    float: left;
    outline: 0;
    margin-left: 7px
}

#audioDownload2 {
    float: left;
    cursor: pointer;
    border: 1px solid;
    border-color: var(--blue2);
    border-radius: 30px;
    height: 23px;
    width: 23px;
    background-color: var(--yellow2);
    margin-left: 5px
}

.iconB {
    width: 13px;
    height: 13px;
    fill: var(--blue2);
    margin: 5px 0 0 5px
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3),
only screen and (min--moz-device-pixel-ratio:1.3),
only screen and (min-resolution:200dpi) {
    .ui-icon-arrow-d {
        background-image: url(images/icons-36-white.png);
        -moz-background-size: 864px 18px;
        -o-background-size: 864px 18px;
        -webkit-background-size: 864px 18px;
        background-size: 864px 18px;
        background-position: -215px 50%
    }

    .ui-icon-edit {
        background-position: -824px 50%
    }
}

.ui-icon-loading {
    background: url(images/ajax-loader.gif);
    background-size: 46px 46px
}

.ui-btn-corner-all {
    -webkit-border-radius: 1em;
    border-radius: 1em
}

.ui-btn-corner-all,
.ui-corner-all {
    -webkit-background-clip: padding;
    background-clip: padding-box
}

.ui-overlay-shadow {
    -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
    box-shadow: 0 0 12px rgba(0, 0, 0, .6)
}

.ui-shadow {
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
}

.ui-icon-shadow {
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
}

.ui-btn:focus,
.ui-link-inherit:focus {
    outline: 0
}

.ui-btn.ok,
.ui-btn:focus {
    -moz-box-shadow: inset 0 0 3px #fff, 0 0 9px #fff;
    -webkit-box-shadow: inset 0 0 3px #fff, 0 0 9px #fff;
    box-shadow: inset 0 0 3px #fff, 0 0 9px #fff
}

.ui-btn:hover,
.ui-link-inherit:hover {
    outline: 0
}

.ui-btn:hover:not('.ui-slider') {
    -moz-box-shadow: inset 0 0 3px #fff, 0 0 9px #fff;
    -webkit-box-shadow: inset 0 0 3px #fff, 0 0 9px #fff;
    box-shadow: inset 0 0 3px #fff, 0 0 9px #fff
}

.ui-mobile,
.ui-mobile body {
    height: 99.9%
}

.ui-page {
    padding: 0;
    margin: 0
}

.ui-mobile-viewport {
    margin: 0;
    overflow-x: visible;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

body.ui-mobile-viewport {
    overflow-x: hidden
}

.ui-mobile [data-role=page],
.ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0
}

.ui-mobile .ui-page-active {
    display: block;
    overflow: visible
}

.ui-page {
    outline: 0
}

@media screen and (orientation:portrait) {
    .ui-mobile .ui-page {
        min-height: 420px
    }
}

@media screen and (orientation:landscape) {
    .ui-mobile .ui-page {
        min-height: 700px
    }
}

.ui-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0
}

.ui-loader-default {
    background: 0 0;
    filter: Alpha(Opacity=18);
    opacity: .18;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    margin-top: -23px
}

.ui-loader-default h1 {
    font-size: 0;
    width: 0;
    height: 0;
    overflow: hidden
}

.ui-loader .ui-icon {
    background-color: #000;
    display: block;
    margin: 0;
    width: 44px;
    height: 44px;
    padding: 1px;
    -webkit-border-radius: 36px;
    border-radius: 36px
}

.ui-header {
    position: relative;
    zoom: 1
}

.ui-mobile .ui-header {
    border-left-width: 0;
    border-right-width: 0
}

.ui-content {
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 15px
}

.ui-icon {
    width: 18px;
    height: 18px
}

@-webkit-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadein {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeout {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes popin {
    from {
        -webkit-transform: scale(.8);
        opacity: 0
    }

    to {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

@-moz-keyframes popin {
    from {
        -moz-transform: scale(.8);
        opacity: 0
    }

    to {
        -moz-transform: scale(1);
        opacity: 1
    }
}

@keyframes popin {
    from {
        transform: scale(.8);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes popout {
    from {
        -webkit-transform: scale(1);
        opacity: 1
    }

    to {
        -webkit-transform: scale(.8);
        opacity: 0
    }
}

@-moz-keyframes popout {
    from {
        -moz-transform: scale(1);
        opacity: 1
    }

    to {
        -moz-transform: scale(.8);
        opacity: 0
    }
}

@keyframes popout {
    from {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.8);
        opacity: 0
    }
}

@-webkit-keyframes slideinfromright {
    from {
        -webkit-transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideinfromright {
    from {
        -moz-transform: translateX(100%)
    }

    to {
        -moz-transform: translateX(0)
    }
}

@keyframes slideinfromright {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes slideinfromleft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@-moz-keyframes slideinfromleft {
    from {
        -moz-transform: translateX(-100%)
    }

    to {
        -moz-transform: translateX(0)
    }
}

@keyframes slideinfromleft {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@-webkit-keyframes slideouttoleft {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0)
    }
}

@-moz-keyframes slideouttoleft {
    from {
        -moz-transform: translateX(0)
    }

    to {
        -moz-transform: translateX(-100%)
    }
}

@keyframes slideouttoleft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@-webkit-keyframes slideouttoright {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

@-moz-keyframes slideouttoright {
    from {
        -moz-transform: translateX(0)
    }

    to {
        -moz-transform: translateX(100%)
    }
}

@keyframes slideouttoright {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@-webkit-keyframes slideinfromtop {
    from {
        -webkit-transform: translateY(-100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideinfromtop {
    from {
        -moz-transform: translateY(-100%)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@keyframes slideinfromtop {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideouttotop {
    from {
        -webkit-transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes slideouttotop {
    from {
        -moz-transform: translateY(0)
    }

    to {
        -moz-transform: translateY(-100%)
    }
}

@keyframes slideouttotop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes slideinfrombottom {
    from {
        -webkit-transform: translateY(100%)
    }

    to {
        -webkit-transform: translateY(0)
    }
}

@-moz-keyframes slideinfrombottom {
    from {
        -moz-transform: translateY(100%)
    }

    to {
        -moz-transform: translateY(0)
    }
}

@keyframes slideinfrombottom {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes slideouttobottom {
    from {
        -webkit-transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(100%)
    }
}

@-moz-keyframes slideouttobottom {
    from {
        -moz-transform: translateY(0)
    }

    to {
        -moz-transform: translateY(100%)
    }
}

@keyframes slideouttobottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@-webkit-keyframes flipouttoleft {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }
}

@-moz-keyframes flipouttoleft {
    from {
        -moz-transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(-90deg) scale(.9)
    }
}

@keyframes flipouttoleft {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(-90deg) scale(.9)
    }
}

@-webkit-keyframes flipouttoright {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(90deg) scale(.9)
    }
}

@-moz-keyframes flipouttoright {
    from {
        -moz-transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(90deg) scale(.9)
    }
}

@keyframes flipouttoright {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(90deg) scale(.9)
    }
}

@-webkit-keyframes flipintoleft {
    from {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }

    to {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes flipintoleft {
    from {
        -moz-transform: rotateY(-90deg) scale(.9)
    }

    to {
        -moz-transform: rotateY(0)
    }
}

@keyframes flipintoleft {
    from {
        transform: rotateY(-90deg) scale(.9)
    }

    to {
        transform: rotateY(0)
    }
}

@-webkit-keyframes flipintoright {
    from {
        -webkit-transform: rotateY(90deg) scale(.9)
    }

    to {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes flipintoright {
    from {
        -moz-transform: rotateY(90deg) scale(.9)
    }

    to {
        -moz-transform: rotateY(0)
    }
}

@keyframes flipintoright {
    from {
        transform: rotateY(90deg) scale(.9)
    }

    to {
        transform: rotateY(0)
    }
}

@-webkit-keyframes flipouttoleft {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }
}

@-moz-keyframes flipouttoleft {
    from {
        -moz-transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(-90deg) scale(.9)
    }
}

@keyframes flipouttoleft {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(-90deg) scale(.9)
    }
}

@-webkit-keyframes flipouttoright {
    from {
        -webkit-transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(90deg) scale(.9)
    }
}

@-moz-keyframes flipouttoright {
    from {
        -moz-transform: rotateY(0)
    }

    to {
        -moz-transform: rotateY(90deg) scale(.9)
    }
}

@keyframes flipouttoright {
    from {
        transform: rotateY(0)
    }

    to {
        transform: rotateY(90deg) scale(.9)
    }
}

@-webkit-keyframes flipintoleft {
    from {
        -webkit-transform: rotateY(-90deg) scale(.9)
    }

    to {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes flipintoleft {
    from {
        -moz-transform: rotateY(-90deg) scale(.9)
    }

    to {
        -moz-transform: rotateY(0)
    }
}

@keyframes flipintoleft {
    from {
        transform: rotateY(-90deg) scale(.9)
    }

    to {
        transform: rotateY(0)
    }
}

@-webkit-keyframes flipintoright {
    from {
        -webkit-transform: rotateY(90deg) scale(.9)
    }

    to {
        -webkit-transform: rotateY(0)
    }
}

@-moz-keyframes flipintoright {
    from {
        -moz-transform: rotateY(90deg) scale(.9)
    }

    to {
        -moz-transform: rotateY(0)
    }
}

@keyframes flipintoright {
    from {
        transform: rotateY(90deg) scale(.9)
    }

    to {
        transform: rotateY(0)
    }
}

@-webkit-keyframes flowouttoleft {
    0% {
        -webkit-transform: translateX(0) scale(1)
    }

    60%,
    70% {
        -webkit-transform: translateX(0) scale(.7)
    }

    100% {
        -webkit-transform: translateX(-100%) scale(.7)
    }
}

@-moz-keyframes flowouttoleft {
    0% {
        -moz-transform: translateX(0) scale(1)
    }

    60%,
    70% {
        -moz-transform: translateX(0) scale(.7)
    }

    100% {
        -moz-transform: translateX(-100%) scale(.7)
    }
}

@keyframes flowouttoleft {
    0% {
        transform: translateX(0) scale(1)
    }

    60%,
    70% {
        transform: translateX(0) scale(.7)
    }

    100% {
        transform: translateX(-100%) scale(.7)
    }
}

@-webkit-keyframes flowouttoright {
    0% {
        -webkit-transform: translateX(0) scale(1)
    }

    60%,
    70% {
        -webkit-transform: translateX(0) scale(.7)
    }

    100% {
        -webkit-transform: translateX(100%) scale(.7)
    }
}

@-moz-keyframes flowouttoright {
    0% {
        -moz-transform: translateX(0) scale(1)
    }

    60%,
    70% {
        -moz-transform: translateX(0) scale(.7)
    }

    100% {
        -moz-transform: translateX(100%) scale(.7)
    }
}

@keyframes flowouttoright {
    0% {
        transform: translateX(0) scale(1)
    }

    60%,
    70% {
        transform: translateX(0) scale(.7)
    }

    100% {
        transform: translateX(100%) scale(.7)
    }
}

@-webkit-keyframes flowinfromleft {
    0% {
        -webkit-transform: translateX(-100%) scale(.7)
    }

    30%,
    40% {
        -webkit-transform: translateX(0) scale(.7)
    }

    100% {
        -webkit-transform: translateX(0) scale(1)
    }
}

@-moz-keyframes flowinfromleft {
    0% {
        -moz-transform: translateX(-100%) scale(.7)
    }

    30%,
    40% {
        -moz-transform: translateX(0) scale(.7)
    }

    100% {
        -moz-transform: translateX(0) scale(1)
    }
}

@keyframes flowinfromleft {
    0% {
        transform: translateX(-100%) scale(.7)
    }

    30%,
    40% {
        transform: translateX(0) scale(.7)
    }

    100% {
        transform: translateX(0) scale(1)
    }
}

@-webkit-keyframes flowinfromright {
    0% {
        -webkit-transform: translateX(100%) scale(.7)
    }

    30%,
    40% {
        -webkit-transform: translateX(0) scale(.7)
    }

    100% {
        -webkit-transform: translateX(0) scale(1)
    }
}

@-moz-keyframes flowinfromright {
    0% {
        -moz-transform: translateX(100%) scale(.7)
    }

    30%,
    40% {
        -moz-transform: translateX(0) scale(.7)
    }

    100% {
        -moz-transform: translateX(0) scale(1)
    }
}

@keyframes flowinfromright {
    0% {
        transform: translateX(100%) scale(.7)
    }

    30%,
    40% {
        transform: translateX(0) scale(.7)
    }

    100% {
        transform: translateX(0) scale(1)
    }
}

.ui-block-a {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ui-block-b {
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 0;
    border: 0;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ui-block-d {
    width: auto !important;
    margin: 0;
    padding: 0;
    border: 0;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

.ui-grid-c .ui-block-a,
.ui-grid-c .ui-block-d {
    width: 24.925%
}

.ui-grid-c>:nth-child(n) {
    width: 25%
}

.ui-grid-c .ui-block-a {
    clear: left
}

.ui-header-fixed {
    left: 0;
    right: 0;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: -1px;
    padding-top: 1px
}

.ui-page-header-fixed {
    padding-top: 2.6875em
}

.ui-header-fixed .ui-btn {
    z-index: 10
}

.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    padding: 0
}

.ui-grid-c .ui-btn {
    /*float:unset;*/
    margin-right: 4px;
    margin-left: 4px
}

.ui-btn-inner {
    font-size: 16px;
    padding: .6em 20px;
    min-width: .75em;
    display: block;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    zoom: 1
}

.ui-header .ui-btn-inner {
    padding: .55em 11px .5em
}

.ui-fullsize .ui-btn-inner {
    padding: 6px 0;
    text-decoration: none !important
}

.ui-btn-ichon-notext {
    width: 24px;
    height: 24px
}

.ui-btn-icon-notext .ui-btn-inner {
    font-size: 14px
}

.ui-btn-text {
    position: relative;
    z-index: 1;
    width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

div.ui-btn-text {
    width: auto
}

.ui-btn-icon-right .ui-btn-inner {
    padding-right: 40px
}

,
.ui-header .ui-btn-icon-right .ui-btn-inner {
    padding-right: 30px
}

.ui-btn-inner {
    -webkit-border-radius: none;
    border-radius: none;
    border: none
}

.ui-btn-icon-right>.ui-btn-inner>.ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -9px
}

.ui-btn-icon-right .ui-icon {
    right: 10px
}

,
.ui-header .ui-btn-icon-right .ui-icon {
    right: 5px
}

.ui-popup-screen {
    background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==);
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    position: absolute;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 1099
}

.ui-popup-container {
    z-index: 1;
    display: inline-block;
    position: absolute;
    padding: 0;
    outline: 0
}

.ui-popup {
    position: relative
}

.ui-popup.ui-content {
    overflow: visible
}

.ui-popup-hidden {
    top: -99999px;
    left: -9999px;
    visibility: hidden
}

.ui-select {
    display: block;
    position: relative
}

.ui-select select {
    position: absolute;
    left: -9999px;
    top: -9999px
}

.ui-select .ui-btn {
    opacity: 1
}

.ui-select .ui-btn select {
    cursor: pointer;
    -webkit-appearance: none;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 1.5em;
    min-height: 100%;
    height: 3em;
    max-height: 100%;
    filter: Alpha(Opacity=0);
    opacity: 0;
    z-index: 2
}

.ui-select .ui-btn-icon-right .ui-btn-inner {
    padding-right: 45px
}

.ui-select .ui-btn-icon-right .ui-icon {
    right: 15px
}

.ui-select .ui-btn-text {
    display: block;
    min-height: 1em;
    overflow: hidden !important;
    text-overflow: ellipsis
}

.ui-screen-hidden {
    display: none
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #aaa
}

:-ms-input-placeholder {
    color: #aaa
}

input[type=number]::-webkit-outer-spin-button {
    margin: 0
}

html>body .ui-rangeslider .ui-rangeslider-sliders .ui-slider-track:first-child {
    height: 15px;
    border-width: 1px
}

html>body .ui-rangeslider.ui-mini .ui-rangeslider-sliders .ui-slider-track:first-child {
    height: 12px
}

.ui-listview {
    margin: 0
}

.ui-li,
.ui-listview {
    list-style: none;
    padding: 0
}

.ui-li,
.ui-li.ui-field-contain {
    display: block;
    margin: 0;
    position: relative;
    overflow: visible;
    text-align: left;
    border-width: 0;
    border-top-width: 1px
}

.ui-li.ui-btn {
    margin: 0
}

.ui-li.ui-last-child {
    border-bottom-width: 1px
}

.ui-li .ui-btn-text a.ui-link-inherit {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.ui-listview .ui-li>.ui-btn-text {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    padding-right: 10px
}

.ui-listview .ui-btn.ui-first-child>.ui-li>.ui-btn-text>.ui-link-inherit,
.ui-listview>.ui-li.ui-first-child {
    -webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    -webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit
}

.ui-listview .ui-btn.ui-last-child>.ui-li>.ui-btn-text>.ui-link-inherit,
.ui-listview>.ui-li.ui-last-child {
    -webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    -webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.ui-li>.ui-btn-inner {
    display: block;
    position: relative;
    padding: 0
}

.ui-li .ui-btn-inner a.ui-link-inherit {
    padding: .7em 15px;
    display: block
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) {
    .ui-li .ui-btn-text {
        overflow: visible
    }
}

.ui-slider-input::-webkit-inner-spin-button,
.ui-slider-input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#page1 {
    padding-top: 0 !important;
    min-height: 0 !important;
    display: block
}

h4,
h5 {
    font-weight: inherit;
    box-sizing: content-box
}

div.ui-mobile-viewport {
    overflow-x: inherit;
    padding: 10px 10px 4px
}

.ui-footer-fixed,
.ui-header-fixed {
    z-index: 0 !important;
    position: absolute !important
}

.ui-mobile [data-role=dialog],
.ui-mobile [data-role=page],
.ui-page {
    min-height: 0;
    position: relative !important
}

.exp {
    vertical-align: middle;
    display: table-cell;
    height: 28px
}

.exp_txt {
    font-weight: 700
}

.exp_var {
    margin-left: 20px;
    font-style: italic;
    font-weight: 400
}

.list_option {
    position: relative;
    height: 100%
}

.list_option img {
    height: 20px;
    display: block;
    margin-top: 5px
}

.list_option .img-cont {
    width: 30px;
    padding-left: 5px;
    padding-right: 10px;
    height: 20px;
    text-align: center;
    float: left;
    position: relative;
    top: 50%;
    margin-top: -14px
}

.list_option span {
    float: left;
    font-size: 20px
}

.list_share {
    padding: .6em 15px
}

.list_share div {
    height: 32px;
    width: 200px
}

.img_flag {
    padding-top: 2px
}

.tab_exp {
    height: 40px
}

.tab_exp div {
    height: 40px;
    display: table-cell;
    vertical-align: middle
}

#scroller a {
    text-align: left;
    display: inline-block;
    padding: 2px 5px;
    white-space: normal;
    vertical-align: middle;
    font-size: .9em
}

.tab_exp_var {
    margin-left: 20px;
    font-style: italic;
    font-family: Calibri, Arial, Helvetica, sans-serif
}

.my-header-grid {
    direction: ltr;
    background: linear-gradient(var(--blue1), var(--blue1)) repeat scroll 0 0 var(--blue1);
    height: 51px;
    overflow: visible
}

#page_bar .icon-backward2 {
    margin-right: 3px
}

#page_bar .icon-play3 {
    margin-left: 2px;
    fill: #fff
}

#page_bar .icon-play3:hover {
    fill: #fff
}

#page_bar .ui-icon-off .icon-list {
    fill: #ff6550
}

#page_bar .ui-icon-quizz .ui-btn .on .icon-graduation-cap {
    fill: #fff
}

svg.pulse-svg {
    overflow: visible
}

svg.pulse-svg .first-circle,
svg.pulse-svg .second-circle,
svg.pulse-svg .third-circle {
    fill: #fff;
    transform: scale(.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite
}

svg.pulse-svg .second-circle {
    animation-delay: 1s
}

svg.pulse-svg .third-circle {
    animation-delay: 60s
}

.firstp {
    position: absolute;
    top: 10px;
    right: 5px;
    display: none;
    z-index: 1000000
}

.pulse-css {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: tomato;
    position: relative
}

.pulse-css:after,
.pulse-css:before {
    content: "";
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: tomato;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transform: scale(.5);
    transform-origin: center center;
    animation: pulse-me 3s linear infinite
}

.pulse-css:after {
    animation-delay: 2s
}

@keyframes pulse-me {
    0% {
        transform: scale(.5);
        opacity: 0
    }

    25% {
        opacity: .1
    }

    35% {
        opacity: .09
    }

    100% {
        transform: scale(5);
        opacity: 0
    }
}

.ui-grid-c .ui-icon-off.ui-icon-quizz {
    background-color: transparent;
    color: #000
}

.ui-grid-c #btn_player.ui-icon-off.ui-icon-quizz {
    background-color: transparent;
    color: #666;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px
}

.ui-grid-c #btn_quizz.ui-icon-off.ui-icon-quizz {
    background-color: transparent;
    color: #666;
    border-radius: 0 20px 20px 0;
    -webkit-border-radius: 0 20px 20px 0
}

.ui-grid-c #btn_quizz.on {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff
}

.ui-grid-c .ui-icon-canv {
    background-color: transparent;
    color: #666;
    border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px
}

.ui-icon-quizz.on .nq {
    color: #fff;
    fill: #fff
}

#btn_canv.on .icon-bullseye,
.ui-grid-c #btn_quizz.on .icon-graduation-cap,
.ui-grid-c #btn_quizz2.on .icon-graduation-cap {
    color: #fff;
    fill: #fff
}

#btn_canv.of,
.ui-grid-c #btn_quizz.of {
    border-right: 1px solid var(--blue3)
}

#btn_canv.off2 {
    border-right: none
}

.ui-grid-c #btn_quizz.of2 {
    background-color: transparent;
    color: #666;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    border-bottom-left-radius: 20px !important;
    border-left: 1px solid var(--blue3);
    border-right: 1px solid #fff
}

.ui-icon-FB {
    background-color: #a5d28c;
    width: 45px;
    height: 33px;
    margin-top: 5px;
    float: left
}

.ui-icon-mp3pdf:hover {
    color: #fff
}

.ui-icon-plus {
    background-color: var(--blue3);
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-prev {
    background-color: #a5d28c;
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-next {
    background-color: var(--greenlight);
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-play {
    background-color: #ff6550;
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-mic {
    background-color: #ff6550;
    width: 30px;
    height: 30px;
    margin-top: 8px;
    float: left;
}

.icon-codepen {
    fill: var(--blue2);
    float: right;
    cursor: pointer;
    width: 12px;
    height: 12px;
    margin-right: 15px
}

#btn_speech2 {
    display: none;
    top: 0;
    width: 100px;
    margin-right: 15px
}

#btn_speech.disabled,
#btn_speech2.disabled {
    background-color: var(--blue2);
    height: 29px;
    top: 0;
    width: 100px;
    float: right;
    margin-right: 15px
}

#prog .icon-reco {
    width: 25px;
    height: 25px;
    margin-top: 3px;
    fill: var(--blue1)
}

.nigc {
    color: var(--blue2);
    font-size: 18px
}

.ui-icon-replay {
    background-color: #a5d28c;
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-speedlowN {
    background-color: #a5d28c !important
}

.ui-icon-speedlow {
    background-color: #6f9859 !important
}

.validate_mobile {
    display: none;
    background-color: var(--blue3);
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.validate_mobile .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-top: 5px
}

.wrap_btn_quizz_mobile {
    display: none
}

.wrap_btn_quizz_mobile .icon {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin-top: 5px;
    padding: 2px 0 0
}

.ui-icon-display {
    background-color: #80deea;
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-listen {
    background-color: #80deea;
    width: 33px;
    height: 33px;
    margin-top: 8px;
    float: left
}

.ui-icon-screen {
    background-color: #fff;
    width: 18px;
    height: 18px;
    margin-top: 0;
    float: left;
    margin-left: 20px;
    display: none
}

.ui-icon-screen.icon {
    width: 20px;
    height: 20px;
    fill: #fff
}

div.ui-mobile-viewport {
    overflow-x: inherit;
    padding: 0
}

.d_c_s {
    float: right;
    margin: 7px 5px 0 5px
}

.d_c_s a {
    margin: 0
}

.d_c_s .icon {
    width: 20px;
    height: 20px;
    fill: #fff
}

@media all {
    .i-txt {
        display: none
    }

    .ios .dwhl {
        padding: 5px 0
    }

    .dwwr {
        padding: 0 5px
    }

    .dwi {
        padding: 0;
        margin: 0
    }

    .dw-li {
        padding: 0 5px
    }

    .ui-body-c {
        background-image: none
    }

    .ui-bar-d {
        border: 1px solid #ddd;
        background: var(--blue1);
        color: #0097a7;
        font-weight: 700;
        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--blue1)), to(var(--blue1)));
        background-image: -webkit-linear-gradient(var(--blue1), var(--blue1));
        background-image: -moz-linear-gradient(var(--blue1), var(--blue1));
        background-image: -ms-linear-gradient(var(--blue1), var(--blue1));
        background-image: -o-linear-gradient(var(--blue1), var(--blue1));
        background-image: linear-gradient(var(--blue1), var(--blue1))
    }

    .ui-icon,
    .ui-icon-searchfield:after {
        background: #ff6550;
        background: #ff6550;
        background-image: url(/OrizonFlash_V2/js/images/icons-18-white.png);
        -webkit-border-radius: 9px;
        border-radius: 9px;
        background-position: -216px -1px
    }

    select {
        font-size: 15px
    }

    svg\:svg {
        display: none
    }

    .svg_error {
        color: red;
        font-weight: 700
    }

    .width_330 {
        padding-top: 0
    }

    .width_300 {
        width: 300px;
        height: 40px;
        float: left
    }

    .width_380 {
        width: 380px;
        float: right;
        padding-top: 0
    }

    .width_165 {
        width: 165px;
        height: 40px;
        float: right
    }

    .text_align_center {
        text-align: center;
        position: relative
    }

    .opacity_1 {
        opacity: 1;
        left: 0;
        position: absolute;
        z-index: 10
    }

    .display_none {
        display: none;
        top: 0;
        left: 0;
        z-index: 0
    }

    .width_200 {
        width: 200px;
        max-width: 350px
    }

    .background_image_1 {
        background-image: -webkit-linear-gradient(top, #ddd, #bbb)
    }

    .width_330_seul {
        width: 330px
    }

    .width_390 {
        width: 390px;
        padding-top: 3px;
        margin: auto
    }

    .font_size_14 {
        font-size: 14px
    }

    .width_15 {
        width: 15px;
        float: left
    }

    .font_size_14_etplus {
        font-size: 14px
    }

    .width_90 {
        width: 90px
    }

    .width_276 {
        width: auto;
        text-align: center;
        margin: auto
    }

    .float_left {
        float: left
    }

    .display_none {
        display: none
    }

    .width_30 {
        width: 30px;
        float: left
    }

    .padding_bottom_0 {
        padding-bottom: 0;
        border-top-width: 0;
        background-color: #fff
    }
}

svg\:svg {
    display: none
}

.svg_error {
    color: red;
    font-weight: 700
}

@media screen and (min-width:740px) and (max-width:980px) {
    .exp_trans {
        font-size: .9em !important
    }

    .exp_phon {
        font-size: .9em !important
    }

    #list_exp {
        position: absolute;
        z-index: 1;
        background: #fff;
        overflow: auto
    }

    .opacity_1 {
        padding-left: 70px !important
    }

    .display_none {
        padding-left: 70px !important
    }

    .width_390 {
        padding-bottom: 0
    }

    .width_276 {
        padding-left: 100px
    }
}

@media screen and (min-width:980px) {
    .exp_phon {
        font-size: 1em !important
    }

    .width_276 {
        padding-left: 50%;
        width: 550px
    }
}

@media screen and min-width:1100px) {
    .exp_trans {
        font-size: 1em !important
    }

    .exp_phon {
        font-size: 1em !important
    }

    .width_276 {
        padding-left: 50%;
        width: 500px
    }
}

@media screen and (max-width:900px) and (min-width:800px) {
    .iframeplayer {
        height: 350px
    }

    .ro1 {
        margin-top: 30vh
    }
}

@media screen and (max-width:800px) and (min-width:740px) {
    .iframeplayer {
        height: 400px
    }

    .ro1 {
        margin-top: 20vh
    }
}

@media screen and (max-width:740px) {
    #comments {
        margin: 20px auto
    }

    #earth ul a,
    .navs ul.subs>li a {
        font-size: 16px;
        font-weight: 600
    }

    .pagealphabet {
        width: 90%
    }

    .alphs {
        padding: 10px
    }

    .ro1 {
        border: 2px solid #fff;
        margin-bottom: 10px;
        margin-top: 20vh
    }

    .ro2 {
        height: 70px;
        border-radius: 50%;
        border: 2px solid;
        width: 50%;
        font-size: 30px !important
    }

    .navs ul.subs>li {
        width: 60%
    }

    .blue1blue2 {
        background: var(--blue1)
    }

    .bubble {
        margin-left: 50px !important
    }

    .person-home {
        margin: 0
    }

    .P2 h2 {
        font-size: 25px;
        line-height: 28px
    }

    #home_elems .P1 {
        font-size: 20px;
        display: flex
    }

    .link_flag {
        width: 240px;
        font-size: 18px
    }

    .hero-text {
        background-color: transparent
    }

    .progress-bar-button {
        width: auto;
        min-width: 190px;
        line-height: 25px;
        min-height: 0;
        opacity: .9;
        font-weight: 600;
        font-size: 18px
    }

    div .fondhome p.home_link {
        display: block
    }

    #speech_res span.l {
        left: 12px;
        top: 10px
    }

    #speech_res .pourc {
        font-size: small
    }

    .validate_quizz .icon {
        fill: #fff;
        width: 30px;
        height: 30px
    }

    #pup_result {
        left: 5%;
        top: 17%;
        width: 84%;
        padding: 0;
        background-color: #fff;
        border: 0
    }

    #pup_result.ok .icon {
        margin: 0;
        width: 55px;
        height: 55px;
        fill: #a0d63e
    }

    #pup_result.notok .icon {
        margin: 0;
        width: 55px;
        height: 55px;
        fill: #F08C7C
    }

    #pup_result.notokp {
        background-color: #fff;
        padding-top: 15px;
        color: #666
    }

    #pup_result.notokp .icon {
        margin: 0;
        width: 55px;
        height: 55px;
        fill: #F08C7C
    }

    #img_exp {
        height: 240px
    }

    #pup_result.notok {
        background-color: #fff;
        padding-top: 15px
    }

    #pup_result.ok {
        background-color: #fff;
        padding-top: 15px
    }

    .ui-shadow {
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    body.screenplayer #scrollable-content {
        height: 100%;
        overflow-y: scroll
    }

    .exp_trans {
        font-size: .9em !important
    }

    .exp_phon {
        font-size: .9em !important
    }

    #list_exp {
        position: absolute;
        z-index: 1;
        background: #fff;
        overflow: auto;
        width: 100% !important;
        display: none
    }

    .wrap_list_exp_mobile {
        display: block
    }

    .ui-select {
        display: block
    }

    .ui-header .ui-btn-inner {
        font-size: 10px !important
    }

    .width_165 {
        width: 90px
    }

    .width_390 {
        padding-top: 60px;
        padding-left: 0
    }

    .width_276 {
        margin-left: -70px;
        width: 500px
    }

    #list_exp {
        position: absolute;
        z-index: 1;
        background: #fff;
        overflow: auto;
        width: 100% !important
    }

    .tab_exp:last-child {
        margin-bottom: 22px
    }

    .width_330.select_theme {
        padding-top: 3px
    }

    .width_330.select_theme .width_300 {
        width: 120px;
        height: auto
    }

    .ui-header .width_330.select_theme .ui-select .ui-btn {
        margin: 0
    }

    .width_380.select_lang {
        width: 55%;
        float: none;
        padding: 0 0
    }

    .ui-header .width_380.select_lang .ui-select .ui-btn-icon-right .ui-btn-inner {
        padding: 5px 0 5px 0
    }

    .ui-header .width_380.select_lang .ui-select .ui-btn {
        margin: 0
    }

    .width_380.select_lang .ui-icon {
        display: none
    }

    .width_380.select_lang .width_165 {
        width: 42%;
        height: auto
    }

    #cnt_exp #lbl_trans {
        top: 5px;
        left: 0
    }

    #cnt_exp #lbl_phon {
        top: inherit;
        bottom: 0;
        left: 0
    }

    #cnt_exp #lbl_exp {
        bottom: -10px;
        display: none;
        left: 0
    }

    #cnt_exp #lbl_exp._alphabet {
        bottom: 50px;
        display: block
    }

    #cnt_exp #lbl_exp._alphabet span {
        font-size: 50px
    }

    #cnt_exp.active_quizz #lbl_phon {
        bottom: 35px
    }

    #cnt_exp.active_quizz #lbl_exp {
        display: block
    }

    #grd_block4 #btn_display,
    #grd_block4 #btn_listen,
    #grd_block4 #btn_mp3pdf,
    #grd_block4 #btn_next,
    #grd_block4 #btn_prev,
    #grd_block4 #btn_remix,
    #grd_block4 #btn_share {
        display: none
    }

    #grd_block4 #bar_left .width_15 {
        height: auto
    }

    #grd_block4 #bar_left .width_390 {
        padding-top: 5px
    }

    #grd_block4 #bar_right {
        float: right;
        margin-right: 5px
    }

    #grd_block4 .width_276 {
        width: auto;
        margin-left: 0
    }

    .mobile_bottom_expression {
        height: 100px;
        background: var(--blue1);
        display: none
    }

    #page1 #lbl_ads {
        display: block;
        background-color: #fff
    }

    .lpub {
        padding-top: 2px
    }

    #page1 .p_player2 #ads {
        display: block
    }

    #grd_block4 #bar_tools .width_30 {
        display: none
    }

    .menu {
        display: block
    }

    #menu_social {
        display: none
    }

    .ui-btn-text .font_size_14 {
        font-size: .8em
    }

    #btn_quizz .ui-btn-text {
        font-size: .8em
    }

    #btn_change_lang {
        float: left;
        padding-left: 10px
    }

    .ui-icon-screen {
        display: block
    }

    #btn_screen_shrink {
        display: none
    }

    #btn_screen_enlarge {
        display: block;
        padding-top: 5px
    }

    #footer.screenplayer {
        position: fixed !important;
        top: 36px;
        z-index: 6999 !important
    }

    #footer_bkg.screenplayer {
        position: fixed !important;
        top: 36px;
        z-index: 6998 !important;
        background: var(--blue1);
        width: 100%;
        height: 2000px;
        display: block
    }

    #mask_list_exp_mobile {
        display: block;
        width: 100%;
        height: auto;
        position: fixed;
        bottom: 0;
        z-index: 7000 !important
    }

    .fondtransparent {
        padding-top: 0
    }

    #nav {
        height: 35px
    }

    #footer .height_50 {
        height: 35px;
        margin-top: 0;
        padding-top: 3px
    }

    div .fondhome p.home_link {
        width: 100%
    }

    .wrap_btn_quizz_mobile {
        display: none;
        width: 100%;
        text-align: center;
        position: absolute;
        height: 100px;
        top: 29px;
        left: 27%
    }

    #page_bar {
        position: relative
    }

    #page_bar.mob_menu {
        height: 100px
    }

    .ui-select .ui-btn-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis
    }

    .table_header_select td:nth-child(2) {
        display: none
    }

    .p_player2 {
        display: none
    }

    .cadre_N1 {
        padding-left: auto;
        padding-right: auto
    }

    .marges {
        border-top: 0
    }

    .alphabet {
        font-size: 20px;
        margin-top: 20px
    }

    #s_player {
        display: none
    }

    #s_list {
        display: none
    }

    #s_player .mobile_bottom_expression {
        display: none
    }

    #s_player .iframeplayer {
        padding-top: 150px;
        width: 100%;
        height: 100%;
        background: #fff;
        margin: 0 auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0;
        border-radius: 0x;
        border: 0 solid var(--blue1)
    }

    #s_player .iframeplayer #grd_block4 #btn_display {
        display: block
    }

    #s_player .adsdesktop {
        display: none
    }

    #s_player #cnt_exp #lbl_trans {
        top: 15px
    }

    #s_player #footer .height_50 {
        display: none
    }

    #s_player #lbl_ads {
        text-align: left
    }

    #s_player #bar_left .width_390 {
        padding-left: 0
    }

    #s_player #grd_block4 #bar_left {
        height: 50px;
        width: 60% !important
    }

    #s_player #grd_block4 #bar_right {
        width: 40% !important
    }

    #s_player #cnt_exp #lbl_exp {
        bottom: 0
    }

    .boverlay #header_nav {
        z-index: 10000000000
    }

    .phoca-flagbox-header {
        display: none
    }

    .d_c_s {
        float: right;
        margin: 5px 2px 0 2px
    }

    #btn_speed {
        display: none
    }

    #btn_addm {
        display: block
    }
}

@media screen and (min-width:740px) and (max-width:980px) {
    #s_player .iframeplayer {
        width: 710px;
        height: 510px
    }

    #cnt_exp #lbl_sentence {
        width: 100%;
        left: 0
    }

    #s_player .adsdesktop {
        margin-top: 345px
    }

    #grd_block1 {
        background-color: #fff
    }
}

@media screen and (min-width:980px) {
    #s_player .iframeplayer {
        width: 930px;
        height: 580px
    }

    #s_player .adsdesktop {
        margin-top: 415px
    }
}

@media screen and (min-width:1220px) {
    #s_player .iframeplayer {
        width: 1100px;
        height: 645px
    }

    #s_player .adsdesktop {
        margin-top: 480px
    }
}

@media screen and (min-width:740px) {
    #header-t-art-actions .tabcontent:not(.navs) {
        width: 500px
    }
}

@media screen and (max-width:740px) {
    #pres .cadre {
        width: 100%
    }

    #pres {
        width: 100%;
        margin: auto;
        padding-top: 0;
        padding-bottom: 0;
        border-radius: 0
    }

    #pres .t {
        font-size: 30px;
        font-weight: 700;
        width: 100%
    }

    #pres .imagepres {
        float: none;
        padding-left: 10px;
        width: 200px
    }

    #pres .cadre {
        margin: 0 auto
    }

    #pres .cadre .textes {
        width: 92%;
        padding: 0
    }

    #pres .margin-top {
        margin-top: 20px
    }

    #pres .footer {
        color: var(--blue2);
        min-height: 100px;
        margin: 0;
        padding-top: 20px
    }

    #pres .part1 {
        border-radius: 0;
        background: 0 0
    }
}