/*--{2}*/

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

[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;
    background-color: 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);
}/*--{3}*/
[TicketIcon]{
    height: 100%;
    background-color: white;
    position: relative;
}

[TicketIcon]>img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

[TicketIcon]>table{
    padding: 10px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 13px;
    box-shadow: 0px 0px 2px black;
    transition-duration: 0.4s;
    text-shadow: 1px 1px 1px black,2px 2px 1px black,3px 3px 1px black;
    font-size: 100%;
    font-weight: bold;
    color: var(--color);
    background-color: rgba(243,51,28,0.8);
    cursor: pointer;
}

[TicketIcon]>table:hover{
    color: var(--textcolor);
    background-color: rgba(255,255,255,0.8);
}

[TicketIcon]>table:active {
    color: var(--color);
    background-color: rgba(243,51,28,0.6);
}/*--{3}*/

[TdetailIcon] [Span_Color]{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 60px;
    height: 40px;
    margin: 5px;
    box-shadow: 0px 0px 2px black;
    border-radius: 5px;
}/*--{3}*/

[SystempayIcon]{
    text-align: center;
    vertical-align: top;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(100,100,100);
    cursor: pointer;
}

[SystempayIcon]>a{
    padding: 10px;
    display: inline-block;
    text-decoration: none;
    color: rgb(0,0,0);
}

[SystempayIcon]>a>[Yans]>[ImageYan]{
    background-color: white;
    object-fit: contain;
    width: 100%;
}

[SystempayIcon]>a>[Yans]>[TextYan]:nth-child(2){
    margin-top: 10px;
    font-size: 95%;
    color: rgb(0,0,0);
    font-weight: bold;
}

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

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

[RetraitList]{
    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;
    text-align: left;
    color: black;
}

[RetraitList] [RetraitList_Date]{
    text-align: right;
    font-weight: bold;
    font-size: 75%;
}

[RetraitList] [RetraitList_Titre]{
    font-weight: bold;
}

[RetraitList] [RetraitList_Description]{
    font-size: 98%;
}

[RetraitList] [RetraitList_Etat]{
    font-weight: bold;
    font-size: 95%;
}

[RetraitList] [RetraitList_Etat][netat="0"]{
    color: red;
}

[RetraitList] [RetraitList_Etat][netat="1"]{
    color: green;
}

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

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

[RetraitFull]{
    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;
    color: black;
}

[RetraitFull] [Line]{
    margin-bottom: 10px;
}

[RetraitFull] [RetraitFull_PaDelete]{
    text-align: right;
}

[RetraitFull] [RetraitFull_Delete]>[ImageYan]{
    width: 50%;
    height: 60%;
}/*--{3}*/

[RechargeList]{
    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;
    text-align: left;
    color: black;
}

[RechargeList] [RechargeList_Date]{
    text-align: right;
    font-weight: bold;
    font-size: 75%;
}

[RechargeList] [RechargeList_Titre]{
    font-weight: bold;
}

[RechargeList] [RechargeList_Description]{
    font-size: 98%;
}

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

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

[RechargeFull]{
    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;
    color: black;
}

[RechargeFull] [Line]{
    margin-bottom: 10px;
}

[RechargeFull] [RechargeFull_PaDelete]{
    text-align: right;
}

[RechargeFull] [RechargeFull_Delete]>[ImageYan]{
    width: 50%;
    height: 60%;
}/*--{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_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}*/

[ProduitPrixEngros]{
    white-space: nowrap;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    background-color: rgb(235,235,235);
    border-radius: 5px;
    border: 2px solid rgb(100,100,100);
}

[ProduitPrixEngros]>a{
    text-decoration: none;
    color: rgb(0,0,0);
}

[ProduitPrixEngros]>a>[TextYan]:nth-child(1){
    font-size: 130%;
    font-weight: bold;
}

[ProduitPrixEngros]>a>[TextYan]:nth-child(2){
    font-size: 80%;
    font-weight: bold;
    color: rgb(90,90,90);
}

