.none {
    display: none;
}

.opacity_load {
    opacity: 0.2;
}

div.rjs_slide {
    box-shadow: 0 0 10px #000000 inset;
}

div.content_img {
    border-radius: 3px;
    margin-top: -3px;
    padding: 10px 15px;
    max-width: none;
    width: auto;
}

div.content_img.fond {
    background-color: rgba(255, 255, 255, 0.45);
}

div.content_img p,
div.content_img h1,
div.content_img h2,
div.content_img h3,
div.content_img h4,
div.content_img h5,
div.content_img h6,
div.content_img h7 {
    margin: 2px 0;
}

.rjsrideaublur {
    filter: blur(3px);
    -webkit-filter: blur(3px);
}


.rjsrideaublurdoux {
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.rjsvoile:after,
.rjsrideaublurdoux :after,
.rjsrideaublur:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(248, 249, 250, 0);
}


#ui-datepicker-div.rjsrideaublur {
    filter: none;
    -webkit-filter: none;
}

.transition {
    -webkit-transition: all ease-in-out 0.45s;
    -moz-transition: all ease-in-out 0.45s;
    -ms-transition: all ease-in-out 0.45s;
    -o-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}

.transitionWH {
    transition: width 0.45s, height 0.45s;
}

.up_down {
    /* height: 0px;
    overflow: hidden; */
    -webkit-transition: all ease-in-out 0.45s;
    -moz-transition: all ease-in-out 0.45s;
    -ms-transition: all ease-in-out 0.45s;
    -o-transition: all ease-in-out 0.45s;
    transition: all ease-in-out 0.45s;
}

.up_down .rjsloadercss {
    margin-top: -26px;
}

.updown_fermer {
    position: relative;
    margin: 0px 2px -16px;
    font-size: 0.85em;
    cursor: pointer;
    float: left;
}

.rjsbarvalue {
    background-color: #d1d1d1;
}

.slide_button {
    /*text-align:center; */
    margin-left: 20px;
}

input[type="radio"].slide_button_bt:checked {
    background-color: #2693ff;
}

input[type="radio"].slide_button_bt {
    -webkit-appearance: none;
    height: 1em;
    width: 1em;
    margin: 0 3px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0px solid #646473;
    box-shadow: 1px 1px 5px #333 inset;
    box-shadow: 1px 2px 7px #888;
    cursor: pointer;
    position: relative;
    -webkit-transition: 0.15s;
    border-radius: 2em;
    background-color: #fff;
}

input[type="radio"].slide_button_bt:hover {
    -webkit-transition: 0.15s;
    background-color: #6cb6ff;
}

.be_requis,
input[type="date"].be_requis,
input[type="text"].be_requis,
input[type="password"].be_requis,
select.be_requis,
textarea.be_requis {
    border: 1px dotted #ff7e00;
    background-color: #f8e6d5;
}

input[type="radio"].champvide,
input[type="checkbox"].champvide,
input[type="text"].champvide,
input[type="password"].champvide,
input[type="datetime"].champvide,
input[type="datetime-local"].champvide,
input[type="date"].champvide,
input[type="month"].champvide,
input[type="time"].champvide,
input[type="week"].champvide,
input[type="number"].champvide,
input[type="email"].champvide,
input[type="url"].champvide,
input[type="search"].champvide,
input[type="tel"].champvide,
input[type="color"].champvide,
input[type="date"].champvide,
input[type="text"].champvide,
input[type="password"].champvide,
.champvide,
select.champvide,
textarea.champvide {
    border: 1px dotted #ff7e00;
    background-color: #f8e6d5;
}

.rjstab {
    padding: 10px;
}

.jrstyle div.div_bak {
    padding: 20px 10px 0;
    background-color: #f9f9f9;
    border-bottom: 1px solid #a0a0a0;
}

.jrstyle div.div_bak .div_table {
    display: flex;
    justify-content: flex-start;
}

.jrstyle div.div_bak.gray {
    background-color: #cccccc;
}

.jrstyle div.div_bak table.table_nemu {
    border-collapse: separate;
    border-spacing: 5px 0;
    margin-bottom: -1px;
    line-height: normal;
}

.jrstyle div.div_bak table.table_nemu td.topmenu {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    background-color: #e5e5e5;
    padding: 7px;
    text-align: center;
    color: #888;
    border: 1px solid #afafaf;
    border-bottom: 1px solid #a0a0a0;
}

.jrstyle div.div_bak table.table_nemu td.topmenu:hover {
    cursor: pointer;
    color: #111;
    background-color: #fff;
    border: 1px solid #a0a0a0;
    box-shadow: 0 -2px 3px #bbb;
    border-bottom: 1px solid #fff;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.ici {
    cursor: pointer;
    color: #111;
    background-color: #fff;
    box-shadow: 0 -2px 3px #bbb;
    border: 1px solid #a0a0a0;
    border-bottom: 1px solid #fff;
}

.jrstyle div.div_bak div.div_table div.topmenu {
    flex: 0.2;
    padding: 20px 10px 15px 22px;
    border-top-left-radius: 7px;
    border-top-right-radius: 16px 19px;
    background: #fff;
    border: 1px solid #a0a0a0;
    margin: 0 0 -1px -2%;
    position: relative;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
}

.jrstyle div.div_bak div.div_table div.topmenu.petit {
    padding: 10px 5px 10px 10px;
    /* border-top-left-radius: 10px;
  border-top-right-radius: 25px; */
    cursor: pointer;
    font-size: 0.9em;
}

.jrstyle div.div_bak div.div_table div.topmenu.first {
    margin-left: 0%;
    text-transform: none;
}

