*{ padding: 0; margin: 0; box-sizing: border-box;font-family: 'Open Sans', sans-serif; font-weight: 400;}
.medium{ font-weight: 500;}
.gras{ font-weight: 700;}
.orange {
    color: #e84e0f;
}
.turquoise {
    color: #00a8a9;
}
a{ color:#00a8a9 }
body{ color: #000; height: 100%;}
.clear{ clear:both;}
h1{  margin-bottom: 3rem; margin-top: 4.5rem; text-align: center;    color: #e84e0f;    font-size: 30px;    font-weight: 700; text-transform: uppercase;}
h2{ margin-bottom: 3rem; text-align: center; font-size: 22px; font-weight: 700; position: relative;}
h2 div{ position: absolute; top:-1.5rem; width: 80px; border-top: 2px solid #e84e0f; left: 50%; transform: translateX(-50%)}
h3{ margin-bottom: 2rem; text-align: center; font-size: 19px; font-weight: 700;}
label{opacity: 1 !important;}
a.btn{ display:inline-block;background-color: #00a8a9;   color: white;    font-weight: 700;    padding: 10px 15px; border-radius: 0;}
a.btn:hover{color: #fff;    background-color: #157347;    border-color: #146c43;}
.t_list{ background-color: #f9f9f9; border: 1px solid #F9F9F9; }
.t_list th{ font-weight: 700; font-size: 16px; color: #e84e0f;padding: 10px 12px; line-height: 16px;}
.t_list td{ color: #000; font-size: 16px; padding: 6px 12px;}
.t_list a{ font-size: 14px; color:#00a8a9; text-decoration: none; font-weight: bold; }
.t_list a:hover{ text-decoration: underline;  }
.popcu_txt a{ font-size: 16px; color:#00a8a9; text-decoration: none; font-weight: bold; }
.popcu_txt a:hover{ text-decoration: underline;  }
.alert{ color: red; font-weight: bold; text-align: center; font-size: 20px;}
.cercle {
    margin: 0 auto;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    background: #00a8a9;
}
form{ padding-bottom: 2rem;}
.form-control {
    border: none;
    border-bottom: 2px solid #00aeae;
    border-radius: 0;
    color: #00aeae;
    font-weight: bold;
}
.btn-primary:focus {
    color: #fff;
    background-color: #00aeae;
    border-color: #00aeae;
    box-shadow: none;
}
.form-control:focus
{
    background-color: #fff;
    border:none!important;
    box-shadow:none!important;
    border-bottom: 2px solid #3498db!important;
    color: #00aeae;
}
.btn-primary:active:focus{
    box-shadow: none;
}
.form-floating > label{ padding-left: 0!important; padding-right: 0!important;}

.imgFrm{max-width: 100px; height: auto; margin-top: 14px;}

.btn-secondary{ margin-left: 20px;}

.stupidT{ cursor: pointer}

.flexbox-right-footer
{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

trix-editor {
    min-height: 10px !important;
    padding: 2px !important;
}

.bloc {
    margin-top: -38px;
}

.trix-button {
    background-color: #FFF !important;
}

.noPanel .trix-button-group {
    display: none;
}
.errorTrad trix-editor:empty:not(:focus)::before{ background-color:#f00 }
.trix-button-group--block-tools,
.trix-button-group--file-tools,
.trix-button--icon-link,
.trix-button--icon-strike,
.trix-button--icon-bold,
.trix-button--icon-italic,
.trix-button-group--history-tools{ display: none!important;}
trix-editor{ min-height: 10px!important; padding:2px!important; margin-top:-12px!important; border: 0 none!important;  border-right: 2px solid #3498db!important;border-bottom: 2px solid #3498db!important; /*border-color: #3498db!important; border-width: 2px!important;*/}
.bloc{ margin-top:-38px;}
.trix-button{ background-color: #FFF!important;}
.noPanel .trix-button-group{ display: none;}
.sep {
    color: #00aeae;
    font-size: 16px;
    text-align: center;
}
.prog7{ width: 80%;}
.image-reduite {
    width: 50px;
    height: 50px;
}

a.btn-primary, .btn-primary {
    background-color: #00a8a9;
    border-color: #00a8a9;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 10px 15px; /* taille */
    border-radius: 0; /* Coins droits */
}

/* Changement de style au survol */
a.btn-primary:hover, .btn-primary:hover {
    background-color: white;
    color: #00a8a9;
    border-color: #00a8a9;
}
a.btn-secondary:hover {
    background-color: #00a8a9;
    color: white;
}

/* Changement de style au survol */
a.btn-secondary {
    background-color: white;
    color: #00a8a9;
    border-color: #00a8a9;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 10px 15px; /* taille */
    border-radius: 0; /* Coins droits */
}


button {
    border:none;
    padding:8px;
    background-color: transparent;
    margin-top: 1.3rem;
}
.barres {
    width: 25px;
    height: 3px;
    background-color: #fff;
    display: block;
    transition: all 0.2s;
}
.barre-millieu8 {
    margin: 4px auto;
}

/* Menu ouvert */
.btn-test8 .barre-haut {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}
.btn-test8 .barre-millieu8 {
    opacity: 0;filter: alpha(opacity=0);
}
.btn-test8 .barre-bas {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
/* Menuy fermer */
.btn-test8.fermer .barre-haut {
    transform: rotate(0);
}
.btn-test8.fermer .barre-millieu8 {
    opacity: 1;filter: alpha(opacity=100);
}
.btn-test8.fermer .barre-bas {
    transform: rotate(0);
}

.err_tr{ color: red; font-weight: bold; text-decoration: underline}

.li_list { list-style: none;}
.li_list input{ max-width: 66%; cursor: grab; width: 100%}
.li_list li{ padding: 8px 0; cursor:grab; }
.disabled_rub{ border: 0 none;}

.sys_maj_ok{ animation: mymove 5s ; text-align: center; padding: 12px; margin-top: 12px;background-color: #00a8a9; color: #FFF;}



.bloc_que{ display: none; border-bottom: 1px solid #EEE; color: #BBB;}
.titre_cat{ cursor: pointer; }
.rond{width: 18px; height: 18px; border-radius: 50%; font-size: 8px; margin-top: 4px;  float: left}
.rond_v{  background-color: #00ce35}
.rond_o{  background-color: #ff9000}
.rond_r{ background-color: #eb0028}
/*.rond_g{ background-color: #BBB; cursor: pointer;}*/
.rond_g{ background-color: #FFF; border: 1px solid #000; cursor: pointer;width: 16px; height: 16px;}

.titre_cat{ background-color: #EEE; padding: 9px 16px; border-bottom: 1px solid #FFF;}
.titre_que{padding: 16px 16px;border-bottom: 1px solid #EEE; cursor: pointer; }
.resume_cat ul{list-style: none;}
.resume_cat ul li{ float: left; width: 33%; }
.resume_cat ul li span{ float: left; display: block; padding-left: 4px;}
.nom_cat{font-weight: bold;}
.nom_cat, .nom_que{ width: 72%; float: left;}
.classNO{ color:#777;!important; }
.resume_cat{ width: 23%; float: left}

.resume_que{ width: 23%; float: left}

.bloc_com{ width: 5%; float: left; font-size: 12px;}

#tfrm{ background-color: #FFF;}
.tfrm_info{ font-size: 14px; margin: 12px 0;}
.tfrm_titre{ border-bottom: 1px solid #EEE; padding-bottom: 8px; font-weight: bold;}
#tfrm ul{ list-style: none; margin: 0;}
.tfrm_btn{ cursor: pointer; padding: 16px 0; white-space: nowrap; text-align: left; font-size: 14px;}
.tfrm_btn .rond_frm{width: 26px; height: 26px; border-radius: 50%; font-size: 8px; float: left; margin-right: 6px; margin-top: -2px; }
.rond_comment{width: 26px; height: 26px; border-radius: 50%; font-size: 8px; margin: 0 auto; margin-top: 12px; }
.popcu_comment{ display: none;}
.popcu_comment label{ display: block; margin:8px 0 4px;font-size: 10px;}
.popcu_comment textarea{ resize: none}

.popcu_comment .parent-div, .frm_file .parent-div {
    display: inline-block;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}
.popcu_comment .parent-div input[type=file], .frm_file .parent-div input[type=file]{
    left: 0;
    top: -30px;
    opacity: 0;
    position: absolute;
    font-size: 90px;
    z-index: 10;
}

/*Personnaliser le bouton de validation*/
.popcu_comment .custom-btn-valider, .frm_file .custom-btn-valider {
    background-color: #00a8a9;
    color: white;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    padding: 6px 8px; /* taille */
    border-radius: 0; /* Coins droits */
    border: 1px solid #00a8a9;
    margin-top: 0;
    font-size: 13px;
}

/* Changement de style au survol */
.popcu_comment .custom-btn-valider:hover, .frm_file .custom-btn-valider:hover {
    background-color: white;
    color: #00a8a9;
}
.frm_file{ padding: 1rem 0;height: calc(3.5rem + 2px);  }
.optional{ display: none}
.divHide{ display: none;}
.resume_cat span{ font-weight: bold;}
.overall{ padding: 9px 16px; border: 1px solid #BBB; margin-bottom: 24px;}
.resume_form, .bas_frm, .consent_frm{padding: 9px 16px;}
.resume_form ul{ list-style: none; padding: 0;}
.resume_form ul li{ width: 25%; float: left}
.resume_form span{color:#00a8a9; }
.bas_frm label{ position: relative; padding-bottom: 0;}
.bas_frm textarea{ width: 100%; resize: none;}

.picto_img{ width: 32px; height: auto; margin-top: -5px;}
.ligne_ok{ color: #000;}


a.btn:focus
{
    border:none!important;
    box-shadow:none!important;
}
.nobr{ white-space:nowrap }
.rub{ display: none; width: 100%}
.td_frm{ cursor: pointer}

h2 span{ font-weight: normal;}

.nom_que span{ color: #777;}
.nom_que{ color: #000;}
.t_list img{ width: 25px; height: auto;}

.consult_bloc{ margin-bottom: 6px;}
.consult_bloc div:first-child{  color: #00a8a9;}

.popcu_txt table{ margin: 0 auto;}

.containTable{ max-width: 100%; overflow: auto;margin-bottom: 2rem!important;}

@media (min-width: 992px) {
    .t_list img{ width: 50%; height: auto; }
}

#tfrm{
    display: none;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform:translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    background-color:#FFF;
    color: #FFF;
    line-height: normal;
    border: 1px solid #BBB;
    width: 98%;
}

@media (min-width: 576px) {
    #tfrm {
        width: auto;
    }
}
.footer_bas p{ margin-top: 25px;}
@media (max-width: 576px) {
    .resume_form li{ text-align: center; padding-left: 12px; padding-right: 12px;}
    .resume_form li span{ display: block}
    .t_list td { padding: 4px 6px; }
    .resume_cat { width: 28%;}
    h2{ margin-bottom: 1.5rem; margin-top: -2.5rem; }
    .resume_cat ul li span {padding-left: 0; display: block; width: 18px; text-align: center; }
    .footer_bas p{ margin-top: 5px;}
}

.input_sans_effet{ padding-bottom: 6!important; padding-top: 20px!important;}
.sans_effet{top:-20px!important; font-size:0.82rem!important; padding-left: 2px!important;}
.iti__selected-country-primary div{  margin-bottom: -12px;}

.select-pager{ width: auto; margin: 0 auto;}
.form-floating > .label-pager{ margin: 0 auto; width: auto; transform: translateX(-50%)!important; left: 50%; top: -1rem;}

.mandatory{ font-size: 0.8rem;}