[ProduitPrixEngros]>a>[TextYan]:nth-child(3){
    font-size: 85%;
    color: rgb(90,90,90);
}

[ProduitPrixEngros][NSelected="1"]{
    background-color: white;
    border: 2px solid rgb(255,123,0);
}

[ProduitPrixEngros]:hover{
    background-color: rgb(250,250,250);
}

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

[ProduitNoteAvis] [ProduitNoteAvis_Table]{
    width: 100%;
    border-spacing: 5px;
}

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

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

[ProduitNoteAvis] [ProduitNoteAvis_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[ProduitNoteAvis] [ProduitNoteAvis_Titre]{
    font-weight: bold;
    color: black;
    font-size: 90%;
}

[ProduitNoteAvis] [ProduitNoteAvis_Description]{
    font-size: 90%;
    color: black;
}

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

[ProduitNoteAvis] [ProduitNoteAvis_Close]>[ImageYan]{
    width: 60%;
    height: 60%;
}/*--{3}*/

[ProduitIcon]{
    text-align: left;
    vertical-align: top;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(100,100,100);
}

[ProduitIcon]>a{
    padding: 10px;
    display: block;
    text-decoration: none;
    color: rgb(0,0,0);
}

[ProduitIcon]>a>[Yans]>[ImageYan]{
    object-fit: contain;
    width: 100%;
}

[ProduitIcon] [ProgressEtoil]{
    margin-top: 10px;
    margin-left: 0px;
}

[ProduitIcon] [ProgressEtoil]{
    margin-top: 10px;
    margin-left: 0px;
}

[ProduitIcon] [ProgressEtoil] [TableCellYans]{
    min-width: 20px;
}

[ProduitIcon] [ProgressEtoil] [TableCellYans]>[ImageYan]{
    width: 20px;
    height: 20px;
}

[ProduitIcon]>a>[Yans]>[TextYan]:nth-child(2){
    margin-top: 10px;
    font-size: 90%;
    color: rgb(0,0,0);
}

[ProduitIcon]>a>[Yans]>[TextYan]:nth-child(3){
    margin-top: 13px;
    font-size: 100%;
    font-weight: bold;
}

[ProduitIcon][NSelected="1"]{
    background-color: var(--textcolor1);
    border: 2px solid rgb(255,100,0);
}/*--{3}*/

[ProduitFull] [First_Div]{
    padding: 5px;
    padding-top: 15px;
    text-align: left;
}

[ProduitFull] [First_Div] [Line_warring]{
    margin: auto;
    margin-bottom: 15px;
    border-spacing: 5px;
    background-color: rgb(255,100,0);
    border-radius: 5px;
    box-shadow: 0px 0px 2px black;
    color: white;
}

[ProduitFull] [First_Div] [Table_Nom]{
    width: 100%;
}

[ProduitFull] [First_Div] [Table_Nom] [Td_Nom]{
    width: 100%;
    text-align: left;
    vertical-align: top;
}

[ProduitFull] [First_Div] [Table_Nom] [Td_Nom] [Nom]{
    font-size: 113%;
    font-weight: bold;
    color: rgb(50,50,50);
}

[ProduitFull] [First_Div] [Table_Nom] [Td_Option]{
    min-width: 50px;
    width: 50px;
    text-align: center;
    vertical-align: top;
}

[ProduitFull] [First_Div] [Table_Prix]{
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    border-spacing: 10px;
}

[ProduitFull] [First_Div] [Table_Prix] [Td_Prix]{
    width: 100%;
    text-align: left;
    vertical-align: top;
}

[ProduitFull] [First_Div] [Prix]{
    color: black;
}

[ProduitFull] [First_Div] [NbExemple]{
    color: black;
}

[ProduitFull] [First_Div] [Div_ButtonPanier]{
    margin-top: 10px;
    text-align: left;
}

[ProduitFull] [First_Div] [Div_ButtonPanier] [ButtonYan]{
    margin: 10px;
}

[ProduitFull] [First_Div] [Div_ButtonPanier] [Commander]{
    background-color: var(--textcolor1);
    color: black;
}

[ProduitFull] [First_Div] [Div_ButtonPanier] [Reserver]{
    background-color: var(--textcolor2);
}

[ProduitFull] [First_Div] [TimeLivraison]{
    font-size: 115%;
    font-weight: bold;
    color: rgb(255,100,0);
    margin-top: 10px;
}

[ProduitFull] [First_Div] [Panel_Engros]{
    margin-top: 20px;
}

[ProduitFull] [First_Div] [Td_Image]{
    vertical-align: middle;
    text-align: center;
}

[ProduitFull] [First_Div] [Td_Image] [Image]{
    width: calc(100% - 10px);
    object-fit: contain;
    background-color: white;
    max-width: 350px;
    max-height: 350px;
}

[ProduitFull] [Table_PanelImage]{
    margin: auto;
    border-spacing: 15px;
}

[ProduitFull] [Table_PanelImage] [ImageYan]{
    object-fit: contain;
    background-color: white;
    max-width: 85vw;
    max-width: 350px;
    height: 350px;
    box-shadow: 0px 0px 2px black;
}

[ProduitFull] [Infos]{
    margin: auto;
    border-spacing: 5px;
    width: calc(100% - 14px);
    margin-top: 25px;
    margin-bottom: 15px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid rgb(100,100,100);
    color: black;
}

[ProduitFull] [Infos] [Panel_produitInfos]{
    margin-top: 10px;
}

[ProduitFull] [Description]{
    margin: auto;
    width: calc(100% - 14px);
    margin-top: 15px;
    margin-bottom: 15px;
    border-spacing: 5px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid rgb(100,100,100);
    color: black;
}

[ProduitFull] [Panel_TextSms]{
    margin: auto;
    width: calc(100% - 10px);
    margin-top: 30px;
    margin-bottom: 15px;
}

[ProduitFull] [Panel_TextSms] [Div_textSms]{
    margin: auto;
    padding: 5px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid rgb(100,100,100);
    text-align: right;
}

[ProduitFull] [Panel_TextSms] [TextSms]{
    text-align: left;
    color: black;
    font-size: 100%;
}

[ProduitFull] [Panel_TextSms] [SendSms]{
    margin-top: 10px;
    display: inline-block;
}

[ProduitFull] [Panel_TextSms] [DivTextAppre]{
    margin: auto;
    padding: 5px;
    background-color: white;
    border-radius: 5px;
    border: 2px solid rgb(100,100,100);
    text-align: left;
}

[ProduitFull] [Panel_TextSms] [TextAppre]{
    text-align: left;
    vertical-align: middle;
    margin: 15px;
    color: black;
    font-size: 100%;
}

[ProduitFull] [Panel_TextSms] [ProgressEtoil]{
    display: inline-block;
    vertical-align: middle;
}

[ProduitFull] [Panel_TextSms] [ProgressEtoil] [TableCellYans]>[ImageYan]{
    width: 45px;
    height: 45px;
}

[ProduitFull] [Panel_TextSms] [Div_Publier]{
    text-align: right;
    margin-top: 10px;
}

[ProduitFull] [PanleNote]{
    margin: 5px;
    margin-top: 10px;
}

[ProduitFull] [PanleListNote]{
    margin: 5px;
    margin-top: 15px;
}

[ProduitFull] [Categorie_Produit]{
    margin-top: 40px;
}

[ProduitFull] [ProduitRecommande]{
    margin-top: 40px;
}

[ProduitFull] [ProduitAutre]{
    margin-top: 40px;
}

[ProduitFull] [Var_PopMenu] [ButtonYan]{
    display: block;
    width: 100%;
    text-align: left;
    color: white;
}/*--{3}*/

[ProduitDetail]{
    text-align: left;
}

[ProduitDetail]>[ButtonYan]{
    white-space: nowrap;
    border: 2px solid rgb(157,157,157);
    display: inline-block;
}

[ProduitDetail]>[ButtonYan][NSelected="1"]{
    border: 2px solid rgb(255,123,0);
    background-color: white;
}/*--{3}*/

[ProduitCommandeListIcon] [ProduitCommandeListIcon_Table]{
    width: 100%;
    border-spacing: 10px;
    margin: auto;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(133,133,133);
    cursor: pointer;
}

[ProduitCommandeListIcon] [ProduitCommandeListIcon_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 100px;
    width: 100px;
}

[ProduitCommandeListIcon] [ProduitCommandeListIcon_Image]{
    vertical-align: middle;
    width: 100px;
    height: 100px;
    object-fit: contain;
    background-color: white;
}

[ProduitCommandeListIcon] [ProduitCommandeListIcon_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[ProduitCommandeListIcon] [ProduitCommandeListIcon_Titre]{
    font-weight: bold;
    color: black;
    font-size: 90%;
}

[ProduitCommandeListIcon] [ProduitCommandeListIcon_Description]{
    font-size: 90%;
    color: black;
}

[ProduitCommandeListIcon] [ProduitBoutiqueCommandeListIcon_Check]{
    font-size: 90%;
    color: green;
    background-color: rgba(0,0,0,0);
    padding-left: 0px;
}

[ProduitCommandeListIcon] [ProduitBoutiqueCommandeListIcon_Check1]{
    font-size: 90%;
    color: red;
    background-color: rgba(0,0,0,0);
    padding-left: 0px;
}

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

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

[PayementList]{
    background-color: white;
    border: 2px solid rgb(145,145,145);
    border-radius: 5px;
}
[PayementList] [TdCode]{
    background-color: var(--textcolor);
    color: var(--color);
}/*--{3}*/

[PanierList] [PanierList_Yans]{
    position: relative;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(133,133,133);
}

[PanierList] [PanierList_Table]{
    width: 100%;
    border-spacing: 10px;
}

[PanierList] [PanierList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 100px;
    width: 100px;
}

[PanierList] [PanierList_Image]{
    vertical-align: middle;
    width: 100px;
    height: 100px;
    object-fit: contain;
    background-color: white;
}

[PanierList] [PanierList_TdTitre]{
    text-align: left;
    vertical-align: top;
    width: 100%;
}

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

[PanierList] [PanierList_Prix]{
    font-size: 90%;
    font-weight: bold;
    color: black;
}

[PanierList] [PanierList_Line][StyleType="nlib"][LineType="1"]{
    border-spacing: 0px;
    width: 100%;
}

[PanierList] [PanierList_Delete]{
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: white;
}

[PanierList] [PanierList_Delete]>[ImageYan]{
    width: 55%;
    height: 70%;
}

[PanierList] [PanierList_Check]{
    background-color: white;
    position: absolute;
    right: 0px;
    top: 0px;
}/*--{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}*/

[NoteAvisList] [NoteAvisList_Div]{
    padding: 10px;
    background-color: var(--color);
    border-radius: 5px;
    box-shadow: 0px 0px 2px black;
    max-width: 800px;
    margin: auto;
}

[NoteAvisList] [NoteAvisList_Div]>[TableYans]{
    margin-left: 0px;
    width: 100%;
}

[NoteAvisList] [NoteAvisList_Td_Image]{
    min-width: 45px;
    width: 45px;
    text-align: left;
    vertical-align: middle;
}

[NoteAvisList] [NoteAvisList_Td_Image]>[ImageYan]{
    vertical-align: middle;
    border: 2px solid rgb(100,100,100);
    width: 35px;
    height: 35px;
    border-radius: 21px;
    object-fit: contain;
}

[NoteAvisList] [NoteAvisList_Td_Nom]{
    width: 100%;
    vertical-align: middle;
    text-align: left;
}

[NoteAvisList] [NoteAvisList_Nom]{
    color: rgb(45,45,45);
}

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

[NoteAvisList] [NoteAvisList_Td_Option]{
    min-width: 45px;
    width: 45px;
    vertical-align: top;
    text-align: right;
}

[NoteAvisList] [NoteAvisList_Td_Option]>[ImageButtonYan]{
    opacity: 0.5;
}

[NoteAvisList] [NoteAvisList_Td_Option]>[ImageButtonYan]>[ImageYan]{
    width: 60%;
    height: 60%;
}

[NoteAvisList] [NoteAvisList_Td_Etoil]{
    vertical-align: middle;
    text-align: left;
}

[NoteAvisList] [NoteAvisList_Td_Etoil]>[ProgressEtoil]{
    margin-top: 5px;
    margin-left: 0px;
}

[NoteAvisList] [NoteAvisList_Td_Etoil]>[ProgressEtoil] [TableCellYans]{
    min-width: 16px;
}

[NoteAvisList] [NoteAvisList_Td_Etoil]>[ProgressEtoil] [TableCellYans]>[ImageYan]{
    width: 16px;
    height: 16px;
}

[NoteAvisList] [NoteAvisList_Td_Description]{
    vertical-align: middle;
    text-align: left;
    padding-top: 5px;
}

[NoteAvisList] [NoteAvisList_Td_Description]>[TextYan]{
    color: rgb(50,50,50);
}

[NoteAvisList] [PopMenu] [ButtonYan]{
    display: block;
    width: 100%;
    text-align: left;
    color: white;
}/*--{3}*/

[MethodPay]>[Yans]{
    box-shadow: 0px 0px 2px black;
    border-radius: 5px;
    padding: 2px;
    cursor: pointer;
    color: rgb(100,100,100);
    height: 90px;
    max-width: 90px;
    margin: auto;
}

[MethodPay]>[Yans]>[ImageYan]{
    width: 100%;
    height: 60px;
    border-radius: 5px;
    object-fit: contain;
}

[MethodPay]>[Yans]>[TextYan]{
    text-align: center;
    font-size: 60%;
    font-weight: bold;
}

[MethodPay][NSelected="1"]>[Yans]{
    color: var(--color);
    background-color: var(--textcolor);
}/*--{3}*/

[ContacteList]{
    text-decoration: none;
    display: block;
    width: calc(100% - 24px);
    padding: 10px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    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}*/

[CommandeList]{
    display: block;
    text-decoration: none;
}

[CommandeList] [CommandeList_Table]{
    width: 100%;
    border-spacing: 10px;
    margin: auto;
    background-color: white;
    border-radius: 8px;
    max-width: 800px;
    border: 2px solid rgb(133,133,133);
}

[CommandeList] [CommandeList_TdImage]{
    text-align: left;
    vertical-align: middle;
    min-width: 100px;
    width: 100px;
}

[CommandeList] [CommandeList_Image]{
    vertical-align: middle;
    width: 100px;
    height: 100px;
    object-fit: contain;
    background-color: white;
}

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

[CommandeList] [CommandeList_Date]{
    font-weight: bold;
    color: black;
    font-size: 75%;
}

[CommandeList] [CommandeList_Titre]{
    font-weight: bold;
    color: black;
}

[CommandeList] [CommandeList_Description]{
    font-size: 98%;
    color: black;
}

[CommandeList] [CommandeList_Type]{
    font-size: 98%;
    font-weight: bold;
    color: red;
}

[CommandeList] [CommandeList_Etat]{
    font-size: 98%;
    color: green;
}

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

[CommandeList] [CommandeList_Table]: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_TdImage]{
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    min-width: 50px;
    width: 50px;
}

[CommIcon] [CommIcon_TdImage] [ImageYan]{
    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: 95%;
}

[CommIcon] [CommIcon_Datec]{
    font-size: 73%;
    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;
}

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

[CommIcon] [CommIcon_Resume]{
    font-size: 104%;
    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%;
}

[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}*/

[CategorieIcon]{
    text-align: center;
    vertical-align: top;
}

[CategorieIcon] [CategorieIcon_Style]{
    background-color: white;
    border-radius: 50%;
    padding-top: 15%;
    padding-bottom: 15%;
    border: 2px solid rgb(100,100,100);
}

[CategorieIcon] [CategorieIcon_Style]>a{
    display: block;
    text-decoration: none;
}

[CategorieIcon] [Yans]>[ImageYan]{
    object-fit: contain;
    width: 65%;
}

[CategorieIcon] [Yans]>[TextYan]{
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    color: black;
    font-weight: bold;
    font-size: 90%;
}

[CategorieIcon][NSelected="1"] [CategorieIcon_Style]{
    background-color: var(--textcolor1);
    border: 2px solid rgb(255,100,0);
}/*--{3}*/

[CategorieButton]{
    text-align: left;
    vertical-align: middle;
}

[CategorieButton]>[ButtonYan]{
    font-size: 90%;
    white-space: nowrap;
    max-width: 60vw;
}/*--{3}*/

[BoutiqueProduitsFull]{
    position: relative;
    border-bottom: 2px solid rgb(100,100,100);
    height: 230px;
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_DivImage]{
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: 100% auto;
    background-repeat: no-repeat;
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_Table]{
    width: 100%;
    height: 100%;
    position: relative;
    top: -230px;
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_Table] [BoutiqueProduitsFull_TdNom]{
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_Table] [BoutiqueProduitsFull_TdNom] [BoutiqueProduitsFull_DivNom]{
    display: inline-block;
    border-radius: 8px;
    box-shadow: 0px 0px 2px black;
    padding: 10px;
    background-color: rgba(255,255,255,0.8);
    color: var(--textcolor);
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_Table] [BoutiqueProduitsFull_TdNom] [TextYan]:nth-child(1){
    text-align: left;
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_Table] [BoutiqueProduitsFull_TdNom] [TextYan]:nth-child(2){
    font-size: 132%;
    font-weight: bold;
}

[BoutiqueProduitsFull] [BoutiqueProduitsFull_Option]{
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: var(--textcolor1);
}

[BoutiqueProduitsFull] [Var_PopMenu] [ButtonYan]{
    display: block;
    width: 100%;
    text-align: left;
    color: white;
}/*--{3}*/

[BoutiqueList]{
    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;
}

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

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

[BoutiqueList] [BoutiqueList_TdTitre]{
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

[BoutiqueList] [BoutiqueList_Titre]{
    font-weight: bold;
    color: black;
}

[BoutiqueList] [BoutiqueList_Description]{
    font-size: 98%;
    color: black;
}

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

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

[BoutiqueIcon]{
    text-align: center;
    vertical-align: top;
    background-color: white;
    border: 2px solid rgb(100,100,100);
    border-top-right-radius: 40%;
    border-top-left-radius: 40%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

[BoutiqueIcon]>a{
    display: block;
    padding: 10px;
    text-decoration: none;
    color: rgb(0,0,0);
    border-top-right-radius: 40%;
    border-top-left-radius: 40%;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

[BoutiqueIcon]>a>[Yans]>[Yans]{
    padding-top: 10%;
}

[BoutiqueIcon]>a>[Yans]>[Yans]>[ImageYan]{
    object-fit: contain;
    width: 80%;
}

[BoutiqueIcon]>a>[Yans]>[TextYan]:nth-child(2){
    margin-top: 10px;
    font-size: 100%;
    font-weight: bold;
}

[BoutiqueIcon][NSelected="1"]{
    background-color: var(--textcolor1);
    border: 2px solid rgb(255,100,0);
}/*--{3}*/

[BoutiqueButton]{
    text-align: left;
    vertical-align: middle;
}

[BoutiqueButton]>[ButtonYan]{
    font-size: 90%;
    background-color: var(--textcolor2);
    white-space: nowrap;
    max-width: 60vw;
}/*--{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: var(--textcolor);
    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.5);
}

[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}*/

[AgenceIcon]{
    text-align: left;
    vertical-align: top;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(100,100,100);
}

[AgenceIcon]>a{
    padding: 10px;
    display: block;
    text-decoration: none;
    color: rgb(0,0,0);
}

[AgenceIcon]>a>[Yans]>[ImageYan]{
    object-fit: cover;
    width: 100%;
    height: 200px;
}

[AgenceIcon]>a>[Yans]>[TextYan]:nth-child(2){
    margin-top: 10px;
    font-size: 100%;
    font-weight: bold;
    color: rgb(0,0,0);
    text-align: center;
}

[AgenceIcon]>a>[Yans]>[TextYan]:nth-child(3){
    margin-top: 10px;
    font-size: 100%;
    color: rgb(90,90,90);
    text-align: left;
}/*--{3}*/

[AddTdetailIcon]{
    text-align: center;
    vertical-align: top;
    background-color: white;
    border-radius: 8px;
    border: 2px solid rgb(100,100,100);
}

[AddTdetailIcon][AddTdetailIcon_FILL]{
    background-color: rgb(200,255,200);
}

[AddTdetailIcon]>a{
    padding: 10px;
    display: block;
    text-decoration: none;
    color: rgb(0,0,0);
}

[AddTdetailIcon]>a>[Yans]>[ImageYan]{
    object-fit: contain;
    width: 100%;
}

[AddTdetailIcon]>a>[Yans]>[TextYan]:nth-child(2){
    margin-top: 10px;
    font-size: 80%;
    font-weight: bold;
    color: rgb(0,0,0);
}

[AddTdetailIcon]>a>[Yans]>[TextYan]:nth-child(3){
    margin-top: 13px;
    font-size: 100%;
    font-weight: bold;
}

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

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

[ProgressEtoil] [TableCellYans]{
    text-align: center;
    vertical-align: middle;
    min-width: 50px;
    width: 20%;
}

[ProgressEtoil] [TableCellYans]>[ImageYan]{
    width: 40px;
    height: 40px;
}/*--{3}*/

[PanelNote] [PanelNote_Table]{
    width: 100%;
}

[PanelNote] [PanelNote_Td_NoteAvis]{
    vertical-align: middle;
    text-align: center;
    min-width: 10px;
    white-space: nowrap;
}

[PanelNote] [PanelNote_Td_NoteAvis]>[TextYan]{
    color: black;
}

[PanelNote] [PanelNote_Td_ButtonFull]{
    vertical-align: middle;
    text-align: left;
    width: 100%;
}

[PanelNote] [PanelNote_Td_ButtonFull]>[ImageButtonYan]{
    margin: 5px;
    margin-left: 20px;
    opacity: 0.4;
}

[PanelNote] [PanelNote_Td_ButtonFull]>[ImageButtonYan]>[ImageYan]{
    width: 80%;
    height: 80%;
}

[PanelNote] [PanelNote_Td_Moyen]{
    vertical-align: middle;
    text-align: center;
    min-width: 50px;
    white-space: nowrap;
}

[PanelNote] [PanelNote_Moyen]{
    color: black;
    font-size: 320%;
}

[PanelNote] [PanelNote_Td_Moyen]>[ProgressEtoil] [TableCellYans]{
    min-width: 25px;
}

[PanelNote] [PanelNote_Td_Moyen]>[ProgressEtoil] [TableCellYans]>[ImageYan]{
    width: 25px;
    height: 25px;
}

[PanelNote] [PanelNote_NbAvis]{
    color: rgb(70,70,70);
    font-size: 90%;
    text-align: left;
    padding-left: 10px;
}

[PanelNote] [PanelNote_Td_NoteNumber]{
    vertical-align: middle;
    text-align: center;
    min-width: 30px;
}

[PanelNote] [PanelNote_Td_NoteNumber]>[TextYan]{
    color: rgb(90,90,90);
    font-size: 90%;
}

[PanelNote] [PanelNote_Td_NoteNumber1]{
    vertical-align: middle;
    text-align: center;
    width: 100%;
}

[PanelNote] [PanelNote_Td_NoteNumber1]>[Yans]{
    width: 100%;
    height: 11px;
    background-color: rgb(186,186,186);
    margin: auto;
    border-radius: 10px;
}

[PanelNote] [PanelNote_Td_NoteNumber1]>[Yans]>[Yans]{
    width: 0px;
    height: 100%;
    background-color: rgb(255,205,0);
    margin-left: 0px;
    border-radius: 10px;
}/*--{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);
}/*--{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;
}