.jrstyle div.div_bak div.div_table div.topmenu.ici {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    text-align: center;
    box-shadow: -2px -3px 3px #ededed;
    background: linear-gradient(13deg, #fff 45%, #e0e0e0 128%);
}

.jrstyle div.div_bak div.div_table div.topmenu:hover {
    border-bottom: 1px solid #fff;
    margin-bottom: -1px;
    box-shadow: -2px -3px 3px #ededed;
    background: linear-gradient(13deg, #fff 45%, #e0e0e0 128%);
}

.rjstab div.rjstab {
    padding: 10px;
}

.jrstyle div.rjstab div.div_bak {
    padding: 10px 10px 0;
    background-color: #fff;
    margin: 10px 0 0;
    border-bottom: 1px solid #a0a0a0;
    position: relative;
    z-index: 2;
}

.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    background-color: #f1f1f1;
    padding: 5px;
    text-align: center;
    color: #888;
}

.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu:hover {
    cursor: pointer;
    color: #000;
    background-color: #eee2b0;
}

.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.ici {
    cursor: pointer;
    color: #000;
    background-color: #eee2b0;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.foncer:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.foncer:hover {
    cursor: pointer;
    color: #000;
    background-color: #aaaaaa;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.foncer.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.foncer.ici {
    cursor: pointer;
    color: #000;
    background-color: #aaaaaa;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.jaune:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.jaune:hover {
    cursor: pointer;
    color: #000;
    background-color: #eee2b0;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.jaune.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.jaune.ici {
    cursor: pointer;
    color: #000;
    background-color: #eee2b0;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.blue:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.blue:hover {
    cursor: pointer;
    color: #000;
    background-color: #b0ddee;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.blue.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.blue.ici {
    cursor: pointer;
    color: #000;
    background-color: #b0ddee;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.rose:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.rose:hover {
    cursor: pointer;
    color: #000;
    background-color: #fc9cc2;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.rose.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.rose.ici {
    cursor: pointer;
    color: #000;
    background-color: #fc9cc2;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.red:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.red:hover {
    cursor: pointer;
    color: #000;
    background-color: #fd7373;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.red.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.red.ici {
    cursor: pointer;
    color: #000;
    background-color: #fd7373;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.orange:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.orange:hover {
    cursor: pointer;
    color: #000;
    background-color: #ffb788;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.orange.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.orange.ici {
    cursor: pointer;
    color: #000;
    background-color: #ffb788;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.vert:hover,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.vert:hover {
    cursor: pointer;
    color: #000;
    background-color: #b6f1b8;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.vert.ici,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.vert.ici {
    cursor: pointer;
    color: #000;
    background-color: #b6f1b8;
}

.jrstyle div.div_bak table.table_nemu td.topmenu.min,
.jrstyle div.rjstab div.div_bak table.table_nemu td.topmenu.min {
    padding: 4px;
    /*font-size:0.9em*/
}

.jrstyle div.div_bak.min {
    padding: 10px 3px 0;
    margin: 0;
}

.jrstyle div.div_bak table.table_nemu.min {
    border-collapse: separate;
    border-spacing: 2px 0;
    font-size: 0.85em;
}

.jrstyle div.div_bak table.table_nemu.carre {
    border-collapse: collapse;
    border-spacing: 0;
}

.jrstyle div.div_bak.carre {
    padding: 0;
    background-color: transparent;
    margin: 0;
    border-bottom: 1px solid #fff;
}

.jrstyle div.div_bak.top_trans,
.jrstyle div.div_bak.trans {
    background-color: transparent;
}

.jrstyle div.div_bak.carre table.table_nemu td.topmenu {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.jrstyle div.div_bak.trans.black table.table_nemu td.topmenu.ici {
    box-shadow: 0 -2px 3px #333;
}

.jrstyle div.div_bak.trans.black table.table_nemu td.topmenu:hover {
    box-shadow: 0 -2px 3px #333;
}

.jrstyle div.div_bak div.topmenu div.rjstab_bull {
    position: absolute;
    padding: 0px 4px 1px 3px;
    font-size: 0.6em;
    background-color: #ff9e33;
    color: #000;
    margin-left: 10px;
    margin-top: -20px;
    /* opacity: 0.4; */
    border-radius: 7px;
}

.jrstyle div.div_bak div.topmenu.min div.rjstab_bull,
.jrstyle div.div_bak div.topmenu.petit div.rjstab_bull {
    margin-left: 10px;
    margin-top: -20px;
    border-top-left-radius: 3px;
}

.jrstyle div.div_bak div.topmenu div.rjstab_bull.gris {
    background-color: #ccc;
    color: #000;
    opacity: 0.6;
}

.jrstyle div.div_bak div.topmenu div.rjstab_bull.blue {
    background-color: #2693ff;
    color: #fff;
    opacity: 0.6;
}

.jrstyle div.div_bak div.topmenu:hover div.rjstab_bull.gris,
.jrstyle div.div_bak div.topmenu:hover div.rjstab_bull.blue,
.jrstyle div.div_bak div.topmenu:hover div.rjstab_bull {
    opacity: 1;
    /*box-shadow: 1px 1px 2px #999*/
}

.jrstyle div.div_bak div.topmenu.ici div.rjstab_bull.gris,
.jrstyle div.div_bak div.topmenu.ici div.rjstab_bull.blue,
.jrstyle div.div_bak div.topmenu.ici div.rjstab_bull {
    opacity: 1;
    /*box-shadow: 1px 1px 2px #999*/
}

.jrstyle.conteur_div {
    padding: 10px;
    background-color: #fff;
}

/***************************MENU SIDE*********************************************************************/
div.jrstyle.menuside {}

div.jrstyle div.div_side {
    background-color: #f2f2f2;
    padding-bottom: 10px;
    padding-top: 10px;
}

div.jrstyle div.div_side div._contt {
    padding-left: 10px;
}

div.jrstyle div.div_side div.sidemenu {
    padding: 15px 5px;
    cursor: pointer;
    border-left: 1px dashed #d3d3d3;
    border-bottom: 1px dashed #d3d3d3;
    margin-top: 1px;
    color: #666;
    display: flex;
    align-items: center;
}

div.jrstyle div.div_side div.sidemenu > span {
    margin-right: 10px;
}

div.jrstyle div.div_side div.sidemenu.moyen {
    padding: 5px 5px;
    font-size: 0.9em;
}

div.jrstyle div.div_side div.sidemenu.petit {
    padding: 5px 5px;
    font-size: 0.85em;
}



div.jrstyle div.div_side div.sidemenu:hover {
    color: #000;
    background-color: #fff;
    box-shadow: -2px 0px 3px #bbb;
    border-right: 1px solid #fff;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}

div.jrstyle div.div_side div.sidemenu.ici {
    cursor: pointer;
    color: #000;
    font-weight: bold;
    background-color: #fff;
    box-shadow: -2px 0px 3px #bbb;
    text-align: right;
    border-right: 1px solid #fff;
    border-left: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    justify-content: flex-end;
    transform: translateX(2px);
}

div.jrstyle div.div_side div.sidemenu.jaune.ici,
div.jrstyle div.div_side div.sidemenu.jaune:hover {
    background-color: #fefade;
}

div.jrstyle div.div_side div.sidemenu div.rjstab_bull {
    position: absolute;
    padding: 0px 4px 1px 3px;
    font-size: 0.6em;
    background-color: #ff9e33;
    color: #000;
    margin-left: -6px;
    margin-top: -10px;
    opacity: 0.4;
    border-bottom-right-radius: 3px;
    z-index: 20;
}

div.jrstyle div.div_side div.sidemenu.ici div.rjstab_bull {
    opacity: 1;
    /*box-shadow: 1px 1px 2px #999*/
}

/***************************MENU SIDE*********************************************************************/

/***************************Grand agenda TABLE*********************************************************************/
.jrstyle.rjsagenda {
    padding: 3px;
    line-height: 11px !important;
}

.jrstyle.rjsagenda td.leftfitre {
    width: 210px;
}

.jrstyle.rjsagenda table.rjstadagenda.lateral .rjsscroll {
    height: calc(100vh - 100px);
}


.jrstyle.rjsagenda td.leftfitre div.rjshidecheklist {
    background-color: #efefef;
    margin: 0 10px 10px;
    min-width: 210px;
}

.jrstyle.rjsagenda td.leftfitre div.rjshideresume {
    padding: 2px 20px 5px;
    z-index: 20;
}

.jrstyle.rjsagenda td.leftfitre div.rjshidecheklist div.rjshideresume {
    padding: 5px 10px 5px;
}

.jrstyle.rjsagenda td.leftfitre div.rjshideresume div.rjshideelmtitle {
    color: #666;
    padding-bottom: 4px;
    /*
letter-spacing:2px;
text-align:right;*/
    margin-bottom: 5px;
    font-style: italic;
    border-bottom: 1px solid #ffc706;
}

.jrstyle.rjsagenda td.leftfitre div.rjshideelmtitle span.rjshideeltt {
    display: inline-block;
    margin: 0 0 0 2px;
    vertical-align: top;
    color: #333;
    font-size: 0.8em;
    border-radius: 2px;
    background-color: #ffc706;
    padding: 1px 3px;
    font-style: normal;
    text-align: center;
    letter-spacing: 0px;
}

.jrstyle.rjsagenda td.leftfitre div.rjshideresume span.rjshideelm {
    display: block;
    padding: 2px;
    letter-spacing: 1px;
    font-weight: bold;
    font-style: italic;
    font-size: 1em;
    color: #1e61ad;
}

.jrstyle.rjsagenda td.leftfitre div.rjscheklist {
    margin: 5px;
    padding: 5px 0;
}

.jrstyle.rjsagenda td.leftfitre div.rjshidecheklist div.rjscheklist {
    box-shadow: 0 5px 10px #999;
    padding: 5px;
    margin: 0px;
    position: absolute;
    z-index: 10;
    background-color: #efefef;
}

.jrstyle.rjsagenda td.leftfitre div.rjscheklist div.soustitre {
    margin: 0 10px 0 18px;
    background-color: #efefef;
    border-radius: 5px;
    padding: 3px;
}

.jrstyle.rjsagenda td.leftfitre div.rjshidecheklist div.soustitre {
    background-color: #fff;
    margin: 0 0 0 18px;
}

.jrstyle.rjsagenda td.leftfitre div.rjscheklist div.soustitre div.legend {
    display: inline-block;
    margin: 0 1px;
    padding: 5px;
    vertical-align: middle;
    border-radius: 10px;
}

.jrstyle.rjsagenda td.leftfitre div.rjscheklist label.titre {
    letter-spacing: 1px;
    font-weight: normal;
    font-style: italic;
    font-size: 1em;
}

.jrstyle.rjsagenda td.leftfitre div.rjscheklist label.elm_sous {}

.jrstyle.rjsagenda td.leftfitre div.rjscheklist div.soustitre.hide {
    dispaly: none;
}

.jrstyle.rjsagenda td.rightfitre {}

.jrstyle table.rjstadagenda {
    border-collapse: collapse;
    height: 100%;
}

.jrstyle table.rjstadagenda td,
.jrstyle table.rjstadagenda th {
    text-align: center;
    padding: 1px 2px;
    border-radius: 2px;
}

.jrstyle table.rjstadagenda th._nav {
    background-color: #218fef;
    font-size: 1.3em;
    cursor: pointer;
    font-weight: normal;
}

.jrstyle table.rjstadagenda th._nav:hover {
    color: #fff;
}

.jrstyle table.rjstadagenda th._mois {
    color: #fff;
    padding: 4px;
    letter-spacing: 1px;
    font-weight: normal;
    background-color: #218fef;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois {}


.jrstyle div.titlemois {
    text-align: left;
    width: auto;
    font-weight: normal;
    margin-bottom: 0;
}

.jrstyle div.titlemois.bissplus {
    font-size: unset;
    display: block;
    font-size: 1.5em;
    text-align: right;
    font-weight: normal;
    background-color: #f7f7f7;
    margin-top: 20px;
    padding: 20px 35px 20px 20px;
    margin-bottom: 0px;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.ttmois {
    font-size: 1.5em;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois.min div.ttmois {
    font-size: 1.1em;
    height: 25px;
    vertical-align: top;
    margin-right: 0px;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_defaut {
    background: transparent url("rjs/dt_agenda.png") center center no-repeat;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_lateral {
    background: transparent url("rjs/dt_agendalt.png") center center no-repeat;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_semaine {
    background: transparent url("rjs/dt_agendasm.png") center center no-repeat;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_semaine,
.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_defaut,
.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_lateral {
    background-size: 80%;
    display: inline-block;
    width: 46px;
    height: 20px;
    margin: 0 1px;
    border-radius: 3px;
    border: 1px solid transparent;
    cursor: pointer;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_semaine:hover,
.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_lateral:hover,
.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_defaut:hover {
    border: 1px solid #ccc;
}

.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_semaine.onit,
.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_lateral.onit,
.jrstyle table.rjstadagenda th.rjscalendar_mois div.titlemois div.bt_defaut.onit {
    /*box-shadow: 1px 1px 3px #999; */
    border: 1px solid #ccc;
}

.jrstyle table.rjstadagenda.lateral th._week {
    position: sticky;
    top: 0;
}

.jrstyle table.rjstadagenda.lateral th._week.wtitlemont,
.jrstyle table.rjstadagenda.lateral th._week.emp {
    position: sticky;
    left: 0;
    z-index: 20;
}

.jrstyle table.rjstadagenda.lateral th._week.emp {
    border-bottom: 1px solid #cccccc69 !important;
}



.jrstyle table.rjstadagenda th._week {
    text-align: left;
    padding: 3px;
    border-radius: 2px;
    font-size: 0.8em;
    border-bottom: 1px solid #d1d1d1;
    color: #b1b1b1;
    font-weight: normal;
    background: #fff;
}

.jrstyle table.rjstadagenda th._week.min {
    text-align: left;
    padding: 2px;
    font-size: 0.8em;
    font-weight: normal;
    color: #222;
    background-color: #f1f1f1;
    border: 1px solid #d9d9d9;
}

.jrstyle table.rjstadagenda th._week.heure {
    text-align: center;
    color: #888;
}

.jrstyle table.rjstadagenda.lateral th._week {
    text-align: center;
    font-size: 0.9em;
    color: #888;
}

.jrstyle table.rjstadagenda.lateral th._week.emp {
    color: #000;
}

.jrstyle table.rjstadagenda.lateral th._week.num {
    color: #000;
}

.jrstyle table.rjstadagenda.lateral th._week._dayoff {
    cursor: normal;
    background-color: #efefef;
    width: 1%;
    border: 1px solid #ddd;
}

.jrstyle table.rjstadagenda td._hide {
    min-height: auto;
}

.jrstyle table.rjstadagenda td._day {
    text-align: left;
    padding: 3px;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 14%;
    background: #fff;
}

.jrstyle table.rjstadagenda.lateral td._day {
    border: 1px solid #cccccc69;
}


.jrstyle table.rjstadagenda td._day.heure.title {
    vertical-align: top;
    text-align: right;
    font-size: 0.8em;
    font-style: italic;
    width: 5%;
    padding-right: 5px;
}

.jrstyle table.rjstadagenda td._day.heure {
    border-bottom: 1px dashed #e1e1e1;
}

.jrstyle table.rjstadagenda td._day.demi {
    border-top: 1px dashed #e1e1e1;
}

.jrstyle table.rjstadagenda td._day.borderbottom {
    border-bottom: 1px solid #ff0000;
}

.jrstyle table.rjstadagenda td._day.borderright {
    border-right: 1px solid #ff0000;
}

.jrstyle table.rjstadagenda.lateral td._day {
    width: auto;
}

.jrstyle table.rjstadagenda td._day:hover {
    background-color: #f5f5f5;
}

.jrstyle table.rjstadagenda td div._nday {
    border-bottom: 1px dashed #c1c1c1;
    margin-bottom: 3px;
    padding-bottom: 2px;
}

.jrstyle table.rjstadagenda td div._nday.borderbottom {
    border-bottom: 1px dashed #ff0000;
}

.jrstyle table.rjstadagenda td div._nday div.num {
    color: #bbb;
    /*
margin:2px;  
padding: 0 0 0 3px;*/
    min-height: 6px;
    min-width: 10px;
    font-size: 0.75em;
    float: left;
}

.jrstyle table.rjstadagenda td.today div._nday div.num {
    font-weight: bold;
    color: red;
}

.jrstyle table.rjstadagenda div._nday div.numday {
    font-size: 0.6em;
    display: inline-block;
    margin-right: 5px;
    float: left;
    color: #cdcdcd;
}

.jrstyle table.rjstadagenda td._dayoff {
    cursor: default;
    background-color: #efefef;
    width: 1%;
}

.jrstyle table.rjstadagenda td._dayoff:hover {
    cursor: default;
    background-color: #d7dce0;
    width: 1%;
    box-shadow: 0 0 0px transparent;
}

.jrstyle table.rjstadagenda th._week.scrollplus {
    background-color: #ece3c8;
    color: #000;
}

.jrstyle table.rjstadagenda td._day.scrollplus {
    background-color: #f9f8f4;
}

.jrstyle table.rjstadagenda th._week._dayoff.scrollplus,
.jrstyle table.rjstadagenda td._dayoff.scrollplus {
    background-color: #e1e1e1;
}

.jrstyle table.rjstadagenda th._week.scrollplus_separe {
    text-align: center;
    background-color: #ece3c8;
    color: #000;
}

.jrstyle table.rjstadagenda th._week.scrollplus_separe div._rott,
.jrstyle table.rjstadagenda th._week.scrollplus_separe span._rott {
    /*
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-o-transform: rotate(270deg);
writing-mode: tb-rl;*/
    display: inline-block;
    width: 70px;
    font-size: 1.1em;
    letter-spacing: 1px;
}

.jrstyle table.rjstadagenda th._week.today {
    font-weight: bold;
    color: red;
}

.jrstyle table.rjstadagenda th.today,
.jrstyle table.rjstadagenda td.today {
    background-color: #d6f4ff;
    border: 1px solid #f4bcbc;
    font-weight: bold;
}

.jrstyle table.rjstadagenda th.today._dd,
.jrstyle table.rjstadagenda td.today._dd {
    color: red;
}

.jrstyle table.rjstadagenda td._nbeek {
    background-color: #fff7d6;
    text-align: center;
    vertical-align: middle;
    font-size: 0.6em;
    color: #b2930a;
}

.jrstyle table.rjstadagenda td div._dataheur {
    min-height: 15px;
}

.jrstyle table.rjstadagenda td div._dataday {
    min-height: 70px;
}

.jrstyle table.rjstadagenda td div._dataEvent,
.jrstyle table.rjstadagenda td div._dataEvent.heur,
.jrstyle table.rjstadagenda td div._dataEventWait {
    cursor: pointer;
    /*overflow:hidden;*/
}

.jrstyle table.rjstadagenda td div._dataEvent {
    margin-bottom: 3px;
    border-radius: 3px;
    padding: 2px;
    box-shadow: 0 0 3px #999;
}

.jrstyle table.rjstadagenda td._day.agendaMin {
    text-align: center;
    vertical-align: middle;
}

.jrstyle table.rjstadagenda td._day.full_day {
    background-image: url("rjs/off3.png");
}

.jrstyle table.rjstadagenda td div.float_information {
    margin-bottom: 3px;
    border-radius: 3px;
    padding: 2px;
    font-size: 0.8em;
}

.jrstyle table.rjstadagenda td._day.selectDay {
    background-color: #ffdc73;
}

.jrstyle table.rjstadagenda div.listeDaySelected {
    max-height: 100px;
    padding: 3px;
    overflow: auto;
    border: 1px dotted #bbb;
    background-color: #fff;
    font-weight: bold;
}

.jrstyle table.rjstadagenda div.listeDaySelected div.daySelectedJour {
    display: inline-block;
    border-radius: 3px;
    font-size: 0.9em;
    cursor: pointer;
    padding: 0 2px;
    color: #1b94ff;
}

.jrstyle table.rjstadagenda div.listeDaySelected div.daySelectedJour:hover {
    background-color: #ffdc73;
}

.jrstyle table.rjstadagenda td div.float_information {
    margin-bottom: 3px;
    border-radius: 3px;
    padding: 2px;
    font-size: 0.8em;
    text-align: left;
    min-width: 200px;
}

.jrstyle table.rjstadagenda td div._dataEvent div.ev_plus {
    border-radius: 2px;
    margin: 2px;
    padding: 3px;
    color: #222;
    font-size: 0.9em;
}

.jrstyle table.rjstadagenda td div._dataEvent.heur {
    margin-right: 2px;
    padding: 1px;
    box-shadow: 0 0 0px #fff;
}

.jrstyle table.rjstadagenda td div._dataEventWait {
    margin: 2px;
    border-radius: 2px;
    padding: 1px;
    min-height: 6px;
    min-width: 10px;
    background-image: url("rjs/off3.png");
}

.jrstyle table.rjstadagenda.lateral td div._dataEventWait {
    margin: 1px;
    min-width: 10px;
    padding: 0px;
    background-image: url("rjs/off3.png");
}

.jrstyle table.rjstadagenda.lateral td div._dataEventWait.ok {
    min-height: 5px;
    min-width: 15px;
}

.jrstyle table.rjstadagenda td div._dataEvent.opac,
.jrstyle table.rjstadagenda td div._dataEventWait.opac {
    opacity: 0.2;
}

.jrstyle table.rjstadagenda td div._dataEvent.finded,
.jrstyle table.rjstadagenda td div._dataEventWait.finded {
    box-shadow: 0 0 15px #000;
}

.jrstyle table.rjstadagenda td div._dataEvent.underhite,
.jrstyle table.rjstadagenda td div._dataEventWait.underhite {
    box-shadow: 0 0 20px #777;
}

.jrstyle table.rjstadagenda tr.selectWeek td._day {
    background-color: #99e6ff;
}

.jrstyle table.rjstadagenda tr.selectWeek td._dayoff {
    background-color: #efefef;
}

.jrstyle table.rjstadagenda div.listeDaySelected .ttsepp,
.jrstyle table.rjstadagenda div.listeDaySelected .tttxt {
    font-weight: normal;
    color: #777;
}

div.rjsbubble {
    min-width: 200px;
    max-width: 400px;
    min-height: 20px;
    box-shadow: 0 0 11px #999;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    text-align: left;
    padding: 5px;
    color: #333;
}

div.rjsbubble div.bubble_title {
    font-size: 1.5em;
    background-color: #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 10px;
    color: #000;
}

div.rjsbubble div.bubble_title span.bubble_heur {
    color: #d82222;
    font-size: 0.85em;
    vertical-align: middle;
}

div.rjsbubble div.bubble_data {
    padding: 5px 10px 10px;
    font-size: 1em;
    min-height: 50px;
    border-bottom: 1px solid #d1d1d1;
}

div.rjsbubble div.bubble_sigt {
    font-size: 0.9em;
    padding: 2px 10px;
    color: #999;
    text-align: right;
    background-color: #f9f5e4;
    border-radius: 4px;
}

div.rjsbubble div.bubble_createur {
    font-size: 0.8em;
    padding: 2px;
    color: #888;
    text-align: right;
    border-bottom: 1px dotted #d1d1d1;
    background-color: #f5f5f5;
}

div.rjsinputtfinder {
    position: absolute;
    overflow: auto;
}

div.rjsinputtfinder table th.center,
div.rjsinputtfinder table td.center {
    text-align: center;
}

div.rjsinputtfinder table th.right,
div.rjsinputtfinder table td.right {
    text-align: right;
}

div.rjsinputtfinder table th.left,
div.rjsinputtfinder table td.left {
    text-align: left;
}

table.rjstyle.tablookart {
    border-collapse: collapse;
    border-spacing: 0px;
}

table.rjstyle.tablookart div.listediv {
    margin: 5px;
}

table.rjstyle.tablookart th {
    border-bottom: 1px solid #000;
    padding: 2px;
}

table.rjstyle.tablookart td {
    padding: 2px;
}

table.rjstyle.tablookart tr.liste:hover {
    background-color: #fff;
    color: #00b4ff;
}

table.rjstyle.tablookart tr.loop {
    background-color: #fcf1cf;
}

div.rjsinputtfinder div.groupe {
    padding: 6px 10px;
    margin-bottom: 2px;
}

div.rjsinputtfinder div.groupe table td.overdown:hover {
    background-image: url("../img/bas3.png");
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 16px;
}

div.rjsinputtfinder div.groupe.result_null {
    padding: 0px 10px;
    font-size: 0.8em;
    opacity: 0.5;
}

div.rjsinputtfinder div.liste {
    padding: 2px 10px 5px;
}

div.rjsinputtfinder div.liste div.listediv {
    border-radius: 7px;
    margin-bottom: 1px;
}

div.rjsinputtfinder div.liste div.listediv:hover {
    background-color: #c1e6ff;
}

div.rjsinputtfinder div.liste.result_null {
    padding: 1px;
}

button.rjscalendar_aff,
button.rjscalendar_nav {
    background-color: #e0e0e0;
    color: #666;
    border: 1px solid #d9d9d9;
    margin: 0 1px;
    border-radius: 3px;
    height: 25px;
    min-width: 50px;
    font-weight: normal;
    vertical-align: middle;
    cursor: pointer;
}

button.rjscalendar_aff:hover,
button.rjscalendar_nav:hover {
    background-color: #d9d9d9;
    border: 1px solid #c0c0c0;
    color: #000;
}

button.rjscalendar_aff {
    background-color: #f5f5f5;
    font-size: 0.9em;
    color: #bbb;
}

button.rjscalendar_aff.onit {
    box-shadow: 0 0 3px #888;
    color: #000;
}

/***************************Grand agenda TABLE*********************************************************************/

table.pagination {
    border-collapse: separate;
    border-spacing: 3px;
    font-size: 0.9em;
    margin-top: 0px;
    background: #f1f1f1;
}

table.pagination td.t1 {
    margin-top: 15px;
    width: 30%;
    text-align: left;
    color: #999;
}

table.pagination select.selectpage {
    background-color: #e6e6e6;
    border: 0;
    width: auto;
}

table.pagination td.t2 {
    width: 30%;
    text-align: center;
    vertical-align: middle;
    color: #999;
}

table.pagination td.t2 span.bull_grise {
    background-color: #f2f2f2;
}

table.pagination td.t3 {
    width: 30%;
    text-align: right;
    color: #999;
}

table.pagination td.t3 table {
    border-spacing: 2px;
    border-collapse: separate;
}

/**************************************FILTRE SELECT*******************************************************************/

/*************   ***new*****  ************************************/

div._listeSelected_,
div._selectFiltreContant_ {
    position: absolute;
    padding: 1px 0 0;
    background-color: transparent;
    width: 99.9%;
    border-radius: 2px;
    border: 1px solid transparent;
}

div._listeSelected_.fig,
div._selectFiltreContant_.fig {
    position: relative;
    padding: 1px;
    background-color: #fff;
    width: 48%;
    float: left;
    border-radius: 2px;
}

div._selectFiltreContant_._activ {
    border: 1px solid #d0d0d0;
    background-color: #e5e5e5;
}

div._listeSelected_ {
    background-color: #e5e5e5;
    z-index: 100;
    border: 1px solid #e0e0e0;
}


input._selectFiltre_ {
    background: #fff url("rjs/filtre.png") 98% 7px no-repeat;
    /*
display:block;
margin:auto;
border:none;
background-color:transparent; 
border-width:0px;
border-color:transparent;
border-radius:2px;
padding: 3px 0px 3px 3px;*/
    box-shadow: none;
    width: 98%;
}

input._selectFiltre_:visited,
input._selectFiltre_:active,
input._selectFiltre_:hover,
input._selectFiltre_:focus {
    box-shadow: none;
    width: 98%;
}

input._selectFiltre_._selected_ {
    background-color: #fdf8bd;
}

div._listeDiv_ {
    max-height: 200px;
    min-height: 50px;
    overflow: auto;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background-color: #ffffff;
}

div._listeDiv_.maxHeight {
    max-height: 200px;
    min-height: 50px;
}

div._listeDiv_.maxHeightFig {
    max-height: 200px;
    min-height: 50px;
}

div._listeDiv_._listeul {
    max-height: 200px;
    min-height: 50px;
}

div._listeDiv_.slct {
    border-top: none;
    background-color: #fafafa;
    color: #000;
}

div._listeDiv_ ul._listeul {
    margin: 0px;
    padding: 3px;
    list-style-type: none;
    font-size: 0.9em;
}

div._listeDiv_ li._listeli {
    padding: 2px 2px 2px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 0;
}

div._listeDiv_ li.groupTitle {
    padding: 7px;
    background-color: #919191;
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
}


div._listeDiv_ li._listeli:before {
    content: "- ";
    color: #bbb;
    margin-left: -7px;
}

/* div._listeDiv_.slct li._listeli:before{  */
/* content:"√ "; */
/* color:#57CC31; */
/* margin-left: -7px; */
/* font-weight: bold;  */
/* } */

div._listeDiv_.slct li._listeli:before {
    content: "\0398 ";
    color: #57cc31;
    margin-left: -7px;
    font-weight: bold;
}

div._listeDiv_.slct li._listeli {
    padding: 2px 2px 2px 10px;
    cursor: pointer;
    color: #0c79d6;
    font-weight: bold;
}

div._listeDiv_ li._listeli:hover {
    background-color: #f2efc8;
}

div._listeDiv_ li._listeli:hover:before {
    content: "\203A ";
    color: #00bfff;
    font-weight: bold;
}

div._listeDiv_.slct li._listeli:hover:before {
    content: "\2039 ";
    margin-left: -5px;
    color: #ff4000;
    font-weight: bold;
}

div._listeDiv_ li._listeli._ici_ {
    background-color: #efdeb6;
}

div._listeDiv_ li._listeli._ici_:before {
    content: "\203A ";
    color: #0099cc;
}

div._divButton_ {
    background-color: #e5e5e5;
    padding: 2px 5px 4px;
}

div._divButton_ .afficheTotal {
    font-size: 0.7em;
    display: inline-block;
    margin-left: 10px;
    color: #00a9e0;
}

div._divButton_ button.float_right {
    float: right;
    margin-top: 4px;
}

div._divButton_ button {
    font-size: 0.6em;
    font-size: 8px;
    text-transform: uppercase;
    border-radius: 2px;
    border: 0px none;
    padding: 2px 5px;
    margin: 0;
    box-shadow: 1px 1px 0px #b9b6ad;
    background-color: #00a9e0;
    color: #fff;
    cursor: pointer;
    line-height: normal;
}

div._divButton_ button.blue:hover {
    background-color: #0099cc;
    box-shadow: 1px 1px 5px #777;
}

div._divButton_ button.gris {
    background-color: #e5e5e5;
    color: #666;
}

div._divButton_ button.gris:hover {
    background-color: #e0e0e0;
    color: #000;
}

div._divButton_ button.fonce {
    background-color: #aaaaaa;
    color: #555;
}

div._divButton_ button.fonce:hover {
    background-color: #888;
    color: #000;
}

div._divButton_ button.orange {
    background-color: #ff9326;
    color: #333;
}

div._divButton_ button.orange:hover {
    background-color: #ff9326;
    color: #000;
}

div._divButton_ button.jaune {
    background-color: #f7c20f;
    color: #333;
}

div._divButton_ button.jaune:hover {
    background-color: #e4b307;
    color: #000;
}

div._divButton_ button.red {
    background-color: #e43a32;
    color: #fff;
}

div._divButton_ button.red:hover {
    background-color: #dd271e;
    color: #fff;
}

div._divButton_ button.vert {
    background-color: #80d0a7;
    color: #555;
}

div._divButton_ button.vert:hover {
    background-color: #80d0a7;
    color: #000;
}

/*************   ***new*****  ************************************/

div.div_show {
    background-color: #fff;
    border: #ddd solid 1px;
    padding: 3px;
    min-height: 50px;
    text-align: left;
}

div.div_hide {
    position: absolute;
    z-index: 300;
    background-color: #fff;
    border: #ddd solid 1px;
    margin-top: -2px;
    margin-left: 3px;
    padding: 3px;
    color: #222;
    min-height: 50px;
    text-align: left;
    box-shadow: 4px 2px 4px #999;
}

div.groupdiv_hide {
    max-height: 300px;
}

div.groupdiv_hide .div_hide_top {
    width: calc(100% - 6px);
}

div.groupdiv_hide .div_hide_bottom {
    width: 100%
}


div.div_hide_top {
    background-color: #f5f5f5;
    border: #ddd solid 1px;
    border-bottom: #ddd solid 2px;
    font-size: 0.9em;
    max-height: 150px;
    margin: 10px auto;
    overflow: auto;
    padding: 2px;
    border-radius: 3px;
}

div.div_hide_top.show {
    height: 90px;
    margin: 3px auto;
}

div.div_hide_top input[type="checkbox"],
div.div_hide_bottom input[type="checkbox"] {
    margin: 0;
    line-height: 0px;
}

div.div_hide_top table tr:hover,
div.div_hide_bottom table tr:hover {
    background-color: #def3ff;
}

div.div_hide_top table td,
div.div_hide_bottom table td {
    border-bottom: 1px solid #e0e0e0;
    padding: 3px;
}

div.div_hide_bottom {
    border-radius: 3px;
    max-height: 200px;
    overflow: auto;
    font-size: 0.9em;
    padding: 2px;
}

div.div_hide_bottom.show {
    height: 140px;
    margin: auto;
}

div.div_hide_bt {
    padding: 5px 3px;
    background-color: #f5f5f5;
    font-size: 0.9em;
    margin-top: 8px;
}

div.div_hide_bt.imp {
    padding: 1px;
    background-color: transparent;
    font-size: 0.9em;
    margin-top: 10px;
}

div.div_hide_bt button {
    height: 20px;
    width: 20px;
    padding: 2px;
    line-height: 0px;
    font-weight: normal;
}

input.select {
    background: #fff url("rjs/filtre.png") 98% 7px no-repeat;
    padding-top: 5px;
    padding-bottom: 5px;
}

input.show {
    background: #f8f8f8;
    padding: 2px;
    max-width: 97%;
}

input.show:focus {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
    box-shadow: none;
}

input.blur {
    background-color: #fffde8;
    border-top: #777 solid 1px;
    border-left: #777 solid 1px;
    border-bottom: #aaa solid 1px;
    border-right: #aaa solid 1px;
}

input.selected {
    background-color: #fdf8bd;
}

table.fitre_select_bottom.input {
    border-collapse: separate;
    border-spacing: 3px;
}

table.fitre_select_bottom td.affich,
table.fitre_select_bottom.input td.affich {
    border-bottom: 1px solid #e0e0e0;
    padding: 3px;
}

table.fitre_select_bottom.input td.affich label {
    display: block;
}

table.fitre_select_bottom.input td.claire {
    color: orange;
}

table.fitre_select_bottom.input td.imp {
    display: none;
}

table.fitre_select_top label,
table.fitre_select_bottom label {
    display: block;
    text-align: left;
}

table.fitre_select_top td.affich,
table.fitre_select_top.input td.affich {
    padding: 2px;
}

/***************************POPUP*********************************************************************/

/******Sand tout pas utile******/
.rjscachepopup {
    background-color: #fff;
    opacity: 0.8;
}

div.rjsdivpopup,
.jrstyle div.rjsdivpopup,
.jrstyle.rjsdivpopup {
    background-color: #fff;
    border-radius: 5px;
    border: 3px solid #f2f2f2;
    box-shadow: 0 0 50px #e4e4e4;
}

div.rjsdivpopup.red,
.rjsdivpopup.red {
    box-shadow: 0 0 10px #dd4c4c;
}

.jrstyle div.rjsdivpopup div.closex,
.closex,
.jrstyle.rjsdivpopup div.closex {
    font-size: 0.65em;
    background-color: #dd4c4c;
    border-radius: 3px;
    box-shadow: 0 0 4px #555;
    padding: 3px;
    margin-top: -7px;
    margin-left: -17px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    cursor: pointer;
}

/******Sand tout pas utile******/

div.ephemere {
    background-color: #ffffff;
    box-shadow: 0 0 10px #9999998c;
    opacity: 0.9;
    border-radius: 3px;
    border: 0;
    padding: 5px;
}

div.indivalert i.inimsg {
    font-weight: bold;
    color: red;
}

div.indivalert ul.iniol,
div.indivalert ol.iniol {
    padding-left: 20px;
    margin: 10px;
}

div.indivalert li.inili {
    margin-top: 3px;
    color: #000;
    list-style-type: circle;
}

div.ephemere.blanc,
div.ephemere.white {
    background-color: #ffffff;
    box-shadow: 0 0 10px #999;
    opacity: 0.9;
    border-radius: 3px;
    border: 2px solid #636363;
    font-size: 1em;
    color: #000;
    padding: 10px;
}

div.rideau.noir {
    background-color: #000000a8;
}

div.rideau {
    position: absolute;
    top: 0;
    left: 0;
    /* background-color:#fff; */
    opacity: 0.75;
}

div.bubble_target {
    display: none;
    /* required */
    position: absolute;
    /* required */
    z-index: 1001;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
    width: 30%;
    box-shadow: 0 0 11px #999;
    -moz-box-shadow: 0 0 11px #999;
    -webkit-box-shadow: 0 0 11px #999;
    background-color: #fff;
    color: #444;
    text-indent: 0px;
    border-collapse: separate;
    text-align: left;
    min-width: 350px;
    max-width: 400px;
    min-height: 20px;
}

div.rjsdivpopup {
    background-color: #fff;
    box-shadow: 0 0 10px #1366d3;
    border-radius: 5px;
    border: 1px solid #999;
}

div.rjsdivpopup.red {
    box-shadow: 0 0 10px #dd4c4c;
}

.rjsdivpopup div.closex {
    font-size: 0.65em;
    background-color: #dd4c4c;
    border-radius: 3px;
    box-shadow: 0 0 4px #555;
    padding: 3px;
    margin-top: -7px;
    margin-left: -17px;
    color: #fff;
    font-weight: normal;
    letter-spacing: 1px;
    cursor: pointer;
}

.bottom_popup {
    z-index: 100;
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
    position: absolute;
    border: 1px solid #eee;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #f3f3f3;
    box-shadow: 2px 2px 3px #aaa;
}

div.rjsdivpopup,
div.poptitle {
    font-size: 1.1em;
    background-color: #f1f1f1;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 10px;
    font-weight: normal;
    letter-spacing: 1px;
    /*margin-bottom:10px*/
}

div.rjspopup div.poptitle,
div.bottom_popup2 div.poptitle {
    background-color: #d6d6d6;
    border-bottom: 1px solid #b4b4b4;
}

.fermeture {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 5px 15px 7px;
    background-color: #fff;
    color: #a69e9b;
    font-weight: bold;
    border-radius: 5px;
    border: 1px solid #c5c5c5;
    /*box-shadow: 1px 1px 3px #A3A3A3;*/
}

.fermeture:hover {
    background-color: #fff;
    box-shadow: 0 0 5px #333 inset;
    cursor: pointer;
}

div.rjspopup,
.bottom_popup2 {
    z-index: 700;
    padding: 10px;
    border-radius: 3px;
    margin-top: 5px;
    position: absolute;
    border: 1px solid #eee;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #f6f6f6;
    box-shadow: 2px 2px 2px #aaa;
}

div.rjspopup.plusshad,
.bottom_popup2.plusshad {
    box-shadow: 3px 3px 5px #aaa;
}

div.rjspopup.plusshad2,
.bottom_popup2.plusshad2 {
    box-shadow: 0px 5px 12px #222;
}

div.rjspopup .button,
.bottom_popup .button,
.bottom_popup2 .button {
    display: block;
    padding: 5px;
    width: auto;
    border-bottom: 1px solid #f3f3f3;
}

.loadcercle {
    margin-top: 50px;
}

.dropable.dropaffiche table.tabdropaffiche {
    margin: 3vh 0 0 3vw;
    width: auto;
}

.dropable.dropaffiche {
    border: 3px dashed #e9e9e9;
}

.drophover {
    -webkit-box-shadow: inset 0px 0px 38px 15px #b2a991;
    -moz-box-shadow: inset 0px 0px 38px 15px #b2a991;
    box-shadow: inset 0px 0px 38px 15px #b2a991;
}

.dropable.dropaffiche table.tabdropaffiche td.dropaffiche {
    height: 100px;
    text-align: center;
    vertical-align: middle;
    font-size: 3vh;
    color: #e0dddd;
}

.dropable.dropaffiche table.tabdropaffiche td.dropaffiche:after {
    font-weight: normal;
    content: "Glisser & Déposer ";
}

div.ephemere.actualisation {
    background-color: #ffffff;
    border: 1px dotted #aaa;
    box-shadow: none;
    padding: 20px;
    font-size: 1.2em;
}

/**********UPLOAD FILES***********************/
div.bar_progress {
    background-color: #bbb;
    box-shadow: 0 0 5px #444 inset;
    padding: 0px;
    border-radius: 3px;
    margin-top: 5px;
    min-width: 150px;
}

div.progress {
    height: 40px;
    border-radius: 3px;
    background-color: #1cc1f9;
}

div.progress_aff {
    margin: -35px auto 5px;
    height: 30px;
    width: 90%;
    border-radius: 1px;
    background-color: #fff;
    overflow: hidden;
    padding: 0 2%;
}

div.progress_aff div.prg_top,
div.progress_aff div.prg_bottom {
    overflow: hidden;
    padding: 0 3px;
    height: 15px;
    font-size: 0.85em;
}

div.progress_aff div.prg_bottom {
    font-size: 0.7em;
    color: #1cc1f9;
}

div.progress_aff div.prg_stop {
    float: right;
    padding: 5px;
    z-index: 3;
    box-shadow: 0 0 1px #444;
    height: 30px;
    background-color: #f1f1f1;
    color: #d90000;
}

div.progress_aff div.prg_stop:hover {
    cursor: pointer;
    box-shadow: 0 0 5px #444;
    color: red;
    -webkit-transition: all ease-in-out 0.15s;
    -moz-transition: all ease-in-out 0.15s;
    -ms-transition: all ease-in-out 0.15s;
    -o-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s;
}


.divselectrjs {}


.divselectrjs div.textselect {
    padding: 10px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e9e9e9;
    overflow-x: hidden;
}

.divselectrjs div.flechdirection {
    float: right;
    margin-top: -2em;
    font-size: 1.1em;
    margin-right: 8px;
    color: #438cd0;
}


.divselectrjs div.listeselectionrjs {}

.divselectrjs div.listeselectionrjs ul {
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
    border: 1px solid #e9e9e9;
    margin-top: -3px;
    position: absolute;
    z-index: 90;
    overflow-x: hidden;
}

.divselectrjs div.listeselectionrjs ul li {
    padding: 10px;
    text-align: left;
    display: block;
    border-bottom: 1px solid #e9e9e9;
    cursor: pointer;
}

.divselectrjs div.listeselectionrjs ul li.placeholder {
    opacity: 0.5;
}


.divselectrjs div.listeselectionrjs ul li:hover {
    background-color: #d0d0d0;
}



i.icofont-ui-press.check {
    font-size: 9px;
    padding: 3px 3px 2px;
    border-radius: 50%;
    border: 1px solid #555;
    height: 9px;
}



label.checkbox {
    display: inline-block;
    height: 25px;
    width: 25px;
    border: 1px solid #888;
    vertical-align: -9px;
    border-radius: 5px;
}


label.checkbox.icofont-verification-check {
    font-size: 1.8em;
    color: #2b8de8;
    height: 25px;
    width: 25px;
    vertical-align: -4px;
    border: 1px solid #e0e0e0;

}

label.checkbox:hover {
    border: 1px solid #e0e0e0;
    text-decoration: none;
}






















/**********UPLOAD FILES***********************/

draggable["true"] {
    -moz-transition: all 200ms linear;
    -webkit-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;

    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}




@keyframes ldio-f5qnkro41v7 {
    0% {
        transform: translate(6px, 40px) scale(0);
    }

    25% {
        transform: translate(6px, 40px) scale(0);
    }

    50% {
        transform: translate(6px, 40px) scale(1);
    }

    75% {
        transform: translate(40px, 40px) scale(1);
    }

    100% {
        transform: translate(74px, 40px) scale(1);
    }
}

@keyframes ldio-f5qnkro41v7-r {
    0% {
        transform: translate(74px, 40px) scale(1):
    }

    100% {
        transform: translate(74px, 40px) scale(0);
    }
}

@keyframes ldio-f5qnkro41v7-c {
    0% {
        background: #1e0f69
    }

    25% {
        background: #4e39b6
    }

    50% {
        background: #3e2e8f
    }

    75% {
        background: #2b03f3
    }

    100% {
        background: #1e0f69
    }
}

.ldio-f5qnkro41v7 div {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transform: translate(40px, 40px) scale(1);
    background: #1e0f69;
    animation: ldio-f5qnkro41v7 1s infinite cubic-bezier(0, 0.5, 0.5, 1);
}

.ldio-f5qnkro41v7 div:nth-child(1) {
    background: #2b03f3;
    transform: translate(74px, 40px) scale(1);
    animation: ldio-f5qnkro41v7-r 0.25s infinite cubic-bezier(0, 0.5, 0.5, 1), ldio-f5qnkro41v7-c 1s infinite step-start;
}

.ldio-f5qnkro41v7 div:nth-child(2) {
    animation-delay: -0.25s;
    background: #1e0f69;
}

.ldio-f5qnkro41v7 div:nth-child(3) {
    animation-delay: -0.5s;
    background: #2b03f3;
}

.ldio-f5qnkro41v7 div:nth-child(4) {
    animation-delay: -0.75s;
    background: #3e2e8f;
}

.ldio-f5qnkro41v7 div:nth-child(5) {
    animation-delay: -1s;
    background: #4e39b6;
}

.loadingio-spinner-ellipsis-nwswjask9ul {
    width: 54px;
    height: 54px;
    display: inline-block;
    overflow: hidden;
    background: transparent;
}

.ldio-f5qnkro41v7 {
    width: 100%;
    height: 100%;
    position: relative;
    transform: translateZ(0) scale(0.54);
    backface-visibility: hidden;
    transform-origin: 0 0;
    /* see note above */
}

.ldio-f5qnkro41v7 div {
    box-sizing: content-box;
}

.flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex.important {
    display: flex !important;
}



/*********switchToggle***************/

.switchToggle {
    position: relative;
    display: inline-block;
    --switchToggleZOOM: 34px;
    width: calc((var(--switchToggleZOOM)) * 2);
    height: var(--switchToggleZOOM);
}

.switchToggle input {
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.sliderToggle {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.sliderToggle:before {
    position: absolute;
    content: "";
    --sliderToggleHeight: calc(var(--switchToggleZOOM));
    --sliderToggleMove: calc(var(--switchToggleZOOM));

    --equiteDistance: 6px;
    /* --equiteLeft: calc(var(--equiteDistance) - 2px); */
    --equiteLeft: 4px;
    --equiteBottom: calc(var(--equiteDistance) / 2);
    height: calc(var(--sliderToggleHeight) - var(--equiteDistance));
    width: calc(var(--sliderToggleHeight) - var(--equiteDistance));
    left: var(--equiteLeft);
    bottom: var(--equiteBottom);
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .sliderToggle {
    background-color: #2196F3;
}

input:focus + .sliderToggle {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .sliderToggle:before {
    -webkit-transform: translateX(calc(var(--sliderToggleMove) - var(--equiteLeft)));
    -ms-transform: translateX(calc(var(--sliderToggleMove) - var(--equiteLeft)));
    transform: translateX(calc(var(--sliderToggleMove) - var(--equiteLeft)));
}

/* Rounded sliders */
.sliderToggle.round {
    border-radius: 34px;
}

.sliderToggle.round:before {
    border-radius: 50%;
}

/*********switchToggle***************/


.rjsloadercss {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;

}

.rjsloadercss.rjsloaderConteneur {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}

.rjsloadercss.rjsloaderConteneur._style_top,
.rjsloadercss.rjsloaderConteneur._style_topPetit {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.rjsloadercss .rjsloadbarreprogress div.load {
    --pourcentprograss: 0%;
    --degredprograss: 45deg;
    background: linear-gradient(var(--degredprograss), transparent, var(--orange));
    padding: 2px 0;
    overflow: hidden;
    text-align: right;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-between;
}

.rjsloadercss .rjsloadbarreprogress div.load.petit {
    padding: 0 !important;
}

.rjsloadercss .rjsloadbarreprogress div.load .ttaprog {
    font-size: 9px;
    margin-right: 15px;
    width: 20px;
}

.rjsloadercss .rjsloadbarreprogress div.load:before {
    content: '';
    display: block;
    background: linear-gradient(90deg, transparent, rgba(40, 9, 214, 0.4), transparent);
    width: 30%;
    padding: 6px 0 6px 0;
    margin-left: 0%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    animation: barrrload 1s ease-in-out 3s infinite alternate;
    opacity: 0;
}

.rjsloadercss .rjsloadbarreprogress {}


@-webkit-keyframes barrrload {
    0% {
        margin-left: 0%;
    }

    100% {
        margin-left: 70%;
        opacity: 1;
    }
}

@keyframes barrrload {
    0% {
        margin-left: 0%;
    }

    100% {
        margin-left: 70%;
        opacity: 1;
    }
}

.opa1 {
    opacity: 0.8;
}

.opa2 {
    opacity: 0.5;
}

.opa3 {
    opacity: 0.2;
}

.opa4 {
    opacity: 0.1;
}



div.ephemere.popup_warning {
    border: 1px solid transparent;
    padding: 10px;
    animation: popup_warning 0.25s ease-out both;
    top: 30px;
    right: 20px;
    border-radius: 6px;
}

div.ephemere.popup_warning .croix {
    color: #bbb;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

div.ephemere.popup_warning .content {}

div.ephemere.popup_warning .croix:hover {
    color: #000;
}



@-webkit-keyframes popup_warning {
    0% {
        right: -1500px;
        opacity: 0;
    }

    100% {
        right: 20px;
        opacity: 1;
    }
}

@keyframes popup_warning {
    0% {
        right: -1500px;
        opacity: 0;
    }

    100% {
        right: 20px;
        opacity: 1;
    }
}



.textblockok {
    /* color: green */
}

.textblocknok {
    /* color: red */
}

.textblockok .textcharok:before {
    content: 'Ok';
}

.textblocknok .textcharnok:before {
    content: '';
}

.textblockok .texticonok:before {
    content: '✅';
}

.textblocknok.texticonnok:before {
    content: '⛔';
}


.slideinbottomephemere {
    -webkit-animation: slideinbottomephemere 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slideinbottomephemere 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes slideinbottomephemere {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideinbottomephemere {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}


.movebottomtotop,
.rjspopup {
    -webkit-animation: rjspopup 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: rjspopup 0.2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rjspopup {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes rjspopup {
    0% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}



.slideOutRight {
    -webkit-animation: slideOutRight 0.1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slideOutRight 0.1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0;
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
        opacity: 0;
    }
}

.slideInRight {
    -webkit-animation: slideInRight 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
    animation: slideInRight 0.2s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

.overflowHidden {
    overflow: hidden !important;
}



body.jrsRideauPopup {
    overflow: hidden !important;
}

body.jrsRideauPopup:before {
    content: "";
    display: flex !important;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 99990;
    background: radial-gradient(#1e0f695c 30%, #1e0f69de);
    -webkit-animation: slowcome 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: slowcome 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    opacity: 0;
}

@-webkit-keyframes slowcome {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

div#chartcomeleftOverAll {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    /* left: 50%;    */
    min-width: 700px;
    width: 50%;
    background: linear-gradient(90deg, #fffffff0 67%, #ffffff);
    z-index: 99990;
    display: block;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-animation: chartcomeleftOverAll 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: chartcomeleftOverAll 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes chartcomeleftOverAll {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes chartcomeleftOverAll {
    0% {
        -webkit-transform: translateX(1000px);
        transform: translateX(1000px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}



div#chartcomeleftOverAll div.innerT {
    height: 100vh;
    overflow-y: hidden;
    overflow-x: hidden;
    gap: 0;
    --heighClosebtotopright: 8vh;
    background-color: var(--bgColor3_pal);
}

div#chartcomeleftOverAll div.innerT div.closebtotopright {
    height: var(--heighClosebtotopright);
    padding: 0 10px 0 30px;
    width: auto !important;
}

div#chartcomeleftOverAll div.innerT div.closebtotopright span.material-symbols-outlined {
    opacity: 0.5;
    display: block;
    padding: 0 15px;
    font-size: 3em !important;
    font-weight: bold;
    color: #000;
    cursor: pointer;
}

div#chartcomeleftOverAll div.innerT div.closebtotopright span.material-symbols-outlined:hover {
    transition: all ease-in-out 0.22s;
    transform: rotate(-180deg);
    opacity: 1;
}

div#chartcomeleftOverAll div.innerT div.loadContent {
    --heighLoadContent: calc(100vh - var(--heighClosebtotopright));
    height: var(--heighLoadContent);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 10px;
    width: auto !important;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div {
    /* width: 100%; */
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height10 {
    --height: calc(var(--heighLoadContent) * 0.1);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height15 {
    --height: calc(var(--heighLoadContent) * 0.15);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height20 {
    --height: calc(var(--heighLoadContent) * 0.2);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height25 {
    --height: calc(var(--heighLoadContent) * 0.25);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height30 {
    --height: calc(var(--heighLoadContent) * 0.3);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height35 {
    --height: calc(var(--heighLoadContent) * 0.35);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height40 {
    --height: calc(var(--heighLoadContent) * 0.4);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height45 {
    --height: calc(var(--heighLoadContent) * 0.45);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height50 {
    --height: calc(var(--heighLoadContent) * 0.5);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height55 {
    --height: calc(var(--heighLoadContent) * 0.55);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height60 {
    --height: calc(var(--heighLoadContent) * 0.6);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height65 {
    --height: calc(var(--heighLoadContent) * 0.65);
    height: auto;
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height70 {
    --height: calc(var(--heighLoadContent) * 0.7);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height75 {
    --height: calc(var(--heighLoadContent) * 0.75);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height80 {
    --height: calc(var(--heighLoadContent) * 0.8);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height85 {
    --height: calc(var(--heighLoadContent) * 0.85);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height90 {
    --height: calc(var(--heighLoadContent) * 0.9);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height95 {
    --height: calc(var(--heighLoadContent) * 0.95);
    max-height: var(--height);
    height: auto;
}

div#chartcomeleftOverAll div.innerT div.loadContent > div.height100 {
    --height: calc(var(--heighLoadContent));
    max-height: var(--height);
    height: auto;
}



.ck-editor .ck-editor__editable {
    resize: vertical;
    max-height: 50vh;
}

.ck-editor .ck-editor__editable.figEditor {
    max-height: 50px;
    overflow: hidden;
}

textarea.petit + .ck-editor .ck-editor__editable {
    max-height: 80vh;
}

textarea.moyen + .ck-editor .ck-editor__editable {
    min-height: 200px;
}

textarea.grand + .ck-editor .ck-editor__editable {
    min-height: 300px;
}

textarea.tresgrand + .ck-editor .ck-editor__editable {
    min-height: 500px;
}





/*******************************************/

.carrouseltextimage {}



.carrouseltextimage .sct_left {}


.carrouseltextimage .sct_left .ttitle {
    font-size: 2.65em;
    font-weight: 600;
    color: #fff;
}

/*   
.carrouseltextimage.flex.top {
    align-items: end;
}

.carrouseltextimage .sct_left {
    padding-top: 0;
}


.carrouseltextimage .sct_left .ttitle {
    margin-top: 0;
}

.carrouseltextimage .sct_right {
    height: 350px;
} */


.carrouseltextimage .sct_left .blockCarrousel {
    border-left: 1px solid var(--bgColor);
    ;
    padding-left: 20px;
    width: calc(100% - 20px);
    position: relative;
    --topCursor: 0;
}

.carrouseltextimage .sct_left .blockCarrousel .imgpart.Mobile {
    display: none;
}

.carrouseltextimage .sct_left .blockCarrousel::before {
    content: "";
    display: block;
    width: 5px;
    height: 25px;
    background-color: var(--bgColor);
    background-color: transparent;
    position: absolute;
    left: -6px;
    top: var(--topCursor);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: all ease-in-out 0.3s;
}

.carrouseltextimage .sct_left .blockCarrousel .blcTitleText {}

.carrouseltextimage .sct_left .blockCarrousel .blcTitleText .ssTitle {
    margin: 25px 0 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.carrouseltextimage .sct_left .blockCarrousel :first-child.blcTitleText .ssTitle {
    margin-top: 0;
}

.carrouseltextimage .sct_left .blockCarrousel .blcTitleText .ssTitle::before {
    content: "";
    display: block;
    width: 15px;
    height: 1px;
    background-color: var(--bgColor);
    position: absolute;
    left: 0px;
}

.carrouseltextimage .sct_left .blockCarrousel :last-child.blcTitleText .ssTitle {
    margin-bottom: 0;
}

.carrouseltextimage .sct_left .blockCarrousel .blcTitleText.ici .ssTitle {
    transition: all ease-in-out 0.3s;
    color: var(--defaultColor);
    margin-bottom: 15px;
    font-weight: 600;
}

.carrouseltextimage .sct_left .blockCarrousel .blcTitleText .ssDescription {
    font-size: 1em;
    padding-left: 27px;
}

.carrouseltextimage .sct_left .blockCarrousel .blcTitleText .ssDescription .inDesc {
    max-height: 150px;
    overflow: hidden;
    padding: 0px 0px 4px 0;
    max-width: 85%;
    overflow-y: auto;
}


.carrouseltextimage .sct_left .blockCarrousel .blcTitleText.ici .ssDescription {
    /* margin-top: 15px; */
}






.carrouseltextimage .sct_right {
    position: relative;
    height: 620px;
}

.carrouseltextimage.versionImageMerged .sct_right {
    display: none;
}

.carrouseltextimage.versionImageMerged .sct_left .blockCarrousel .imgpart.Mobile {
    display: block;
}


.carrouseltextimage.versionImageMerged .sct_left.width50 {
    width: 100%;

}


.carrouseltextimage .imgpart {
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    /* background-size: auto; */
    background-size: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* transition: all ease-in-out 0.6s; */
}

.carrouseltextimage.versionImageMerged .imgpart {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 450px;
    margin-top: 20px;
}


.carrouseltextimage .imgpart.borderApplied {
    border-bottom-left-radius: 100px;
}

.groupdateTitleSoft,
.logocadretop .firstNextOne .groupdate .groupdateTitle,
.logocadretop .firstNextOne .groupdate .clockLine,
.logocadretop .firstNextOne .groupdate .clientName {
    display: none;
}

.logocadretop .firstNextOne .groupdate .groupdateTitleSoft {
    display: block;
}

.logocadretop .firstNextOne .groupdate {
    font-size: 0.9em;
    /* padding: 0 20px; */
    /* border-right: 1px solid #efefef; */
    transition: var(--transition);
    cursor: pointer;
}

.logocadretop .firstNextOne .groupdate:hover {
    text-decoration: underline;
}

.logocadretop .firstNextOne .groupdate .blcEvent {
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    box-shadow: unset;
    border-bottom: unset !important;
}

.logocadretop .firstNextOne .groupdate .blcEvent .opa2 {
    opacity: 1;
}

.logocadretop .firstNextOne .groupdate .blcEvent .grise {
    color: var(--red);
}

.logocadretop .firstNextOne .groupdate .blcEvent .flex {
    gap: 20px;
}

/*******************************************/




/*******************************************/
.lstCarrouselIcon {
    overflow: hidden;
    --height_carrIcon: 80px;
    --fullWidthSizeToScroll: 0px;
    --fullTimeToScroll: 20s;
    height: var(--height_carrIcon);
    width: 100%;
}

.lstCarrouselIcon .innCrcn {

    -webkit-animation: scrollingXIcons var(--fullTimeToScroll) linear infinite alternate;
    animation: scrollingXIcons var(--fullTimeToScroll) linear infinite alternate;
}

.lstCarrouselIcon .innCrcn.reverse {

    -webkit-animation: scrollingXIconsReverse var(--fullTimeToScroll) linear infinite alternate;
    animation: scrollingXIconsReverse var(--fullTimeToScroll) linear infinite alternate;
}

.lstCarrouselIcon .innCrcn:hover {
    animation-play-state: paused;
}

@keyframes scrollingXIcons {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

    100% {
        -webkit-transform: translateX(calc(-1 * var(--fullWidthSizeToScroll)));
        transform: translateX(calc(-1 * var(--fullWidthSizeToScroll)));
    }

}

@keyframes scrollingXIconsReverse {
    0% {

        -webkit-transform: translateX(calc(-1 * var(--fullWidthSizeToScroll)));
        transform: translateX(calc(-1 * var(--fullWidthSizeToScroll)));
    }

    100% {

        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }

}

.lstCarrouselIcon .innCrcn .cntIconCr {}

.lstCarrouselIcon .innCrcn .cntIconCr .hreficonsCr {
    display: block;
    cursor: default;
}

.lstCarrouselIcon .innCrcn .cntIconCr .hreficonsCr .iconsCr {

    height: var(--height_carrIcon);
    width: var(--height_carrIcon);
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 8.2px;
}

/*******************************************/