@font-face{font-family: 'Tajawal';font-style: normal;font-weight: 400; src: url('./script/Tajawal-Regular.ttf') format('truetype');font-display: swap;} body,#body_ind,h1,h2,h3{font-size: 23px;  line-height: normal;font-family:'Tajawal', Arial, sans-serif; }

:root{--couleurfond:#436886}
*{margin:0;padding:0;   }

input#bt_save,label radio,span.line,#page_compte h1,#page_question h1,.hidimportant,.sansexpliq,.legendmodu{display: none!important;}
.hid,.choixfixe,span#jouq_avis,#page_gratuit .classindice{display:none}

span.actu_liste span.actu_bloc,.pagelist figure,ilu{display: block;}


li,ul{list-style:none;vertical-align: middle;margin: 0;padding: 0;text-decoration:none;}
ul{display: flex;justify-content: center;}
b,dfn,.bold{font-weight:bold}
td{vertical-align:top;}
.myhover,.doigt,.hotkeys,input[type="checkbox"],label{cursor:pointer;}
a.cursorz{cursor: zoom-in;}
.actublog small,.fright{float: right;}
.nodrop{cursor: no-drop!important;}

center,figure h2,.center,#page_accueil h1,#page_compte fieldset{text-align: center;}

small{font-size: 14px; letter-spacing: -0.02em;}
.vsmall{font-size: 12px; letter-spacing: -0.04em;}


#body_ind{color:black;font-size:15px;margin:0;padding:0;color:var(--couleurfond);;background: #fff;height:100%;overflow-x: hidden;}

main{background: #fff;margin: 0px;z-index: 1;display: block;position: absolute;width: 100%; background-attachment: fixed;background-repeat: repeat;background-size: 7%;}

header{left: 0;right: 0px;z-index: 3;top: 0px;position: fixed;background: var(--couleurfond) ;}

div#topimg{background-size: cover;width: 100%;color: transparent;height: 130px;overflow: hidden;background-position: center center;}

#logo{
display: block;
transition-duration: 250ms;
height: 187px;
margin: 2px;
aspect-ratio: 1;
position: absolute;
z-index: 20000;
border: 2px solid var(--couleurbase);
border-radius: 0 10% 30%;
cursor: pointer;
box-shadow: 0px 0px 0px 7px #ffffff inset, 0px 0px 0px 2px #fff;
padding: 2px;
}

img.logopetit{background: var(--couleurfond);
width: 160px;
margin: 4px;
padding: 0px;
border-radius: 0 11px 30px 11px;
overflow: hidden;
aspect-ratio: 1;
border: 6px double #fff;}

menu{position: relative;border: 1px solid #ffffff90;}menu b{font-weight:normal}

.beric{border-radius: 2px 8px 25px 8px!important;}
.svg-inline--fa{ transition: transform 0.3s ease;}

.bt_nivo1{text-decoration: none;text-align: center;color: #ffffffc4;text-transform: uppercase;font-size: 17px;position: relative;padding: 0 18px;line-height: 35px;display: block;}

.bt_nivo1_active,.bt_nivo1:hover{color: var(--couleurbase);text-decoration: none; filter: brightness(1.5) contrast(1.1);}
.bt_nivo1_active svg{transform: rotate(-12deg);}
.bt_nivo1:hover svg{transform: rotate(-12deg);}

svg.svg-inline--fa.fa-favicon.fa-w-16{transform-origin: center;transform: translate(-6px, -7px) scale(0.111);}

.fond{padding: 8px 0 7px 10px;
font-size: 17px;
letter-spacing: -0.025em;
line-height: 19px;
min-height: 70px;
border:1px solid var(--couleurfond);
border-top: 3px solid var(--couleurfond);
margin: 20px 0 40px;
border-radius: 4px;
background: var(--couleurtransp);}.fond i{
padding-right: 5px;
display: inline-block;
}

.fondadm{background: var(--couleurdeg2);}

.fondinterne{border:none;border-top: 1px solid #ffffff;margin-bottom: 0px;}


hr{color: #ccc;border: 1px solid #ccc;height: 0px;border-bottom: none;}
section{font-size: 17px;
position: relative;
top: 250px;
min-height: 640px;width: 75%;
margin: 0 auto;cursor: default;
}

section A:link ,section A:visited ,section A:active{text-decoration:none;color:var(--couleurbase);outline:none;}
section A:hover{text-decoration:none;color:#4d7291;outline:none;}

#leslicense a:hover{color: var(--couleurbase);}
#leslicense a{color: var(--couleurfond);}

.page_justify{text-align: justify;}
.page_justify h1, .page_justify h2{margin-left: -11px;width: -webkit-fill-available;}
.page_justify h1{text-align: left;}
.page_justify h2{font-size: 21px;
letter-spacing: -0.02em;
text-align: left;
background: var(--couleurtransp);
padding: 6px;
border-radius: 4px;}
.page_justify .imgbrd{border-radius: 4px;}
cite{
background: #f9f8c57a;
display: block;
padding: 10px;
width: 70%;
margin: 0 auto;text-align: center;
position: relative;margin-bottom: -15px;border: 1px solid #fff;
box-shadow: 0px 0px 1px 1px #304c634f;
}


span.actu_liste{width: 18%;
display: block;
float: right;
font-size: 14px;
letter-spacing: -0.03em;
margin-right: -40px;margin-top: 15px;border-left: 1px solid var(--couleurdeg2);
padding-left: 4px;}

.actu_liste h2{font-size: 14px;
padding: 8px 0 0 0;
margin-left: 0px;
line-height: normal;
background: none;}
.actu_liste span.actu_bloc a.actublog{padding: 2px;
border: none;
background: none;
text-align: left;
line-height: 16px;
display: block;
font-size: 15px;
letter-spacing: normal;}
.actu_liste svg.pictcours{
float: left;
font-size: 12px;
vertical-align: middle;
display: inline;
margin: 0 5px;
}

span.actu_contenu{
float: left;
width: 83%;font-size: 17px;
line-height: 110%;
}
.actu_contenu tr td:first-child {    font-weight: bold;
    width: 90px;
    white-space: nowrap;
    padding: 2px 20px 2px 0;
    text-align: right;}
span.myprofil{display: block;margin:20px 0;}
.paramtxt{padding: 15px;font-size: 14px;font-style: italic;}

h1,h3,h4,h6,h2.hpet,.page_justify h2,a.lienpdf,.actu_bloc h2{font-weight: bold;}

h1{color: var(--couleurfond);font-size: 32px;letter-spacing: -0.02em;}

h2{color: var(--couleurbase);font-size: 26px;width: 100%;font-weight: lighter;}

h2.hpet{font-size: 16px; letter-spacing: -0.02em;}

h3{color: var(--couleurbase);display: inline-block;font-style: italic;font-size: 20px;}

h4{color: var(--couleurbase);}
h5{color: #7dadcc;font-weight: 100;border-bottom: 1px solid #7dadcc;display: inline-block;line-height: 20px;}
h6{color:#4d7291;font-size:17px;display:inline}
h7{font-size: 14px;display: block;}

a.lienpdf{font-size: 13px;letter-spacing: -0.05em;left: 60%;width: 120px;text-align: left;float: right;}
#body_ind table{width:99%;border-spacing:0px;border-collapse:collapse;}

A:link , A:visited , A:active{text-decoration:none;outline:none;}
A:hover{text-decoration:underline;outline:none;}

.lien{color: var(--couleurbase); cursor: pointer;}
.lien:hover{text-decoration: underline;}
.conseil{filter: opacity(0.9);letter-spacing: -0.02em;}

addr{font-size: 13px;
opacity: 0.7;
color: #000;
margin-bottom: 12px;
display: block;}

addr small{   float: right;}

addr a{display: inline-block;margin: 0px 10px 0 0;}

.debdip{padding: 25px 0 10px;font-weight:bold}

img.imglist{
aspect-ratio: 1;
height: 22px;
vertical-align: middle; border-radius: 100%;
}




small.datequest{display: inline-block;
width: 100%;
margin: 4px 20px -8px 0px;
font-size: 12px;
filter: opacity(0.8);
text-align: right;
}

.myhover:hover{box-shadow: 0px 3px 4px -3px var(--couleurfond), 0px -3px 1px -3px var(--couleurfond);
z-index: 1;background: var(--couleurdeg1);}
.myhover:hover .ce2{color: var(--couleurbase);filter:opacity(1);}
.myhover:hover .svg-inline--fa,.ongletinactif:hover .svg-inline--fa{transform: rotate(-12deg);filter: none;}


.listnot{width: 70%!important;}
.listnot td{width: auto;
text-align: left;
padding: 3px 4px;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
border-bottom: 1px solid var(--couleurdeg2);}

b.coderatach{font-family: monospace;border: 1px solid #ccc;padding: 4px;border-radius: 4px;background: #fff;color: #109f10;}


.chkspc{margin: 10px 3px;vertical-align: middle;}

.pictbase{text-decoration: none; display: inline-block;
filter:opacity(0.8);
vertical-align: middle;
width: 26px;color: var(--couleurbase);
text-align: center;}

.boucleclr{animation: colorChange 2s linear infinite;}

.svgbleu{color: #3f5d76;}
.svgvert{color: #64d172;}
.svgorange{color: #fbac5c;}
.svggris{color: #999;}

.svgalign{width: 23px!important;margin: 4px;vertical-align: text-bottom;}

.finsession .histobar{display: block;float: left;margin: -18px 10px 10px 0}

a.actublog{width: 28%;display: block; text-align: center;border: 1px solid var(--couleurbase);border-radius: 2px 8px 8px 8px;margin: 10px 0;line-height: 100%;height: max-content;padding: 10px;background: var(--couleurtransp);color: var(--couleurbase)!important;}


span.actu_bloc{
display: flex;flex-wrap: wrap;justify-content: left;margin: 30px 0 40px;}
span.actu_bloc a.actublog{text-overflow: ellipsis;overflow: hidden;
white-space: nowrap;
padding: 10px 6px;
text-align: center;
width: 18%;
margin: 4px;
font-size: 17px;
letter-spacing: -0.04em;}

.actu_bloc h2{font-size: 20px;margin: 4px 0;}

svg.pictcours{font-size: 1.5em;display: block;width: 50px;margin: 5px auto;filter: opacity(0.8);}
.fa-sync.fa-w-16.fa-spin{font-size: 11px;color: inherit !important;}


span.actu_liste span.actu_bloc a.actublog{width:100%;}
span.actu_liste span.actu_bloc h02{font-size: 15px;}

embed#frame_doc{width: 100%;height: 2000px;}

.marghb small,.condens{font-size: 15px; display: inline-block;line-height: 17px;}

#formcontact{padding: 0px 10px;
border: 1px solid var(--couleurbase);
border-radius: 2px 8px 30px 8px;
text-align: center;
background: var(--couleurtransp);
border-top: 3px solid var(--couleurbase);}
#formcontact input,#formcontact textarea,#formcontact select{background: #fff;box-sizing: border-box;
border: 1px solid var(--couleurbase);
border-radius: 2px !important;
padding: 3px !important;
width: 93%;
margin: 3px 0;box-sizing: border-box;
font-size: 15px;  font-family: 'Tajawal';}
#env{cursor: pointer;font-size: 16px;color: #fff;font-weight: normal;background: var(--couleurbase)!important;padding: 5px 17px;border-radius: 4px;display: block;width: auto!important;text-align: center;margin: 0 auto!important;box-shadow: none;}

form#form_connex{padding: 17px 0;}
#form_connex small{display: inline-block; margin: 2px 0px 0px 7px;}
.textareasujet{height: 60px;float: left;width: 89%!important;}
#env.envsujet{float: right;width: 90px!important;display: block;white-space: pre-wrap;text-align: center;margin: 3px!important;padding: 10px!important;}

a.lienrapport{font-size: 16px;}

.lestiers{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px auto;}
.unavis{display: block;
overflow: hidden;
border: 1px solid var(--couleurdeg2);
border-radius: 2px 8px 25px 8px;
background: var(--couleurtransp);
margin-bottom: 10px;
font-size: 16px;
padding: 30px 5% 20px;
letter-spacing: -0.02em;
line-height: 19px;
}
.lestiers .lien{
color: inherit;
font-weight: normal;
text-decoration: underline;
}.lestiers .lien:hover{color: #00ff22ab;}


.avisacc{margin: 40px 6px;display: block;cursor: pointer;}

.unavis b{font-size: 15px; line-height: 15px;}

.unavis i{float: right;
text-align: justify;
width: 60%;
display: block;
font-size: 15px;
margin: 14px 0 -6px 0;
line-height: 15px;}
ins{font-size: 13px;
color: var(--couleurbase);
text-decoration: none;
display: block;
padding-bottom: 4px;}footer ins{color: #ffffff60;text-align: center;}


.untier{display: block;
padding: 0px 6px 20px 6px;
text-align: center;
font-size: 15px;
line-height: 18px;
flex-basis: 30%;}
.untier u{
font-size: 18px;
text-decoration: none;
font-weight: bold;
line-height: 20px;
}
.s17{
font-size: 16px;
min-width: 36% !important;
letter-spacing: -0.02em;
}
b.chifr{display: block;font-size: 42px;margin: 33px auto 10px;}
.leseto svg{margin: 0px 5px 10px 5px; font-size: 21px;}

.prod_flex{display: flex;flex-wrap: wrap;justify-content: space-around;}

.a_produit{display: block;line-height: 18px;margin: 20px 5px;overflow: hidden;padding: 0;text-align: center;height: 165px;border: 1px solid var(--couleurbase);border-radius: 5px;background: var(--couleurtransp);flex-gr_ow: 5;flex-basis: 31%;z-index: 0;}


span.btq_vign{display: block;width: 100%;font-size: 100px;padding-top: 10px;font-weight: bold; filter: opacity(0.8);}

span.btq_vign svg{padding-top: 0px;margin-top: 16px;font-size: 70px;color: var(--couleurbase);filter: drop-shadow(-2px -2px 1px #fff) drop-shadow(1px 1px 0px #777)!important;}
span.btq_vign i{height: 90px;display:block}
.bloque{filter: grayscale(0.9);}

.btq_produit h3{font-size: 26px ;font-weight: normal;
margin-top: 12px;
letter-spacing: -0.05em;
color: var(--couleurbase);
filter: drop-shadow(-1px -1px 0px #ffffffc4) drop-shadow(1px 1px 0px #00000050) !important;border: none;}

.btq_produit p{font-weight: bold;
filter: opacity(0.4);
transform: rotate(-8deg);
display: block;
margin: 14px 0 -35px -5px;
background: var(--couleurbase);
font-size: 17px;
color: var(--couleurdeg1);
text-align: left;
padding: 0px 140px 0px 15px;
white-space: nowrap;
transform-origin: left;
font-weight: normal;}

span.a_produit:hover>.btq_produit>p{filter: opacity(0.8);}

.opac80{filter: opacity(0.6);background: transparent !important;
border: 1px solid transparent !important;
cursor: default;}

b.temencour{font-size: 14px;text-align: right;display: block;height: 0;padding: 2px 8px 0 0;letter-spacing: -0.15em;color: var(--couleurfond);font-weight: normal;opacity: 0.8;}h2 b.temencour{display: inline;padding: 0 1px;top: -10px;position: relative;left: 2px;}

fieldset.module_ouvert{border: 1px solid var(--couleurbase);background: #f5f5f5; margin-top: 4px;}
#page_arevoir fieldset.module_ouvert{margin-bottom: 50px;}
.module_ouvert quote{text-decoration: none;color: var(--couleurbase);font-style: italic;padding: 0 3px 0 0;}

#page_contact span.compl,#page_journaladmin span.compl,#page_journal span.compl{height: auto;line-height: 20px;filter: opacity(1);padding: 8px;background:#0000000a;}

#page_contact fieldset.module_ouvert,#page_infos fieldset.module_ouvert,#page_journaladmin fieldset.module_ouvert{width: 98%;border: 1px solid var(--couleurbase);overflow: hidden;margin-bottom: 10px;}

.lgfx{display: flex;justify-content: space-between;flex-wrap: wrap; }

.titquest{line-height: 28px;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
height: 28px;
font-size: 16px;}
span.blocquest{display: flex;flex-wrap: wrap;flex-direction: row;}

span.blocquest1{padding: 15px 10px 25px 15px;
font-size: 18px ;
text-shadow: 0px 1px 0px #00000091;
line-height: normal;
flex: 1 1 49%;}

span.blocquest2{padding: 15px 5px 15px 0px;min-height: 200px;flex: 0 1 45%;}

span.blocquest3{width: 100%;}

span.blocquest5{width: 100%;
display: flex;
justify-content: center;
flex-wrap: wrap;
box-shadow: 0px 11px 11px inset #00000014;}


legende .retour{color:#ffffffde}
kbd{display: block;
padding: 10px 10px;
font-size: 16px;
cursor: pointer;
transition-duration: 150ms !important;
border-radius: 5px;
border: 1px solid transparent;
font-family: inherit;
text-align: left;
letter-spacing: -0.03em;}
kbd:hover,ilu A:hover{background: var(--couleurdeg1);border: 1px solid var(--couleurdeg2);}



span.vuexam{color: var(--couleurbase);
border-radius: 3px;
padding: 0px 3px;
border: 1px solid var(--couleurbase);
margin: -3px 0;
z-index: 1;
font-size: 12px;
display: inline-block;
background: #fff;
transform: rotate(5deg);
float: right;}

legende{background: var(--couleurbase);
width: auto;
padding: 2px 10px;
color: #fff;
position: relative;
margin: 0 auto;
top: 0px;
font-size: 15px;
z-index: 1;
display: block;
box-sizing: content-box;}
legende.legendmini{
height: 20px;line-height: 20px;
overflow: hidden;
}
.libelgraph,.libelrep,.libeljus{display: inline-block;
height:21px;
overflow: hidden;
position: relative;
line-height: 14px; box-shadow: 0px 5px 12px -10px inset #000;
}

span.libelgraph{background: #ffffff70;
width: 40%;
border-radius: 14px;
margin: 3px 0; 
cursor: pointer;
}span.libelgraph:hover{background: #ffffffd1;}
.ptcirc{font-size: 21px;
position: absolute;
background: var(--couleurbase);
margin: -2px 0;
border: 2px solid var(--couleurbase);
border-radius: 100%;right: 0;
z-index: 10000;}
span.libeltxt{
position: absolute;
width: 94%;
z-index: 2;
display: flex;
justify-content: space-between;
}span.libeltxt b{color: #000;
filter: opacity(0.5);
padding: 1px 5px;
font-weight: bold;
font-size: 14px;
line-height: 20px;
text-shadow: 0px 1px 1px #fefefe;
letter-spacing: -0.02em;}
span.libelrep{background:#fcbb42;}
span.libeljus{background: #57ea51f5;}

.infobas{background: transparent;
color: var(--couleurfond);
padding: 1px 26px 0 7px;
font-size: 13px;
float: right;
letter-spacing: -0.02em;
opacity: 0.5;}

span.compl{display: block;
background: var(--couleurdeg1);
font-size: 16px;
transition-duration: 500ms;
text-align: justify;
overflow: hidden;
border: 1px solid #0000001a;}
span.complexam{height: auto;filter: none;line-height: normal;margin: 10px 0; color: #fff;background: #ffffff24;padding: 20px;}

span.blockerm ,span.volfictif{padding: 3px 10px; background: #466a870d; width: auto;}

span.blockerm{border-radius: 5px;
font-size: 15px;
min-height: inherit;
display: block;
color: #000;
line-height: 20px;}
#suivierm{display: inline-block;font-size: 14px;width:-webkit-fill-available;}
.survolerm{display: none;font-size: 14px;width: auto;background: #f2fb9c;position: absolute;margin: -26px -5px;padding: 3px;border-radius: 4px;box-shadow: 0px 1px 4px #0000006b;z-index: 100;border: 1px solid #fff;}
.etape{margin-bottom: 5px;} 
span.volfictif{
display: block;
line-height: 16px;
font-size: 15px;
border-radius: 5px;
border: none;
box-shadow: none;}span.volfictif b{font-family: monospace;display: inline-block;width: 100%;}
b.entetape{display: block;border-top: 1px solid #ccc;}

.complhid{height: 0px;filter: opacity(0);line-height: 0px;}

.complshow{height:auto;line-height:18px;filter:opacity(100);padding: 15px;}

span#retour3bt{display: block;width: 100%;
text-align: center;font-size: 15px;
padding: 14px 0;}
input#noteperso{
padding: 3px;
min-width: 400px;
margin: 3px;background: #fff;color: inherit;
font-style: italic; border: 1px solid #ccc;
}

.label_petit{min-width: 100px;
display: inline-block;
font-weight: bold;
font-size: 14px !important;
cursor: pointer;
padding: 10px 5px;
color: var(--couleurbase);
border-radius: 3px;
margin: 22px 3px 0 3px;line-height: normal;
border: 1px solid #00000030;
background: var(--couleurtransp);
transition-duration: 250ms;
text-align: center;}

.label_petit:hover{border: 1px solid var(--couleurbase);color: var(--couleurfond);}

.label_petit.labelsave{background: var(--couleurfond);
color: #fff !important;
font-size: 17px !important;
padding: 8px 5px;}.label_petit.labelsave:hover{background: var(--couleurbase);}
.labelsave small{font-weight: normal;font-size: 14px;opacity: 0.6;}
expc{display: none; margin: -7px 0 6px;font-weight:bold}
label[data-suivant='oui']{width: 130px;}
.fa-times-circle{color: #b94949;}
.fa-check-circle{color: #63af85;}
.fa-circle{color: var(--couleurbase);}
.fa-hourglass{color: var(--couleurbase);font-weight: normal;width: 0.65em!important;}
b.pscd{margin-bottom: 4px;display: inline-block;font-style: italic;}
kbd[id=rep5]{color: var(--couleurbase);cursor: help;}

span.fa-layers-counter{transform: scale(0.7);
top: -8px;
right: -6px;
aspect-ratio: 1;
letter-spacing: -0.05em;
background-color: #e51e31;}
.imgdoc{max-width: 97%;
margin: 10px auto;
vertical-align: middle;
border-radius: 5px;
border: 1px solid var(--couleurdeg2);
display: block;
background: #fff;
text-align: center;
line-height: 40px;
padding: 8px;}

.repjuste{background:var(--couleurtransp);}
.repfausse:hover{background: none!important;}

.cache{height: 0px; overflow: hidden; padding-top: 0px!important;padding-bottom: 0px!important;border: none!important;}

span.lesdocs{display: inline-block;margin: 20px auto;text-align: center;position: relative;}
bdo{font-size: 18px;font-style: normal;text-align: center;font-weight: bold;position: relative;top: -7px;left: 22px;}
bdi{color: var(--couleurbase);display: block;font-size: 19px;filter: drop-shadow(0px 1px 0px #888);}

a[data-reclasse]{text-align: right;font-size: 14px;display: block;position: absolute;width: 96%;margin-top: -38px;}

tr.trchap{height: 74px;
background: var(--couleurtransp);
display: block;
border-radius: 5px;
overflow: hidden;
width: 100%;
position: relative;
font-size: 16px;
letter-spacing: -0.02em;
border:1px solid #00000017}

td.ce2{width: 100%;line-height: 74px;font-weight:bold;filter: opacity(0.9);}
tr.trchap.trchapent{height: 17px;}
tr.trchap.trchapent td{padding-left: 10px;}
tr.trchap.trchaptot, tr.trchap.trchapent{background: #10101024;height: 8px;}
tr.trchap.ligneexam td.ce2{font-size: 19px;}
iframe.youtube{border-radius: 4px;margin: 18px auto;width: 100%;height: 400px;}

.textarea{width:97%;height:60px;border-radius: 5px;border: 1px solid var(--couleurbase);padding:5px}
span#spanformdemandexplic{display: none;padding: 3px;text-align:left!important;}

span.petitbloc{padding: 8px 0;
display: block;
font-style: italic;}
select#arevoirmodequest{
position: absolute;
top: 0px;
right: 10px;background: var(--couleurtransp);
color: var(--couleurbase);
font-weight: bold;
}
span.blocnote{
width: 18%;display: block;font-size: 18px;border-radius: 30px;vertical-align: middle;background: transparent;line-height: 47px;margin: 0 8px;height: 46px;cursor: pointer;}
span.blocnote b{margin-left: 7px;}
.blocmoyenne{width: 76%;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;text-shadow: 1px 1px 1px #ffffff8a;
white-space: nowrap;cursor: pointer;border-radius: 20px;margin: 20px 0px -5px 0px;text-align: center;font-size: 14px;line-height: 22px;transition: background 1s;}
.creux{border: 1px solid #f6f6f6;border-bottom:1px solid #fff;box-shadow: 0px 11px 35px -33px inset #000;}
.creux:hover{border: 1px solid var(--couleurbase);}

span#bul3.noaffiche{filter: opacity(0.35);}

span.donut{float: left;vertical-align: middle;display: block;}
.finsession span.donut{float: none;}
span.donuttxt{font-weight: bold;
position: absolute;
width: 46px;
text-align: center;
font-size: 17px;
letter-spacing: -0.05em;
margin-top: 23px;z-index: 1;
line-height: 0px;}

.orange{color:#ee8918!important}
.red{color:#c54444!important}
.jaune{color:#fab430!important}
.green,.vertf{color:#70c027!important}
.vertc{color:#49d90c!important}
.blue{color:#4793f1!important}
.gris{color:#888!important}.gris2{color:#b9b8b8!important}


.bkred{background:#CC0000!important}
.bkorange{background:#EF6800!important}
.bkjaune{background:#FFB118!important}
.bkvertf{background:#85db36!important}
.bkvertc{background:#49d90c!important}
.bkgris{background:#b9b8b8!important}

figure{display: flex;flex-wrap: wrap;justify-content: space-between;}
figure a{cursor: pointer;color: var(--couleurbase);text-decoration: underline;}

figcaption{display: block;width: 47%;text-align: justify;margin-bottom: 25px;}
figcaption.xlarge{width: 78%;
margin: 0 auto;
text-align: center;}
figcaption svg.svg-inline--fa{font-size: 57px;margin: 0px auto;color: var(--couleurbase);display: block;}
.pagelist figcaption{width: auto;}
.pagelist h4{color: inherit;font-weight: normal;float: left;
margin-top: -57px;font-size: inherit;width: auto;}

img.imdajoutapres{max-height: 500px;}
figcaption.blotxt4{width: 100%;text-align: center;margin-top: 40px;}
.cont_onglets{display: flex;
flex-wrap: nowrap;
justify-content: center;
width: 96%;
padding: 0 2%;z-index: 1;
position: relative;}

.onglets{display: block;
border: 1px solid #dfdfdf;
border-radius: 4px 4px 0 0;
cursor: pointer;
font-size: 16px;
padding: 1px 5px;
border-bottom: none;
margin: 0 3px;
filter: grayscale(0.6);
text-align: center;
max-width: max-content;
line-height: 28px;
height: 28px;
flex: 1;
background: var(--couleurtransp);
overflow: hidden;
color: var(--couleurbase);
white-space: nowrap;
letter-spacing: -0.05em;text-overflow: ellipsis;}

.ongletinactif:hover{filter: grayscale(0.25); border-color: var(--couleurbase)!important;}
.onglets.ongletactif{filter: none;
background: #f2f1f1;
flex: 10;
border: 1px solid var(--couleurbase);
border-bottom: 1px solid #f2f1f1;
font-weight: bold;
line-height: 38px;
margin: -6px 0 0 0;
height: 35px; }
.onglets.ongletactif .pictbase{tran___sform: rotate(-12deg);}

span.corpsonglet{display: block;
overflow: hidden;
border: 1px solid var(--couleurbase);
border-radius: 18px;
cursor: default;
transition: height 1s ease;
font-size: 17px;
background: #f2f1f1;
padding: 20px;margin-top: -2px;}


.global_note{display: flex;
width: 100%;margin: 15px auto 50px;flex-wrap: wrap;
justify-content: center;}

tr.trchap.ligneexam{margin-top: 30px; height: 95px; padding-top: 16px;}
tr.trchap.ligneexamdemo{margin-bottom: 30px;}
tr.trchap2{margin-top: 30px; }
tr.trchap3{height: 83px; padding-top: 7px;}

.imgex{max-width: 80%;
cursor: pointer;
filter: drop-shadow(2px 2px 2px #00000050);
margin: 10px auto;
display: block;
}

th[data-orderelev]{color: var(--couleurbase);cursor: pointer;}th[data-orderelev]::before{content: "^ ";}
.boxmargin{display: block; margin: 10px 0;}.boxmargin label{font-size: 15px;color: var(--couleurbase);cursor: pointer;}
#et_env, #et_raf{text-align: center;width: 280px;cursor: pointer;background: var(--couleurbase);color: #fff;}

div#leslicense{position: fixed;
right: 0;
display: flex;
justify-content: center;
background: var(--couleurtransp);
border-bottom: 2px solid #fff;
left: 0px;
top: 166px;
z-index: 2;
padding: 3px;height: 23px;
width: 100%; }

.label_profil{border: 1px solid var(--couleurbase);border-radius: 8px;font-weight: bold;font-size: 17px;padding:8px 3px;cursor: pointer;margin: 4px;min-width: 12%;display: inline-block;text-align: center;background: var(--couleurtransp);color: var(--couleurbase);}
.label_profil:hover{background: var(--couleurbase); color: #fff; }
.label_profil svg{width: 28px !important;
height: 20px !important;
margin: 0px 6px 2px 0;
vertical-align: middle;}



.label_on, .label_off{font-size: 18px;
width: 8%;border-radius: 4px;
text-align: center;height: 24px;box-sizing: border-box;
border: 2px solid transparent;
line-height: 20px;}
	
.label_on{background: var(--couleurtransp);font-weight: bold;border: 2px solid var(--couleurbase);}
	
.label_off:hover:not(.label_off.label_on){font-weight: bold;}

.blice{font-size: 19px;
cursor: help;
display: block;
width: 31px;
text-align: right;
filter: opacity(0.7);}


img.logosecure{width: 270px;}
.bascrea{display: block;padding: 0 20px;}

.tdquoipremium{text-align: left;
font-size: 16px;
display: block;
padding: 0 10%;}
.tdquoipremium center{
display: flex;
justify-content: center;
align-items: center;
}

span.tdcom1, span.tdcom2{
width: 49%;
display: inline-block;
vertical-align: text-top;
padding-right: 3px;
}

.entt small{padding: 2px 5px;background: #1eb546;border-radius: 4px;color: #ffffff;z-index: 100;line-height: 18px;font-size: 14px;transform: rotate(-7deg);display: inline-block;}
span.spanflex{display: flex;justify-content: space-between;flex-wrap: wrap;}
fieldset{border: 1px solid var(--couleurbase);
border-radius: 2px 8px 30px 8px;
line-height: 20px;
margin: 0px auto 50px;
background: var(--couleurtransp);
border-top: 2px solid var(--couleurbase);overflow: hidden;
}


#page_compte .spanflex fieldset{flex: auto;}
.champ{box-sizing: border-box;border-radius: 5px;border: 1px solid var(--couleurbase);padding: 6px 4px;background: #fff;font-size: 15px;}input.large{width: 474px;margin-top: 13px;}

table.leseleves{background: #ffffff63;}

.leseleves td, .listutil th,.leseleves th{padding: 2px 1px 2px 10px;
min-width: 50px;vertical-align: middle;text-align: left;
font-size: 14px;}
.leseleves th{font-size: 17px;line-height: 40px;}
.leseleves tr{border-top: 1px solid #ccc;padding: 5px;}
.leseleves tr:hover{background: #fffffff2;}

.leseleves tr.o7{filter:opacity(0.8)} .leseleves tr.o7:hover{filter:none}
.leseleves tr.o4{filter:opacity(0.6)} .leseleves tr.o4:hover{filter:none}

select#quelmotclick{border: none;
color: #3cb93c;
font-size: 12px;
height: 19px;
max-width: 190px;
background: transparent;
font-weight: bold;
cursor: help;}
span#resumeprix{
font-weight: bold;
color: green;
padding: 4px;
display: inline-block;
}

.w40{width: 50px!important;}
.w50{width: 28px;min-width: 28px!important;text-align: center;font-weight: bold;padding: 2px!important;vertical-align: middle;}
.w60{width: 60px!important;}
.w80{width: 85px!important;}
.w100{width: 110px!important;}
.w150{width: 150px!important;}
.w200{width: 200px!important;}
.w300{width: 300px!important;text-align:left!important;}
.w1000{width: 100%;padding:2px}
.w500{width: 500px!important;text-align:left!important;}
.w800{width: 800px!important;text-align:left!important;}
.w1200{width: 1200px}

.motarecup{letter-spacing: -0.03em;text-align: center;color: var(--couleurbase);font-weight: bold;font-size: 14px;}

.aprecia .vsmall{filter: opacity(0.8);color: var(--couleurfond) !important;	font-weight:normal}
span.grx{float: left;margin: 20px 25px 0 28px;}


b.newc{
color: var(--couleurbase);
transform: rotate(-11deg);
display: inline-block;
font-size: 14px;
margin-left: -20px;
}
.barlumin{border:1px solid var(--couleurfond);box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; ;stroke: var(--couleurfond);} 

span.hor{display: block;
margin: -3px 0 0 0;
border-radius: 2px;
overflow: hidden;
background: #00000010;
line-height: 15px;
height: 15px;
font-size: 12px;
width: 95px;
letter-spacing: -0.05em;
white-space: nowrap;
padding: 0 2px;}span.hor i{opacity: 0.9;}.hor b{float: right;  opacity: 0.8;}

span.pictrotat{position: absolute;left: 77px;width: 30px;opacity: 0.7;}

span.graphtotal{display: block;margin: -10px 0 0 0;width: 80px;border-radius: 3px;overflow: hidden;height: 10px;}
legende .graphtotal{float: right;margin: 7px;}
span.graphmini{height: 10px;overflow: hidden;display: block;width: 80px;background: #00000010;}legende span.graphmini{
background: #ffffff59;}

bver{float: left;
text-align: left;
white-space: nowrap;
height: 100%;
color: #00000080;
line-height: 14px;
}


span.finsession{padding: 30px;
display: flex;
line-height: 20px;
min-height: 300px;
justify-content: space-around;
align-items: stretch;}

span.finsession1, span.finsession2, span.finsession3{padding: 20px 10px; flex-basis: 50%;}


span.sessdonut{display: block;  height: 100px;width: 195px;}
.sessdonut small{font-size: 13px;}.sessdonut small i{float: right;font-weight: bold;}
span.titletaux{font-size: 15px;
display: block;
width: 170px;
line-height: 15px;
margin: -76px 0 0 129px;}

.trchap span.aprecia{font-size: 14px;
line-height: 16px;
position: absolute;
right: 10%;
margin-top: 22px;
text-align: right;
font-weight: bold;}

ilu a{font-size: 17px;border: 1px solid transparent;
text-overflow: ellipsis;
overflow: hidden;
min-width: 260px;
display: inline-block;
padding: 2px 4px;
border-radius: 4px;}

b.clipprogt{font-size: 14px;
display: block;
font-style: oblique;
filter: opacity(0.8);
}

aside{text-align: center;font-size: 15px;line-height: 15px;filter: opacity(0.9);}

date{font-size: 14px;letter-spacing: -0.05em;font-weight: bold;text-transform: capitalize;}.histo date{color: var(--couleurbase);}
tr.entt{color: var(--couleurbase);font-weight: bold;font-size: 23px;line-height: 24px;}.entt svg.svg-inline--fa{color: #3f5d76;font-size: 50px;}

span.lesbtpay{
display: flex;
justify-content: center;
flex-wrap: wrap;align-items: stretch;color:#296d4e;
}

.jolibt{border-radius: 5px;text-align: center;overflow: hidden;cursor: pointer;flex-basis: 23%;min-width: 300px;margin: 10px;min-height: 170px;border: 1px solid #a2b3c1;box-shadow: 0px 0px 1px 1px inset #fff;transition-duration: 170ms;}
.jolibt:hover{transform: rotate(-2deg);}

.jolibt svg{font-size: 36px;display: inline-block;margin: 8px auto 3px;}

span.bandcb{font-size: 22px;background: #ffffff57;width: 100%;margin-bottom: 10px;display: inline-block;line-height: 30px;vertical-align: middle;box-sizing: border-box;font-weight: bold;}span.bandcb.bandcb2{text-shadow: 1px 1px 1px #fffffff7;}
span.bandcb.bandcb3{letter-spacing: -0.03em;background: none;font-weight: normal;font-size: 15px;color: #fff;margin-top: 20px;}

.jolibt0{background: linear-gradient(0deg, #c8c8c8 0%, #ffffff 100%);color: var(--couleurfond);}
.jolibt1{background: linear-gradient(0deg, #52c095 0%, #c3ff75 100%);}
.jolibt2{background: linear-gradient(0deg, #3ca9b1 0%, #c3ff75 100%);}
.jolibt3{background: linear-gradient(0deg, #468cce 0%, #c3ff75 100%);}

.btdesact{filter: grayscale(1) opacity(0.6);cursor: not-allowed;}
span#jolibtgra.backvert{background: rgb(92,166,61);background: linear-gradient(0deg, rgb(107 177 78) 0%, rgb(124 251 128) 100%);}

i.pcb{font-size: 44px;
font-style: normal;
font-weight: bold;
display: inline-block;
top: 17px;
text-shadow: 1px 1px 1px #fff;
position: relative;
letter-spacing: -0.02em;}
.pcb s{font-size: 20px;
color: #c50b0bc7;
margin-right: 6px;}
.discounttxt{font-size: 16px;
transform: rotate(-6deg);
display: block;}
bar{display: block;padding: 4px 8px;font-size: 16px;font-weight: bold;line-height: 17px;text-shadow: 1px 1px 1px #ffffffab;}

i.pictotxt{background: url(./image/favicon.png) no-repeat center center;
display: inline-block;
width: 17px;
aspect-ratio: 1;
background-size: contain;
vertical-align: middle;
margin: 3px 1px 5px 0px;}

small.hotkeys{float: right;font-size: 13px;color: #70951c;}

.bt_save{margin: 4px auto;
padding: 4px 12px !important;
background: var(--couleurfond);
cursor: pointer;
border-radius: 4px;
text-align: center;
vertical-align: middle;
color: #fff;
font-size: 16px;
width: max-content;
border: none;}

.bt_save:hover{color: #fff;background-color: var(--couleurbase);}
a{cursor: pointer;color: var(--couleurbase);}


span.lessites{display: flex;width: 100%;flex-wrap: wrap;justify-content: space-evenly;margin:0 0  30px 0;}
.lessites a{transition-duration: 0.250s;
max-width: 6%;
margin: 4px;
padding: 0px;
border-radius: 0 11px 30px 11px;
overflow: hidden;
aspect-ratio: 1;
border: 6px double #fff;}
.lessites a:hover{border-radius: 30px;}
.lessites img{transition-duration: 350ms; height: 100%;}

#page_map a{line-height: 32px;}

div.bdtop{background: #fff;
width: 300px;
border-radius: 4px;
position: relative;
left: 66%;
top: 40px;
border: 1px solid var(--couleurbase);
box-shadow: 0px 0px 0px 2px #fff;
padding: 4px 8px;
text-align: center;
font-size: 15px;
color: var(--couleurbase);
font-weight: bold;
position: absolute;
z-index: 10;
line-height: 16px;
transform: scale(1) rotate(7deg);
cursor: pointer;
letter-spacing: -0.02em;}
div.bdtop b{
font-size: 27px;
vertical-align: middle;
letter-spacing: -0.05em;
margin: 4px;
}
.blocform{width: 100%;font-size: 15px;line-height: 9px;}

.message{height: 120px;}
table.tabavis{width: 94% !important;}
table.tabavis td{text-align: left;}
table.tabavis td.tdav1{text-align: right;
vertical-align: middle;
padding-right: 10px;
width: 33%;
font-size: 14px;
line-height: normal;}
#checkhotkeys{font-size: 15px;cursor: default;
display: block;
color: #000;
margin-top: 20px;
filter: opacity(0.5);
text-align: center;}#checkhotkeys:hover{filter: opacity(0.8);}

#checkhotkeys b{display: inline-block;border: 1px solid #000000a1;border-radius: 2px;padding: 2px 2px 2px 3px;aspect-ratio: 1;width: auto;height: 13px;margin: 0 -1px 0 5px;background: #eee;vertical-align: middle;text-align: center;line-height: 14px;font-size: 12px;color: #333;}

audio{display: block;
border: 1px solid var(--couleurbase);
border-radius: 50px;
overflow: hidden;
box-shadow: none !important;
height: 35px;
width: 95%;
margin: 10px 0;
padding-bottom: 4px; background: #f1f3f4;}
a.btaudio{
font-size: 10px;
margin: -25px 0 0 50%;
display: block;
position: relative;
}

span.ponctuel{font-style: italic;font-size: 17px;line-height: 120%;margin: 13px 14px;display: block;text-align: justify;letter-spacing: -0.02em; text-align: center;}


#cMd{border-radius: 30px;display: none;height: 25px;margin: 0;padding: 2px;position: absolute;width: 25px;z-index: 99999;background: #fff;color: #000;}

.alga{float: left;max-width: 49%;margin: 5px 15px 5px 0px;clear: both;}
.alda{float: right;max-width: 49%;margin: 5px 0px 5px 15px;clear: both;}
.alca{margin: 0 auto;display: block;max-width: 49%;}
.algc{float: left;width: auto;margin: 5px 15px 5px 0px;max-width: 100%;clear: both;}
.aldc{float: right;width: auto;margin: 5px 0px 5px 15px;max-width: 100%;clear: both;}
.alcc{margin: 0 auto;display: block;width: auto;max-width: 100%;}

div#rideau{display:none;position: fixed;
background-color: var(--couleurfond);
z-index: 1000;
filter: opacity(0.8);cursor: grab;
height: 100%;width: 100%; 
}
#TitrBulle{position: absolute;
left: 1px;
top: 1px;
font-size: 12px;
padding: 1px 7px;
border-radius: 0 0 10px 0;
background: var(--couleurtransp);}
#Bulle{display: none;
position: fixed;
cursor: default;
top: 40%;line-height: 17px;
left: 50%;
transform: translate(-50%, -50%);
min-width: 250px;
background-color: #fff;
text-align: center;
padding: 30px 20px 20px 20px;
border-radius: 2px 8px 32px 8px;
z-index: 1100;
box-shadow: 4px 4px 4px var(--couleurfond);
}

#toTop{cursor: pointer;
color: var(--couleurbase);
position: fixed;
bottom: 11%;
right: 5%;
z-index: 1000;
border-radius: 100%;
font-size: 43px;
display: none;
background: #fff;
aspect-ratio: 1;
width: 35px;
height: 35px; border: 1px solid var(--couleurbase); padding: 4px;}svg#toTop:hover{filter: drop-shadow(2px 2px 3px #00000050);}

footer{margin-top: 300px;padding: 4px;text-align: center;display: block;color: #ffffffd6;font-size: 15px;background: var(--couleurfond);border-top: 1px solid var(--couleurbase);width: 100%;}footer a{color: inherit;}

.histo{text-align: justify;padding: 30px 5% 30px 5%;font-size: 16px;border-bottom: 1px solid #00000020;}
.histoavant{background: var(--couleurtransp);}

svg.rotpie{transform: rotate(360deg);transition: transform 800ms;}

b.btimp{
width: 56px;
background: var(--couleurtransp);
border-radius: 4px;
text-align: center;
font-size: 15px;
line-height: 25px;
vertical-align: middle;
margin: 0px;
border: 1px solid var(--couleurdeg2);
cursor: pointer;
color: var(--couleurbase);
position: absolute;z-index: 2;}
b.btimp:hover{color: var(--couleurfond);}

.fdbt{border: 1px solid var(--couleurfond);}

.ch_exo{
vertical-align: middle;
padding: 3px 26px 3px 4px !important;
border: 1px solid var(--couleurbase) !important;
line-height: 17px;
font-size: 14px;
text-align: center;
margin: 2px;
min-width: 100px !important;}
.ch_exoarea{
width: 93%;
height: 35px;
text-align: left;font-size: 13px;
letter-spacing: -0.03em;
}
.ch_exo_hov{cursor:default;border-color:#61ad1c!important}
.bt_exo{margin: 1px 9px -2px -24px;}
.bt_exo_txt{margin: -1px;}
.bt_exo.gris{color: #7aa68e!important; cursor: pointer;}
.bt_exo.gris:hover{color: var(--couleurbase) !important;}
.retourcorrect{display: none;color: #888;font-size: 13px;}

.debfinp{z-index: 1;
position: relative;
font-family: monospace;
display: block;
padding: 0 9px;
color: #777;
font-size: 13px;
letter-spacing: -0.03em;
font-style: normal;}
.classdebtxt{padding-top: 17px !important;margin-top: -20px;z-index: 0;}
.classfintxt{padding-bottom: 17px !important;margin-bottom: -20px;z-index: 0;}

span.acc_quest_cont{display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: wrap;margin: 25px 0;
align-items: stretch;}
span.acc_quest0{border: 1px solid var(--couleurdeg2);
display: block;
flex-basis: 31%;
font-size: 15px;
border-radius: 4px;
padding: 6px;
background: var(--couleurtransp);
line-height: 100%;letter-spacing: -0.03em;
filter: opacity(0.9);
}

.acc_quest_cont kbd{font-size: 15px;
padding: 5px;
font-weight: normal;
color: inherit;}
span.acc_quest1{padding-bottom: 15px;
display: block;
font-size: 17px;
line-height: 18px;
font-style: italic;
font-weight: bold;}
.acc_quest_cont img.imgdoc{
margin: -10px auto;
padding: 1px;
max-width: 99%;max-height: 120px;
}

.sharethis-inline-share-buttons{display: inline-block!important}

a.insta{transition: opacity 0.2s ease-in, top 0.2s ease-in;border-radius: 5px;border: none;cursor: pointer;display: inline-block;font-size: 19px;height: 33px;line-height: 37px;margin-right: 8px;padding: 0 8px;position: relative;text-align: center;top: 0;vertical-align: top;white-space: nowrap;background: #d42d78;color: #fff;} a.insta:hover, #st-1 .st-btn:hover{opacity: 0.8;top: -4px;}

data{display: flex;justify-content: center;margin: 10px 0 25px;}
data i{display: block;
margin: 5px 10px;
font-size: 16px;
color: #ffffff;
line-height: 20px;
text-align: left;}data i a{text-decoration: underline;}

p.btequipe{background: url(https://www.je-ve-comprendre.fr/image/equipe1.jpg);
background-size: contain;float: left;
color: #fff;
font-size: 21px;
display: block;
width: 120px;box-shadow: 4px 4px 5px inset #00000030;
height: 120px;
border-radius: 100%;opacity: 0.9;
margin-right: 10px;}


form#form_crea2{
width: 576px;
margin: 0 auto;
text-align: left;font-size: 15px;
}
#form_crea2 i{
width: 33%;
display: inline-block;
text-align: right;
padding: 10px;
font-size: 14px;
font-weight: bold;
}

label#clickonglet{
font-size: 25px;
margin: 0 5px;
}

select#suiviexam{
font-size: 11px;
background: transparent;
border: 1px solid var(--couleurbase);
border-radius: 2px;
padding: 2px;
color: inherit;
width: 150px;
}

.spanexam{top: -65px;position: relative;}

.bandobas{position: fixed;
background: var(--couleurfond);
padding: 5px;
bottom: 0;
left: 0;
min-height: 90px;
color: #fff;
text-decoration: none;
border-top: 3px solid #fff;
overflow: hidden;
z-index: 80;
text-align: center;width: inherit;}
.bandobas img{width: 50px;
border-radius: 100%;
vertical-align: middle;}

.bandobas .bt_save{background: var(--couleurbase);display: inline-block;margin: 8px;}

.discret{opacity: 0.3;}
.onglets.ongletactif.discret{opacity: 0.6;}
a.acquis{display: inline;margin: 20px 0 0 4px;height: 0px;}

.legcompt{text-align: center;margin-bottom: -17px;}

.containphoto{display: flex;flex-wrap: wrap;justify-content: center;gap: 10px; padding: 10px;}
.containphoto a{flex: 1 1 calc(50% - 10px);max-width: calc(50% - 10px);display: block;}
.containphoto img{width: 100%;  height: auto; display: block;border-radius: 6px; }


@media (max-width: 1450px){
section{width:90%;}
.bt_nivo1{padding: 0px 12px;font-size: 15px;}
i.txtfooter{font-size: 15px;}
span.tdcom1, span.tdcom2{display: block;width: 100%;}
table.tabavis{width: 100% !important;}
}

@media (max-width: 1025px){
section{width:97%;top: 200px; }
.blocmoyenne{width: 93%;}

div#topimg{height: 104px;}

#logo{height: 158px;}

figcaption svg{font-size: 45px !important;margin: 7px auto !important;}
figcaption.blotxt4{text-align: justify;margin-top: inherit;margin-bottom: 50px;width: inherit;}
.bt_nivo1{font-size: 14px;padding:0 7px;}
h1{font-size: 30px;}

.btq_produit h3{font-size: 22px!important; }
span.btq_vign svg{font-size: 65px;}
.a_produit p{font-size: 13px;filter: opacity(1);padding: 0px 71px 0px 13px;font-weight: normal;background: var(--couleurdeg2);}

span.blocquest{flex-direction: column;}

span.blocquest1{width: auto; padding: 15px 5px 0px; line-height: 110%;}
span.blocquest2{width: auto;padding: 9px 8px;min-height: 100px;}

div.bdtop{left: 70%;top:30px;font-size:14px;}

kbd{padding: 2px;font-size: 16px;margin: 10px 0;}


div#leslicense{top: 138px; text-align: center;}

span.finsession{display: block ;padding: 0px 10px 0 10px;}
 span.finsession1, span.finsession2, span.finsession3{width: 100%;margin: 0px;display: block;clear: both;}

a.btfini{left: inherit;}
.textareasujet{width: 78%!important;}

#env.envsujet{width: 60px!important;margin: 10px 0px 0px 0px!important;padding: 6px!important;font-size: 14px;}

span.blocnote{margin: 0px 3px 0px 0px;font-size: 16px;width: 24%; }
span#bul4{margin: 0px 0px;}

.page_justify{padding: 0 10px 0 10px;}
.page_justify h1{font-size: 30px;}

input#noteperso{padding: 3px;min-width: 96%;}

#formcontact input,#formcontact textarea,#formcontact select{width: 99%;}

fieldset.module_ouvert{border: 1px solid var(--couleurbase);margin-top: 0px;}
.label_on, .label_off{font-size: 17px;width:20%;}

}

@media (max-width: 800px){
b.blice,.nomobil,menu b,#topimg,label[for="affvert"],.cont_onglets,small.datequest,a.bandobas img,a.acquis,#accueil{display:none!important}

.legendmodu,#page_compte .tdquoipremium center,data{display:block}

data i{text-align: center;}

#selectonglet{background: transparent;
border: none;
color: var(--couleurbase);
padding-left: 20px;
margin-left: -20px;
font-size: 15px;
font-weight: bold; 
letter-spacing: -0.04em;}option{color: #000;}

.outdent{
font-size: 22px;
vertical-align: text-bottom;
color: var(--couleurbase);
}

.lgfx{display: flex !important;
position: fixed;
top: 63px;
left: -1px;
width: 97%;
z-index: 20;
background: var(--couleurdeg2);
border-bottom: 2px solid #fff;
justify-content: center;}
		
.lestiers{display: block;margin: 20px 0px;}

div#leslicense{top: 62px;border-bottom: 6px solid #fff;padding: 2px 0 0 0; height: 27px}
section{font-size:15px;top:120px;min-height: 360px;width: 95%;}
h1{font-size: 31px;letter-spacing: -0.05em !important;line-height: 100%;}
h2{font-size: 23px;line-height: 100%;}
.page_justify h2, .page_justify h3{font-size: 17px;line-height: normal;padding: 12px 5px;}
.btq_produit h3{font-size: 20px!important; }
.a_produit{height: 140px!important;;}
footer{margin-top: 200px;font-size:13px}
.lessites a{max-width: 16%; }

#logo{width: 64px;
z-index: 1;
box-shadow: none;
margin: -3px 0 0 -10px;
border-radius: 0 10% 30% 0;
height: 62px;
border: none;transform: rotate(-6deg) translateY(-1px);}
.logodroit{transform: rotate(0deg) translateY(0px)!important;}

.label_profil{display:block;border: 1px solid var(--couleurtransp);font-size: 15px;margin: 5px;line-height: 30px;text-align: left;}

.label_profil svg{width: 29px !important;height: 19px !important;margin: 4px 12px 5px 5px;}


menu{background: none;border: none; border-bottom: 2px solid var(--couleurbase);padding: 13px 5px 13px 0;}
ilu a{letter-spacing: -0.02em;margin: 1px;width: 97%;}
.prod_flex,figure{display: block; margin:15px auto 0px 0;}

figcaption{width: auto;font-size: 16px;line-height: normal;padding: 0 10px;}
figcaption.xlarge{width: 95%;text-align: justify;}

span.acc_quest0{flex-basis: 95%;margin: 10px 0;}

.bt_nivo1{font-size: 23px;width: 29px;margin: 3px 0 -3px 0;}

td.ce1{transform: scale(0.85);}
td.ce2{font-size: 15px;letter-spacing: -0.04em;}

span.actu_bloc{display: block;max-width: 100%;}
a.actublog{width: auto!important;font-size: 18px;}

#page_question fieldset.module_ouvert{border: none;background:#fff;margin-top: 35px;}

span.libelgraph{transform: scale(0.95);transform-origin: left; }

legende .retour,.titquest{color: var(--couleurbase);}

tr.trchap{border: 1px solid var(--couleurbase);margin-bottom: -1px;}
.global_note{margin: 10px auto 30px;}

span.blocnote{font-size: 11px;letter-spacing: -0.06em;height: 37px;line-height: 33px;margin: 0px 0px;}
span.blocnote b{white-space: nowrap;display: inline-block;width: 35px;text-overflow: ellipsis;overflow: hidden;margin-left: -3px;}
.creux{box-shadow: 0px 8px 33px -33px inset #000;background: #eeeeee30;}

.blocmoyenne{margin: 15px 0px -3px 0px;font-size: 13px;line-height: 21px;}
.imgdoc{max-width: 95%;}

.jolibt{margin: 8px;min-height: 174px;min-width: 300px;}

tr.trchap.ligneexam,tr.trchap2{margin-top: 20px; }
span.grx{margin:20px 0px 0 0px;}

.titquest{letter-spacing: -0.04em;}
span.libelgraph,.listnot,.spanmot .w100{width: 100%!important;}
.ptcirc{
background: transparent;
border: none;
color: var(--couleurbase);
margin: 0;
}
.tdquoipremium{font-size: 14px;letter-spacing: -0.04em;padding: 0;}

.label_petit{min-width: 42%;padding: 6px;margin: 5px;}

span.blocquest5{justify-content: space-evenly;padding-top: 30px;background: #fff;box-shadow: none;}

.complshow{padding: 20px 8px 30px 8px;font-size: 15px !important;}

label[data-suivant='oui']{width: 92%;}

span.corpsonglet{padding: 17px 0px;background: #fff;border: none;}

svg.rotpie{transform: scale(0.8); transition: none; }
span.donut{margin: -4px 0px 0 -5px;}

span.donuttxt{font-size: 12px;padding-top: 1px;}

span.actu_contenu{float: none;width: 100%;}

.trchap span.aprecia{font-size: 12px;margin-top: 46px;filter: none;right: 5%;line-height: 12px;}

span.sessdonut{margin: 25px auto -22px auto;}span.titletaux{margin: -31px 0 0 55px;}

span.pictrotat{left: 52px;}

table.tabavis td{text-align: left;display: block;text-align: left !important;width: 100% !important;}td.tdav1{margin: 10px 0 0px 0;}

span.ponctuel,span.actu_bloc a.actublog{font-size: 16px;}

span.fa-layers-counter{transform: scale(0.48);top: -3px;right: -5px;}

.paramtxt{padding: 0px 0px 12px 0px;}
span.myprofil{margin:-10px 0 20px 0;}

.choixfixe{display:block;margin: -10px 0 10px 0;}
.fixesuivclass{display: block;
position: fixed;
bottom: -7px;
width: 100% !important;
border-top: 2px solid var(--couleurbase);
z-index: 100;
border-radius: 0px;
line-height: 70px;}


.alga,.alda,.alca,.algc,.aldc,.alcc{float: none;max-width: 100%;width: 100%;margin: 0px;}

b.newc{font-size: 13px; letter-spacing: -0.06em;}

form#form_crea2{width: 100%;text-align: center;}
#form_crea2 i{width: 100%;text-align: center;padding:25px 0 4px 0;}
.largmob{width: 90%!important;margin:0 0 10px 0;}

.fond{font-size: 15px;line-height: 16px;padding: 4px 0 4px 5px;}

select#arevoirmodequest{position: relative;left: 0px;}

p.btequipe{width: 70px;height: 70px;margin: 0 auto;}

.spanexam{top: -50px;}

.bandobas{font-size: 14px;line-height: 16px;width: 98%;}

.leseto svg{margin: 0px 5px 6px 5px;font-size: 18px;}
b.chifr{font-size: 37px;margin: 5px auto 8px;}
menu ul{justify-content: left; padding-left: 64px;}

}

@media print{
.fa-question-circle,.cont_onglets,menu,.bp,#menuadmin,b.btimp,.selectenpdf,.leshare,#toTop{display: none!important;} 
.pdf_table{display:table;box-shadow:none!important;border:none!important;}
.lessites a{max-width: 90px;}
#topimg{text-align:center;background:transparent!important;font-size:20px;color:var(--couleurbase)!important;height:100px;margin-top:0px}
#logo{border-radius: 100%;width: 80px;left:2px;position:relative}
header{top:0px;height:90px;position:relative}
section{margin:0px;top:80px}
.blocmoyenne{margin: 7px;}
.global_note{margin: 40px auto;height: 40px;}
}


@keyframes colorChange{0%{opacity: 1;} 50%{opacity: 0;} 100%{opacity: 1;}}