/*--{2}*/

[PanelFooter]{
    background-color:var(--textcolor);
    text-align: left;
    padding-top: 3px;
}

[PanelFooter]>[TableYans]:nth-child(1){
    width: 100%;
    border-spacing: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(1){
    text-align: center;
    vertical-align: middle;
    min-width: 90px;
    width: 90px;
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(1)>[Yans]{
    width: 80px;
    height: 70px;
    padding-top: 10px;
    border-radius: 100px;
    margin: auto;
    background-color: rgb(255,255,255,0.6);
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(1)>[Yans]>[Yans]{
    width: 60px;
    height: 60px;
    border-radius: 100px;
    margin: auto;
    background-color: var(--color);
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(1)>[Yans]>[Yans]>[ImageYan]{
    margin-top: 10px;
    width: 40px;
    height: 40px;
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(2){
    text-align: left;
    vertical-align: middle;
    padding-left: 10px;
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(2)>[TextYan]:nth-child(1){
    color: var(--textcolor);
    font-size: 154%;
    font-weight: bold;
    text-shadow: 0px 0px 2px white;
}

[PanelFooter]>[TableYans]:nth-child(1) [TableCellYans]:nth-child(2)>[TextYan]:nth-child(2){
    color: var(--color);
    font-size: 200%;
    font-weight: bold;
    text-shadow: 0px 0px 2px black;
}

[PanelFooter] [PanelFooter_PanelYans1]{
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--color);
}

[PanelFooter]>[PanelFooter_PanelYans1] [TableYans]{
    border-spacing: 5px;
}

[PanelFooter]>[PanelFooter_PanelYans1] [TableYans]>[TableRowYans]>[TableCellYans]:nth-child(1){
    text-align: left;
    vertical-align: middle;
    min-width: 50px;
    width: 50px;
}

[PanelFooter]>[PanelFooter_PanelYans1] [TableYans]>[TableRowYans]>[TableCellYans]:nth-child(1)>[Yans]>[ImageYan]{
    width: 45px;
    height: 45px;
}

[PanelFooter]>[PanelFooter_PanelYans1] [TableYans]>[TableRowYans]>[TableCellYans]:nth-child(2){
    text-align: left;
    vertical-align: middle;
}

[PanelFooter]>[PanelFooter_PanelYans1] [TableYans]>[TableRowYans]>[TableCellYans]:nth-child(2)>[Yans]{
    text-decoration: none;
}

[PanelFooter]>[PanelFooter_PanelYans1] [TableYans]>[TableRowYans]>[TableCellYans]:nth-child(2)>[Yans]>[TextYan]{
    color: var(--color);
    font-size: 111%;
    font-weight: bold;
}

[PanelFooter]>[PanelFooter_PanelYans1] [RequestFrame]{
    margin-bottom: 5px;
}

[PanelFooter] [PanelFooter_PanelYans2]{
    margin: auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

[PanelFooter] [PanelFooter_PanelYans2]>[Yans]>[Yans]{
    padding: 5px;
}

[PanelFooter] [PanelFooter_PanelYans2]>[Yans]>[Yans]:nth-child(1)>[TextYan]{
    font-weight: bold;
    font-size: 100%;
    color: var(--color);
}

[PanelFooter] [PanelFooter_PanelYans2]>[Yans]>[Yans]:nth-child(1)>[Yan]:nth-child(2){
    background-color: var(--color);
    width: 30px;
    height: 2px;
}

[PanelFooter] [PanelFooter_PanelYans2]>[Yans]>[Yans]>[Yans] [ButtonYan]{
    font-weight: normal;
    text-align: left;
    padding-left: 0px;
    display: inline-block;
    margin-top: 5px;
}

[PanelFooter] [PanelFooter_PanelYans2] [InputText]{
    margin-top: 25px;
    margin-bottom: 15px;
}

[PanelFooter] [PanelFooter_PanelYans2] [PanelFooter_SaveEmail]{
    background-color: var(--textcolor1);
    width: 100%;
    color: var(--textcolor);
}

[PanelFooter] [PanelFooter_PanelYans3]{
    margin: auto;
    padding: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 2px solid rgba(0,0,0,0.4);
}

[PanelFooter] [PanelFooter_PanelYans3] [TextYan]{
    font-size: 80%;
    color: rgba(255,255,255,0.6);
}

[PanelFooter] [PanelFooter_PanelYans3] [ButtonYan]{
    font-size: 80%;
    color: rgba(255,255,255,0.6);
    font-weight: normal;
    padding-left: 0px;
    background-color: rgba(0,0,0,0);
}/*--{2}*/

/*[PanelEdit_InputTitre_Input] [readonly]{
    border-bottom: none;
}

[PanelEdit_InputTitre_Input]{
    border-bottom: 2px solid rgb(50,50,50);
}*//*--{3}*/

[TypeCvMove]{
    text-align: center;
    vertical-align: middle;
}

[TypeCvMove] [TypeCvMove_Div]{
    position: relative;
    width: 36vw;
    height: 50vw;
    min-width: 200px;
    min-height: 260px;
}

[TypeCvMove] [TypeCvMove_Dii]{
    position: relative;
    margin: auto;
    text-align: left;
    vertical-align: top;
    background-color: white;
    box-shadow: 0px 0px 4px black;
    border-radius: 5px;
    width: calc(100% - 10px);
    height: 100%;
}

[TypeCvMove] [TypeCvMove_Dii]{
    position: relative;
    margin: auto;
    text-align: left;
    vertical-align: top;
    background-color: white;
    box-shadow: 0px 0px 4px black;
    border-radius: 5px;
    width: calc(100% - 10px);
    height: 100%;
}

[TypeCvMove] [TypeCvMove_But]{
    position: absolute;
    left: 15px;
    bottom: 10px;
    font-size: 80%;
    padding: 5px;
}/*--{3}*/

[TypeCv]{
    text-align: center;
    vertical-align: middle;
}

[TypeCv] [TypeCv_Div]{
    position: relative;
    width: 100%;
}

[TypeCv] [TypeCv_Dii]{
    position: relative;
    margin: auto;
    text-align: left;
    vertical-align: top;
    border-radius: 5px;
    width: calc(100% - 10px);
}

[TypeCv] [TypeCv_Dii]>svg{
    box-shadow: 0px 0px 4px black;
}

[TypeCv] [TypeCv_Text]{
    width: calc(100% - 8px);
    font-size: 100%;
    font-weight: bold;
    color: rgb(70,70,70);
    padding-top: 8px;
}/*--{3}*/

[SuggItem_area]{
    margin: 10px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid rgb(100,100,100);
    padding-bottom: 0px;
}

[SuggItem_area] [DataListItem_Titre][StyleType="nlib"]{
    color: black;
    font-weight: bold;
    font-size: 75%;
    padding-bottom: 5px;
}

[SuggItem_area] [DataListItem_Description][StyleType="nlib"]{
    color: black;
    font-size: 95%;
}

[SuggItem_area]:hover {
    background-color: white;
}

[SuggItem_area]:active {
    background-color: white;
}

[SuggItem_area]::selection {
    background-color: white;
}/*--{3}*/

[ResultatList]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 8px;
    max-width: 600px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[ResultatList] [ResultatList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 70px;
    width: 70px;
}

[ResultatList] [ResultatList_Image]{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: white;
}

[ResultatList] [ResultatList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[ResultatList] [ResultatList_Titre]{
    font-weight: bold;
    color: black;
}

[ResultatList] [ResultatList_Description]{
    font-size: 98%;
    color: black;
    margin-top: 5px;
    text-align: left;
}

[ResultatList]:hover{
    background-color: rgba(255,255,255,0.7);
}

[ResultatList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[PubMove]{
    cursor: pointer;
    text-decoration: none;
    width: 100%;
    white-space: normal;
}

[PubMove]>[Yans]{
    position: relative;
    height: 60vw;
    max-height: 255px;
}

[PubMove]>[Yans]>[ImageYan]{
    object-fit: cover;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

[PubMove]>[Yans]>[TableYans]{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    position: absolute;
    left: 0px;
    top: 0px;
}

[PubMove]>[Yans]>[videoYan]{
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

[PubMove]>[Yans]>[TableYans] [TableCellYans]{
    width: 100%;
    height: 100%;
    text-align: left;
    vertical-align: bottom;
}

[PubMove]>[Yans]>[TableYans] [TableCellYans]>[Yans]{
    max-width: 450px;
}

[PubMove]>[Yans]>[TableYans] [TableCellYans]>[Yans]>[Yans]{
    max-width: 60vw;
    padding: 5px;
    padding-right: 30px;
    padding-top: 10px;
    background-color: var(--textcolor1);
    border-top-right-radius: 500px;
    font-weight: bold;
    color: var(--textcolor);
}

[PubMove]>[Yans]>[TableYans] [TableCellYans]>[Yans]>[Yans]>[TextYan]:nth-child(1){
    margin-bottom: 4px;
    font-size: 143%;
}

[PubMove]>[Yans]>[TableYans] [TableCellYans]>[Yans]>[Yans]>[TextYan]:nth-child(2){
    font-size: 95%;
}

[PubMove] [PubMove_Play]{
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.6);
    box-shadow: 0px 0px 2px black;
    border-radius: 41px;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
}

[PubMove] [PubMove_Play]>[ImageYan]{
    width: 70%;
    height: 70%;
}

[PubMove] [PubMove_Son]{
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 26px;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

[PubMove] [PubMove_Son]>[ImageYan]{
    width: 50%;
    height: 50%;
}/*--{3}*/

[PubList]{
    text-align: left;
}

[PubList] [PubList_Table]{
    width: 100%;
}

[PubList] [PubList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 50px;
    width: 50px;
}

[PubList] [PubList_TdImage] [ImageYan]{
    width: 45px;
    height: 45px;
    object-fit: contain;
}

[PubList] [PubList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[PubList] [PubList_Titre]{
    font-weight: bold;
}

[PubList] [PubList_NbComm]{
    font-size: 80%;
    color: rgb(90,90,90);
}/*--{3}*/

[PubIcon]{
    width: calc(100% - 20px);
    margin: auto;
    text-align: left;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 2px solid rgb(173,173,173);
    border-radius: 5px;
    max-width: 600px;
}

[PubIcon] [PubIcon_Table]{
    width: 100%;
    border-spacing: 5px;
}

[PubIcon] [PubIcon_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 50px;
    width: 50px;
}

[PubIcon] [PubIcon_TdImage] [ImageYan]{
    width: 45px;
    height: 45px;
    object-fit: contain;
    background-color: rgb(200,200,200);
}

[PubIcon] [PubIcon_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[PubIcon] [PubIcon_Centre]{
    font-weight: bold;
}

[PubIcon] [PubIcon_Datec]{
    font-size: 80%;
    color: rgb(90,90,90);
}

[PubIcon] [PubIcon_TdOption]{
    text-align: right;
    vertical-align: top;
    min-width: 50px;
    width: 50px;
}

[PubIcon] [PubIcon_TdOption] [ImageButtonYan]{
    width: 40px;
    height: 40px;
}

[PubIcon] [PubIcon_TdOption] [ImageButtonYan] [ImageYan]{
    width: 30px;
    height: 30px;
    margin-top: 5px;
}

[PubIcon] [PubIcon_Titre]{
    font-weight: bold;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

[PubIcon] [PubIcon_Datee]{
    text-align: right;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
    border-top: 2px solid rgb(213,213,213);
    font-size: 85%;
    color: rgb(90,90,90);
}

[PubIcon] [PubIcon_Resume]{
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

[PubIcon] [PubIcon_Image]{
    width: 100%;
    object-fit: contain;
    background-color: rgb(233,233,233);
}

[PubIcon] [PubIcon_Play]{
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.6);
    box-shadow: 0px 0px 2px black;
    border-radius: 41px;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
}

[PubIcon] [PubIcon_Play]>[ImageYan]{
    width: 70%;
    height: 70%;
}

[PubIcon] [PubIcon_Video]{
    width: 100%;
    background-color: black;
}

[PubIcon] [LineProgressYan]{
    margin: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

[PubIcon] [PubIcon_TableCount]{
    width: calc(100% - 10px);
    margin: auto;
    border-bottom: 2px solid rgb(213,213,213);
}

[PubIcon] [PubIcon_TdCountPar]{
    text-align: left;
    vertical-align: bottom;
}

[PubIcon] [PubIcon_TdCountPar] [TextYan]{
    margin-right: 10px;
    font-size: 80%;
    color: rgb(90,90,90);
}

[PubIcon] [PubIcon_TdCountCom]{
    text-align: right;
    vertical-align: bottom;
}

[PubIcon] [PubIcon_TdCountCom] [TextYan]{
    font-size: 80%;
    color: rgb(90,90,90);
}

[PubIcon] [PubIcon_TableButton]{
    width: 100%;
}

[PubIcon] [PubIcon_TdButtonPar]{
    text-align: center;
    vertical-align: middle;
    width: 25%;
}

[PubIcon] [PubIcon_TdButtonPar] [ButtonYan]{
    width: 100%;
    background-color: rgba(0,0,0,0);
    color: rgb(70,70,70);
    font-size: 80%;
    padding-left: 5px;
    padding-right: 5px;
}

[PubIcon] [PubIcon_TdButtonPar] [ButtonYan] [TableYans]{
    margin: auto;
}/*--{3}*/

[PartList]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: white;
    max-width: 800px;
}

[PartList] [PartList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 50px;
    width: 50px;
}

[PartList] [PartList_Image]{
    vertical-align: middle;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

[PartList] [PartList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[PartList] [PartList_Titre]{
    font-weight: bold;
    color: black;
}

[PartList] [PartList_Description]{
    font-size: 98%;
    color: black;
}/*--{3}*/

[NotificationList]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 8px;
    max-width: 800px;
    border: 2px solid rgb(133,133,133);
    display: block;
    text-decoration: none;
}

[NotificationList] [NotificationList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 70px;
    width: 70px;
}

[NotificationList] [NotificationList_Image]{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: white;
}

[NotificationList] [NotificationList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
    font-size: 95%;
}

[NotificationList] [NotificationList_Date]{
    text-align: right;
    font-weight: bold;
    color: black;
    font-size: 75%;
}

[NotificationList] [NotificationList_Titre]{
    font-weight: bold;
    color: black;
}

[NotificationList] [NotificationList_Description]{
    font-size: 98%;
    color: black;
}

[NotificationList][nState="noread"]{
    background-color: rgba(210,210,210);
}

[NotificationList]:hover{
    background-color: rgba(255,255,255,0.5);
}

[NotificationList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[NotificationFull]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 8px;
    max-width: 800px;
    border: 2px solid rgb(133,133,133);
    display: block;
    text-decoration: none;
}

[NotificationFull] [NotificationFull_Titre]{
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
}

[NotificationFull] [NotificationFull_Table]{
    width: 100%;
    border-bottom: 2px solid rgb(100,100,100);
}

[NotificationFull] [NotificationFull_TdDate]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[NotificationFull] [NotificationFull_Date]{
    text-align: left;
    font-weight: bold;
    color: black;
    font-size: 75%;
}

[NotificationFull] [NotificationFull_TdDelete]{
    text-align: left;
    vertical-align: middle;
    width: 40px;
    min-width: 40px;
    padding-left: 5px;
}

[NotificationFull] [NotificationFull_Delete]>[ImageYan]{
    width: 50%;
    height: 60%;
}

[NotificationFull] [NotificationFull_Description]{
    text-align: left;
    margin-top: 10px;
    margin-bottom: 20px;
    color: black;
}

[NotificationFull] [NotificationFull_Image]{
    width: 100%;
    object-fit: contain;
    background-color: white;
}/*--{3}*/

[ModelIconCcv]{
    text-align: center;
    vertical-align: middle;
}

[ModelIconCcv] [ModelIconCcv_Div]{
    position: relative;
    width: calc(100% - 6px);
}

[ModelIconCcv] [ModelIconCcv_Dii1]{
    position: relative;
}

[ModelIconCcv] [ModelIconCcv_Dii]{
    text-align: left;
    vertical-align: top;
    border-radius: 5px;
}

[ModelIconCcv] [ModelIconCcv_Dii]>svg{
    box-shadow: 0px 0px 2px black;
}

[ModelIconCcv] [ModelIconCcv_Prix]{
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-weight: bold;
    border-bottom-right-radius: 5px;
    font-size: 75%;
    position: absolute;
    right: 0px;
    bottom: 4px;
}

[ModelIconCcv] [ModelIconCcv_Text]{
    width: calc(100% - 8px);
    font-size: 90%;
    color: rgb(70,70,70);
    padding-top: 8px;
}

[ModelIconCcv][NSelected="1"] [ModelIconCcv_Text]{
    color: black;
    font-weight: bold;
}

[ModelIconCcv][NSelected="1"] [ModelIconCcv_Dii]>svg{
    outline: 3px solid rgb(54,89,200);
}/*--{3}*/

[ModelIcon]{
    text-align: center;
    vertical-align: middle;
}

[ModelIcon] [ModelIcon_Div]{
    position: relative;
    width: 170px;
    padding-top: 10px;
    padding-bottom: 10px;
}

[ModelIcon] [ModelIcon_Dii1]{
    position: relative;
}

[ModelIcon] [ModelIcon_Dii]{
    text-align: left;
    vertical-align: top;
    background-color: white;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

[ModelIcon] [ModelIcon_Dii]>svg{
    box-shadow: 0px 0px 2px black;
}

[ModelIcon] [ModelIcon_Prix]{
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-weight: bold;
    border-bottom-right-radius: 5px;
    font-size: 75%;
    position: absolute;
    right: 9px;
    bottom: 4px;
}

[ModelIcon] [ModelIcon_Text]{
    width: calc(100% - 8px);
    font-size: 90%;
    color: rgb(70,70,70);
    padding-top: 8px;
}

[ModelIcon][NSelected="1"] [ModelIcon_Text]{
    color: black;
    font-weight: bold;
}

[ModelIcon][NSelected="1"] [ModelIcon_Dii]>svg{
    outline: 3px solid rgb(54,89,200);
}/*--{3}*/

[ModelFull]{
    text-align: center;
    vertical-align: middle;
}

[ModelFull] [ModelFull_Div]{
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    max-width: 900px;
    width: calc(100% - 20px);
    margin: auto;
}

[ModelFull] [ModelFull_Dii1]{
    position: relative;
}

[ModelFull] [ModelFull_Dii]{
    text-align: left;
    vertical-align: top;
    border-radius: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

[ModelFull] [ModelFull_Dii]>svg{
    box-shadow: 0px 0px 4px black;
}

[ModelFull] [ModelFull_Prix]{
    padding: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: rgba(0,0,0,0.7);
    color: white;
    font-weight: bold;
    border-bottom-right-radius: 5px;
    font-size: 75%;
    position: absolute;
    right: 9px;
    bottom: 4px;
}

[ModelFull] [ModelFull_Text]{
    width: calc(100% - 8px);
    font-size: 120%;
    font-weight: bold;
    color: rgb(70,70,70);
    padding-top: 8px;
}

[ModelFull][NSelected="1"] [ModelFull_Text]{
    color: black;
    font-weight: bold;
}

[ModelFull][NSelected="1"] [ModelFull_Dii]>svg{
    outline: 3px solid rgb(54,89,200);
}/*--{3}*/

[ExamenList_Div]{
    padding: 10px;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[ExamenList] [ExamenList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 70px;
    width: 70px;
}

[ExamenList] [ExamenList_Image]{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: white;
}

[ExamenList] [ExamenList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[ExamenList] [ExamenList_Titre]{
    font-weight: bold;
    color: black;
}

[ExamenList] [ExamenList_Description]{
    font-size: 98%;
    color: black;
}

[ExamenList_Div]:hover{
    background-color: rgba(255,255,255,0.6);
}

[ExamenList_Div]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[DondeList]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 8px;
    max-width: 600px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[DondeList] [DondeList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 70px;
    width: 70px;
}

[DondeList] [DondeList_Image]{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: white;
}

[DondeList] [DondeList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[DondeList] [DondeList_Titre]{
    font-weight: bold;
    color: black;
}

[DondeList] [DondeList_Description]{
    font-size: 98%;
    color: black;
}

[DondeList]:hover{
    background-color: rgba(255,255,255,0.7);
}

[DondeList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[DonIcon]{
    text-align: center;
}

[DonIcon] [DonIcon_Div]{
    padding: 8px;
    height: calc(100% - 16px);
    background-color: white;
    box-shadow: 0px 0px 2px black;
    border-radius: 5px;
    cursor: pointer;
    color: var(--textcolor);
    font-weight: bold;
}

[DonIcon] [DonIcon_Day]{
    padding-top: 20px;
    padding-bottom: 20px;
    border: 2px solid var(--textcolor);
    text-align: center;
    font-size: 200%;
    border-radius: 5px;
}

[DonIcon] [DonIcon_Date]{
    margin-top: 5px;
    font-size: 90%;
}

[DonIcon] [DonIcon_Div]:hover{
    background-color: rgba(255,255,255,0.5);
}

[DonIcon] [DonIcon_Div]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[ContacteList]{
    text-decoration: none;
    display: block;
    width: calc(100% - 24px);
    padding: 10px;
    margin: auto;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[ContacteList] [ContacteList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 50px;
    width: 50px;
}

[ContacteList] [ContacteList_Image]{
    vertical-align: middle;
    width: 40px;
    height: 40px;
    object-fit: contain;
    background-color: white;
}

[ContacteList] [ContacteList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[ContacteList] [ContacteList_Titre]{
    font-weight: bold;
    color: rgb(100,100,100);
    font-size: 85%;
}

[ContacteList] [ContacteList_Description]{
    font-size: 100%;
    font-weight: bold;
    color: black;
}

[ContacteList]:hover{
    background-color: rgba(255,255,255,0.5);
}

[ContacteList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[ContacteButton]{
    margin: 5px;
    display: inline-block;
}/*--{3}*/

[CompteFull_Option]{
    border-spacing: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--color);
    cursor: pointer;
}

[CompteFull_Option]>[TableRowYans]>[TableCellYans]:nth-child(1){
    min-width: 60px;
    vertical-align: middle;
    text-align: center;
    border-radius: 500px;
}

[CompteFull_Option]>[TableRowYans]>[TableCellYans]:nth-child(2){
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

[CompteFull_Option]>[TableRowYans]>[TableCellYans]:nth-child(2)>[TextYan]{
    color: rgb(50,50,50);
    font-weight: bold;
    font-size: 113%;
}

[CompteFull_Option]>[TableRowYans]>[Compte_full_tableTd]{
    min-width: 60px;
    vertical-align: middle;
    text-align: right;
}

[CompteFull_Option]>[TableRowYans]>[Compte_full_tableTd]>[ImageYan]{
    width: 50px;
    height: 50px;
}

[CompteFull_Option]:hover{
    background-color: rgb(243,243,243);
}

[CompteFull_Option]:active{
    background-color: rgb(203,203,203);
}/*--{3}*/

[CompteFoundList]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 8px;
    max-width: 800px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[CompteFoundList] [CompteFoundList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 70px;
    width: 70px;
}

[CompteFoundList] [CompteFoundList_Image]{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: white;
}

[CompteFoundList] [CompteFoundList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[CompteFoundList] [CompteFoundList_Titre]{
    font-weight: bold;
    color: black;
}

[CompteFoundList] [CompteFoundList_Description]{
    font-size: 98%;
    color: black;
}

[CompteFoundList]:hover{
    background-color: rgba(255,255,255,0.5);
}

[CompteFoundList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[CommIcon]{
    text-align: left;
    margin: 10px;
    margin-bottom: 2px;
    margin-top: 5px;
}

[CommIcon] [CommIcon_Table]{
    width: 100%;
}

[CommIcon] [CommIcon_Table] [CommIcon_TdImage]{
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    min-width: 50px;
    width: 50px;
}

[CommIcon] [CommIcon_TdImage] [ImageYan]{
    vertical-align: top;
    width: 40px;
    height: 40px;
    object-fit: contain;
    border: 2px solid rgb(133,133,133);
    border-radius: 21px;
}

[CommIcon] [CommIcon_TdCom]{
    vertical-align: top;
    width: 100%;
}

[CommIcon] [CommIcon_Td2]{
    vertical-align: top;
}

[CommIcon] [CommIcon_Table1]{
    border-spacing: 2px;
    padding: 10px;
    padding-top: 0px;
    background-color: rgb(233,233,233);
    border-radius: 12px;
}

[CommIcon] [CommIcon_TdTitre]{
    text-align: left;
    vertical-align: top;
}

[CommIcon] [CommIcon_Titre]{
    font-weight: bold;
    color: rgb(70,70,70);
    font-size: 80%;
}

[CommIcon] [CommIcon_Datec]{
    font-size: 70%;
    color: rgb(90,90,90);
}

[CommIcon] [CommIcon_TdOption]{
    min-width: 30px;
    width: 30px;
    vertical-align: top;
    text-align: right;
}

[CommIcon] [CommIcon_TdOption] [ImageButtonYan]{
    width: 25px;
    height: 25px;
    display: inline-block;
}

[CommIcon] [CommIcon_TdOption] [ImageButtonYan]>[ImageYan]{
    width: 18px;
    height: 18px;
    opacity: 0.5;
}

[CommIcon] [CommIcon_TdResume]{
    vertical-align: top;
    padding-top: 5px;
}

[CommIcon] [CommIcon_Resume]{
    font-size: 100%;
    color: black;
}

[CommIcon] [CommIcon_TdResponse]{
    text-align: right;
    vertical-align: top;
}

[CommIcon] [CommIcon_TdResponse] [ButtonYan]{
    background-color: rgba(0,0,0,0);
    color: rgb(90,90,90);
    font-size: 70%;
    padding: 5px;
}

[CommIcon] [PanelCommentaires]{
    margin-left: 50px;
    margin-right: 10px;
}

[CommIcon] [PanelCommentaires]{
    margin-left: 50px;
    margin-right: 10px;
}

[CommIcon] [PanelCommentaires] [PanelCommentaires_Plus]{
    text-align: left;
    padding-top: 10px;
}

[CommIcon] [PanelCommentaires] [PanelCommentaires_Plus] [ButtonYan]{
    background-color: rgba(0,0,0,0);
    font-size: 80%;
    color: black;
}/*--{3}*/

[CentreIcon]{
    width: calc(100% - 20px);
    margin: auto;
    text-align: left;
    background-color: white;
    margin-top: 10px;
    margin-bottom: 5px;
    border: 2px solid rgb(173,173,173);
    border-radius: 5px;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    max-width: 600px;
}

[CentreIcon] [CentreIcon_Titre]{
    font-weight: bold;
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
}

[CentreIcon] [CentreIcon_Resume]{
    margin: 10px;
    margin-left: 5px;
    margin-right: 5px;
}

[CentreIcon] [CentreIcon_Image]{
    width: 100%;
    height: 230px;
    object-fit: cover;
    background-color: rgb(233,233,233);
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

[CentreIcon] [CentreIcon_TableCount]{
    width: calc(100% - 10px);
    margin: auto;
    border-bottom: 2px solid rgb(213,213,213);
}

[CentreIcon] [CentreIcon_TdCountCom]{
    text-align: right;
    vertical-align: bottom;
}

[CentreIcon] [CentreIcon_TdCountCom] [TextYan]{
    font-size: 80%;
    color: rgb(90,90,90);
}

[CentreIcon] [CentreIcon_TableButton]{
    width: 100%;
}

[CentreIcon] [CentreIcon_TdButtonPar]{
    text-align: center;
    vertical-align: middle;
    width: 33%;
}

[CentreIcon] [CentreIcon_TdButtonPar] [ButtonYan]{
    width: 100%;
    background-color: rgba(0,0,0,0);
    color: rgb(70,70,70);
    font-size: 80%;
    padding-left: 5px;
    padding-right: 5px;
}

[CentreIcon] [CentreIcon_TdButtonPar] [ButtonYan] [TableYans]{
    margin: auto;
}/*--{3}*/

[CentreAdminList]{
    width: calc(100% - 40px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    background-color: white;
    border-radius: 8px;
    max-width: 600px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[CentreAdminList] [CentreAdminList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 70px;
    width: 70px;
}

[CentreAdminList] [CentreAdminList_Image]{
    vertical-align: middle;
    width: 60px;
    height: 60px;
    object-fit: contain;
    background-color: white;
}

[CentreAdminList] [CentreAdminList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[CentreAdminList] [CentreAdminList_Titre]{
    font-weight: bold;
    color: black;
}

[CentreAdminList] [CentreAdminList_Description]{
    font-size: 98%;
    color: black;
}

[CentreAdminList]:hover{
    background-color: rgba(255,255,255,0.7);
}

[CentreAdminList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[AideList]{
    display: block;
    text-decoration: none;
    width: calc(100% - 20px);
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: auto;
    background-color: white;
    cursor: pointer;
}

[AideList] [AideList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 60px;
    width: 60px;
}

[AideList] [AideList_Image]{
    vertical-align: middle;
    width: 50px;
    height: 50px;
    object-fit: contain;
}

[AideList] [AideList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[AideList] [AideList_Titre]{
    font-weight: bold;
    color: black;
    font-size: 117%;
}

[AideList] [AideList_TdIcon]{
    text-align: right;
    vertical-align: middle;
    min-width: 50px;
    width: 50px;
}

[AideList] [AideList_Icon]{
    vertical-align: middle;
    width: 40px;
    height: 40px;
    object-fit: contain;
}

[AideList]:hover{
    background-color: rgba(255,255,255,0.6);
}

[AideList]:active {
    background-color: rgba(255,255,255,0.8);
}/*--{3}*/

[AideFull]{
    width: 100%;
    white-space: normal;
}

[AideFull] [AideFull_Div]{
    position: relative;
    height: 60vw;
    max-height: 255px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

[AideFull] [AideFull_Image]{
    object-fit: contain;
    width: 100%;
    height: 100%;
}

[AideFull] [AideFull_Video]{
    object-fit: contain;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

[AideFull] [AideFull_Titre]{
    padding: 10px;
    padding-top: 15px;
    font-weight: bold;
    color: var(--textcolor);
    font-size: 117%;
    text-align: center;
}

[AideFull] [AideFull_Response]{
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 5px;
    color: rgb(90,90,90);
    font-size: 90%;
    text-align: left;
    border-bottom: 2px solid rgb(90,90,90);
}

[AideFull] [AideFull_Resume]{
    padding: 10px;
    text-align: left;
}

[AideFull] [AideFull_Play]{
    width: 80px;
    height: 80px;
    background-color: rgba(0,0,0,0.6);
    box-shadow: 0px 0px 2px black;
    border-radius: 41px;
    position: absolute;
    left: calc(50% - 40px);
    top: calc(50% - 40px);
}

[AideFull] [AideFull_Play]>[ImageYan]{
    width: 70%;
    height: 70%;
}/*--{3}*/

[AideButton]{
    text-align: left;
}

[AideButton]>[ButtonYan]{
    font-weight: normal;
    text-align: left;
    padding-left: 0px;
    white-space: nowrap;
    display: inline-block;
    text-decoration: none;
}/*--{3}*/

[MenuLeft_ButtonYan][StyleType="nlib"]{
    background-color: rgba(0,0,0,0);
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}

[MenuLeft_ButtonYan][StyleType="nlib"] [class="icon"]{
    margin-right: 10px;
    object-fit: contain;
}

[MenuLeft_ButtonYan][NSelected="1"][StyleType="nlib"]{
    background-color: rgba(0,0,0,0.3);
    color: var(--color);
}/*--{4}*/

[DonFull]{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 800px;
    font-size: 100%;
    margin: auto;
}

[DonFull] [DonFull_div]{
    padding: 10px;
    background-color: white;
    border-radius: 5px;
    box-shadow: 0px 0px 2px black;
}

[DonFull] [DonFull_dii]{
    text-align: right;
}/*--{6}*/

[PanelScrollh] [PanelScrollh_PanelYan]{
    border-spacing: 10px;
    margin: auto;
}

[PanelScrollh] [PanelScrollh_Div]{
    position: relative;
}

[PanelScrollh] [ScrollYans]{
    scrollbar-width: none;
}

[PanelScrollh] [ScrollYans]::-webkit-scrollbar {
    display: none;
}

[PanelScrollh] [PanelScrollh_tableTitre] {
    width: calc(100% - 10px);
    margin: auto;
}

[PanelScrollh] [PanelScrollh_tableTitre] [TableCellYans]:nth-child(1){
    vertical-align: middle;
    text-align: left;
    white-space: nowrap;
}

[PanelScrollh] [PanelScrollh_tableTitre]>[TableRowYans]>[TableCellYans]:nth-child(1)>[TextYan]{
    color: var(--textcolor);
    font-size: 98%;
    font-weight: bold;
    margin-right: 5px;
}

[PanelScrollh] [PanelScrollh_tableTitre]>[TableRowYans]>[TableCellYans]:nth-child(2){
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

[PanelScrollh] [PanelScrollh_tableTitre]>[TableRowYans]>[TableCellYans]:nth-child(2)>[Yans]{
    height: 2px;
    background-color: var(--textcolor);
}

[PanelScrollh] [PanelScrollh_tableTitre]>[TableRowYans]>[TableCellYans]:nth-child(3){
    vertical-align: bottom;
    text-align: right;
    white-space: nowrap;
    padding-left: 5px;
}

[PanelScrollh] [PanelScrollh_tableTitre]>[TableRowYans]>[TableCellYans]:nth-child(3)>[ButtonYan]{
    color: var(--color);
    font-size: 90%;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

[PanelScrollh] [PanelScrollh_Div] [PanelScrollh_ScrollBack]{
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 100px;
    position: absolute;
    left: 1px;
    top: calc(50% - 25px);
    box-shadow: 0px 0px 3px black;
}

[PanelScrollh] [PanelScrollh_Div] [PanelScrollh_ScrollNext]{
    width: 50px;
    height: 50px;
    background-color: white;
    border-radius: 100px;
    position: absolute;
    right: 1px;
    top: calc(50% - 25px);
    box-shadow: 0px 0px 3px black;
}/*--{6}*/

[Commentaires]{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
}

[Commentaires] [Commentaires_Panel]{
    border-radius: 5px;
    max-width: 600px;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: auto;
    margin-top: 10px;
    background-color: white;
    box-shadow: 0px 0px 2px black;
}

[Commentaires] [Commentaires_Table]{
    width: 100%;
    border-spacing: 5px;
}

[Commentaires] [Commentaires_Table] [Commentaires_Td]{
    width: 100%;
}

[Commentaires] [Commentaires_TdClose]{
    min-width: 40px;
    width: 40px;
    text-align: right;
    vertical-align: top;
}

[Commentaires] [Commentaires_TdClose] [ImageButtonYan] [ImageYan]{
    width: 60%;
    height: 60%;
}

[Commentaires] [InputArea]{
    font-size: 105%;
}

[Commentaires] [InputArea] [InputElement_Input]{
    max-height: 150px;
}

[Commentaires] [Commentaires_TdSend]{
    text-align: right;
    vertical-align: bottom;
    min-width: 40px;
    width: 40px;
    padding-top: 2px;
    padding-bottom: 2px;
}

[Commentaires] [Commentaires_TdSend] [ImageButtonYan]{
    background-color: var(--textcolor);
}

[Commentaires] [Commentaires_TdSend] [ImageButtonYan]>[ImageYan]{
    width: 60%;
    height: 60%;
}

[Commentaires] [Commentaires_TdSend] [ImageButtonYan] [Nselected="2"]{
    background-color: rgb(90,90,90);
}

[Commentaires] [Commentaires_TableIndex]{
    border-bottom: 2px solid rgb(173,173,173);
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

[Commentaires] [Commentaires_TableIndex] [TextYan]{
    font-size: 80%;
    font-weight: bold;
    margin-right: 5px;
}

[Commentaires] [Commentaires_TableIndex] [ImageButtonYan]{
    width: 25px;
    height: 25px;
}

[Commentaires] [Commentaires_TableIndex] [ImageButtonYan] [ImageYan]{
    width: 60%;
    height: 60%;
}

[Commentaires] [Commentaires_Warring]{
    margin: 5px;
    margin-bottom: 15px;
    padding: 5px;
    font-size: 90%;
    text-align: left;
    color: rgb(53,53,53);
    background-color: rgb(233,233,233);
    border-radius: 5px;
}