@import "../membre_v2/CONTROL/CSS/FONTS/font-awesome.css";
@import "../membre_v2/CONTROL/CSS/FONTS/Roboto.css";

html,body
{
    font-family: "Roboto", sans-serif;
    margin: 0;
    padding: 0;
    background: url(../images/content_bg.jpg) repeat #DDDCE2;
    height: 100%;
}

#art-main {
    margin: 0 auto;
    font-size: 13px;
    font-weight: 400;
}
#art-main:not(.art-main-membre){
    width: 100%;
    min-height: calc(100% - 90px);
    margin: 90px 0 0;
    overflow: auto;
}
#art-main.art-main-membre{
    left: 320px;
    width: calc(98% - 300px);
    position: absolute;
    top: 90px;
}

.container{
    width: 1170px;
    margin-right:auto;
    margin-left:auto;
    text-align:center;
}

.indexbottom{
    margin-bottom: 130px
}
#MAIN_Question h1,
.container h1 {
    font-size:38px !important;
    color: #333 !important;
}
.container h3 {
    font-size:22px !important;
    color: #333 !important;
}

.container .cellule
{
    padding: 50px 10px 10px;
    vertical-align:middle;
    font-family: Lato,sans-serif !important;
    font-size:16px;
}

.container .cellule.txt
{
    text-align:justify !important;
    vertical-align:middle;
}

.container .cellule.img
{
    text-align:center;
}

.container .cellule.img img
{
    max-width:400px !important;
}


.bandeau-cookie {
    position: absolute;
    top: 0;
    left: 0;
    background: #404040;
    color: #FFF;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    width: 100%;
    z-index: 10;
    height: 20px;
}
.bandeau-cookie a
{
    color:#3BD088;
}
.bandeau-cookie .bandeau-close
{
    font-size: 14px;
    float: right;
    margin-right: 10px;
    color: white;
    cursor: pointer;
}

i.infoRight {
    float: right;
    color: #9c9c9c;
}

#FormCreateMessage h1,
[id^=MAIN_] h1,
[id^=SUB_] h1
{
    margin: auto;
    font-weight: 500;
    font-size: 2em;
    color: #456;
    position: relative;
    padding: 8px 8px 8px 15px;
}
[id^=MAIN_] h1 .H1_Param {
    float: right;
    font-size: 0.5em;
}
.subindex h3,
[id^=MAIN_] h3:not(.text-center)
{
    font-weight: 500;
    font-size: 1.3em;
    margin: auto;
    color: #456;
    position: relative;
    padding: 13px 5px 15px 15px;
}

[id^=MAIN_] h4,
.subindex h4 {
    font-weight: 500;
    font-size: 1.2em;
    margin: auto;
    color: #456;
    position: relative;
    padding: 10px 5px 15px 15px;
}

[id^=MAIN_] .radio_l50
{
    margin-left: 30px;
}
[id^=MAIN_] .select_65 { width:65px !important;}
[id^=MAIN_] .select_90 { width:90px !important;}
[id^=MAIN_] .select_155 { width:155px !important;}

[id^=MAIN_] p.help
{
    padding: 5px 30px;
    color: #FF665F;
    font-weight: 400;
    font-style: italic;
}
[id^=MAIN_] .formborderbottom,
.modal .formborderbottom
{
    border-bottom: 2px solid #4E7494;
}
[id^=MAIN_] [class^=Info_table_]
{
    width: 80%;
    display: table;
}
[id^=MAIN_] [class^=Info_table_] [class^=Info_]
{
    display: table-cell;
}

[id^=MAIN_] .inlinediv{
    display: inline-block;
    text-align: center;
    padding: 15px;
    margin: 0 25px;
}

[id^=MAIN_] .inliens{
    color: #345;
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 10px;
}
[id^=MAIN_] .inliens:hover
{
    background: #345;
    color: whitesmoke;
}
[id^=MAIN_] .bigliens{
    color: #345;
    font-weight: 500;
    font-size: 16px;
    line-height: 36px;
    padding: 5px 10px;
}
[id^=MAIN_] .bigliens:hover
{
    background: #345;
    color: whitesmoke;
}

textarea.stylized,
.modal input[type='text'],
.modal textarea,
[id^=MAIN_] #IN_Keyword_Div,
#IN_Keyword_Div_Modal,

[id^=MAIN_] input[type='text'],
[id^=MAIN_] input[type='email'],
[id^=MAIN_] input[type='url'],
[id^=MAIN_] input[type='password'],
[id^=MAIN_] input[type='date'],
[id^=MAIN_] select,
[id^=MAIN_] textarea,
[id^=MAIN_] #in_price,
[id^=MAIN_] #in_versement,
#choixtaille,
[id^=MAIN_] #IN_PageFB,
[id^=MAIN_] #choixtaille_updt,
[id^=MAIN_] #tailleperso,
[id^=MAIN_] [id^=choixtaillesaisie]
{
    border: 2px solid #89A;
    border-radius: 0;
    background: #FFF;
    margin-left: 30px;
    width: 400px;
    outline:0 none;
    padding: 4px 6px;
    color: #345;
    line-height: 20px;
    vertical-align: sub;
}
#IN_Keyword_Div_Modal,
[id^=MAIN_] #IN_Keyword_Div {
    height: 20px;
}
[id^=MAIN_] [class^=Table_Info_] input[type='text'],
[id^=MAIN_] [class^=Table_Info_] select {margin-left: 0}
[id^=MAIN_] [class^=Table_Info_] [id^=lbl_] {padding-left: 0}

[id^=MAIN_] .chosen-container
{
    margin-left: 30px;
    width: 400px;
    text-align: left;
}
[id^=MAIN_] ._ckbx{
    margin-left: 30px;
}
.modal [id^=lbl_],
[id^=MAIN_] [id^=lbl_] {
    position: relative;
    display: block;
    margin-top: 10px;
    font-size: 1.1em;
    font-weight: 500;
    color: #646C77;
    padding: 0 0 5px 30px;
}
.label_chosen .chosen-container {
    position: absolute;
    top: -9px;
    right: 0;
}
.modal [id^=lbl_] input[type=number],
[id^=MAIN_] [id^=lbl_] input[type=number] {
    width: 50px;
    margin: 0 5px;
    text-align: center;
    border: solid #55626f;
    border-width: 0 0 1px;
}
.modal [id^=lbl_] em,
[id^=MAIN_] [id^=lbl_] em {
    color: #848381;
    font-size: 0.9em;
    padding-left: 10px;
    font-weight: 400;
}
.modal [id^=lbl_] i,
[id^=MAIN_] [id^=lbl_] i {
    color: #FF5847;
    font-size: 0.9em;
    padding-left: 10px;
    font-weight: 500;
}
.modal [id^=lbl_] b,
[id^=MAIN_] [id^=lbl_] b {
    color: #FF5847;
}
[id^=MAIN_] #decal_desactiv,
[id^=MAIN_] #jour_desactiv
{
    width: 50px !important;
}

#contenant_des_boutons
{
    display:flex;
    width:40%;
    margin:auto;
}

/*#FormCreateMessage [id^="btnSaveMessage"],*/
[id^=MAIN_] #btnValidForm,
.modal #btnValidForm,
#Div_Deconnecte .table_deconnecte .reco_deconnecte .connect_reco
{
    border: 0 none;
    outline: 0 none;
    display: block;
    width: 130px;
    color: #FFF;
    text-align: center;
    background: #4E7494;
    margin: 15px auto 0;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 0 2px #666;
    box-shadow: 0 0 2px #456;
    cursor: pointer;

    -webkit-transition: background .8s ease;
    -moz-transition: background .8s ease;
    -o-transition: background .8s ease;
    transition: background .8s ease;
}

#btnValidForm:disabled {
    background: rgba(255, 0, 0, 0.5);
    cursor: not-allowed;
}


[id^=MAIN_] div[class^=table_] table:not(.button-wrapper) tbody tr [class*=ouvreenfant]
{
    font-size: 14px;
    color: #456;
    cursor: pointer;
}

[id^=MAIN_] div[class^=table_] table:not(.button-wrapper) tbody .tr_enfant
{
    display: none;
    background: #EEE;
}
[id^=MAIN_] div[class^=table_] table,
[id^=ModalClic] div[class^=table_] table
{
    width: 100%;
    border-collapse: collapse;
}

#MAIN_Regles_Liste .table_regles_listes table tbody td:nth-child(3) a,
[id^=MAIN_] [class^=tbody_] table tbody td:last-child ul li a
{
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    font-size: 14px;
    line-height: 20px;
    padding: 5px;
    background: transparent;
    border-radius: 5px;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#MAIN_Regles_Liste .table_regles_listes table tbody td:nth-child(3) a:hover,
[id^=MAIN_] [class^=tbody_] table tbody td:last-child ul li a:hover
{
    background: rgba(0, 0, 0, 0.5);
    color: whitesmoke;
}
[id^=MAIN_] [class^=footer_formulaire_] form {  display: inline;  }
#MAIN_Recherche_Abonne .lienbas,
#Div_Deconnecte .liens,
[id^=MAIN_] .liens
{
    color: #345;
    font-weight: 500;
    font-size: 14px;
    line-height: 30px;
    padding: 0 30px;
    display: inline-block;
    border: 0;
    background: transparent;
}
#Div_Deconnecte .liens:hover,
[id^=MAIN_] .liens:hover
{
    background: #345;
    color: whitesmoke;
}

[id^=MAIN_] #in_date1,
[id^=MAIN_] #in_date2
{width: 137px;}

#adminotif .table_liste_notif table tbody tr:hover,
[id^=MAIN_] [class^=table_] table tbody tr:hover,
[id^=ModalClic] [class^=table_] table tbody tr:hover{
    background: #EEE;
    border-width: 1px 0;
    border-style: solid;
    border-color: #BBB;
}
[id^=MAIN_] [class^=table_] table tbody tr.tr_activ{
    background: #e4f1ff;
    border-width: 1px 0;
    border-style: dashed;
    border-color: #4ea5ff;
}
#adminotif .table_liste_notif table tbody,
[id^=MAIN_] [class^=table_] table tbody,
[id^=ModalClic] [class^=table_] table tbody{
    color: #345;
    font-size: 14px;
}

table:not(.tablecopyright) thead tr
{
    height: 30px;
    text-align: center;
}

[id^=MAIN_] [class^=table_] table tr td ul{
    display: table;
    width: 100%
}
[id^=MAIN_] [class^=table_] table tr td ul li:not(.active-result)
{
    display: table-cell;
    text-align: center;
    font-size:12px;
}
[id^=MAIN_] #lblinline
{
    font-size: 1.1em;
    font-weight: 500;
    color: #646C77;
    padding-left: 30px;
}
[id^=MAIN_] .pad30l
{
    padding-left: 30px;
    color: #456;
}

[id^=MAIN_] [class^=footer_formulaire_] form {  display: inline;  }
[id^=MAIN_] [class^=footer_formulaire_] form button
{
    border: 0 none;
    outline: 0 none;
    display: inline-block;
    width: 120px;
    color: #FFF;
    background: #4E7494;
    margin: 0 15px;
    padding: 5px;
    font-size: 13px;
    font-weight: 600;
    text-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #456;
}
[id^=MAIN_] [class^=table_] tbody td a,
[id^=ModalClic] [class^=table_] tbody td a
{
    cursor: pointer;
    font-weight: 500;
    text-decoration: none;
}
[id^=MAIN_] [class^=table_] tbody td a:not(.aspam):hover
{
    color: #73839A;
    text-decoration: underline;
}
[id^=MAIN_] [class^=table_] [class^=tbody_],
[id^=ModalClic] [class^=table_] [class^=tbody_]
{
    max-height: 470px;
    overflow-y: auto;
}
[id^=MAIN_] [class^=tbody_] .srouge  {    background: rgba(255, 143, 110, 0.5); color:#D27979; }
[id^=MAIN_] [class^=tbody_] .sorange {    background: rgba(255, 212, 119, 0.5); color:#C9984F; }
[id^=MAIN_] [class^=tbody_] .svert   {    background: rgba(108, 187, 95, 0.5); color:#5F956F;  }
[id^=MAIN_] [class^=tbody_] .sbleu   {    background: rgba(149, 177, 255, 0.5); color: #5a94a0;}
#adminotif .table_liste_notif tbody td,
#MAIN_Import_Abonne .firsttable tbody td,
[id^=MAIN_] [class^=tbody_] table td {
    padding: 5px 10px;
    line-height: 16px;
}
[id^=MAIN_] [class^=tbody_] tr.marqueur_tr{
    border-left: 5px solid #456;
}
[id^=MAIN_] [class^=tbody_] table td ul li button{
    background: 0 none;
    border: 0 none;
    outline: 0 none;
    font-size: 15px;
    color: #456;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-radius: 30%;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
[id^=MAIN_] [class^=tbody_] table td ul li button:hover{
    background: #456;
    color: white;
}
[id^=MAIN_] [class^=tbody_] i.subtd{
    font-size: 12px;
    font-weight: 500;
    color: #789;
}
[id^=MAIN_] [class^=tbody_] i.subtd a{
    color: #006DCC;
    font-weight: 600;
}
[id^=MAIN_] [class^=tbody_] input._ckbx + label.lbl_checkbox:not(.mrgn):before
{
    margin-right: 0;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    height: inherit;
    width: inherit;
}

#boite_notification {
    position: fixed;
    left: 0;
    top: 70px;
    z-index: 4;
    display: none;
    height: 140px;
    width: 300px;
    overflow: hidden;
}






hr {
    margin: 0 0 10px 0;
    border: 0;
    border-top: 1px solid #c0c1c3;
    border-bottom: 1px solid #fff
}

input:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0 400px #FFF inset !important;
}

.navbar-inner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 40px;
    box-shadow: 0 0 4px;
    padding: 0;
    z-index: 5;
}
.navbar-inner #adminotif
{
    position: absolute;
    bottom: 0;
    right: 50px;
}
#adminotif .iconnotif i
{
    font-size: 20px;
    width: 20px;
    height: 20px;
    padding: 5px;
    border-radius: 5px;
}
#adminotif .iconnotif
{
    cursor: pointer;
    border-radius: 10px 10px 0 0;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#adminotif .iconnotif:hover
{
    background: rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px #FFF;
    color: white;
}
#adminotif .iconnotif span
{
    font-size: 10px;
    height: 14px;
    width: 14px;
    display: inline-block;
    text-align: center;
    line-height: 14px;
    background: #C10000;
    color: #FFF;
    font-weight: 600;
    border-radius: 50%;
    margin: 0 0 0 -8px;
    top: 10px;
    left: -10px;
    border: 1px solid #456;
    box-shadow: 0 1px 2px #aaa;
}
#adminotif .table_liste_notif
{
    display: none;
    position: absolute;
    width: 440px;
    right: -5px;
    background: #FFF;
    box-shadow: 0 0 2px #888;
    top: 31px;
    overflow-y: auto;
}
#adminotif .table_liste_notif table{
    width: 100%;
}
#adminotif .tbody_liste_notif{
    max-height: 120px
}
#adminotif .table_liste_notif table thead
{
    font-size: 15px;
    text-align: center;
}
#adminotif .table_liste_notif table td:nth-child(2){width: 20%; text-align: center}
#adminotif .table_liste_notif table tbody td:nth-child(2){font-size: 16px;  text-shadow: 0 0 2px #000}


/*Balises génériques*/
.alert
{
    display: table;
    width: calc(100% - 3px);
    text-align: left;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.alert span
{
    display: table-cell;
    vertical-align: middle;
    padding: 5px 15px;
}
.alert:before
{
    display: table-cell;
    font-family: FontAwesome, sans-serif;
    content: '\f04b';
    font-size: 24px;
    text-shadow: 1px 0 2px;
    vertical-align: middle;
    width: 20px;
}
.alert-danger
{
    color: #B94A48;
    background-color: #F1DBDA;
    border-left: 3px solid;
}
.alert-error
{
    color: #B94A48;
    background-color: #F1DBDA;
    border-left: 3px solid;
}
.alert-normal {
    color: #61738A;
    background-color: #F1F1F1;
    border-left: 3px solid;
}
.alert-info
{
    color: #648FD2;
    background-color: #E8E8FF;
    border-left: 3px solid;
}
.alert-success
{
    color: #017E3A;
    background-color: #DEF9EA;
    border-left: 3px solid;
}
.alert-warning
{
    color: #F0891F;
    background-color: #FFEFD9;
    border-left: 3px solid;
}

.alert a
{
    text-decoration: underline;
    font-weight: 600;
    color: #456;
}

[class^=btn-] {
    position: relative;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    margin: 5px;
    padding: 5px 10px;
    border: 0 none;
    outline: 0 none;
    border-radius: 1px;
    -moz-box-shadow: 0 0 1px #525252;
    -webkit-box-shadow: 0 0 1px #525252;
    -o-box-shadow: 0 0 1px #525252;
    box-shadow: 0 0 1px #525252;
}
.btn-danger     {background-color: #da4f49 !important;}
.btn-primary    {background-color: #006dcc !important;}
.btn-warning    {background-color: #e68700 !important;}
.btn-success    {background-color: #017E3A !important;}
.btn-info       {background-color: #49afcd !important;}
.btn-inverse    {background-color: #363636 !important;}
.btn-simple     {background-color: #999999 !important;}
.btn-Facebook{
    background-color: #3b5998 !important;
    border: 1px solid #29487d;
    padding: 5px 15px 5px 25px;
}
.btn-Facebook:before {
    content: '\f230';
    font-family: FontAwesome, sans-serif;
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 20px;
}

.btn14 {
    font-size:14px !important;
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 750px;
    margin-left: -375px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 0 10px #123;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: .5;
    filter: alpha(opacity=50)
}
.modal-body {
    position: relative;
    overflow-y: auto;
    max-height: 450px;
    padding: 10px 5px;
}
.modal-header h4 {
    display: inline;
    margin: 0;
    line-height: 26px;
    font-size: 18px !important;
    font-weight: inherit !important;
    color: inherit !important;
    padding: 0 !important;
}
.modal-header {
    padding: 10px 15px;
    background: #4D5765;
    color: whitesmoke;
}

.modal-body p {
    margin-bottom: 10px;
    font-weight: 400
}
.modal-header .close {
    font-family: FontAwesome, sans-serif;
    position: absolute;
    top: 7px;
    right: 10px;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    color: whitesmoke;
    background: transparent;
    border: 0;
    outline: 0;
    height: 30px;
    width: 30px;
    border-radius: 5px;
    cursor: pointer;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

.modal-header .close:hover {
    color: #4D5765;
    box-shadow: 0 0 2px whitesmoke;
    background: rgba(255,255,255,0.1);
}

.modal_aide {
    color: #FF5847;
    cursor: pointer;
}
/* FAQ
-------------------------------------------------- */
#faq {
    padding-top: 15px;
}
#faq .section_header {
    margin-top: 55px;
}
#faq .faq {
    padding-left: 50px;
    position: relative;
    margin-bottom: 30px;
}
#faq .faq:hover .number {
    background-color: #7fa662;
    color: #fff;
}
#faq .faq:hover .question {
    color: #7fa662;
}
#faq .faq .number {
    background-color: transparent;
    border-radius: 5px;
    color: #345;
    position: absolute;
    left: 0;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 17px;
    top: -5px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#faq .faq .question {
    color: #345;
    font-weight: bold;
    font-size: 17px;
    cursor: pointer;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}
#faq .faq .answer {
    margin-top: 30px;
    font-size: 15px;
    border-bottom: 1px solid #BEC0C3;
    box-shadow: 0 1px 1px 0 white;
    display: none;
}



#champspersonnalises .modal-body h4
{
    text-align: center;
}
#champspersonnalises .modal-body table
{
    width: 80%;
    margin: 0 auto;
}
#champspersonnalises .modal-body b
{
    padding-left: 15px;
}
#champspersonnalises .modal-body i
{

    font-size: 0.9em;
    font-weight: 500;
    font-style: normal;
    text-align: center;
    display: inherit;
    color: #789;
}

.tab-content [id^=contenttab]
{
    position: relative;
    /*max-height: 500px;*/
    min-height: 150px;
}
.tab-content [id^=contenttab].nomaxheight
{
    max-height: inherit;
}


[id^=contenttab] h2
{
    font-size: 1.5em;
    text-align: left;
    margin-left: 20px;
}

#MAIN_Index_Membre #contenttab2{
    text-align: center;
}
[id^=contenttab] [class^=support_bouton_]
{
    display: inline-block;
    text-decoration: none;
    color: white;
    padding: 15px;
    height: 35px;
    font-size: 14px;
    text-align: center;
    margin: 10px 5px 5px 5px;
}

#navdiv
{
    position: relative;
    display: table;
    width: 100%;
}
#navdiv span
{
    position: relative;
    display: table-cell;
    padding-top: 13px;
    height: 35px;
    text-align: center;
    z-index: 1;
    font-size: 1.2em;
    cursor: pointer;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#navdiv .navdivactive
{
    box-shadow: 0 0 3px;
    z-index: 2;
    font-size: 1.3em;
}
#navdiv span:nth-child(n+2)
{
    border-left: 2px solid rgba(255, 255, 255, 0.2);
}

div#SG_NavDiv{
    position: relative;
    display: flex;
    text-align: center;
    padding: 5px 0 10px;
}
div#SG_NavDiv:before {
    content: '';
    width: 50px;
    border: solid #268b7a;
    border-width: 0 0 2px;
    font-size: 16px;
}
div#SG_NavDiv:after {
    content: '';
    border: solid #268b7a;
    border-width: 0 0 2px;
    font-size: 16px;
    width: 100%;
}
div#SG_NavDiv span.SGN_Tab {
    display: inline-block;
    padding: 10px 10px 0;
    border: 2px solid #268b7a;
    min-width: 250px;
    cursor: pointer;
    font-weight: 300;
    border-radius: 5px 5px 0 0;
    -webkit-transition: background, color .4s ease;
    -moz-transition: background, color .4s ease;
    -ms-transition: background, color .4s ease;
    -o-transition: background, color .4s ease;
    transition: background, color .4s ease;
}
div#SG_NavDiv span.SGN_Tab.active {
    background: white;
    border-bottom-color: transparent;
    font-size: 18px;
    color: #268b7a;
    font-weight: 400;
}
div#SG_NavDiv span.SGN_Tab:not(.active) {
    border-width: 0 0 2px;
    color: #8b86b5;
    font-size: 16px;
}
div#SG_NavDiv span.SGN_Tab:not(.active):hover{
    background: rgba(84, 195, 173, 0.25);
}

#SG_Content{
    display: none;
    position: relative;
    min-height: 150px;
}


.tab-content #contenttab1
{
    display: block;
}

.tab-content [id^=contenttab]:nth-child(n+2)
{
    display: none;
}
.pied-index{padding-bottom: 10px;}
.pied-index table
{
    width:350px;
    margin: 0 auto;
}
.pied-index table tr td{vertical-align: middle;color: #555;}
.pied-index table tr td:first-child
{
    font-size: 20px;
    padding: 2px 5px;
}

/*Nouveau CSS : Yannick*/

table:not(.tablecopyright) thead tr:first-child
{
    font-size: 18px;
    vertical-align: bottom;
}
table:not(.tablecopyright) thead tr:nth-child(2)
{
    font-size: 16px;
}

table thead tr a.notri:after,
table thead tr a.asctri:after,
table thead tr a.desctri:after
{
    font-family: FontAwesome, sans-serif;
    font-size: 12px;
    position: absolute;
    margin-left: 2px;
    margin-top: -4px;
}
table thead tr a.notri:after{content: "\f0dc";}
table thead tr a.asctri:after{content: "\f0dd";}
table thead tr a.desctri:after{content: "\f0de";}


table thead tr:first-child a:hover
{
    cursor: pointer;
}

#MAIN_Index_Membre .table_index table thead tr:nth-child(2) td ul li a {text-shadow: 0 0 5px #456; text-decoration: none;}
#MAIN_Index_Membre .table_index table thead tr:nth-child(2) td ul li:first-child a {color: #6CBB5F}
#MAIN_Index_Membre .table_index table thead tr:nth-child(2) td ul li:nth-child(2) a {color: #95B1FF}
#MAIN_Index_Membre .table_index table thead tr:nth-child(2) td ul li:nth-child(3) a {color: #FFD477}
#MAIN_Index_Membre .table_index table thead tr:nth-child(2) td ul li:nth-child(4) a {color: #FF8F6E}

/*#MAIN_Index_Membre .table_index table tbody tr td.count_bar a:nth-child(n+2) i{display: none}*/

#MAIN_Index_Membre .table_index table tbody tr td [id^=abo] i
{
    padding-left: 10px;
    font-style: normal;
    font-weight: 500;
    font-size:11px;
    text-shadow: 0 0 1px #fff;
}
#MAIN_Index_Membre .table_index table tbody tr td [id^=abo]
{
    height: 18px;
    line-height: 18px;
    display: inline-block;
    overflow: hidden;
    float: left;
    border-width: 1px 0;
    border-style: solid;
    border-color: #FFFFFF;
}
#MAIN_Index_Membre .table_index table tbody tr td [id^=abo]:first-child {background: rgba(108, 187, 95, 0.4); color:#5F956F;}
#MAIN_Index_Membre .table_index table tbody tr td [id^=abo]:nth-child(2) {background: rgba(149, 177, 255, 0.4); color: #5a94a0;}
#MAIN_Index_Membre .table_index table tbody tr td [id^=abo]:nth-child(3) {background: rgba(255, 212, 119, 0.4); color:#C9984F;}
#MAIN_Index_Membre .table_index table tbody tr td [id^=abo]:nth-child(4) {background: rgba(255, 143, 110, 0.4); color:#D27979;}

#MAIN_Index_Membre .table_index table td:first-child {width: 1%}
#MAIN_Index_Membre .table_index table td:nth-child(2) {width: 5%}
#MAIN_Index_Membre .table_index table td:nth-child(3) {width: 39%}
#MAIN_Index_Membre .table_index table td:nth-child(4) {width: 45%}
#MAIN_Index_Membre .table_index table td:nth-child(5) {width: 10%}


#MAIN_Index_Membre .table_index table tbody tr td:first-child,
#MAIN_Index_Membre .table_index table tbody tr td:nth-child(5) {text-align: center}

#MAIN_Index_Membre .Sub_tableau_index i.fa-trash{
    color: red;
    padding: 0 5px;
    cursor: pointer;
}

[id^=MAIN_] [class^=table_] table thead input[id^=search_]{
    border: solid #FFF;
    border-width: 0 0 2px;
    background: transparent;
    color: white;
    width: calc(100% - 20px);
    padding: 0;
    margin: 0;
    float: right;
    outline: 0 none;
}
[id^=MAIN_] [class^=table_] table thead label#label_search{
    display: inline-block;
    width: 20px;
    text-align: center;
}


/*Info abonn�s*/
[id^=infoabo],
[id^=infoliste]
{
    position: absolute;
    padding: 5px 10px;
    background: rgba(130,130,130,0.9);
    border: 2px solid rgba(0,0,0, 0.2);
    z-index: 100;
    max-width: 200px;
    min-width: 150px;
}

[id^=infoliste]{
    top: -100px;
    opacity: 0;
}
[id^=infoabo] [id^=infospan],
[id^=infoliste] [id^=infospan]
{
    color:#FFF;
    font-size: 13px;
}
[id^=infoabo] [id^=infospan5],
[id^=infoliste] [id^=infospan3]
{
    font-weight: bold;
    font-size: 1em;
}
[id^=infoabo] [id^=infospan] b,
[id^=infoliste] [id^=infospan] b{
    font-size: 1.2em;
    font-weight: 500;
}
[id^=infoabo] [id^=infospan] i,
[id^=infoliste] [id^=infospan] i
{
    font-size: 0.9em;
    font-weight: 300;
}

[id^=infoabo] [id^=infospan]:first-child b{ color: #C4E4BF}
[id^=infoabo] [id^=infospan]:nth-child(2) b{color: #D4E0FF}
[id^=infoabo] [id^=infospan]:nth-child(3) b{color: #FFEEC8}
[id^=infoabo] [id^=infospan]:nth-child(4) b{color: #FFD2C5}

[class^=menulistederoulante]
{
    display: none;
}
#listflottante
{
    position: absolute;
    display: none;
    width: 220px;
    padding: 0 5px 5px;
    font-size: 13px;
    top: 0;
    right: 0;
    z-index: 100;
    background: rgba(130,130,130,0.9);
}
#listflottante ul
{
    display: block;
    width: 100%;
    text-align: center;
}
#listflottante ul li {
    display: inline-table;
    display: -moz-grid;
    width: 40px;
    height: 40px;
    margin: 5px;
    cursor: pointer;
}
#listflottante ul li a,
#listflottante ul li button
{
    display: block;
    outline: 0 none;
    box-shadow: 0;
    border-radius: 30%;
    border: 0 none;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    overflow: hidden;
    color: whitesmoke;
    background: rgba(255,255,255,0.1);
    cursor: pointer;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#listflottante ul li a:hover,
#listflottante ul li button:hover
{
    box-shadow: 0 0 10px #FFF;
}

/*Menu latéral*/
#menugauche
{
    position: fixed;
    top: 70px;
    left: 0;
    height: calc(100% - 70px);
    width: 300px;
    box-shadow: 0 0 4px #666;
    z-index: 4;
}
#menugauche a
{
    color: inherit;
}
#menugauche #mareference
{
    position: relative;
    text-align: center;
    padding: 10px 0;
    width: 100%;
}
#menugauche #mareference .infomembre,
#menugauche #mareference .actionmembre
{
    width: 100%;
}
#menugauche #mareference .infomembre td:first-child
{
    width: 35%;
    vertical-align: middle;
}
#menugauche #mareference .infomembre td:first-child .imgmembre
{
    display: block;
    height: 50px;
    width: 50px;
    float: right;
    margin-right: 20px;
    border-radius: 50%;
    overflow: hidden;
}
#menugauche #mareference .infomembre td:first-child .imgmembre img
{
    width: 100%;
    height: inherit;
}
#menugauche #mareference .infomembre h5
{
    font-size: 1em;
    font-weight: 400;
}
#menugauche #mareference .infomembre h4
{
    font-size: 1.2em;
    font-weight: 500;
}
#menugauche #mareference .infomembre h3
{
    font-size: 1em;
    font-weight: 400;
    line-height: 20px;
}

#menugauche #mareference .actionmembre
{
    margin-top: 10px;
}
#menugauche #mareference .actionmembre td
{
    text-align: center;
}
#menugauche #mareference .actionmembre td a
{
    display: inline-block;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 30px;
    font-size: 18px;
    border-radius: 5px;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#menugauche #mareference .actionmembre td a:hover
{
    background: rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 5px #FFF;
}


.menugauchevolet {
    width: 100%;
    -webkit-transition: height .4s ease;
    -moz-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease;
}

#menugauche #art-ameliorations
{
    display: table;
    width: 100%;
    margin: 25px 0;
    padding: 10px 0;
    color: #7e0098;
    background-color: #f7e2ff;
    border-left: 3px solid;
}
#menugauche #art-ameliorations:before
{
    display: table-cell;
    font-family: FontAwesome, sans-serif;
    content: '\f0a4';
    font-size: 20px;
    text-shadow: 1px 0 2px;
    vertical-align: middle;
    width: 50px;
}

#menugauche #art-ameliorations a
{
    display: table-cell;
    text-decoration: none;
    font-weight: 500;
    color: #7e0098;
    padding-top:2px;
}


#menugauche #art-mesactualites
{
    display: table;
    width: 100%;
    margin: 25px 0;
    padding: 10px 0;
    color: #648FD2;
    background-color: #E8E8FF;
    border-left: 3px solid;
}
#menugauche #art-mesactualites:before
{
    display: table-cell;
    font-family: FontAwesome, sans-serif;
    content: '\f1ea';
    font-size: 20px;
    text-shadow: 1px 0 2px;
    vertical-align: middle;
    width: 50px;
}

#menugauche #art-mesactualites a
{
    display: table-cell;
    text-decoration: none;
    font-weight: 500;
    color: #648FD2;
    padding-top:2px;
}

#menugauche #mgcompactexpend
{
    text-align: center;
    display: table;
    width: 100%;
    background: #648FD2;
    padding: 0;
}
#menugauche #mgcompactexpend .compact,
#menugauche #mgcompactexpend .expend
{
    width: 50%;
    display: table-cell;
    background: #FFF;
    color: #456;
    font-size: 13px;
    height: 25px;
    vertical-align: middle;
    cursor: pointer;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#menugauche #mgcompactexpend .active
{
    font-size: 15px;
    background: transparent;
    color: #FFF;
    font-weight: 500;
}

/*Corps*/


.art-block-content {
    padding: 0;
}



.row-fluid [class^=span] {
    display: block;
    width: 100%;
    min-height: 30px;
    margin: 0;
}

/*Menuhaut*/
.HELPUSER
{
    display: inline-block;
    margin-left: 25px;
    opacity: 0;

    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
.HELPUSER span
{
    color: rgba(0,0,0,0.5) !important;
    /*color: rgba(255, 255, 255, 0.7);*/
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold !important;
}
.navbar-inner .reseauxsociaux
{
    display: flex;
    position: absolute;
    right: 5px;
    top: 5px;
}

.navbar-inner .logosg
{
    display: inline-block;
    text-align: center;
    width: 300px;
    height: 70px;
    margin: 0 20px 0 0;
    padding: 0;
    float: left;
}
.navbar-inner .logosg img
{
    position: relative;
    margin: 0 auto;
    height: 95%;
}
.navbar-inner .topmenu
{
    position: absolute;
    right: 20px;
    top: 35px;
}

.navbar-inner .topmenu .navmenuhaut [class^=lien_]
{
    text-decoration: none;
    color: #017938;
    font-weight: 500;
}
.navbar-inner .topmenu .navmenuhaut .lien_ins{margin:0 10px}
.navbar-inner .topmenu .navmenuhaut li
{
    display: inline-block;
    padding: 0 5px;
}
.navbar-inner .topmenu .navmenuhaut li a
{
    text-decoration: none;
    font-weight: 500;
    color : #4D5765;
}


/*Style du menu bas*/
#FooterCopyright,
#FooterCopyright2{
    width: 100%;
    padding-top: 0;
    text-align: left;
    -webkit-transition: height .8s ease;
    -moz-transition: height .8s ease;
    -o-transition: height .8s ease;
    transition: height .8s ease;
}
#FooterCopyright2{
    height: 130px;
}


#FooterCopyright:not(.indexmembre) {
    /*height: 120px;*/
    display: none;
}
#FooterCopyright.indexmembre {
    height: 25px;
    padding-left: 150px;
    z-index: 1;
    position: fixed;
    left: 0;
    bottom: 0;
}
#FooterCopyright.indexmembre.active{
    height: 120px
}
#FooterCopyright h3,
#FooterCopyright2 h3{
    font-size: 14px;
    font-weight: 700
}
#FooterCopyright a,
#FooterCopyright2 a{
    text-decoration: none;
    font-size: 10px;
    line-height: 14px;
    color: inherit;
}
#FooterCopyright a:hover,
#FooterCopyright2 a:hover{
    color: #DDD;
    text-decoration: underline
}
#FooterCopyright hr,
#FooterCopyright2 hr{
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #888;
    margin: 5px 0;
}
#FooterCopyright .copyright,
#FooterCopyright2 .copyright{
    width: 60%;
    margin: 7px auto 0;
}
#FooterCopyright .copy p,
#FooterCopyright2 .copy p{
    margin: 0;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
}

#FooterCopyright .copyright #subcopyright,
#FooterCopyright2 .copyright #subcopyright
{
    text-align: center;
}
#FooterCopyright .copyright #subcopyright table,
#FooterCopyright2 .copyright #subcopyright table
{
    width: 70%;
    position: relative;
    margin: 0 auto;
    font-size: 12px;
    font-weight: 400;
    text-align: justify;
}

#FooterCopyright .copyright #subcopyright thead,
#FooterCopyright2 .copyright #subcopyright thead
{
    font-size: 14px;
    font-weight: 600;
}

#FooterCopyright .copyright #subcopyright table tbody,
#FooterCopyright2 .copyright #subcopyright table tbody
{
    vertical-align: top;
    text-align: left;
}


#FooterCopyright .copyright #subcopyright table tbody td:nth-child(3),
#FooterCopyright2 .copyright #subcopyright table tbody td:nth-child(3)
{
    font-weight: 500;
    color: white;
}

/*Page de test mail*/

#MAINTESTMAIL
{
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.2);
}
#MAINTESTMAIL #mailtestok
{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    top:20%;
    width: 500px;
    height: 350px;
    background: #FFF;
    box-shadow: 0 0 5px #333;
}
#MAINTESTMAIL #mailtestok .closemailtestok
{
    position: absolute;
    display: table-cell;
    top: 0;
    right: 0;
    height: 20px;
    width: 20px;
    padding: 5px;
    background: #F55;
    color: #FFF;
}
#mailtestok h3
{
    font-size: 1.5em;
    margin: 0 auto;
    padding: 10px 0;
    color: #3AE;
}
#mailtestok h4
{
    border: 1px solid #3AE;
    font-size: 1.1em;
    padding: 10px 0;
}
#mailtestok p
{
    display: block;
    position: relative;
    margin: 0 auto;
    width: 85%;
    color: #666;
    padding: 10px;
}
#mailtestok ul
{
    margin: 0;
    list-style: none;
}
#mailtestok ul li
{
    margin: 10px 0;
}


/*Page création mail*/

.form-group #corpsalign
{
    display: inline;
    vertical-align: middle;
    position: absolute;
    right: 0;
    width: 310px;
}

.form-group #corpsalign label:first-child
{
    height: 20px;
}
.form-group #corpsalign .email-bg-align-selector label
{
    padding: 5px;
}
.form-group #corpsalign .email-bg-align-selector input
{
    margin-bottom: 5px;
}

/*Page index*/
#MAIN_Index,
#MAIN_Temoignage{
    margin: -20px auto 0;
    padding-bottom: 5px;
    padding-top:20px;
}
#MAIN_Index .titleindex{
    text-align: center;
}
#MAIN_Index .titleindex h2{
    font-size: 1.4em;
    color: #789;
    margin: 0 auto 5px;
}
#MAIN_Index .indexsub1{
    width: 95%;
    display: table;
}
#MAIN_Index .indexsub1{
    margin: 30px auto;
}

#MAIN_Index .indexsub1 #homevideo{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
#MAIN_Index .indexsub1 .indexpresentation{
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}


#MAIN_Index .indexsub1 .indexpresentation{
    text-align: center;
    margin-top: 20px;
}

.btnindex{
    display: inline-block;
    background: #017C39;
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    text-decoration: none !important;
    box-shadow: 0 0 2px #000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
[id^=MAIN_] .btnindex:hover{
    box-shadow: 0 0 10px #000;
    text-decoration: underline;
}

#MAIN_Index .indexsub1 .indexpresentation table td{
    font-size: 14px;
    font-weight: 500;
    color: #757575;
    width: 33.33%;
    text-align: center;
}
#MAIN_Index .indexsub1 .indexpresentation table img{
    height: 100px;
    line-height: 100px;
}

.subindex{
    margin-bottom: 50px;
}

.subindex .indexsub2{
    display: table;
}
.subindex .indexsub2 #testimonials,
.subindex .indexsub2 .indexcompatibilite,
.subindex .indexsub2 .indexavantage{
    display: table-cell;
    overflow: hidden;
    vertical-align: top;
    width: 33%;
}
.subindex .indexsub2 .indexcompatibilite table{
    width: 90%;
    margin-left: 5%;
}
.subindex .indexsub2 .indexcompatibilite img{
    max-width: 130px;
}

#MAIN_Inscription_1 .mainprice,
#MAIN_Inscription_3 .mainprice,
#MAIN_Tarifs .mainprice{
    text-align: center;
}

#MAIN_Inscription_1 .mainprice [class^=Price],
#MAIN_Inscription_3 .mainprice [class^=Price],
#MAIN_Tarifs .mainprice [class^=Price]
{
    display: inline-block;
    margin: 20px 20px;
    height: 340px;
    width: 300px;
    background: #EEE;
    border-radius: 5px;
    box-shadow: 0 0 5px #BBB;
    overflow: hidden;
}

#MAIN_Inscription_1 .mainprice [class^=Price] .headerPrice,
#MAIN_Inscription_3 .mainprice [class^=Price] .headerPrice,
#MAIN_Tarifs .mainprice [class^=Price] .headerPrice{
    height: 115px;
    background: #017938;
    overflow: hidden;
}

#MAIN_Inscription_1 .mainprice [class^=Price] .headerPrice span,
#MAIN_Inscription_3 .mainprice [class^=Price] .headerPrice span,
#MAIN_Tarifs .mainprice [class^=Price] .headerPrice span {
    display: inline-block;
    margin-top: 15px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    border-radius: 50%;
    background: #FFF;
    border: 2px solid #CCC;
    box-shadow: 0 0 8px #444;
    font-size: 1.8em;
    font-weight: 500;
    color: #345;
}
#MAIN_Tarifs{margin-bottom: 200px;}
#MAIN_Tarifs .mainprice .Price3 .headerPrice span{
    margin-left: -55px;
}

#MAIN_Inscription_1 .mainprice [class^=Price] .headerPrice b,
#MAIN_Inscription_3 .mainprice [class^=Price] .headerPrice b,
#MAIN_Tarifs .mainprice [class^=Price] .headerPrice b {
    display: inline-block;
    margin-top: 5px;
    font-size: 1.5em;
    color: whitesmoke;
    text-shadow: 0 0 5px #333;
}
#MAIN_Inscription_1 .mainprice [class^=Price] .headerPrice .pro,
#MAIN_Inscription_3 .mainprice [class^=Price] .headerPrice .pro,
#MAIN_Tarifs .mainprice [class^=Price] .headerPrice .pro {
    display: inline-block;
    padding: 5px 25px;
    background: #B00C0C;
    font-weight: 500;
    font-style: inherit;
    float: left;
    transform: rotate(-45deg);
    margin-left: -22px;
    margin-top: 3px;
    border: 2px solid whitesmoke;
    color:white;
}

#MAIN_Inscription_1 .mainprice [class^=Price] ul,
#MAIN_Inscription_3 .mainprice [class^=Price] ul,
#MAIN_Tarifs .mainprice [class^=Price] ul{
    display: block;
    margin: 20px 0 0;
    height: 170px;
}

#MAIN_Inscription_1 .mainprice [class^=Price] ul li,
#MAIN_Inscription_3 .mainprice [class^=Price] ul li,
#MAIN_Tarifs .mainprice [class^=Price] ul li{
    display: block;
    text-align: center;
    font-size: 1.2em;
    line-height: 20px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #456;
}
#MAIN_Inscription_1 .mainprice [class^=Price] ul li .fa-times,
#MAIN_Inscription_3 .mainprice [class^=Price] ul li .fa-times,
#MAIN_Tarifs .mainprice [class^=Price] ul li .fa-times{
    float: left;
    margin-left: 10px;
    margin-right: -25px;
    font-size: 1.3em;
    color: #FF5E5E;
}
#MAIN_Inscription_1 .mainprice [class^=Price] ul li .fa-check,
#MAIN_Inscription_3 .mainprice [class^=Price] ul li .fa-check,
#MAIN_Tarifs .mainprice [class^=Price] ul li .fa-check{
    float: left;
    margin-left: 10px;
    margin-right: -30px;
    font-size: 1.3em;
    color: #61B36D;
}

#MAIN_Tarifs .footertarifs,
#MAIN_Temoignage .footertarifs{
    text-align: center;
    margin-top: 35px;
}

#MAIN_Tarifs .footertarifs a,
#MAIN_Temoignage .footertarifs a{
    display: inline-block;
    background: #017938;
    color: white;
    font-size: 16px;
    font-weight: 500;
    padding: 10px;
    text-decoration: none !important;
    box-shadow: 0 0 2px #000;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#MAIN_Tarifs .footertarifs a:hover,
#MAIN_Temoignage .footertarifs a:hover{
    box-shadow: 0 0 10px #000;
    text-decoration: none;
}
#testimonials .Table_Temoignage{
    width: 100%;
}
#testimonials .Table_Temoignage tr td:first-child{
    width: 70%;
    text-align: left;
    padding: 10px 5px;
    border-bottom: 1px solid #CDE
}
#testimonials .Table_Temoignage tr td:nth-child(2){
    width: 6%;
    color: #268b7a;
    padding: 10px 5px;
    border-bottom: 1px solid #CDE
}
#testimonials .Table_Temoignage tr td:nth-child(3){
    padding: 10px 5px;
    border-bottom: 1px solid #CDE
}



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #CCC;
}

/*Page Compte*/
#PageCompte
{
    background: #FFF;
    box-shadow: 0 0 2px #95B1FF;
}


[class^=FCL_] h3.FCL,
[class^=FCLI_] h4.FCLI
{
    text-align: left;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}

[class^=FCL_] h3 i
{
    font-size:16px;
}

[class^=FCLI_] h4.FCLI
{
    padding-left: 25px !important;
}

[class^=FCL_]:not(.parentactive){
    height: 45px;
    margin: 0;
    overflow: hidden;
    box-shadow: 0 0 1px #D1D1D1;
}
[class^=FCL_]:not(.parentactive).large{
    height: 60px !important;
}
[class^=FCL_]:before,
[class^=FCLI_]:before {
    content: '\f0c9';
    font-family: FontAwesome, sans-serif;
    float: left;
    line-height: 45px;
    margin: 0 10px;
    color: #456;
}

[class^=FCLI_]:not(.parentactive){
    height: 43px;
    overflow: hidden;
    box-shadow: 0 0 1px #D1D1D1;
}

[class^=FCL_].parentactive h3.FCL,
[class^=FCLI_].parentactive h4.FCLI
{
    background: #EEE;
}

[class^=FCLI_] {
    border-left: 10px solid #EEE;
}

[class^=FCL_]:not(.parentactive) h3.FCL:hover,
[class^=FCLI_]:not(.parentactive) h4.FCLI:hover
{
    background: #EEE;
}
[class^=FCL_] span.R_FCL {
    float: right;
    font-size: 0.9em;
    font-weight: 400;
    font-style: oblique;
    color: #789;
    line-height: 3em;
}


[class^=FCL_].Fvert h3.FCL span {
    background: green;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    box-shadow: 0 0 10px #456;
}
[class^=FCL_].Forange h3.FCL span {
    background: orange;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    box-shadow: 0 0 10px #456;
}
[class^=FCL_].Frouge h3.FCL span {
    background: red;
    color: white;
    padding: 5px;
    border-radius: 5px;
    margin-left: 5px;
    box-shadow: 0 0 10px #456;
}

[class^=FCL_] h3.FCL a{
    color: #158031;
}



#FormCreateMessage .tab-content [id^=contenttab]
{
    max-height: inherit;
    overflow: hidden;
    text-align: left;
}


#FormCreateMessage .FCM_Parametres,
#FormCreateMessage .titresujetmail,



#MAIN_Formulaire_creer input[id$=_oui]
{
    margin-left: 75px;
}

.chosen-search input
{
    margin-left: inherit !important;
}

#MAIN_Formulaire_creer [class^=Info_table_]
{
    width: 100%;
    display: table;
    text-align: center;
}

#MAIN_Formulaire_creer [class^=Table_Info_] [class^=Info_]
{
    display: table-cell;
    width: 50%;
}
#MAIN_Formulaire_creer .FCL_NomListForm .Table_Info_nomlist
{
    text-align: center;
    display: table;
    width: 100%;
}

#MAIN_Formulaire_creer .FCL_NomListForm .Table_Info_nomlist .chosen-container
{
    margin-left: 0;
}

#MAIN_Formulaire_creer [class^=Table_Info_Recup_] {display: table}
#MAIN_Formulaire_creer [class^=Table_Info_Recup_] [class^=Info_]
{
    width: 200px;
    padding: 15px 0 15px 15px;
    line-height: 18px;
}

#MAIN_Recherche_Abonne .Table_Info_PriSec
{
    display: table;
    width: 80%;
    margin-left: 30px;
}

#MAIN_Recherche_Abonne .Table_Info_PriSec .Info_Primaire,
#MAIN_Recherche_Abonne .Table_Info_PriSec .Info_Secondaire
{
    display: table-cell;
    width: 50%;
}
#MAIN_Formulaire_creer .Perso_Boutton
{
    display: block;
    margin: 0 0 10px 50px;
    font-size: 1.1em;
    font-weight: 500;
    color: #456;
}
#MAIN_Formulaire_creer #Perso_Boutton
{
    margin-bottom: 10px;
}
[id^=MAIN_] #Boutton_Personnalise
{
    display: inline-block;
    border: 0 none;
    outline: 0 none;
    background: #008A92;
    color: #FFF;
    font-size: 1.2em;
    padding: 5px 15px;
    font-weight: 500;
    box-shadow: 0 0 0 #000;

    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
[id^=MAIN_] #Boutton_Personnalise:hover
{
    box-shadow: 0 0 5px #000;
}

#FormCreateMessage .FCM_Parametres .choixliste,
#FormCreateMessage .FCM_Parametres .choixtype,

#FormCreateMessage .titresujetmail .titremail,
#FormCreateMessage .titresujetmail .sujetmail,

#MAIN_FormCreateListe .Info_table_listeurl .Info_liste,
#MAIN_FormCreateListe .Info_table_listeurl .Info_url,

#FormCreateMessage #ContainerMessage .footer .email-bg-color-selector,
#FormCreateMessage #ContainerMessage .footer #corpsalign,
#FormCreateMessage #ContainerMessage .footer .email-transparency-selector

{
    display: table-cell;
}

#MAIN_Modifier_Mail .headcontainermessage,
#FormCreateMessage .headcontainermessage
{
    background: #CCC;
}

#MAIN_FormCreateListe #checkalert,
#FormCreateMessage #ContainerMessage .footer
{
    font-size: 1.1em;
    font-weight: 500;
    color: #505c93;
    margin-top: 5px;
}

#FormCreateMessage .FCM_Parametres .choixliste #selectionlisteid,
#MAIN_FormCreateListe select
{
    height: 30px;
}
#MAIN_FormCreateListe #choix_langue
{
    margin-bottom: 15px;
}

#MAIN_FormCreateListe #selectionlisteparent_chosen
{
    margin-left: 30px;
    margin-bottom: 10px;
}


#FormCreateMessage .tab-content [id^=contenttab] h4
{
    margin-top: 10px;
}

#MAIN_Modifier_Mail #ContainerMessage,
#FormCreateMessage #ContainerMessage
{
    background: #CCC;
}

#FormCreateMessage .bodySMS label{padding-left: 44%;}
#FormCreateMessage .bodySMS textarea
{
    width: 800px;
    margin: 0 auto;
    display: block;
    font-family: monospace;
    min-height: 100px;
}


#FormCreateMessage #ContainerMessage .footer .email-bg-color-selector,
#FormCreateMessage #ContainerMessage .footer #corpsalign
{
    width: 33%;
    vertical-align: top;
}
#FormCreateMessage #ContainerMessage .footer .email-bg-color-selector{
    text-align: center;
}
.input-append .add-on, .input-prepend .add-on {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    box-shadow: 0 0 5px #456 inset;
}

.colorpicker-element .add-on i {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    margin-top: 0;
}

#FormCreateMessage #ContainerMessage .footer .email-bg-color-input
{
    display: inline-block;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    border-bottom: 2px solid #90979F;
    color: #456;
    height: 20px;
    width: 65px;
    font-weight: 500;
    border-radius: 0;
    text-align: center;
}

#FormCreateMessage .FCL_1 div .fa-search{
    display: inline-block;
    padding: 5px;
    font-size: 15px;
    margin: 0 5px;
    cursor: pointer;
}


#Div_Deconnecte
{
    position: relative;
    top: 30px;
    background: #FFF;
    width: 55%;
    padding: 10px;
    margin: 0 auto 328px;
    box-shadow: 0 0 3px #CCC;
}
#Div_Deconnecte h3
{
    text-align: center;
    color: #456;
    font-size: 1.5em;
}
#Div_Deconnecte .table_deconnecte
{
    display: table;
    position: relative;
    margin: 0 auto;
}
#Div_Deconnecte .table_deconnecte .raison_deconnecte,
#Div_Deconnecte .table_deconnecte .reco_deconnecte
{
    display: table-cell;
    width: 50%;
}
#Div_Deconnecte .table_deconnecte .reco_deconnecte{text-align: center}
#Div_Deconnecte .table_deconnecte h4
{
    color: #456;
    font-size: 1.1em;
}
#Div_Deconnecte .table_deconnecte .raison_deconnecte ul{list-style: none; margin-left: 37px;}
#Div_Deconnecte .table_deconnecte .raison_deconnecte ul:before
{
    font-family: FontAwesome, sans-serif;
    position: absolute;
    display: block;
    content: "\f10d";
    font-size: 1.5em;
    color: #FFF;
    left: 0;
    padding-left: 5px;
    background: #BCD;
    width: 30px;
    height: 70%;
}
#Div_Deconnecte .table_deconnecte .raison_deconnecte ul li
{
    font-weight: 400;
    color: #789;
    line-height: 22px;
}
#Div_Deconnecte .table_deconnecte .raison_deconnecte ul li i {font-size: 0.8em}

#Div_Deconnecte .table_deconnecte .reco_deconnecte label
{
    display: block;
    margin-bottom: 10px;
    color: #456;
    font-weight: 500;
}
#Div_Deconnecte .table_deconnecte .reco_deconnecte label i
{
    color: #f16147;
    font-weight: 300;
}

#Div_Deconnecte .table_deconnecte .reco_deconnecte input
{
    border: 0 none;
    background: #FFF;
    border-bottom: 2px solid #ABC;
    height: 25px;
    width: 250px;
    text-align: center;
    outline: 0 none;
    margin-bottom: 15px;
}
#Div_Deconnecte .autre_option
{
    width: 450px;
    margin: 0 auto;
    text-align: center;
}


/*Page VoirModifierListe.php*/

/*#MAIN_VoirModifierListe .table_liste_contact table thead*/
/*{*/
/*background: #289561;*/
/*color: #FFF;*/
/*text-align: center;*/
/*}*/
/*#MAIN_VoirModifierListe .table_liste_contact table thead tr:first-child*/
/*{*/
/*font-size: 1.3em;*/
/*}*/

#MAIN_VoirModifierListe .table_liste_contact table tr td:first-child  {   width: 1%;  }
#MAIN_VoirModifierListe .table_liste_contact table tr td:nth-child(2)  {   width: 5%;  }
#MAIN_VoirModifierListe .table_liste_contact table tr td:nth-child(3) {   width: 29%; }
#MAIN_VoirModifierListe .table_liste_contact table tr td:nth-child(4) {   width: 35%; }
#MAIN_VoirModifierListe .table_liste_contact table tr td:nth-child(5) {   width: 5%; }
#MAIN_VoirModifierListe .table_liste_contact table tr td:nth-child(6) {   width: 15%; color: white;}
#MAIN_VoirModifierListe .table_liste_contact table tr td:nth-child(7) {   width: 10%; }

#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(2)  {   text-align: center;  }
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(3)  {   padding-left: 10px;  }
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(5),
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(7){   text-align: center;  }
table tbody .fa-gear
{
    height: 20px;
    line-height: 20px;
    width: 20px;
    background: transparent;
    border-radius: 5px;
    color: #456;
    cursor: pointer;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

table tbody .fa-gear:hover
{
    background: rgba(0,0,0,.5);
    color: #FFF;
}

#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(6) ul
{
    display: table;
    margin: 0 auto;
    width: 100%;
    list-style: none;
    text-align: center;
}
#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(6) ul li
{
    display: table-cell;
    font-family: FontAwesome, "Roboto", sans-serif;
    width: 50%;
    font-size: 0.7vw;
    font-weight: 600;
    text-shadow: 0 0 1px #000;
}
#MAIN_VoirModifierListe .tbody_liste_contact
{
    margin: 0;
    max-height: 400px;
    padding-bottom: 25px ;
}


#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(6) span,
#MAIN_Formulaires .tbody_1_formulaire table td:nth-child(4) span
{
    width: 50%;
    height: 20px;
    display: inline-block;
    text-align: center;
    float: left;
    font-weight: 500;
    text-shadow: 0 0 1px #fff;
    line-height: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(4) ul
{
    display: inline-table;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}
#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(4) ul li
{
    display: table-cell;
    width: 33%;
    font-size: 0.7vw;
    font-weight: 600;
    text-shadow: 0 0 1px #000;
}
#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(4) ul li:first-child {color: #FFB279}
#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(4) ul li:nth-child(2){color: #FFEABB}
#MAIN_VoirModifierListe .table_liste_contact table thead tr:nth-child(2) td:nth-child(4) ul li:nth-child(3){color: #CAD8FF}

#MAIN_VoirModifierListe .table_liste_contact table tbody tr {   height: 22px;   line-height:16px}
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(4) .Abo_HierAuj
{
    display: table;
    width: 100%;
}

#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(4) .Abo_HierAuj div
{
    display: inline-block;
    float: left;
    width: 0;
    vertical-align: middle;
    height: 18px;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(4) .Abo_HierAuj div:first-child {  background: rgba(255, 129, 37, 0.61)}
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(4) .Abo_HierAuj div:nth-child(2) {  background: rgba(255, 212, 119, 0.5)}
#MAIN_VoirModifierListe .table_liste_contact table tbody tr td:nth-child(4) .Abo_HierAuj div:nth-child(3) {background: rgba(149, 177, 255, 0.5)}

#MAIN_VoirModifierListe .table_liste_contact table tbody tr.simple_optin {
    border-left: 3px solid #ff7900;
}
#MAIN_VoirModifierListe .table_liste_contact table tbody tr.double_optin {
    border-left: 3px solid #0092ff;
}

[id^=MAIN_]:not(#MAIN_Tarifs),
[id^=SUB_]
{
    background: #FFF;
    box-shadow: 0 0 2px #AAA;
    margin-bottom: 50px;
}
[id^=SUB_]
{
    margin-top: -35px;
}

.drapeaugris{background: rgba(220, 220, 220,.5) !important;}
.drapeauviolet{background: rgba(200,150,255,.7) !important;}
.drapeaubleu{background: rgba(150, 200, 255, 0.7) !important;}
.drapeauvert{background: rgba(137, 222, 137, 0.33) !important;}
.drapeaujaune{background: rgba(255, 255, 135, 0.27) !important;}
.drapeaurouge{background: rgba(215, 75, 75, 0.30) !important;}
.drapeaublanc{background: rgba(220,220,220, 0.5) !important;}

.noir{color: rgb(50, 50, 50);}
.gris{color: rgb(150, 150, 150);}
.violet{color: rgb(200,150,255);}
.bleu{color: rgb(100,150,255);}
.vert{color: rgb(40,149,97);}
.jaune{color: rgb(255, 255, 100);}
.orange{color: rgb(255, 155, 55);}
.rouge{color: rgb(255, 100, 100);}

.fa-flag.actif
{
    background: rgba(0, 0, 0, 0.15);
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 0 5px;
    border: 1px solid;
}

.footermessage span
{
    font-weight: 500;
    color: #484848;
}

/*Refonte Question*/

[id^=MAIN_] .Question{
    border-width: 2px 0 2px 0;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.15);
    background: #eee;
    min-height: 90px;
}
[id^=MAIN_] .Question .HeadQuestion
{
    display: table;
    width: 100%;
}
[id^=MAIN_] .Question .HeadQuestion div{
    display: table-cell
}
[id^=MAIN_] .Question .HeadQuestion div:first-child{
    width: calc(100% - 200px);
    padding-left: 10px
}
[id^=MAIN_] .Question .HeadQuestion div:nth-child(2){
    width:200px;
    text-align: right;
    padding-right: 10px;
    font-size: 20px;
    color:white;
    text-shadow: 0 0 2px #000;
}
[id^=MAIN_] .Question .HeadQuestion div:first-child .PrenomMembre
{
    font-size: 20px;
    color: #345;
    font-weight: 500;
}
[id^=MAIN_] .Question .HeadQuestion div:first-child span a{
    font-weight: 600;
    text-decoration: none;
    color: inherit;

    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
}
[id^=MAIN_] .Question .HeadQuestion div:first-child a:hover
{
    color: #00AB59;
}
[id^=MAIN_] .Question .HeadQuestion div:first-child span
{
    color: #678;
    font-size: 12px;
    font-weight: 500;
}
[id^=MAIN_] .Question .BodyQuestion
{
    display: table;
    width: 95%;
    margin: 10px 0 0;
    font-size: 14px;
}
[id^=MAIN_] .Question .BodyQuestion .PhotoMembreQuestion
{
    display: table-cell;
    width: 65px;
    text-align: center;
    vertical-align: top;
}
[id^=MAIN_] .Question .BodyQuestion .PhotoMembreQuestion .PhotoMembre{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}
[id^=MAIN_] .Question .BodyQuestion span
{
    display: table-cell;
    vertical-align: middle;
    color: #29262d;
    font-weight: 500;
    width: calc(100% - 80px);
}
[id^=MAIN_] .Question .FooterQuestion form{
    display: inline-block;
}
[id^=MAIN_] .Question .FooterQuestion form:first-child{
    margin-left: 25px;
}
[id^=MAIN_] .BtnQuestion{
    margin: 0 0 5px;
    padding: 8px;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    font-size: 20px;
    background: transparent;
    border: 0 none;
    outline: 0 none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
[id^=MAIN_] .BtnQuestion:hover
{
    box-shadow: 0 0 5px #444;
    text-shadow: 0 0 2px #FFF;
}
[id^=MAIN_] .BtnQuestion.rouge:hover{color: #456; background: rgb(255, 100, 100)}
[id^=MAIN_] .BtnQuestion.bleu:hover{color: #456; background: rgb(100,150,255)}
[id^=MAIN_] .BtnQuestion.noir:hover{color: #FFF; background: rgb(50, 50, 50)}

[id^=MAIN_] .ReponseQuestion{
    max-height: 400px;
    overflow: auto;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse{
    max-width: 800px;
    min-width: 300px;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fleft
{
    float: left;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fright
{
    float: right;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse [class^=drapeau]{
    padding: 10px;
    min-height: 50px;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse a{
    color: #648FD2;
    font-weight: 500;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse h5
{
    font-size: 1.2em;
    color: rgb(125, 125, 125);
}
[id^=MAIN_] .ReponseQuestion .BulleReponse .PhotoMembre{
    height: 50px;
    width: 50px;
    margin: 0 10px 10px 0;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fright .PhotoMembre{
    float: right;
    margin: 0 0 10px 10px;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fleft .PhotoMembre{
    float: left;
    margin: 0 10px 10px 0;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fright h5{
    text-align: right;
    padding-right: 10px;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fleft h5{
    text-align: left;
    padding-left: 10px;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse i.BasReponse
{
    display: block;
    font-size: 11px;
    font-weight: 500;
    color: #678;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fright i.BasReponse {
    text-align: left;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse.fleft i.BasReponse{
    text-align: right;
}
[id^=MAIN_] .ReponseQuestion .BulleReponse div ul,
[id^=MAIN_] .ReponseQuestion .BulleReponse div ol{
    margin: 10px 0 10px 25px;
}
[id^=MAIN_] .ReponseQuestion .BulleResqulponse .FormSubReponse{
    margin-top: 5px;
    text-align: center;

}
[id^=MAIN_] .ReponseQuestion .BulleReponse .FormSubReponse form{
    display: inline-block;
}


[id^=MAIN_] .choix_memo,
[id^=MAIN_] .choix_reponse{
    margin: 5px 0 0 25px;
}
[id^=MAIN_] .choix_memo form,
[id^=MAIN_] .choix_reponse form{
    display: inline-block;
}


/*#MAIN_Regles_Liste table*/

#MAIN_Regles_Liste .table_regles_listes table td:first-child  {   width: 45%; }
#MAIN_Regles_Liste .table_regles_listes table td:nth-child(2) {   width: 45%; }
#MAIN_Regles_Liste .table_regles_listes table td:nth-child(3) {   width: 10%; text-align: center}

#MAIN_Regles_Liste .footer_regle_liste,
#MAIN_Formulaire_Lightbox .footer_formulaire_lightbox,
#MAIN_Voir_Mail .footer_voir_mail
{
    text-align: center;
    border-bottom: 2px solid #4E7494;
}

#MAIN_Regles_Liste .footer_regle_liste a,
#MAIN_Formulaire_Lightbox .footer_formulaire_lightbox button,
#MAIN_Voir_Mail .footer_voir_mail button,
.bouttons_footer a,
.bouttons_footer button
{
    border: 0;
    outline: 0 none;
    text-align: center;
    display: inline-block;
    background: #4E7494;
    color: whitesmoke;
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 600;
    margin: 0 5px;
    text-shadow: 0 0 2px #000;
    box-shadow: 0 0 2px #456;
    vertical-align: middle;
}


#MAIN_Formulaires table tbody td,
#MAIN_Abonne_liste table tbody td,
#MAIN_Recherche_Abonne table tbody td {  padding: 5px 10px; vertical-align: middle}

#MAIN_Formulaires .table_1_formulaires table td:first-child { width: 5%; text-align: center}
#MAIN_Formulaires .table_1_formulaires table td:nth-child(2) { width: 30%; text-align:left;}
#MAIN_Formulaires .table_1_formulaires table td:nth-child(3) { width: 35%; text-align:left;}
#MAIN_Formulaires .table_1_formulaires table td:nth-child(4) { width: 20%;}
#MAIN_Formulaires .table_1_formulaires table td:nth-child(5) { width: 10%}
#MAIN_Formulaires .table_1_formulaires table td:nth-child(6) { width: 10%}

#MAIN_Formulaires .table_1_formulaires table tbody td:nth-child(4),
#MAIN_Formulaires .table_1_formulaires table tbody td:nth-child(5) { text-align: center}


#MAIN_Formulaires .table_2_formulaires table td:first-child {width: 1%;}
#MAIN_Formulaires .table_2_formulaires table td:nth-child(2) {width: 84%;}
#MAIN_Formulaires .table_2_formulaires table td:nth-child(3) {width: 15%;}
#MAIN_Formulaires .table_2_formulaires table tbody td ul,
#MAIN_Abonne_liste .table_abonneliste table tbody td ul {display:table; width: 100%;}
#MAIN_Formulaires .table_2_formulaires table tbody td ul li,
#MAIN_Abonne_liste .table_abonneliste table tbody td ul li,
#MAIN_Abonne_liste .table_abonneliste_tri table tbody td ul li { display: table-cell ;width: 25%; text-align: center}

#MAIN_Abonne_liste .table_abonneliste_tri table thead select{
    margin: 0;
    width: 250px;
    background: rgb(255, 255, 255);
    border: 0;
    color: #268b7a;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
}

#MAIN_Formulaire_Lightbox [class^=footer_formulaire_] form textarea { display: none}

[id^=MAIN_Formulaire_] .areacode
{
    height: 150px;
    width: 90%;
    max-width: 90%;
    margin: 0 auto;
    display: block;
}

#MAIN_Import_Abonne table.firsttable tbody td:nth-child(2) {text-align: center}
#MAIN_Import_Abonne table:not(.firsttable),
#MAIN_Abonne_liste .tablesupprimer
{
    width: 60%;
    margin: 0 auto;
    font-size: 1.1em;
}
#MAIN_Import_Abonne table:not(.firsttable) td:first-child{width: 40%}
#MAIN_Export_Abonne table.firsttable tbody td {  padding: 5px 10px; color: #456; vertical-align: middle}


#MAIN_Abonne_liste .table_abonneliste table td:first-child,
#MAIN_Abonne_liste .table_abonneliste_tri table td:first-child,
#MAIN_Recherche_Abonne .table_recherche_abonne table td:first-child{width: 20%;text-align: left;padding-left: 10px;}
#MAIN_Abonne_liste .table_abonneliste table td:nth-child(2),
#MAIN_Abonne_liste .table_abonneliste_tri table td:nth-child(2),
#MAIN_Recherche_Abonne .table_recherche_abonne table td:nth-child(2) {width: 25%; text-align: left;padding-left: 10px;}
#MAIN_Abonne_liste .table_abonneliste table td:nth-child(3),
#MAIN_Abonne_liste .table_abonneliste_tri table td:nth-child(3),
#MAIN_Recherche_Abonne .table_recherche_abonne table td:nth-child(3) {width: 40%; text-align: left;  padding-left: 10px;}
#MAIN_Abonne_liste .table_abonneliste table td:nth-child(4),
#MAIN_Abonne_liste .table_abonneliste_tri table td:nth-child(4),
#MAIN_Recherche_Abonne .table_recherche_abonne table td:nth-child(4) {width: 15%}


#MAIN_Recherche_Abonne .table_abonnes_desactives table td:first-child   {width: 5%}
#MAIN_Recherche_Abonne .table_abonnes_desactives table td:nth-child(2)  {width: 20%}
#MAIN_Recherche_Abonne .table_abonnes_desactives table td:nth-child(3)  {width: 25%}
#MAIN_Recherche_Abonne .table_abonnes_desactives table td:nth-child(4)  {width: 40%}
#MAIN_Recherche_Abonne .table_abonnes_desactives table td:nth-child(5)  {width: 10%}

#MAIN_Recherche_Abonne .tbody_abonnes_desactives table td:first-child {text-align: center}
#MAIN_Recherche_Abonne .tbody_abonnes_desactives table td ul li {width: 25%}

#MAIN_Abonne_liste #formdate1,
#MAIN_Abonne_liste #formdate2
{
    width: 100px;
}

#MAIN_Recherche_Abonne .Table_Info_PriSec .Info_Primaire,
#MAIN_Recherche_Abonne .Table_Info_PriSec .Info_Secondaire
{
    line-height: 20px;
}

#MAIN_Export_Abonne .table_export_abonne table td:first-child {width: 45%}
#MAIN_Export_Abonne .table_export_abonne table td:nth-child(2) {width: 25%}
#MAIN_Export_Abonne .table_export_abonne table td:nth-child(3) {width: 30%}
#MAIN_Export_Abonne .table_export_abonne table li {  width: 20%;  }
#MAIN_Export_Abonne .table_export_abonne table thead li
{
    font-weight: 500;
    color: whitesmoke;
    text-shadow: 0 0 1px #345;
}


#MAIN_Export_Abonne .table_export_abonne table tbody tr {line-height: 28px;}

#MAIN_Export_Abonne .table_export_abonne table tbody li a
{
    display: inline-block;
    background: transparent;
    height: 15px;
    width: 15px;
    padding: 5px;
    font-size: 16px;
    border-radius: 8px;
    box-shadow: 0;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#MAIN_Export_Abonne .table_export_abonne table tbody li a:hover
{
    background: rgba(0,0,0,.5);
    color: whitesmoke;
    box-shadow: 0 0 2px whitesmoke;
}



#ContainerMessage .footer
{
    background: #CCC;
    margin: 5px 0 auto;
    width: 75%;
    display: table;
}

#ContainerMessage .footer .email-bg-color-selector,
#ContainerMessage .footer #corpsalign
{
    width: 50%;
    padding: 0 20px 15px;
    display: table-cell;
}

#MAIN_Voir_Mail .table_voirmail table tr td:first-child {width: 40%}
#MAIN_Voir_Mail .table_voirmail table tr td:nth-child(2) {width: 40%}
#MAIN_Voir_Mail .table_voirmail table tr td:nth-child(3) {width: 5%}
#MAIN_Voir_Mail .table_voirmail table tr td:nth-child(4) {width: 5%}
#MAIN_Voir_Mail .table_voirmail table tr td:nth-child(5) {width: 10%}



#MAIN_Voir_Mail .table_voirmail table tbody tr td:nth-child(3),
#MAIN_Voir_Mail .table_voirmail table tbody tr td:nth-child(4)
{
    text-align: center;
    font-weight: 500;
    text-shadow: 0 0 1px #fff;
    text-transform: uppercase;
    line-height: 20px;
}
#MAIN_Voir_Mail .table_voirmail table tbody td {padding: 0 10px;  }

#MAIN_Voir_Mail .table_voirmail table tbody tr td a.aspam
{
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    border-radius: 50%;
}
#MAIN_Voir_Mail .table_voirmail table tbody tr td:nth-child(2) a i{
    float: right;
    font-style: inherit;
    color: #A0A0A0;
    font-size: 0.9em;
    font-weight: 400;
}



#MAIN_Mail_Deplacer p a
{
    margin-left: 30px;
    display: inline-block;
    background: #F66;
    padding: 5px 15px;
    color: #FFF;
    font-weight: 500;
    text-shadow: 0 0 5px #789;
    border-radius: 2px;
    box-shadow: 0 0 2px #456;
    -webkit-transition: all .8s ease;
    -moz-transition: all .8s ease;
    -o-transition: all .8s ease;
    transition: all .8s ease;
}
#MAIN_Mail_Deplacer p a:hover
{
    box-shadow: 0 0 5px #456;
}

#MAIN_Voir_Envois_Auto .table_voirenvoi td:first-child  {width: 1%}
#MAIN_Voir_Envois_Auto .table_voirenvoi td:nth-child(2)  {width: 49%}
#MAIN_Voir_Envois_Auto .table_voirenvoi td:nth-child(3) {width: 30%}
#MAIN_Voir_Envois_Auto .table_voirenvoi td:nth-child(4) {width: 10%}
#MAIN_Voir_Envois_Auto .table_voirenvoi td:nth-child(5) {width: 10%}
#MAIN_Voir_Envois_Auto .tbody_voirenvoi td ul li {width: 50%}
#MAIN_Voir_Envois_Auto .tbody_voirenvoi td:nth-child(3),
#MAIN_Voir_Envois_Auto .tbody_voirenvoi td:nth-child(4) {text-align: center}

#MAIN_Voir_Envois_Auto .table_detail_liste td:first-child  {width: 6%}
#MAIN_Voir_Envois_Auto .table_detail_liste td:nth-child(2) {width: 8%}
#MAIN_Voir_Envois_Auto .table_detail_liste td:nth-child(4) {width: 35%}
#MAIN_Voir_Envois_Auto .table_detail_liste td:nth-child(5) {width: 10%}
#MAIN_Voir_Envois_Auto .table_detail_liste td {padding: 5px 10px}
#MAIN_Voir_Envois_Auto .tbody_detail_liste td ul li {width: 25%}
#MAIN_Voir_Envois_Auto .tbody_detail_liste td:first-child,
#MAIN_Voir_Envois_Auto .tbody_detail_liste td:nth-child(2),
#MAIN_Voir_Envois_Auto .tbody_detail_liste td:nth-child(4){  text-align: center  }

#MAIN_Voir_Envois_Auto .table_detail_liste thead tr:nth-child(3) td ul li{
    width: 50%;
    font-size: 0.7vw;
    font-weight: 600;
    color: #FFF;
    text-shadow: 0 0 1px #000;
}


#MAIN_Voir_Envois_Auto .tbody_detail_liste td span
{
    width: calc(50% - 10px);
    margin: 0 5px 0;
    height: 20px;
    line-height: 20px;
    padding: 0;
    display: inline-block;
    text-align: center;
    float: left;
    font-weight: 500;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#MAIN_Envois_Manu .table_envoiman td:first-child {width: 5%; text-align: center}
#MAIN_Envois_Manu .table_envoiman td:nth-child(2){width: 10%; text-align: center}
#MAIN_Envois_Manu .table_envoiman td:nth-child(4){width: 15%; text-align: center}
#MAIN_Envois_Manu .table_envoiman td:nth-child(5){width: 30%}
#MAIN_Envois_Manu .table_envoiman td:nth-child(6){width: 10%}

#MAIN_Envois_Manu .table_50_Man td:first-child {width: 5%; text-align: center}
#MAIN_Envois_Manu .table_50_Man td:nth-child(2){width: 10%; text-align: center}
#MAIN_Envois_Manu .table_50_Man td:nth-child(4){width: 15%; text-align: center}
#MAIN_Envois_Manu .table_50_Man td:nth-child(5){width: 30%}
#MAIN_Envois_Manu .table_50_Man td:nth-child(6){width: 10%}

#MAIN_Envois_Manu .tbody_envoiman td span,
#MAIN_Envois_Manu .tbody_50_Man td span,
#MAIN_Stats_envois_man .tbody_stats_envois_manu td span
{
    width: calc(33% - 10px);
    margin: 0 5px 0;
    height: 20px;
    line-height: 20px;
    padding: 0;
    display: inline-block;
    text-align: center;
    float: left;
    font-weight: 500;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#MAIN_Envois_Manu .tbody_50_Man td span .fa,
#MAIN_Envois_Manu .tbody_envoiman td span .fa{
    font-size: 20px;
    float: left;
    margin: 0 -10% 0 10%;
}

#MAIN_Envois_Manu .tbody_envoiman td:first-child,
#MAIN_Envois_Manu .tbody_envoiman td:nth-child(2),
#MAIN_Envois_Manu .tbody_envoiman td:nth-child(4){text-align: center}

/*#MAIN_Envois_Manu .table_envoiman thead tr:nth-child(2) td ul li,*/
#MAIN_Stats_envois_man .table_stats_envois_manu thead tr:nth-child(2) td ul li
{
    width: 25%;
    font-size: 0.7vw;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 1px #000;
}
#MAIN_Stats_envois_man .table_details_listes span{
    padding: 2px 10px;
    border-radius: 20px;
    width: 90%;
    display: inline-block;
}

#MAIN_Envois_Manu .table_vue_ensemble td:first-child {width: 1%}
#MAIN_Envois_Manu .table_vue_ensemble td:nth-child(2){width: 49%}
#MAIN_Envois_Manu .table_vue_ensemble td:nth-child(3){width: 20%}
#MAIN_Envois_Manu .table_vue_ensemble td:nth-child(4){width: 10%}
#MAIN_Envois_Manu .table_vue_ensemble td:nth-child(5){width: 10%}
#MAIN_Envois_Manu .table_vue_ensemble td:nth-child(6){width: 10%}
#MAIN_Envois_Manu .tbody_vue_ensemble td:nth-child(1),
#MAIN_Envois_Manu .tbody_vue_ensemble td:nth-child(4),
#MAIN_Envois_Manu .tbody_vue_ensemble td:nth-child(5) {text-align: center}

#MAIN_Tuto_Video .Intro_Div
{
    font-size: 14px;
    padding: 25px;
    color: #345;
}
#MAIN_Tuto_Video .Intro_Div .img_seb
{
    float: left;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px;
    box-shadow: 0 2px 10px #000;
    background: #000;
}
#MAIN_Tuto_Video .Intro_Div .img_seb img
{
    height: 100%;
}

#MAIN_Tuto_Video #mediaspace #container_wrapper object
{
    margin-top: -50px;
}
#MAIN_Tuto_Video .video_tuto_mp4
{
    padding: 15px 0 0;
    border-bottom: 2px solid #4E7494;
    font-size: 14px;
    text-align: center;
}
#MAIN_Tuto_Video .video_tuto_mp4 #mediaspace
{
    display: inline-block;
}

#MAIN_Tuto_Video a.Chap_Suivant {

    display: inline-block;
    background: #4E7494;
    font-weight: 500;
    color: whitesmoke;
    padding: 5px 15px;
    margin: 0 15px;
}
table.DL_Pdf_Vid {
    width: 30%;
    margin: 0 auto;
}
table.DL_Pdf_Vid td
{
    width: 50%;
    padding: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #456;
    text-align: left;
}

table.DL_Pdf_Vid td i.fa
{
    float: left;
    font-size: 30px;
    padding-right: 15px;
}
#MAIN_Tuto_Video .video_tuto_mp4 ul
{
    display: inline-block;
}
#MAIN_Tuto_Video .video_tuto_mp4 ul li
{
    text-align: left;
    list-style: none;
}

.bouttons_footer,
.modal-footer
{
    text-align: center;
    margin-top: 15px;
}
.graphvertical ul
{
    border-left: 5px solid #4D5765;
}
.graphvertical ul li
{
    font-size: 13px;
    font-weight: 500;
    color: #456;
    list-style: none;
}
#MAIN_Stats_Comparaison table tbody td {padding: 5px 15px}
#MAIN_Stats_Comparaison table tbody td:nth-child(2)
{text-align: center}

#MAIN_Stats_envois_man .table_stats_envois_manu table td:first-child{width: 5%}
#MAIN_Stats_envois_man .table_stats_envois_manu table td:nth-child(2){width: 40%}
#MAIN_Stats_envois_man .table_stats_envois_manu table td:nth-child(3){width: 20%}
#MAIN_Stats_envois_man .table_stats_envois_manu table td:nth-child(4){width: 25%}
#MAIN_Stats_envois_man .table_stats_envois_manu table td:nth-child(5){width: 10%}
#MAIN_Stats_envois_man .tbody_stats_envois_manu table td:first-child,
#MAIN_Stats_envois_man .tbody_stats_envois_manu table td:nth-child(3),
#MAIN_Stats_envois_man .tbody_stats_envois_manu table td:nth-child(5){text-align: center}

#MAIN_Stats_envois_man .table_detail_clics tr td:first-child {width: 50%}
#MAIN_Stats_envois_man .table_detail_clics tr td:nth-child(2) {width: 20%}
#MAIN_Stats_envois_man .table_detail_clics tr td:nth-child(3) {width: 20%}
#MAIN_Stats_envois_man .table_detail_clics tr td:nth-child(4) {width: 10%}
#MAIN_Stats_envois_man .tbody_detail_clics table td:nth-child(2),
#MAIN_Stats_envois_man .tbody_detail_clics table td:nth-child(3),
#MAIN_Stats_envois_man .tbody_detail_clics table td:nth-child(4){text-align: center}

#MAIN_Relance_Abonnes .table_relance_abonnes table td:first-child    {width: 70%}
#MAIN_Relance_Abonnes .table_relance_abonnes table td:nth-child(2)   {width: 20%}
#MAIN_Relance_Abonnes .table_relance_abonnes table td:nth-child(3)   {width: 10%}

#MAIN_Relance_Abonnes .tbody_relance_abonnes table td:nth-child(2)   {text-align: center}
#MAIN_Relance_Abonnes .tbody_relance_abonnes table td:nth-child(3) ul li   {width: 50%}

#MAIN_Blackliste .table_pays table td:first-child {width: 60%}
#MAIN_Blackliste .table_pays table td:nth-child(2) {width: 20%}
#MAIN_Blackliste .table_pays table td:nth-child(3) {width: 10%}
#MAIN_Blackliste .tbody_pays table td:nth-child(2),
#MAIN_Blackliste .tbody_pays table td:nth-child(3) {text-align: center}

#MAIN_Notification .table_choix_notif table td:first-child   {width: 5%}
#MAIN_Notification .table_choix_notif table td:nth-child(2)  {width: 65%}
#MAIN_Notification .table_choix_notif table td:nth-child(3)  {width: 30%}
#MAIN_Notification .tbody_choix_notif table td:first-child  {text-align: center}

#MAIN_Comparaison_abonnes_communs .table_abonnes_communs table td:first-child {width: 35%}
#MAIN_Comparaison_abonnes_communs .table_abonnes_communs table td:nth-child(2) {width: 20%}
#MAIN_Comparaison_abonnes_communs .table_abonnes_communs table td:nth-child(3) {width: 35%}
#MAIN_Comparaison_abonnes_communs .table_abonnes_communs table td:nth-child(4) {width: 10%}

#MAIN_Comparaison_abonnes_communs .tbody_abonnes_communs table td ul li {width: 25%}


#MAIN_Recherche_Mail [class^=table_recherche_] table td:first-child {width: 35%}
#MAIN_Recherche_Mail [class^=table_recherche_] table td:nth-child(2){width: 35%}
#MAIN_Recherche_Mail [class^=table_recherche_] table td:nth-child(3){width: 15%}
#MAIN_Recherche_Mail [class^=table_recherche_] table td:nth-child(4){width: 5%}
#MAIN_Recherche_Mail [class^=table_recherche_] table td:nth-child(5){width: 10%}
#MAIN_Recherche_Mail [class^=tbody_recherche_] table td:nth-child(4){text-align: center}
#MAIN_Recherche_Mail [class^=tbody_recherche_] table td ul li {width: 33.3%}

#MAIN_Gestion_Champs_Supp .table_champs_perso td:first-child  {width:45%}
#MAIN_Gestion_Champs_Supp .table_champs_perso td:nth-child(2) {width:45%}
#MAIN_Gestion_Champs_Supp .table_champs_perso td:nth-child(3) {width:10%}

#MAIN_Envoi_Anniv .table_envois_anniv td:first-child   {width: 30%}
#MAIN_Envoi_Anniv .table_envois_anniv td:nth-child(2)  {width: 30%}
#MAIN_Envoi_Anniv .table_envois_anniv td:nth-child(3)  {width: 30%}
#MAIN_Envoi_Anniv .table_envois_anniv td:nth-child(4)  {width: 10%}

#MAIN_Creation_RSS .table_flux_rss td:first-child   {width: 5%}
#MAIN_Creation_RSS .table_flux_rss td:nth-child(2)   {width: 65%}
#MAIN_Creation_RSS .table_flux_rss td:nth-child(3)   {width: 10%}
#MAIN_Creation_RSS .table_flux_rss td:nth-child(4)   {width: 10%}
#MAIN_Creation_RSS .table_flux_rss td:nth-child(5)   {width: 10%}

#MAIN_Creation_RSS .tbody_flux_rss td:first-child,
#MAIN_Creation_RSS .tbody_flux_rss td:nth-child(3),
#MAIN_Creation_RSS .tbody_flux_rss td:nth-child(4),
#MAIN_Creation_RSS .tbody_flux_rss td:nth-child(5){text-align: center}

#MAIN_Gestion_RSS .table_gestion_rss td:first-child  {width: 5%}
#MAIN_Gestion_RSS .table_gestion_rss td:nth-child(2) {width: 45%}
#MAIN_Gestion_RSS .table_gestion_rss td:nth-child(3) {width: 40%}
#MAIN_Gestion_RSS .table_gestion_rss td:nth-child(4) {width: 10%}

#MAIN_Gestion_RSS .tbody_gestion_rss td:first-child {text-align: center}

#MAIN_Creation_Envoi_Recurrent .table_autre_liste table td:first-child {width: 10%}
#MAIN_Creation_Envoi_Recurrent .table_autre_liste table td:nth-child(2){width: 40%}
#MAIN_Creation_Envoi_Recurrent .table_autre_liste table td:nth-child(3){width: 20%}
#MAIN_Creation_Envoi_Recurrent .table_autre_liste table td:nth-child(4){width: 15%}
#MAIN_Creation_Envoi_Recurrent .table_autre_liste table td:nth-child(5){width: 15%}

#MAIN_Creation_Envoi_Recurrent .tbody_autre_liste table td:first-child,
#MAIN_Creation_Envoi_Recurrent .tbody_autre_liste table td:nth-child(3),
#MAIN_Creation_Envoi_Recurrent .tbody_autre_liste table td:nth-child(4),
#MAIN_Creation_Envoi_Recurrent .tbody_autre_liste table td:nth-child(5){text-align: center}

#MAIN_Gestion_Envoi_Recurrent .table_gestion_recurrent table td:first-child {width: 5%}
#MAIN_Gestion_Envoi_Recurrent .table_gestion_recurrent table td:nth-child(2) {width: 35%}
#MAIN_Gestion_Envoi_Recurrent .table_gestion_recurrent table td:nth-child(3) {width: 35%}
#MAIN_Gestion_Envoi_Recurrent .table_gestion_recurrent table td:nth-child(4) {width: 15%}
#MAIN_Gestion_Envoi_Recurrent .table_gestion_recurrent table td:nth-child(5) {width: 10%}

#MAIN_Gestion_Envoi_Recurrent .tbody_gestion_recurrent table td:first-child {text-align: center}

#MAIN_ST_Analyse .table_st_analyse table td:first-child {width: 60%}
#MAIN_ST_Analyse .table_st_analyse table td:nth-child(2) {width: 40%; text-align: center}

#MAIN_Segmentation_Form .table_segmentation table td {width: 25%}

#MAIN_Form_Champ form u{
    display: inline-block;
    padding-left: 35px;
    margin: 15px auto;
    font-weight: 500;
    font-size: 13px;
    color: #456;
}

#MAIN_Form_Design [class^=FCL_] form
{
    display: inline-block;
    margin: 5px 15px;
}

#MAIN_Voir_Revenu .table_voir_revenu td:first-child  {width: 70%}
#MAIN_Voir_Revenu .table_voir_revenu td:nth-child(2) {width: 20%; text-align: center}
#MAIN_Voir_Revenu .table_voir_revenu td:nth-child(3) {width: 10%; text-align: center}

#MAIN_Voir_Filleul .table_voir_filleul td {width: 20%; text-align: center}


#MAIN_Modifier_Mail .table_score_spam td:first-child{width: 10%; text-align: center}
#MAIN_Modifier_Mail .table_score_spam td:nth-child(2){width: 30%;}

#MAIN_Voir_Filleul .table_detail_filleuls td{text-align: center}
#MAIN_Voir_Filleul .table_detail_filleuls:not(.partenaire2) td{width: 20%}
#MAIN_Voir_Filleul .table_detail_filleuls.partenaire2 td:first-child{width: 5%}
#MAIN_Voir_Filleul .table_detail_filleuls.partenaire2 td:nth-child(n+2){width: 19%}


#MAIN_Outils_Promotion table td{width: 33.33%; text-align: center;}
#MAIN_Outils_Promotion table td img{ max-height: 150px}

#MAIN_Modifier_Abonne .table_detail_envois_abonne table tr td:first-child{text-align: left; padding: 0 10px; }
#MAIN_Modifier_Abonne .table_detail_envois_abonne table tr td:nth-child(2){text-align: left; width: 35%; padding: 0 10px;}
#MAIN_Modifier_Abonne .table_detail_envois_abonne table tr td:nth-child(3){width: 20%; text-align: center}
#MAIN_Modifier_Abonne .table_detail_envois_abonne table tr td:nth-child(4){width: 10%; text-align: center}

#MAIN_Utilisateurs .table_utilisateurs table tr td:first-child{width: 25%}
#MAIN_Utilisateurs .table_utilisateurs table tr td:nth-child(2){width: 25%}
#MAIN_Utilisateurs .table_utilisateurs table tr td:nth-child(3){width: 10%; text-align: center}
#MAIN_Utilisateurs .table_utilisateurs table tr td:nth-child(4){width: 10%; text-align: center}
#MAIN_Utilisateurs .table_utilisateurs table tr td:nth-child(5){width: 10%; text-align: center}
#MAIN_Utilisateurs .table_utilisateurs table tr td:nth-child(6){width: 10%}

#MAIN_Factures .table_facture table tr td:first-child{width: 25%; text-align: left; padding-left: 10px}
#MAIN_Factures .table_facture table tr td:nth-child(2){width: 20%; text-align: left; padding-left: 10px}
#MAIN_Factures .table_facture table tr td:nth-child(3){width: 20%; text-align: left; padding-left: 10px}
#MAIN_Factures .table_facture table tr td:nth-child(4){width: 25%; text-align: left; padding-left: 10px}
#MAIN_Factures .table_facture table tr td:nth-child(5) a{
    text-align: center;
    height: 20px;
    width: 20px;
    display: inline-block;
    line-height: 20px;
    padding: 5px;
    border-radius: 30%;
    color: #E29D00;
    font-size: 18px;
}
#MAIN_Factures .table_facture table tr td:nth-child(5) a:hover{
    box-shadow: 0 0 5px;
}

#MAIN_Creation_Man .table_liste_man table tr td:first-child {width: 5%; text-align: center}
#MAIN_Creation_Man .table_liste_man table tr td:nth-child(2){width: 65%}
#MAIN_Creation_Man .table_liste_man table tr td:nth-child(3){width: 10%; text-align: center}
#MAIN_Creation_Man .table_liste_man table tr td:nth-child(4){width: 10%; text-align: center}
#MAIN_Creation_Man .table_liste_man table tr td:nth-child(5){width: 10%; text-align: center}

#MAIN_Stats_Delivrabilite .table_indice_delivrabilite table tr td{width: 20%}

#MAIN_DKIM [class^=table_dkim] table tr td{width: 33%}
#MAIN_DKIM [class^=table_dkim] table tr td:nth-child(2),
#MAIN_DKIM [class^=table_dkim] table tr td:nth-child(3){text-align: center}

#MAIN_DKIM_SPF .table_DKIM_liste table tr td:first-child{width: 60%}
#MAIN_DKIM_SPF .table_DKIM_liste table tr td:nth-child(2){width: 20%; text-align: center}
#MAIN_DKIM_SPF .table_DKIM_liste table tr td:nth-child(3){width: 20%; text-align: center}

#MAIN_Modif_Envois_Auto .table_exclusion_liste table tr td:first-child{width: 5%}
#MAIN_Modif_Envois_Auto .table_exclusion_liste table tr td:nth-child(3){width: 10%; text-align: center}
#MAIN_Modif_Envois_Auto .table_exclusion_liste table tr td:nth-child(4){width: 10%; text-align: center}

#MAIN_Stats_envois_man .table_details_listes table tr td:first-child{width: 5%}
#MAIN_Stats_envois_man .table_details_listes table tr td:nth-child(7){width: 5%; text-align: center}
#MAIN_Stats_envois_man .table_details_listes table tr td:nth-child(3),
#MAIN_Stats_envois_man .table_details_listes table tr td:nth-child(4),
#MAIN_Stats_envois_man .table_details_listes table tr td:nth-child(5),
#MAIN_Stats_envois_man .table_details_listes table tr td:nth-child(6){width: 10%;}
#MAIN_Stats_envois_man [id^=infos_] [class^=sub_] {
    display: inline-block;
    width: 50%;
    float: left;
}
#MAIN_Stats_envois_man [id^=infos_] [class^=sub_] #browserContent{
    margin: 0;
}
#MAIN_Stats_envois_man [id^=infos_] [class^=sub_] #browserContent .firstimg{
    float: left;
}
#MAIN_Stats_envois_man [id^=infos_] [class^=sub_] #browserContent .browser-footer{
    display: inline-block;
    width: 100%;
    text-align: center;
}
#MAIN_Stats_envois_man [id^=infos_] [class^=sub_] #browserContent .browser-footer .browser-thumbnail{
    display: inline-block;
    width: 30%;
}
#MAIN_Stats_envois_man [id^=infos_] [class^=sub_] #browserContent .browser-footer .browser-thumbnail .media-body p{
    margin: 0;
}
#MAIN_Stats_envois_man .FCL_SMS1 .table_stats_sms table td:first-child{}



#MAIN_Modif_Form .table_modif_form table td:first-child{width: 1%}
#MAIN_Modif_Form .table_modif_form table td:nth-child(2){width: 5%}
#MAIN_Modif_Form .table_modif_form table td:nth-child(4){width: 20%}
#MAIN_Modif_Form .table_modif_form table td:nth-child(4) ul li {width: 25%}

#MAIN_Import_CVS_1 .table_import_csv table td:first-child{width: 5%}
#MAIN_Import_CVS_1 .table_import_csv table td:nth-child(3){width: 10%; text-align: center}
#MAIN_Import_CVS_1 .table_import_csv table td:nth-child(4){width: 20%; text-align: center}
#MAIN_Import_CVS_1 .table_import_csv table td:nth-child(5){width: 10%; text-align: center}
#MAIN_Import_CVS_1 .table_import_csv table td:nth-child(6){width: 10%; text-align: center}

#MAIN_Import_CVS_3 .table_import_csv_3 table td:first-child{width: 40%;}
#MAIN_Import_CVS_3 .table_import_csv_3 table td:nth-child(2){text-align: center}
#MAIN_Import_CVS_3 .table_import_csv_3 table td:nth-child(3){width: 40%;}

#MAIN_Creation_Auto .table_exclusion_auto table td:first-child{width: 5%}
#MAIN_Creation_Auto .table_exclusion_auto table td:nth-child(3),
#MAIN_Creation_Auto .table_exclusion_auto table td:nth-child(4){width: 15%; text-align: center }

#MAIN_Partage_Config .table_partage_config table td:nth-child(2){width: 10%; text-align: center}
#MAIN_Partage_Config .table_partage_config table td:nth-child(3){width: 20%}
#MAIN_Partage_Config .table_partage_config table td:nth-child(4){width: 10%}

#MAIN_ListeNoire .table_liste_noire table td:nth-child(1){width: 5%; text-align: center}
#MAIN_ListeNoire .table_liste_noire table td:nth-child(2){width: 20%; text-align: left; padding: 0 10px 0 0}
#MAIN_ListeNoire .table_liste_noire table td:nth-child(3),
#MAIN_ListeNoire .table_liste_noire table td:nth-child(4){width: 10%; text-align: left; padding: 0 10px 0 0}
#MAIN_ListeNoire .table_liste_noire table td:nth-child(5){width: 15%; text-align: left; padding: 0 10px 0 0}
#MAIN_ListeNoire .table_liste_noire table td:nth-child(6){text-align: left; padding: 0 10px 0 0}

#MAIN_Regles_Sommeil .table_regles_sommeil table td:first-child,
#MAIN_Regles_Sommeil .table_regles_sommeil table td:nth-child(4){width: 30%; text-align: left; padding-left: 10px}
#MAIN_Regles_Sommeil .table_regles_sommeil table td:nth-child(2){width: 15%; text-align: left; padding-left: 10px}
#MAIN_Regles_Sommeil .table_regles_sommeil table td:nth-child(5){width: 5%}

#MAIN_Regle_parainage .table_regle_parrainage table td:first-child{width: 5%; text-align: center}
#MAIN_Regle_parainage .table_regle_parrainage table td:nth-child(2){width: 35%}
#MAIN_Regle_parainage .table_regle_parrainage table td:nth-child(4),
#MAIN_Regle_parainage .table_regle_parrainage table td:nth-child(5){width: 10%; text-align: center}


#helper_div{
    display: none;
    position: absolute;
    height: 80px;
    width: 300px;
    border: 1px solid #268b7a;
    border-bottom: 4px solid #268b7a;
    z-index: 50;
    background: #FFF;
}
#helper_div .fa-times{
    float: right;
    cursor: pointer;
    color: #FFF;
    background: #268b7a;
    display: block;
    height: 15px;
    width: 15px;
    text-align: center;
    line-height: 15px;
}
#helper_div [id^=info_helper_]{
    font-size: 12px;
    color: #456;
    display: inline-block;
    width: 100%;
}
#helper_div #info_helper_1{
    width: 280px;
    padding: 0 10px;
}

/*Mise en forme panneau de config des messages*/

#ContainerMessage #content .setting-panel ul.nav-tabs{
    display: inline-block;
    background: #4D5765;
    width: 100%;
    text-align: center;
    padding: 5px 0;
}
#ContainerMessage #content .setting-panel ul.nav-tabs li{
    display: inline-block;
    padding: 5px 15px;
    margin: 0 50px;
    background: whitesmoke;
}
#ContainerMessage #content .setting-panel ul.nav-tabs li a{
    color: #4D5765 !important;
    font-weight: 500 !important;
}
#ContainerMessage #content .setting-panel ul.nav-tabs li.active{
    box-shadow: 0 0 10px #F00;
    border: 1px solid #F00;
}

#ContainerMessage div.space-block .container table.content-col td{
    width: 100%;
}



/*checkbox*/

input._ckbx,
input._radio
{display: none !important;}

input._ckbx + label.lbl_checkbox:before
{
    content: '\f096';
    color: #999;
    margin-right: 10px;
    font-family: FontAwesome,sans-serif;
    display: inline-block;
    height: 14px;
    width: 14px;
    text-align: center;
    font-size: 18px;
    vertical-align: sub;
}


input._ckbx:checked + label.lbl_checkbox:before
{
    content: '\f046';
    color: #4D5765;
}

input._ckbx_green:checked + label.lbl_checkbox:before
{
    content: '\f046';
    color: #27965E;
}

/*radio*/

input._radio + label[class^=lbl_radio]:before
{
    content: '\f10c';
    color: #999;
    margin-right: 5px;
    font-family: FontAwesome,sans-serif;
    display: inline-block;
    height: 14px;
    width: 14px;
    text-align: center;
    font-size: 16px;
}
input._radio:checked + label.lbl_radio0:before
{
    content: '\f05d';
    color: #4D5765;
}
input._radio:checked + label.lbl_radio1:before
{
    content: '\f05d';
    color: #B94A48;
}
input._radio:checked + label.lbl_radio2:before
{
    content: '\f05c';
    color: #4D5765;
}

label.lbl_radio1
{
    margin-right: 10px;
}


.BOX_num_stats
{
    text-align: center;
    padding-top: 15px;
    float: left;
}
.BOX_num_stats.deuxcolonnes
{
    width: calc(50% - 2px);
}
.BOX_num_stats.troiscolonnes
{
    width: calc(33.33% - 2px);
}

.BOX_num_stats.quatrecolonnes
{
    width: calc(25% - 2px);
}

.BOX_num_stats.border_right
{
    border-right: 2px solid #EDF0F1;
}

.BOX_num_stats.border_top
{
    border-top: 2px solid #EDF0F1;
}

.BOX_num_stats_row
{
    box-sizing: border-box;
    zoom: 1;
}
.BOX_num_stats_row:before,
.BOX_num_stats_row:after {
    content: " ";
    display: table;
}
.BOX_num_stats_row:after {
    clear: both;
}
.BOX_num_stats_header
{
    font-size: 12px;
    line-height: 26px;
    color: #A5AEB1;
    text-transform: uppercase;
}
.BOX_num_stats_centre
{
    font-size: 42px;
    line-height: 80px;
    font-weight: 300;
}
.BOX_num_stats_footer
{
    font-size: 12px;
    line-height: 26px;
    color: #A5AEB1;
    text-transform: inherit;
}

.BOX_num_stats_centre .BOX_size_mini
{
    font-size: 18px;
}

.BOX_num_stats i.fa-pencil{
    font-size: .5em;
    font-weight: 100;
    vertical-align: super;
    margin: 0 10px;
    color: #9494e6;
    cursor: pointer;
}



#menugauche .menugauchevolet ul.tablicon,
#menugauche .Global_Block .expand_block ul,
#menugauche #mareference .menumembre ul{
    display: inline-table;
    text-align: center;
    width: 100%;
}
#menugauche .menugauchevolet ul.tablicon li {
    display: inline-block;
    margin: 5px 5px;
    width: 60px;
    height: 55px;
    padding-left: 0 !important;
    font-weight: inherit !important;
}
#menugauche .menugauchevolet ul.tablicon li a
{
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-shadow: 0;
    /*Le line-height s'accorde avec le height (donc 50px là), c'est pour dire au text d'être centré verticalement :-) */
    line-height: 25px;
    border-radius: 20%;
    font-size: 10px;
    padding-top:3px;
}

#menugauche .menugauchevolet ul.tablicon li a i
{
    font-size:1.5em;
}

#menugauche .menugauchevolet ul.tablicon li:hover a
{
    box-shadow: 0 0 10px #AAA;
}

#menugauche .menugauchevolet ul.tablicon li a.base
{
    background: #EF6C00 ;
}
#menugauche .menugauchevolet ul.tablicon li a.additionnel
{
    background: #D81B60 ;
}


#menugauche .menugauchevolet span.tabliconinfo
{
    display: block;
    text-align: center;
    text-shadow: 0 0 5px #456;
    font-size: 16px;
    min-height: 25px;
    margin-top: 10px;
}


#menugauche .Upper_Block h4{
    display: block;
    font-size: 13px;
    padding: 25px 0 5px;
    text-transform: uppercase;
}
#menugauche .Upper_Block h4 i{
    float: left;
    margin: 0 10px;
}

#menugauche .Global_Block{
    padding: 1px 0;
}
#menugauche .Global_Block h5 {
    display: block;
    font-size: 14px;
    padding: 2px 0 2px 25px;
    cursor: pointer;
    font-weight: 400;
}
#menugauche .Global_Block h5 i{
    float: right;
    margin-right: 10px;
}
#menugauche .Global_Block h5:hover{
    background: #789
}

#menugauche .Global_Block .expand_block.open{
    display: block;
}
#menugauche .Global_Block .expand_block.close{
    display: none;
}

#menugauche .Global_Block .expand_block span:not(.mot),
#menugauche #mareference .menumembre .membreiconinfo,
#listflottante .infolisteflottante{
    display: block;
    text-align: center;
    min-height: 20px;
    opacity: 0;
    color: whitesmoke;
    font-size: 14px;
    margin-top: 5px;
}
#menugauche .Global_Block .expand_block ul:not(.ul-inline) li,
#menugauche #mareference .menumembre ul li{
    display: inline-block;
    margin: 5px 2px;
    width: 45px;
    height: 40px;
    padding-left: 0 !important;
    font-weight: inherit !important;
}
#menugauche .Global_Block ul:not(.ul-inline) li a,
#menugauche #mareference .menumembre ul li a{
    display: block;
    height: 100%;
    width: 100%;
    font-size: 10px;
    box-shadow: 0;
    background: rgba(255,255,255,.1);
    line-height: 20px;
    border-radius: 25%;
}

#menugauche .Global_Block ul:not(.ul-inline) li a i,
#menugauche #mareference .menumembre ul li a i{
    font-size: 14px;
}


#menugauche .Global_Block .expand_block ul:not(.ul-inline) li a:hover,
#menugauche #mareference .menumembre ul li a:hover{
    box-shadow: 0 0 10px #AAA;
}
#menugauche .Global_Block .expand_block a.additionnal_2 {
    background: rgba(255,255,255,.4);
}
#menugauche .Global_Block .expand_block a.additionnal_3 {
    background: rgba(255, 0, 0, 0.4);
}
#menugauche .Global_Block .expand_block a.additionnal_3 .modal_aide i.fa-question-circle {
    color: #FF5847;
}

#menugauche .Global_Block .expand_block ul.ul-inline li{
    display: inline-block;
    padding: 0 0 5px;
    font-size: 14px;
}
#menugauche .Global_Block .expand_block ul.ul-inline li:hover a{
    text-decoration: underline;
}
#menugauche #mareference .menumembre
{
    height: 0;
    overflow: hidden;
    font-size: 15px;

    -webkit-transition: height .4s ease;
    -moz-transition: height .4s ease;
    -o-transition: height .4s ease;
    transition: height .4s ease;
}

#MAIN_Poser_Question [class^=HightVolet]{
    height: 0;
    overflow: hidden;
}
#MAIN_Poser_Question [class^=HightVolet].ouvert{
    height: auto;
}

#MAIN_Poser_Question #type_question{
    text-transform: capitalize;
    color: #4D5765;
    text-decoration: underline;
}

#MAIN_MDP_Create,
#MAIN_MDP_Forget,
#MAIN_Deconnexion{
    width: 850px;
    margin: 0 auto;
    text-align: center;
}

.BtnPrev{
    display: inline-block;
    margin: 5px -30px 0 30px;
    padding: 5px 15px;
    background: #E65700;
    color: whitesmoke;
    cursor: pointer;
}
.BtnNext{
    display: inline-block;
    margin: 5px 30px 0;
    padding: 5px 15px;
    background: #0090E6;
    color: whitesmoke;
    cursor: pointer;
}

.boutonsupport{
    border: 0 none;
    outline: 0 none;
    display: inline-block;
    width: 130px;
    color: #FFF;
    text-align: center;
    background: #4E7494;
    margin: 15px auto 0;
    padding: 10px;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 0 3px #666;
    box-shadow: 0 0 3px #456;
    text-decoration: none;
}

#MAIN_Affiliation .footeraffiliation a{
    display: inline-block;
    text-align: center;
    color: whitesmoke;
    font-weight: 500;
    text-decoration: none;
    padding: 5px 15px;
    height: 50px;
    width: 140px;
    margin: 0 10px;
}
#MAIN_Affiliation .footeraffiliation a:first-child{
    background: #289460;
}
#MAIN_Affiliation .footeraffiliation a:nth-child(2){
    background: #4E7494;
}




table i[id^=icon_edit_]{
    margin-right: 5px;
    cursor: pointer;
    font-size: 14px;
}
table i[id^=icon_edit_].fa-pencil{
    color: #2E85FF;
}
table i[id^=icon_edit_].fa-check{
    color: #289561;
}
table i[id^=icon_edit_].fa-times{
    color: #ff4346;
}


table b[id^=edit_]{
    font-weight: 500;
}

table [id^=input_],
table [id^=select_]{
    border-width: 0 0 2px 0;
    border-color: #9999FF;
    outline: 0 none;
    width: 80%;
    background: transparent;
    padding: 0 0 0 5px;
    margin: 0;
}

/*Barre de raccourcis*/

.navbar-inner .shortcut{
    height: 70px;
    width: 445px;
    display: inline-block;
    top: 0;
    vertical-align: top;

    -webkit-transition: border .4s ease;
    -moz-transition: border .4s ease;
    -o-transition: border .4s ease;
    transition: border .4s ease;
}
.navbar-inner .shortcut.active{
    height: 65px;
    border-bottom: 5px solid #4D5765;
}
.navbar-inner .shortcut.hover{
    height: 65px;
    border-bottom: 5px solid green;
}

.navbar-inner .shortcut li.ui-draggable{
    display: inline-block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    margin: 10px 5px;
    border-radius: 30%;
    font-size: 20px;
    box-shadow: 0 0 5px #4D5765;
}


.navbar-inner .shortcut li.ui-draggable a{
    display: block;
    height: 100%;
    width: 100%;
}

.navbar-inner .shortcut li.ui-draggable a .mot {
    display: none;
}
.navbar-inner .save_reset{
    height: 70px;
    width: 20px;
    font-size: 14px;
    line-height: 70px;
    text-align: center;
    vertical-align: top;
    margin: 0 2px 0 0;
}
.navbar-inner .save_reset .save,
.navbar-inner .save_reset .reset{
    width: 25px;
    height: 25px;
    line-height: 24px;
    font-size: 20px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.navbar-inner .save_reset .save:hover{
    background: #3EBD80;
    box-shadow: 0 0 5px #000;
}
.navbar-inner .save_reset .reset:hover{
    background: #FF6B6B;
    box-shadow: 0 0 5px #000;
}
.navbar-inner .save_reset .reset.active{
    box-shadow: 0 0 15px 2px #000;
    background: #4D5765;
    color: #FF6B6B;
}
.navbar-inner .save_reset .reset.hover{
    box-shadow: 0 0 15px 2px #F00;
    background: #4D5765;
    color: #FF6B6B;
}

#clone{
    position: absolute !important;
    color: #FFF !important;
    background: #4D5765 !important;
    z-index: 50 !important;
    opacity: 0.9 !important;
    overflow: hidden !important;
    display: block !important;
    height: 50px !important;
    width: 50px !important;
    line-height: 50px !important;
    text-align: center !important;
    border-radius: 30% !important;
}

#MAIN_ALERTES .div_alerte .head_alerte h5{
    margin: -15px 0 15px 15px;
    padding: 0;
    color: #789;
    font-weight: 500;
    font-style: italic;
}
#MAIN_ALERTES .div_alerte .body_alerte{
    display: table;
    width: 100%;
}
#MAIN_ALERTES .div_alerte .body_alerte span:first-child{
    display: table-cell;
    width: 5%;
    text-align: center;
    font-size: 40px;
    vertical-align: middle;
    color: #EEE;
    text-shadow: 0 0 5px #4D5765;
}
#MAIN_ALERTES .div_alerte .body_alerte span:nth-child(2){
    display: table-cell;
    vertical-align: middle;
}
#MAIN_ALERTES .div_alerte .footer_alerte{
    border-bottom: 2px solid #DA4F49;
    text-align: center;
}
#MAIN_ALERTES .div_alerte .footer_alerte button{
    margin-bottom: 0;
}

#actions_realiser ul{
    margin-left: 30px;
    list-style: none;
    font-size: 15px;
    color: #456;
    font-weight: 500;
}
#actions_realiser ul li{
    line-height: 30px;
}

.custom-SG-tooltip{
    background: #ffffff !important;
    color: #737373 !important;
    padding: 5px 10px;
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important;
    border-radius: 5px;
    border: 1px solid #27965e;
    box-shadow: 0 2px 10px 0 #8d88b7;
    position: absolute;
    z-index: 9999;
    max-width: 300px;
    white-space: pre-wrap;
}

#MAIN_Compte_Option [class^=theme_]{
    display: inline-block;
    width: 300px;
    margin: 10px 25px;
    cursor: pointer;
    -webkit-transition: all 48s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#MAIN_Compte_Option [class^=theme_]:hover{
    box-shadow: 0 0 15px #387cff;
}



#MAIN_Index_Membre #contenttab3{
    background-color: #E2E2E2;
    overflow: hidden;
}
#MAIN_Index_Membre .Calendrier_Briefing{
    width: 70%;
    display: table-cell;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_header{
    background-color: #FFF;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body{
    text-align: center;
    padding: 10px 0;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_]{
    display: inline-block;
    height: 90px;
    background: #BBB;
    width: 95px;
    text-align: center;
    margin: 2px;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_].today {
    border: 1px solid goldenrod;
    box-shadow: 0 0 20px #383838;
    padding: 5px;
    background: #FFF !important;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] .jour{
    float: left;
    display: block;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    background: #789;
    color: white;
    font-size: 15px;
    font-weight: 500;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] span.journee_0 {
    float: right;
    font-size: 13px;
    color: #789;
    display: block;
    margin: 0;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] span.journee_1 {
    float: right;
    display: block;
    width: 100%;
    margin: 10px 0;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] span.nb_missions {
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    float: right;
    width: calc(100% - 40px);
    margin: 0 20px -5px 0;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] p.nb_missions{
    color: #567;
    display: block;
    float: right;
    font-size: 12px;
    text-align: center;
    width: 100%;
    margin: 0 0 -5px;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] span.points_today {
    float: left;
    font-size: 16px;
    font-weight: 600;
    display: block;
    width: 85px;
    border-top: 1px solid #456;
    margin: 5px 5px -3px;
    color: #017E3A;
    text-shadow: 0 0 10px #464646;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] p.points_today {
    float: left;
    display: block;
    width: 100%;
    text-align: center;
    color: #017E3A;
    font-weight: 500;
    text-shadow: 0 0 15px #2F2F2F;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_].today span.points_today,
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_].today p.points_today{
    color: #017E3A;
}
#MAIN_Index_Membre .Calendrier_Briefing .Cal_body [class^=calendar_case_] span.points_today.rouge {
    color: #E45555
}



#MAIN_Index_Membre .Conteneur_Objectifs{
    width: 30%;
    display: table-cell;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_header{
    background-color: #FFF;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body{
    padding: 10px 0;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body .content{
    height: 150px;
    overflow: hidden;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span{
    display: block;
    padding: 2px 1px 2px 5px;
    background: #4D5765;
    color: white;
    margin: 0 15px;
    line-height: 20px;
    cursor: pointer;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span.mission0 {
    background: #AF6464 !important;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span b.date_trophy {
    font-size: 0.85em;
    font-weight: 400;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span:hover{
    background-color: #778190;
    border: solid white;
    border-width: 1px 0;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span p {
    display: inline-block;
    float: right;
    height: 19px;
    width: 23px;
    text-align: center;
    border: 1px solid;
    background: goldenrod;
    font-weight: 500;
    text-shadow: 0 0 2px #000;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span.mission_acheve {
    color: #353535 !important;
}
#MAIN_Index_Membre .Conteneur_Objectifs .Obj_body span.mission_acheve p {
    text-shadow: 0 0 0;
    background: #868686;
}

#SG_Modal span.Trophy_Point{
    position: relative;
    display: block;
    margin: 25px auto 0;
    width: 80px;
    text-align: center;
    font-size: 25px;
    height: 55px;
    line-height: 55px;
    background: #DAA720;
    box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.5);
    color: white;
    text-shadow: 0 0 25px #000;
}
#SG_Modal span.Trophy_Point i{
    position: absolute;
    font-size: 14px;
    bottom: 0;
    right: 0;
    line-height: initial;
}

#SG_Modal span.Trophy_Objectif,
#SG_Modal span.Trophy_Interet {
    display: block;
    margin: 5px 5px;
    border-bottom: 1px solid #CCC;
    padding: 10px;
}
#SG_Modal span.Trophy_Date{
    display: block;
    width: 200px;
    text-align: center;
    margin: 0 auto;
    color: #789;
    font-style: italic;
}
#SG_Modal a.Admin_edition {
    float: left;
    display: block;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background: #4D5765;
    color: white;
    box-shadow: 0 0 10px #000;
    border: 1px solid #D2D2D2;
}

.navbar-inner .Div_Conseils,
.navbar-inner .Div_Conseil_2
{
    display: inline-block;
    height: 70px;
    width: 500px;
    margin: 0 5px;
    vertical-align: top;
}
.navbar-inner .Div_Conseil_2 .fa-times{
    position: absolute;
    display: inline-block;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    color: #FF3F3F;
    cursor: pointer;
}

#MAIN_Candidature_Partenaire input[type=number]{
    border: 2px solid #89A;
    border-radius: 0;
    background: #FFF;
    margin-left: 30px;
    width: 400px;
    outline:0 none;
    padding: 4px 6px;
    color: #345;
    line-height: 20px;
    vertical-align: sub;
}

#MAIN_Inscription_1{
    margin: 0 auto;
    width: 1200px;
}
#MAIN_Inscription_1 .tb_insc_1{
    display: table;
    width: 900px;
    margin: 0 auto
}
#MAIN_Inscription_1 .tb_insc_1 .tb_insc_1_1,
#MAIN_Inscription_1 .tb_insc_1 .tb_insc_1_2{
    display: table-cell;
    height: 430px;
    vertical-align: middle
}
#MAIN_Inscription_1 .tb_insc_1 .mainprice{
    height: 380px;
    overflow: hidden
}
#MAIN_Inscription_1 .tb_insc_1 .mainprice .Price3 .headerPrice span{
    margin-left: -58px;
}

.container #MAIN_Question{
    padding: 20px 0 0; margin-top:-20px
}
.container #MAIN_Question .div1{
    display: inline-block;
    width: 100%;
    text-align: center
}
.container #MAIN_Question .div1 .div1_1,
.container #MAIN_Question .div1 .div1_2{
    display: inline-block;
    width: 40%;
    margin: 0 30px;
    border-bottom: 2px solid #4E7494
}

#MAIN_Inscription_2{
    margin: 0 auto;
    padding-top: 20px;
    width: 1200px
}
#MAIN_Inscription_2 .Isc_IB{
    display: inline-block;
}
#MAIN_Inscription_2 .Isc_TB{
    display: table;
    width: 100%;
}
#MAIN_Inscription_2 .Isc_TB .Isc_ITB{
    display: table-cell;
    width: 50%;
}
#MAIN_Inscription_3{
    margin: 0 auto ;
    width: 1200px
}
#MAIN_Inscription_3 .IE3TB{
    display: table;
    width: 900px;
    margin: 0 auto
}
#MAIN_Inscription_3 .IE3TB .IE3TBC{
    display: table-cell;
}



.Admin_Bar{
    background: #4D5765;
    color: white;
    text-align: center;
    display: table;
    width: 100%;
    font-size: 20px;
}
.Admin_Bar a{
    display: table-cell;
    width: 50%;
}
.Admin_Bar a:hover {
    background: #E9E1C9;
    color: #4D5765;
}

b#BEDIT i{
     cursor: pointer;
}
b#BEDIT i.fa-pencil{
    color: dodgerblue;
}
b#BEDIT i.fa-times{
    color: red;
}
b#BEDIT i.fa-check{
    color: green;
}
input#IN_EC {
    display: inline-block;
    width: 80%;
    margin: 0 5px;
    height: 15px;
    border-width: 0 0 2px;
    background: transparent;
}

#MAIN_Form_Configure h3 i.fa{
    cursor: pointer;
    margin: 0 10px;
}
#MAIN_Form_Configure h3 i.fa-pencil{
    color: dodgerblue;
}
#MAIN_Form_Configure h3 i.fa-check {
    color: green;
}
#MAIN_Form_Configure h3 input{
    display: inline-block;
    width: 200px;
    margin: 0 5px;
    height: 15px;
    border-width: 0 0 2px;
    background: transparent;
}

/*Shopify*/
#MAIN_Shopify {
    margin: 50px auto;
    width: 95%;
}
#MAIN_Shopify .table_gestion table td{
    width: 25%
}
#MAIN_Shopify .table_gestion table td select {
    margin: 0;
    border-width: 0 0 2px;
    background: transparent;
}
#MAIN_Shopify .table_gestion table thead a{
    color: inherit;
}

.email-content table.body .text-block ul{
    margin: 0 0 0 10px;
}
.email-content table.body .text-block a {
    color: #2B8CE2;
}
/*#menugauche #mCSB_2_scrollbar_vertical {*/
    /*right: -5px;*/
/*}*/

/**/
#Div_Template {
    position: fixed;
    z-index: 10;
    width: 1300px;
    background: #FFF;
    margin: 5% auto;
    padding: 35px 0;
    left: 0;
    right: 0;
    text-align: center;
    box-shadow: 0 0 10px #789;
    overflow: hidden;

    transition: height 0.4s ease-in;
    -webkit-transition: height 0.4s ease-in;
    -moz-transition: height 0.4s ease-in;
    -o-transition: height 0.4s ease-in;
}
#Div_Template .fa-refresh{
    font-size: 50px;
    display: inline-block;
    padding: 50px 0;
}
#Div_Template i.fa-times {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    height: 25px;
    width: 30px;
    text-align: center;
    line-height: 25px;
    background: red;
    color: white;
    border: solid #3C3535;
    border-width: 0 0 2px 2px;
    cursor: pointer;
}
#Div_Template iframe{
    height: 100%;
}
#Div_Template button{
     width: 200px;
     border: 0;
     background: #16B37A;
     color: #FFF;
     margin: 5px 0;
     padding: 0;
     height: 25px;
     box-shadow: 0 2px 5px #325246;
 }
#Div_Template [class^=iframe_template] {
    display: inline-block;
    width: 330px;
}
#Div_Template .iframe_template_0 {
    margin-left: -200px;
}
#Div_Template .iframe_template_4{
    margin-right: -200px;
}
#Div_Template .iframe_template_0 div,
#Div_Template .iframe_template_4 div{
    padding-bottom: 20px;
}
#Div_Template .iframe_template_0 span.back{
    padding-left: 160px;
}
#Div_Template .iframe_template_0 span,
#Div_Template .iframe_template_4 span{
    top: 35px;
    position: absolute;
    height: 535px;
    display: inline-block;
    width: 145px;
    background: rgba(119, 119, 119, 0.5);
    cursor: pointer;
}
#Div_Template .iframe_template_0 span::before,
#Div_Template .iframe_template_4 span::before {
    font-family: FontAwesome, sans-serif;
    position: absolute;
    font-size: 60px;
    line-height: 535px;
    color: white;
}
#Div_Template .iframe_template_0 span.back::before{
    content: '\f060';
    right: 65px;
}
#Div_Template .iframe_template_4 span::before{
    content: '\f061';
    left: 65px;
}

#Div_Template .iframe_template_1,
#Div_Template .iframe_template_2,
#Div_Template .iframe_template_3{

}
#Div_Template [class^=iframe_template] div {
    height: 500px;
    overflow: hidden;
}

#Menu_Flotant {
    display: none;
    position: absolute;
    z-index: 4;
    width: 220px;
    padding: 0 5px 5px;
    font-size: 13px;
    background-color: rgba(0, 0, 0, 0.75);
    right: 18px;
}
#Menu_Flotant ul
{
    display: block;
    width: 100%;
    text-align: center;
}
#Menu_Flotant ul li {
    display: inline-table;
    display: -moz-grid;
    width: 40px;
    height: 40px;
    margin: 5px;
    cursor: pointer;
}
#Menu_Flotant ul li a,
#Menu_Flotant ul li button
{
    display: block;
    outline: 0 none;
    box-shadow: 0;
    border-radius: 30%;
    border: 0 none;
    padding: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    overflow: hidden;
    color: whitesmoke;
    background: rgba(255,255,255,0.2);
    cursor: pointer;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
#Menu_Flotant ul li a:hover,
#Menu_Flotant ul li button:hover
{
    box-shadow: 0 0 10px #FFF;
}
#Menu_Flotant .infolisteflottante {
    display: block;
    text-align: center;
    min-height: 20px;
    opacity: 0;
    color: whitesmoke;
    font-size: 14px;
    margin-top: 5px;
}

.Graph_Inactifs {
    list-style: none;
    margin: 0 30px;
    padding: 20px 0;
}
.Graph_Inactifs li {
    font-size: 14px;
    padding: 10px 5px;
    cursor: pointer;
}
.Graph_Inactifs li:hover{
    background-color: #EEE;
}
.Graph_Inactifs li b {
    display: inline-block;
    width: 40px;
    text-align: center;
    font-size: 18px;
    color: #789;
}
.Graph_Inactifs li i.Graph_Bar{
    display: inline-block;
    background: #A1A1A1;
    height: 5px;
    vertical-align: sub;
    border: solid #456;
    border-width: 0 2px;
    margin: 0 5px 0 -5px;
}
.Graph_Inactifs li i.fa-eye {
    float: right;
    font-size: 20px;
    color: #CCC;
    margin: 0 10px;
}
.Graph_Inactifs li:hover i.fa-eye{
    color: #456;
}

[id^=Modal_Invalides] ul {
    margin: 0 20px;
    list-style: none;
}
[id^=Modal_Invalides] ul li {
    font-size: 14px;
    padding: 5px 0 0;
    font-weight: 500;
    color: #456;
}
[id^=Modal_Invalides] ul li:hover{
    background-color: #EEE;
}

#MAIN_SyncFB .table_sync_fb td:first-child,
#MAIN_SyncFB .table_sync_fb td:nth-child(2),
#MAIN_Sync_Facebook .table_sync_fb td:first-child,
#MAIN_Sync_Facebook .table_sync_fb td:nth-child(2){
    width: 30%;
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_sync_fb td:nth-child(3),
#MAIN_Sync_Facebook .table_sync_fb td:nth-child(3){
    width: 15%;
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_sync_fb td:nth-child(4),
#MAIN_Sync_Facebook .table_sync_fb td:nth-child(4){
    width: 10%;
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_sync_fb td:nth-child(5),
#MAIN_Sync_Facebook .table_sync_fb td:nth-child(5){
    text-align: center;
}
#MAIN_SyncFB .table_sync_fb td:nth-child(6),
#MAIN_Sync_Facebook .table_sync_fb td:nth-child(6){
    width: 10%;
}

#MAIN_SyncFB .table_Lead_fb td:first-child,
#MAIN_Sync_Facebook .table_Lead_fb td:first-child{
    width: 15%;
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_Lead_fb td:nth-child(2),
#MAIN_Sync_Facebook .table_Lead_fb td:nth-child(2){
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_Lead_fb td:nth-child(3),
#MAIN_Sync_Facebook .table_Lead_fb td:nth-child(3){
    width: 12%;
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_Lead_fb td:nth-child(4),
#MAIN_Sync_Facebook .table_Lead_fb td:nth-child(4){
    width: 10%;
    text-align: left;
    padding: 0 10px;
}
#MAIN_SyncFB .table_Lead_fb td:nth-child(5),
#MAIN_Sync_Facebook .table_Lead_fb td:nth-child(5){
    text-align: center;
    width: 5%;
}
#MAIN_SyncFB .table_Lead_fb td:nth-child(6),
#MAIN_Sync_Facebook .table_Lead_fb td:nth-child(6){
    width: 10%;
}

#MAIN_Amelioration_Vote [class^=HightVolet]{
    display: none;
}
#MAIN_Amelioration_Vote [class^=HightVolet].ouvert{
    display: block;
}

#MAIN_Amelioration_Vote .HV_content [id^=Div_] {
    padding: 5px 15px;
    margin: 0 0 10px;
    cursor: pointer;
}
#MAIN_Amelioration_Vote .HV_content [id^=Div_].yep{
    background: #e5b1a6;
}
#MAIN_Amelioration_Vote .HV_content [id^=Div_].nop{
    background: #CCDAE5;
}

#MAIN_Amelioration_Vote .HV_content [id^=Div_] .Part_Left{
    float: left;
    width: 80%;
}
#MAIN_Amelioration_Vote .HV_content [id^=Div_] .Part_Right{
    float: right;
    width: 20%;
}
#MAIN_Amelioration_Vote .HV_content [id^=Div_] .Part_Right [class^=CR_]{
    width: 33.33%;
    text-align: center;
    color: #4D5765;
    font-size: 18px;
    margin: 0 0 10px;
    padding: 0 0 5px;
    font-weight: 500;
    border-bottom: 1px solid;
    float: left;
}
#MAIN_Amelioration_Vote .HV_content [id^=Div_] .Part_Right [class^=CR_] span{
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
}

input[type=range] {
    -webkit-appearance: none;
    margin: 18px 0;
    width: 100%;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #4D5765;
}
input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 5px #4D5765;
    height: 30px;
    width: 10px;
    background: #FFFFFF;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -12px;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: #4D5765;
}
input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 5px #4D5765;
    height: 30px;
    width: 10px;
    background: #FFFFFF;
    cursor: pointer;
}
input[type=range]::-ms-track {
    width: 100%;
    height: 5px;
    cursor: pointer;
    animate: 0.2s;
    background: transparent;
    border-color: transparent;
    border-width: 16px 0;
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #FFFFFF;
    box-shadow: 0 0 5px #4D5765;
}
input[type=range]::-ms-fill-upper {
    background: #FFFFFF;
    box-shadow: 0 0 5px #4D5765;
}
input[type=range]::-ms-thumb {
    box-shadow: 0 0 5px #4D5765;
    height: 30px;
    width: 10px;
    background: #FFFFFF;
    cursor: pointer;
}

#MAIN_Formulaire_creer .FCL_1{
    text-align: center;
}
.inlined{
    display: inline-block;
    text-align: left;
    margin: 0 50px;
}

#MAIN_Formulaire_creer .FCL_2 [class^=Info_]{
    display: inline-block;
}
#MAIN_Formulaire_creer .FCL_2 [class^=Info_] .lbl_checkbox {
    display: inline-block;
    width: 220px;
    line-height: 24px;
}
#MAIN_Formulaire_creer .FCL_2 [class^=Info_] .lbl_radio0{
    padding-right: 10px;
}
/*ClearfixHack http://nicolasgallagher.com/micro-clearfix-hack/ */
#MAIN_Form_Champ form:before,
#MAIN_Form_Champ form:after {
    content: " ";
    display: table;
}
#MAIN_Form_Champ form:after {
    clear: both;
}
#MAIN_Form_Champ form {
    zoom: 1;
}

#MAIN_Form_Champ .Form_Champs_Left{
    display: inline-block;
    width: 75%;
}
#MAIN_Form_Champ .Form_Champs_Right{
    display: inline-block;
    width: 25%;
    float: right;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire{
    display:block;
    background: #68A5BD;
    padding:15px;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire .sg-form-header{
    text-align: center;
    color: white;
    text-shadow: 0 0 10px #456;
    margin: 5px 0 15px;
}

#MAIN_Form_Champ .Form_Champs_Right #Formulaire .in_80{
    width: 80%;
    margin: 0 auto;
    display: block;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire [id^=exemple_]:not([id^=exemple_type1]){
    display: none;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire [id^=lbl_] {
    display: block;
    margin-top: 5px;
    font-size: 1em;
    font-weight: 500;
    color: #FFF;
    padding: 0 0 5px 30px;
    text-shadow: 0 0 5px #456;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire [id^=lbl_]:before{
    color: #FFF;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire .head_lbl{
    text-align: center;
    display: block;
    margin: 10px 0 5px;
    font-size: 16px;
    color: white;
}

#MAIN_Form_Champ .Form_Champs_Right #Formulaire button{
    display: block;
    margin: 15px auto 0;
    background: transparent;
    color: white;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    cursor: pointer;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire button:hover{
    color: #68A5BD;
    background-color: white;
}
#MAIN_Form_Champ .Form_Champs_Right #Formulaire .bottom_form{
    text-align: center;
    font-size: 12px;
    margin: 10px 0 -5px;
    color: white
}

#MAIN_Form_Design [class^=FCLI_Style]{
    text-align: center;
}
#MAIN_Form_Design [class^=FCLI_] .right{
    float: right;
    margin: 0 10px;
}
#MAIN_Form_Design [class^=FCLI_] .right .fa-heart {
    color: #FF4040;
    text-shadow: 0 2px 5px #000;
}

input[type=radio][id^=form_radio_] {
    display: none;
}
input[type=radio][id^=form_radio_] + label {
    display: inline-block;
    width: 190px;
    margin: 10px 15px;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
input[type=radio][id^=form_radio_] + label img{
    opacity: 0.8;

    -webkit-transition: opacity .4s ease;
    -moz-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}
input[type=radio][id^=form_radio_] + label:hover img{
    opacity: 1;
}
input[type=radio][id^=form_radio_]:checked + label{
    box-shadow: 0 2px 10px 0 #818583;
}
input[type=radio][id^=form_radio_]:checked + label img{
    opacity: 1;
}

.info_1,
.info_1{
    display: inline-block;
    padding-right: 50px;
    vertical-align: top;
}
.info_2,
.info_2{
    display: inline-block;
    padding-right: 50px;
    vertical-align: bottom;
}
.info_3,
.info_3{
    display: inline-block;
    vertical-align: bottom;
}

#SG_MAIN_Notif {
    position: fixed;
    z-index: 4;
    right: 0;
    bottom: 0;
}
#SG_MAIN_Notif #SG_Notif {
    position: relative;
    display: none;
    padding: 10px 10px 10px 50px;
    font-size: 14px;
    width: 300px;
    margin: 10px 20px;
    color: white;
    text-shadow: 0 1px 3px #123;
    box-shadow: 0 1px 5px #000;
}
#SG_MAIN_Notif #SG_Notif:before{
    font-family: "FontAwesome", sans-serif;
    display: block;
    height: 100%;
    width: 50px;
    text-align: center;
    line-height: 60%;
    position: absolute;
    opacity: 0.4;
    left: 0;
    font-size: 25px;
    text-shadow: 0 1px 2px white;
    color: black;
}
#SG_MAIN_Notif #SG_Notif.rouge{ background: rgba(255, 52, 52, 0.9)}
#SG_MAIN_Notif #SG_Notif.rouge:before{content: '\f071';}
#SG_MAIN_Notif #SG_Notif.orange{background: rgba(255, 141, 0, 0.9)}
#SG_MAIN_Notif #SG_Notif.orange:before{content: '\f06a';}
#SG_MAIN_Notif #SG_Notif.vert{  background: rgba(29, 158, 29, 0.9)}
#SG_MAIN_Notif #SG_Notif.vert:before{content: '\f14a';  }
#SG_MAIN_Notif #SG_Notif.bleu{  background: rgba(50, 137, 179, 0.9)}
#SG_MAIN_Notif #SG_Notif.bleu:before{content: '\f075';}

#SG_MAIN_Notif #SG_Notif a {
    font-weight: 500;
    text-decoration: underline;
}
#SG_MAIN_Notif #SG_Notif #SGN_Destroy{
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    height: 5px;
    width: 5px;
    line-height: 0;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
}
#SG_MAIN_Notif #SG_Notif #SGN_Delete{
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    height: 10px;
    width: 10px;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
#SG_MAIN_Notif #SG_Notif .span_sg_finder{
    display: block;
    width: 75%;
    text-align: center;
}
#SG_MAIN_Notif #SG_Notif .span_sg_finder a{
    margin: 0 15px;
    cursor: pointer;
}

#over_finder {
    margin: 5px 0 0;
    border-bottom: 2px solid;
    position: relative;
}
#over_finder #IN_Finder {
    border: 0;
    padding: 5px;
    width: 75%;
    outline: 0;
    color: #4D5765;
}
#over_finder i.fa{
    display: none;
    width: 20%;
    cursor: pointer;
}

#MAIN_Partage_Liste .table_share_liste td:first-child{ width: 15%; text-align: left; padding: 0 10px}
#MAIN_Partage_Liste .table_share_liste td:nth-child(2){width: 40%; text-align: left; padding: 0 10px}
#MAIN_Partage_Liste .table_share_liste td:nth-child(3){width: 20%; text-align: center; padding: 0 10px; position: relative}
#MAIN_Partage_Liste .table_share_liste td:nth-child(4){width: 10%; text-align: left; padding: 0 10px}
#MAIN_Partage_Liste .table_share_liste td:nth-child(5){width: 5%; text-align: left; padding: 0 10px}

#MAIN_Partage_Liste .table_share_liste td:nth-child(3) a{
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
}
#MAIN_Partage_Liste .table_share_liste td:nth-child(3) span{
    position: absolute;
    font-weight: 400;
    font-size: .8em;
    right: 0;
    bottom: 0;
}
#MAIN_Partage_Liste .table_share_liste td:nth-child(3) span b{
    color: #ff7b7b;
    cursor: pointer;
}

#MAIN_Partage_Liste .Main_Share{
    padding: 15px 0;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd{
    position: relative;
    width: 400px;
    margin: 0 10px 10px;
    padding: 5px;
    display: inline-block;
    text-align: left;
    border: 1px solid lightgray;
    border-radius: 3px;
    cursor: default;
    overflow: hidden;
    transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd.paid{}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd.free{}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header{
    position: relative;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .photo_shrd{
    float: left;
    width: 50px;
    overflow: hidden;
    background: black;
    border-radius: 50%;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .photo_shrd img {
    width: 100%;
    vertical-align: middle;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .info_top{
    float: left;
    position: relative;
    margin-left: 20px;
    width: 65%;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .info_top:before {
    content: '{';
    display: block;
    position: absolute;
    font-size: 2.5em;
    height: 50px;
    left: -20px;
    font-family: serif;
    color: #cccccc;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .info_top .titre_shrd{
    display: table-cell;
    font-size: 1.2em;
    color: #4f6479;
    height: 40px;
    vertical-align: middle;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .info_top .short_desc_shrd{
    display: block;
    font-style: italic;
    color: #999;
    height: 30px;
    width: 125%;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_header .shrd_price{
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 2px;
    padding: 5px 10px;
    text-align: right;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd.free .shrd_header .shrd_price{
    background: #8d88b7;
    color: white;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd.paid .shrd_header .shrd_price{
    background: white;
    color: #8d88b7;
    border: 1px solid;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .hr_shrd{
    margin: 5px;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_body{
    position: relative;
    z-index: 1;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_body .shrd_compo{
    text-align: center;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_body .shrd_compo span{
    display: inline-block;
    font-size: 13px;
    color: grey;
    border: 1px solid lightgrey;
    height: 40px;
    width: 40px;
    line-height: 40px;
    margin: 0 3px;
    border-radius: 50%;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_body .shrd_open{
    float: right;
    font-size: 1.5em;
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    background: white;
    color: #8d88b7;
    cursor: pointer;

    transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd:hover .shrd_body .shrd_open{
    color: white;
    background: #8d88b7;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_btm_left{
    position: absolute;
    bottom: 0;
    left: 0;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_btm_left .shrd_new {
    position: relative;
    display: inline-block;
    padding: 1px 5px;
    border-radius: 0 5px 0 0;
    border: solid white;
    border-width: 1px 1px 0 0;
    color: white;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_btm_left .shrd_new.new {
    background: #ff6363;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_btm_left .shrd_new.updt {
    background: #3fafff;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_btm_left .shrd_dl{
    padding: 1px 5px 1px 10px;
    border-radius: 0 5px 0 0;
    border: solid white;
    border-width: 1px 1px 0 0;
    margin-left: -5px;
    color: white;
    background: #8d88b7;
}

#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_versement {
    position: absolute;
    padding: 0 20px 0 5px;
    border-radius: 3px;
    bottom: 5px;
    right: 22px;
    color: #8d88b7;
    font-size: .75em;
    border: 1px solid;
}
#MAIN_Partage_Liste .Main_Share .elmnt_shrd .shrd_versement b {
    font-size: 1.2em;
}


#MAIN_Partage_Liste .table_auth_catalogue thead td{
    text-align: left;
    padding: 0 5px;
}
#MAIN_Partage_Liste .table_auth_catalogue td:first-child{width: 70%}
#MAIN_Partage_Liste .table_auth_catalogue td:nth-child(2){width: 10%; text-align: center}
#MAIN_Partage_Liste .table_auth_catalogue td:nth-child(3){width: 15%; text-align: center}
#MAIN_Partage_Liste .table_auth_catalogue td:nth-child(4) i{font-size: 1.4em;cursor: pointer;}
#MAIN_Partage_Liste .table_auth_catalogue td:nth-child(4) i.green{ color: #3cca3c}
#MAIN_Partage_Liste .table_auth_catalogue td:nth-child(4) i.red{ color: #f14848}

#SG_Modal .SGM_body #KeyContent_Modal,
#MAIN_Partage_Liste #KeyContent{
    display: inline-block;
    margin: 5px 30px;
    max-width: 400px;
}
#SG_Modal .SGM_body #KeyContent_Modal span#KeySpan,
#MAIN_Partage_Liste #KeyContent span#KeySpan{
    position: relative;
    display: inline-block;
    padding: 4px 8px;
    margin: 5px;
    font-size: 1em;
    font-weight: 500;
    color: white;
    background: #5a9fd2;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px #456;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5);
}
#SG_Modal .SGM_body #KeyContent_Modal span#KeySpan i,
#MAIN_Partage_Liste #KeyContent span#KeySpan i{
    position: absolute;
    display: block;
    height: 10px;
    line-height: 10px;
    width: 10px;
    text-align: center;
    background: #616161;
    border-radius: 50%;
    font-size: 1em;
    font-style: inherit;
    top: -4px;
    right: -4px;
    cursor: pointer;
}


#SG_BackModal{
    position: fixed;
    display: none;
    z-index: 99;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.5);
}
#SG_Modal{
    position: fixed;
    display: none;
    z-index: 100;
    top: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 800px;
    border-radius: 3px;
    border: 1px solid #8e8e8e;
    background: white;
    box-shadow: 0 1px 10px -1px #000;
}
#SG_Modal .SGM_header{
    background: #808080;
    position: relative;
    padding: 5px 10px;
    height: 30px;
}
#SG_Modal .SGM_header h1{
    color: rgb(255, 255, 255);
    font-size: 1.3em;
    font-weight: 400;
}
#SG_Modal .SGM_header .fa-times{
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1em;
    font-weight: normal;
    display: block;
    height: 28px;
    width: 28px;
    text-align: center;
    line-height: 27px;
    padding: 0;
    color: grey;
    background: white;
    border-radius: 50%;
    cursor: pointer;
}

#SG_Modal .SGM_body{
    position: relative;
    max-height: 500px;
    min-height: 250px;
    resize: vertical;
    overflow-x: inherit;
    overflow-y: auto;
    box-shadow: inset 0 -2px 10px -5px #000;
    padding-bottom: 10px;
}
#SG_Modal .SGM_body:after{
    position: absolute;
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    bottom: 0;
    right: 0;
    cursor: ns-resize;
}
#SG_Modal .SGM_body h4{
    font-size: 1.2em;
    font-weight: 300;
    text-align: center;
    margin: 10px 0;
    color: #8d88b7;
}

#SG_Modal .SGM_body .table_header table{
    width: 100%;
}
#SG_Modal .SGM_body .table_header .table_body{
    max-height: 300px;
}

#SG_Modal .SGM_body label[id^=lbl_]{
    display: block;
    margin-top: 10px;
    font-weight: 500;
    color: #333;
    padding: 0 0 5px 30px;
    cursor: default;
}
#SG_Modal .SGM_body label[id^=lbl_] b{
    color: #FF5847;
    font-size: 0.9em;
    padding-left: 10px;
    font-weight: 500;
}
#SG_Modal .SGM_body label[id^=lbl_] i{
    color: #FF5847;
    font-size: 0.9em;
    padding-left: 10px;
    font-weight: 500;
}
#SG_Modal .SGM_body p i {
    font-size: .9em;
    color: #6f6f6f;
}

#SG_Modal .SGM_body input[type='text'],
#SG_Modal .SGM_body input[type='email'],
#SG_Modal .SGM_body input[type='url'],
#SG_Modal .SGM_body input[type='password'],
#SG_Modal .SGM_body input[type='date'],
#SG_Modal .SGM_body input[type='number'],
#SG_Modal .SGM_body select,
#SG_Modal .SGM_body textarea,
#SG_Modal .SGM_body #IN_Keyword_Div_Modal{
    border: 1px solid #aaa;
    border-radius: 0;
    margin-left: 30px;
    width: 400px;
    outline: 0 none;
    padding: 4px 6px;
    color: #345;
}
#SG_Modal .SGM_body input[type='number']{
    width: 200px;
}
#SG_Modal .SGM_body textarea {
    min-height: 50px;
}

#SG_Modal .SGM_body .shrd_compo{
    text-align: center;
}
#SG_Modal .SGM_body .shrd_compo span{
    display: inline-block;
    font-size: 20px;
    color: grey;
    border: 1px solid lightgrey;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin: 5px;
    padding: 3px;
    border-radius: 50%;
}

#SG_Modal .SGM_body hr.hr_shrd{
    margin: 5px auto 15px;
    width: 75%;
}
#SG_Modal .SGM_body .shrd_long_desc{
    margin: 15px;
    padding: 5px 35px;
    color: #424242;
    position: relative;
    white-space: pre-line;
}
#SG_Modal .SGM_body .shrd_long_desc:before{
    content: '\f10d';
    top: 0;
    left: 0;
}
#SG_Modal .SGM_body .shrd_long_desc:after{
    content: '\f10e';
    bottom: 0;
    right: 0;
}
#SG_Modal .SGM_body .shrd_long_desc:before,
#SG_Modal .SGM_body .shrd_long_desc:after{
    position: absolute;
    font-family: FontAwesome,sans-serif;
    display: block;
    color: rgb(141, 136, 183);
    z-index: -1;
    padding: 0 15px 0 0;
    font-size: 2em;
}
#SG_Modal .SGM_body .shrd_video{
    margin: 10px auto;
    position: relative;
    display: block;
    box-shadow: 0 0 10px #000;
}

#SG_Modal .SGM_body .shrd_autor,
#SG_Modal .SGM_body .shrd_comm,
#SG_Modal .SGM_body .shrd_price{
    text-align: right;
    padding: 0 10px;
    font-size: 0.8em;
    color: grey;
}
#SG_Modal .SGM_body .shrd_comm b,
#SG_Modal .SGM_body .shrd_price b{
    font-size: 1.2em;
}
#SG_Modal .SGM_body .shrd_diff{
    font-size: .9em;
    margin: 0 5px 10px;
}
#SG_Modal .SGM_body .shrd_diff a{
    color: white;
    background: #8d88b7;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.15);
}

#SG_Modal .SGM_body table {
    margin: 0 auto;
}
#SG_Modal .SGM_body table td {
    padding: 5px 15px;
}
#SG_Modal .SGM_body .table_header td ul {
    display: block;
    list-style: none;
    text-align: center;
    margin: 0;
    padding: 0;
}
#SG_Modal .SGM_body .table_body td ul li a,
#SG_Modal .SGM_body .table_body td ul li button{
    display: inline-block;
    height: 25px;
    width: 25px;
    line-height: 25px;
    font-size: 16px;
    color: #387ecc;
    border-radius: 30%;
}
#SG_Modal .SGM_body .table_body td ul li a:hover,
#SG_Modal .SGM_body .table_body td ul li button:hover{
    background: #387ecc;
    color: white;
}

#SG_Modal .SGM_body ul:not(.chosen-choices) {
    line-height: 0.5;
    vertical-align: bottom;
    list-style: circle inside;
    padding: 0 10px 10px;
    color: #6d808c;
    font-size: .95em;
}
#SG_Modal .SGM_body .chosen-container{
    margin-left: 30px;
}

#SG_Modal .SGM_body .shrd_btn_footer{
    text-align: center;
}
#SG_Modal .SGM_body .shrd_btn_footer .SG_btn{
    margin: 10px 50px 5px;
}

#SG_Modal .SGM_footer{
    display: flex;
    justify-content: space-around;
    padding: 10px 0;
}

#MAIN_Regles_SMS .table_regles_sms table td:first-child{width: 25%; text-align: left; padding: 0 10px}
#MAIN_Regles_SMS .table_regles_sms table td:nth-child(2){ width: 15%; text-align: left; padding: 0 10px}
#MAIN_Regles_SMS .table_regles_sms table td:nth-child(3){ width: 35%; text-align: left; padding: 0 10px}
#MAIN_Regles_SMS .table_regles_sms table td:nth-child(4){ width: 20%; text-align: left; padding: 0 10px}


.clearf:before,
.clearf:after {
    content: " ";
    display: table;
}
.clearf:after {
    clear: both;
}
.clearf {
    zoom: 1;
}

#MAIN_Modif_Image #Galery_Content{
    position: relative;
    float: left;
    display: inline-block;
    height: 100px;
    margin: 5px;
    box-shadow: 0 0 5px silver;
}
#MAIN_Modif_Image #Galery_Content .Galery_Img{
    display: block;
    height: 100%;
    cursor: pointer;
}
#MAIN_Modif_Image #Galery_Content .Galery_Img:after {
    content: '\f06e';
    font-family: "FontAwesome", sans-serif;
    color: transparent;
    text-align: center;
    font-size: 5em;
    line-height: 100px;
    position: absolute;
    height: 100%;
    width: 100%;
    background: transparent;
    left: 0;
    top: 0;

    transition: all .4s ease;
    -o-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
}
#MAIN_Modif_Image #Galery_Content .Galery_Img:hover:after{
    color: rgba(255, 255, 255, 0.65);
    background: rgba(0, 0, 0, 0.35);
}
#MAIN_Modif_Image #Galery_Content .Galery_Img img{
    height: 100%;
}
#MAIN_Modif_Image #Galery_Content .Galery_Delete{
    position: absolute;
    top: 0;
    right: 0;
}

#ModalCreated img#Galery_IMG {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

#ModalCreated #Galery_Content_Modal{
    position: relative;
    float: left;
    display: inline-block;
    height: 80px;
    margin: 8px 10px;
    box-shadow: 0 0 5px silver;
}

#ModalCreated #Galery_Content_Modal .Galery_Img{
    display: block;
    height: 100%;
}

#ModalCreated #Galery_Content_Modal .Galery_Img img{
    height: 100%;
}

#ModalCreated #Galery_Content_Modal .Galery_Delete{
    position: absolute;
    top: 0;
    right: 0;
}

#ModalCreated #Galery_Content_Modal .Galery_Select{
    position: absolute;
    top: 0;
    left: 0;
}



#MAIN_Gestion_SA .table_gestion_sa td:first-child {
    width: 5%;
    text-align: center;
}
#MAIN_Gestion_SA .table_gestion_sa td:nth-child(2),
#MAIN_Gestion_SA .table_gestion_sa td:nth-child(3){text-align: left;width: 40%;}
#MAIN_Gestion_SA .table_gestion_sa td:nth-child(4){width: 10%}

[id^=MAIN_] .SG_inline_tab{
    text-align: center;
}
[id^=MAIN_] .SG_inline_tab [class^=SG_it_]{
    display: inline-block;
    margin: 0 10px;
    max-width: 45%;
}
[id^=MAIN_] .SG_inline_tab [class^=SG_it_] table{
    width: 100%;
}

.SG_btn {
    display: inline-block;
    border: solid rgba(0, 0, 0, 0.15);
    border-width: 1px 1px 3px;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.95em;
    font-weight: 500;
    vertical-align: middle;
    outline: 0 none;
    color: #2d2d2d;
    text-shadow: 0 1px 5px #5d5d5d;
    font-family: inherit;
    cursor: pointer;

    -webkit-transition: background .4s ease;
    -moz-transition: background .4s ease;
    -o-transition: background .4s ease;
    transition: background .4s ease;
}
.SG_btn:active{
    border-width: 1px;
}
.SG_btn.red{
    background: #ff3636;
    color: white;
}
.SG_btn.blue{
    background: #669bff;
    color: white;
}
.SG_btn.green{
    background: #27965E;
    color: white;
}
.SG_btn.orange{
    background: #ff9b00;
    color: white;
}
.SG_btn.white{
    background: #EEE;
    text-shadow: inherit;
}
.SG_btn.black{
    background: #404040;
    color: white;
}
.SG_btn.purple{
    background: #8d88b7;
    color: white;
}
.SG_btn:disabled{
    cursor: not-allowed;
}

.slct_option_catalogue{
    position: relative;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    text-decoration: none !important;
    margin: 5px !important;
    padding: 5px 10px !important;
    border: 0 none !important;
    outline: 0 none;
    border-radius: 1px;
    -moz-box-shadow: 0 0 1px #525252;
    -webkit-box-shadow: 0 0 1px #525252;
    -o-box-shadow: 0 0 1px #525252;
    box-shadow: 0 0 1px #525252;
    font-size: 13px;
    vertical-align: inherit !important;
    background: #363636 !important;
}


#Waiting_Div{
    position: relative;
    display: block;
    width: 500px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

#SG_Share_PopUp{
    position: fixed;
    display: none;
    z-index: 100;
    width: 500px;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    background: white;
    box-shadow: 0 0 10px -1px #000;
    top: 25%;
    padding: 15px;
}


#OVER_SG_Loader{
    display: none;
    position: fixed;
    top: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1000;
    height: 350px;
    width: 350px;
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 40px #000;
    text-align: center;
    border-radius: 50%;
}

#OVER_SG_Loader svg#SG_Loader_Triangle {
    width: 100%;
    height: 65%;
    -webkit-transform-origin: 50% 65%;
    transform-origin: 50% 65%;
}

#OVER_SG_Loader svg#SG_Loader_Triangle polygon {
    stroke-dasharray: 17;
    -webkit-animation: dash 3s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;
    animation: dash 3s cubic-bezier(0.35, 0.04, 0.63, 0.95) infinite;

    -webkit-animation-direction: reverse;
    -moz-animation-direction: reverse;
    -o-animation-direction: reverse;
    animation-direction: reverse;
}

label .IN_counter {
    display: inline-block;
    background: #5ab5ec;
    margin: 0 15px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 3px;
    color: white;
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
    border: 1px solid rgba(0, 0, 0, 0.25);

    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -o-transition: background .5s ease;
    transition: background .5s ease;
}
label .IN_counter.green{background: #4ac34a}
label .IN_counter.orange{background: #ffb732}
label .IN_counter.red{background: #ff5353}
label .IN_counter.black{ background: #5d5d5d}


#SG_Modal .SGM_body #IN_Range{
    border: 0;
    padding: 0 6px;
    color: grey;
}
#slider-IN_Range.ui-widget-content{
    background: #9e9e9e;
}
#slider-IN_Range.ui-slider-horizontal {
    height: 5px;
}
#slider-IN_Range.ui-slider {
    position: relative;
    text-align: left;
    width: 50%;
    margin: 15px 40px;
}
#slider-IN_Range.ui-slider-horizontal .ui-slider-range {
    top: 25%;
    height: 50%;
    position: absolute;
    z-index: 1;
    display: block;
    border: 0;
    background: #669bff;
}
#slider-IN_Range .ui-state-default,
#slider-IN_Range .ui-widget-content .ui-state-default{
    border: 1px solid rgba(0, 0, 0, 0.25);
    background: rgb(255, 255, 255);
    border-radius: 50%;
    top: -10px;
    margin-left: -10px;
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    cursor: pointer;
    touch-action: none;
}

#SG_Modal .SGM_body .table_header.FBLeads td:first-child{
    width: 35%;
}
#SG_Modal .SGM_body .table_header.FBLeads td:nth-child(2){
    width: 55%;
}

#SG_Modal .SGM_body .demandes {
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#SG_Modal .SGM_body .demandes span {
    position: relative;
    white-space: pre-line;
    border: 1px solid #CCC;
    border-radius: 3px;
    padding: 5px;
    display: block;
}
#SG_Modal .SGM_body .demandes span i.date{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .9em;
    color: grey;
}

span.FB_AdAcc {
    display: block;
    width: 90%;
    margin: 5px auto;
    padding: 5px;
    border: 1px solid #b1b1b1;
    border-radius: 3px;
    cursor: pointer;
}
span.FB_AdAcc span{
    display: block;
}

span#AdAccount{
    float: right;
    display: inline-block;
    border: 1px solid grey;
    padding: 5px;
    border-radius: 3px;
}
.ListControl{
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin: 5px auto;
    width: 95%;
    border-radius: 5px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    z-index: 1;
    background: #b9c6cf;
}
.ListControl .LC_Content {
    position: relative;
    margin: 5px;
    padding: 3px;
    border-radius: 3px;
}
.ListControl .LC_Content.hidden {
    display: none;
}
.ListControl .LC_Content:before {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 3px;
    background: rgba(255, 255, 255, 0.5);
    border: solid white;
    border-width: 0 1px 1px 0;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25);
    top: 0;
    left: 0;
    z-index: -1;
}
.ListControl .LC_Content h5.LCC_Title {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.55);
    padding: 0 5px;
}
.ListControl .LC_Content span{
    display: inline-block;
    height: 30px;
    margin: 5px 3px 0;
    line-height: 30px;
    color: rgba(0, 0, 0, 0.5);
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px;
    cursor: pointer;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.ListControl .LC_Content span:not(.spec){
    width: 30px;
    text-align: center;
}
.ListControl .LC_Content span.spec{
    padding: 0 5px;
}
.ListControl .LC_Content span.active{
    background: #8d88b7;
    color: #ffffff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.ListControl .LC_Content span.case_grey{    color: #949CAB}
.ListControl .LC_Content span.case_orange{  color: #E8BC3D}
.ListControl .LC_Content span.case_red{     color: #E87A71}

.ListControl .LC_Content .subContent {
    display: inline-flex;
    border: solid #b3b3b3;
    border-width: 0 1px;
    padding: 0 5px;
}
.ListControl .LC_Content .subContent:nth-child(2) {
    border-width: 0 1px 0 0;
    margin-right: -5px;
    padding: 0 5px 0 0;
}
.ListControl .LC_Content .subContent:last-child {
    border-width: 0 0 0 1px;
    margin-left: -5px;
    padding-left: 5px;
}

.ListControl .LC_Content.search input.searchEngine{
    padding-right: 25px;
}
.ListControl .LC_Content.search span.searchIcon{
    position: relative;
    width: 22px;
    height: 22px;
    margin-left: -25px;
}

.ListDisplay{
    display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: flex-start;
    flex-wrap: wrap;
    font-size: 12.5px;
}
.ListDisplay [id^=Liste_]{
    position: relative;
    vertical-align: middle;
    /*overflow: auto;*/
    height: auto;
    margin: 0 5px;
    z-index: 1;
}
.ListDisplay [id^=Liste_].Child{
     margin: 0;
}
.ListDisplay [id^=Liste_] .medal_liste {
    position: relative;
    display: inline-block;
    border: 1px solid lightgrey;
    padding: 3px;
    margin: 3px 0;
    vertical-align: top;
    background: white;
    /*height: 165px;*/
    width: 360px;
    border-radius: 5px;
    text-align: left;
}
.ListDisplay [id^=Liste_].Child .medal_liste{
    background: #EEE;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_context_menu{
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .75);
    z-index: 4;
    color: white;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_context_menu.minim ul {
    margin: 20px;
    font-size: 15px;
    font-weight: 300;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_context_menu.detail ul {
    margin: 40px;
    font-weight: 300;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_context_menu ul li{
    display: inline-block;
    width: 270px;
    list-style: none;
    color: rgba(255, 255, 255, 0.65);
    text-shadow: 0 0 5px black;
    cursor: pointer;
    -webkit-transition: color .4s ease;
    -moz-transition: color .4s ease;
    -ms-transition: color .4s ease;
    -o-transition: color .4s ease;
    transition: color .4s ease;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_context_menu.detail ul li{
    border: 1px solid;
    border-radius: 5px;
    padding: calc(5px / 2) 5px;
    margin: 2px 0;
    font-size: 16px;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_context_menu ul li:hover{
    color: rgb(255, 255, 255);
}

.ListDisplay [id^=Liste_] .medal_liste_Child {
    position: absolute;
    top: 0;
    right: -15px;
    height: calc(100% - 20px);
    border-radius: 0 5px 5px 0;
    margin: 20px 0 0;
    width: calc(100% - 10px);
    z-index: -1;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.ListDisplay [id^=Liste_] .medal_liste_Child.active,
.ListDisplay [id^=Liste_] .medal_liste_Child:hover{
    margin: 20px -5px 0;
}
.ListDisplay [id^=Liste_] .medal_liste_Child div {
    border: 1px solid lightgrey;
    height: 100%;
    border-radius: 5px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
.ListDisplay [id^=Liste_] .medal_liste_Child div:first-child {
    margin: -5px 10px;
    background: #e2e2e2;
    z-index: 0;
}
.ListDisplay [id^=Liste_] .medal_liste_Child div:nth-child(2){
    margin: -3px 8px;
    background: #a2a2a2;
    z-index: -1;
}
.ListDisplay [id^=Liste_] .medal_liste_Child div:nth-child(3){
    margin: -1px 6px;
    background: #a2a2a2;
    z-index: -2;
}
.ListDisplay [id^=Liste_] .medal_liste_Child div:nth-child(4){
    margin: 1px 4px;
    background: #a2a2a2;
    z-index: -3;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_menu{
    position: absolute;
    top: 5px;
    right: 5px;
    border-radius: 3px;
    font-size: 15px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    border: 1px solid lightgrey;
    width: 25px;
    color: grey;
    text-align: center;
    line-height: 25px;
    z-index: 5;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_menu:hover,
.ListDisplay [id^=Liste_] .medal_liste .ml_menu.active{
    background: grey;
    color: white;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_hr{
    height: 1px;
    width: 90%;
    margin: 5px auto;
    border: 0 none;
    background: #9e9e9e;
    background: -webkit-radial-gradient(#8d88b7 20%, white 75%);
    background: -moz-radial-gradient(#8d88b7 20%, white 75%);
    background: -o-radial-gradient(#8d88b7 20%, white 75%);
    background: radial-gradient(#8d88b7 20%, white 75%);
}

.ListDisplay [id^=Liste_] .medal_liste .ml_header{
    height: 35px;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .info_top i.fa {
    margin: 0 calc(5px / 2);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .info_top i.fa.ePencil {
    margin: 0 calc(5px / 2);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .info_top i.fa.eValid {
    margin: 0 calc(5px / 2);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .info_top i.fa.eQuit {
    margin: 0 calc(5px / 2);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .info_top input.eInput {
    border: solid #7e79ab;
    border-width: 0 0 1px;
    outline: 0 none;
    width: 85%;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .ml_titre {
    display: block;
    font-size: 1.2em;
    color: #7e79ab;
    cursor: pointer;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_header .ml_desc{
    display: block;
    font-size: 1.0em;
    color: #7d7d7d;
    cursor: pointer;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_compo {
    text-align: center;
    position: relative;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_compo [class^=mlc_]{
    position: relative;
    z-index: 3;
    display: inline-block;
    height: 45px;
    line-height: 75px;
    width: 45px;
    margin: 0 2px;
    font-size: 14px;
    font-weight: 500;
    color: #999;
    cursor: pointer;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo [class^=mlc_]:before{
    content: '';
    position: absolute;
    font-family: "FontAwesome", sans-serif;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    line-height: 35px;
    font-size: 20px;
    color: #a7a7a7;
    background: white;
    border-radius: 10px;
    text-shadow: 0 0 0;
    /*border: 1px solid lightgray;*/
    z-index: -1;

    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo span.actif{
    color: #ffffff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo span.actif:before {
    background: #8d88b7;
    color: #ffffff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.8);
}

.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_child:before{ content: '\f02d';}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_user:before{ content: '\f0c0';}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_form:before{ content: '\f298';}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_mail:before{ content: '\f0e0';}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_senda:before{ content: '\f135';}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_sendm:before{ content: '\f1d8';}
.ListDisplay [id^=Liste_] .medal_liste .ml_compo .mlc_rule:before{ content: '\f074';}

.ListDisplay [id^=Liste_] .medal_liste .ml_actions{
    display: flex;
    float: right;
    width: 35px;
    flex-direction: column;
    align-items: center;
    line-height: 18px;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_actions a {
    /* border: 1px solid lightgrey; */
    width: 33px;
    text-align: center;
    margin: 0 15px 0;
    padding: 1px 0;
    border-radius: 10px;
    cursor: pointer;
    color: #636e86;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 0;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    float:left;
    width:90%;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats.User{  }
.ListDisplay [id^=Liste_] .medal_liste .ml_stats.Form{  }
.ListDisplay [id^=Liste_] .medal_liste .ml_stats.Mail{  }
.ListDisplay [id^=Liste_] .medal_liste .ml_stats.SendA{ }
.ListDisplay [id^=Liste_] .medal_liste .ml_stats.SendM{ }
.ListDisplay [id^=Liste_] .medal_liste .ml_stats.Rule{  }

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box{
    height: 60px;
    margin: 0 calc(5px / 2);
    position: relative;
    display: inline-block;

    text-shadow: 0 0 5px #555;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box.cb_5{
    width: calc(100% / 5);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box.cb_4{
    width: calc(100% / 4);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box.cb_3{
     width: calc(100% / 3);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box.cb_2{
    width: calc(100% / 2);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_Linked{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    cursor: pointer;
    z-index: 2;
    text-align: right;
    margin: 0 5px;
    color: #FFF;
    font-size: 12px;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_container{
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    z-index: 1;
    text-align: center;
    color: white;
    font-size: 10px;
    line-height: 10px;
    padding-top: 10px;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_container .CBC_number{
    font-size : 18px;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill {
    z-index : 0;
    border-radius: 3px;
    width : 100%;
    height: 100%;
    position : absolute;
    bottom : 0;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_canvas{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 25px;
    text-align: center;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_canvas:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 19px;
    width: 38px;
    border-radius: 20px 20px 0 0;
    border: solid white;
    border-width: 1px 1px 0;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_canvas span {
    position: absolute;
    bottom: 0;
    color: white;
    text-align: center;
    display: block;
    left: 0;
    right: 0;
    font-size: 10px;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.speed1 {
    -moz-animation:     fill 1s ease-out;
    -webkit-animation:  fill 1s ease-out;
    animation:          fill 1s ease-out;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.speed2 {
    -moz-animation:     fill 1.1s ease-out;
    -webkit-animation:  fill 1.1s ease-out;
    animation:          fill 1.1s ease-out;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.speed3 {
    -moz-animation:     fill 1.2s ease-out;
    -webkit-animation:  fill 1.2s ease-out;
    animation:          fill 1.2s ease-out;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.speed4 {
    -moz-animation:     fill 1.3s ease-out;
    -webkit-animation:  fill 1.3s ease-out;
    animation:          fill 1.3s ease-out;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.speed5 {
    -moz-animation:     fill 1.4s ease-out;
    -webkit-animation:  fill 1.4s ease-out;
    animation:          fill 1.4s ease-out;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorU1{
    background-color:   rgba(38, 139, 122, 0.85);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorU2{
    background-color:   #949CAB;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorU3{
    background-color:   #E8BC3D;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorU4{
    background-color:   #E87A71;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorF1{
    background-color:   #8D8DD4;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorF2{
    background-color:   rgba(38, 139, 122, 0.85);
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorM1{
    background-color:   #609F6A;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorM2{
    background-color:   #609F8A;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorM3{
    background-color:   #60959F;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorM4{
    background-color:   #60759F;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorS1{
    background-color:   #70C270;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorS2{
    background-color:   #A7C270;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorS3{
    background-color:   #C2A770;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorS4{
    background-color:   #C27070;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorS5 {
    background-color:   #808080;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorR1{
    background-color:   #708BC2;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorR2{
    background-color:   #70A0C2;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorR3{
    background-color:   #70B4C2;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorR4{
    background-color:   #70C2BB;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .Chart_box .CB_fill.colorR5{
    background-color:   #70C2A7;
}


.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox,
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .SendBox{
    position: relative;
    display: table;
    width: 100%;
    height: 63px;
    cursor: pointer;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox .fa-info-circle,
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .SendBox .fa-info-circle{
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: grey;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox .FB_cell,
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .SendBox .SB_cell{
    position: relative;
    display: table-cell;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox .FB_cell.view{
    /*width: 30%;*/
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox .FB_cell.insc{
    /*width: 40%;*/
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox  .FB_cell.insc:before {
    content: '';
    position: absolute;
    height: 40px;
    width: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: 2px dotted #CCC;
    border-radius: 50%;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .SendBox .SB_cell canvas,
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox .FB_cell.insc canvas{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.ListDisplay [id^=Liste_] .medal_liste .ml_stats .FormBox .FB_cell span {
    display: block;
    background: #ddd;
    font-size: 15px;
    color: #676767;
}

.ListDisplay [id^=Liste_] .medal_liste .ml_stats .SendBox .SB_cell{
    width: 25%;
}

.ContentForm {
    display: inline-block;
    border: 1px solid grey;
    border-radius: 3px;
    width: 230px;
    margin: 5px;
    text-align: left;
}
.ContentForm .CF_Header {
    background: #6283cc;
    color: white;
    height: 25px;
    line-height: 12px;
    position: relative;
    overflow: hidden;
    padding-left: 5px;
}
.ContentForm .CF_Header span {
    display: block;
    height: 10px;
    font-size: 10px;
    line-height: 10px;
    margin-left: -5px;
}
.ContentForm .CF_Body{
    position: relative;
}

.ContentForm .CF_Body .CFB_chart {
    position: relative;
    height: 90px;
}

.ContentForm .CF_Body .CFB_chart canvas {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    margin: 0 auto;
}
.ContentForm .CF_Body .CFB_chart span{
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 9px;
    height: 70px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    border: 1px solid;
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
    font-size: 14px;
    color: grey;
}

.ContentForm .CF_Body .CFB_view,
.ContentForm .CF_Body .CFB_insc {
    display: inline-block;
    text-align: center;
    color: #9a9a9a;
    margin: 0 5px;
}
.ContentForm .CF_Body .CFB_view{
    float: left;
}
.ContentForm .CF_Body .CFB_insc{
    float: right;
}
.ContentForm .CF_Body .CFB_view span, .CFB_insc span{
    display: block;
    font-size: 12px;
    color: #757575;
}

.InformationDisplay{
    position: relative;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.InformationDisplay .Bloc_Info{
    position: relative;
    display: inline-block;
    margin: 10px 15px;
    width: 500px;
    height: 250px;
    border: 1px solid lightgray;
    border-radius: 5px;
}

hr.SG_hr{
    height: 1px;
    width: 90%;
    margin: 5px auto;
    border: 0 none;
    background: #9e9e9e;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    background: -webkit-radial-gradient(#8d88b7 20%, white 75%);
    background: -moz-radial-gradient(#8d88b7 20%, white 75%);
    background: -o-radial-gradient(#8d88b7 20%, white 75%);
    background: radial-gradient(#8d88b7 20%, white 75%);
}

.InformationDisplay .Bloc_Info h5{
    font-size: 15px;
    padding: 5px;
    text-align: center;
    color: #9995bb;
    font-weight: 400;
}
.InformationDisplay .Bloc_Info .IC_Content{
    display: table;
    width: 100%;
}
.InformationDisplay .Bloc_Info.Compte .IC_Membre{
    display: table-cell;
    width: 30%;
    vertical-align: middle;
}
.InformationDisplay .Bloc_Info.Compte .IC_Membre .ICM_Photo{
    margin: 0 auto;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}
.InformationDisplay .Bloc_Info.Compte .IC_Membre .ICM_Photo img {
    width: 100%;
}
.InformationDisplay .Bloc_Info.Compte .IC_Membre .ICM_Identite{
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 90%;
    font-weight: 500;
    color: #777;
}

.InformationDisplay .Bloc_Info.Compte .IC_Info{
    display: table-cell;
    vertical-align: middle;
}
.InformationDisplay .Bloc_Info.Compte .IC_Info span {
    display: block;
    font-weight: 500;
    color: #777;
}
.InformationDisplay .Bloc_Info.Compte .IC_Info span b{
    display: inline-block;
    width: 80px;
    font-weight: 400;
    color: rgba(38, 139, 122, 1);
}
.InformationDisplay .Bloc_Info.Compte .IC_Info span a{
    color: #27965e;
}
.InformationDisplay .Bloc_Info.Compte .IC_Info span a:hover{
    text-decoration: underline;
}

.InformationDisplay .Bloc_Info .IC_Forfait .ICI_Echeance{
    display: block;
    font-weight: 500;
    color: #777;
    text-align: center;
}

.InformationDisplay .Bloc_Info .IC_Forfait .IC_canvas span {
    position: absolute;
    width: 150px;
    height: 75px;
    text-align: center;
    line-height: 130px;
    font-size: 16px;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: solid #b3b3b3;
    color: #565656;
    border-width: 1px 1px 0;
    border-radius: 80px 80px 0 0;
    z-index: 0;
    bottom: 0;
}
.InformationDisplay .Bloc_Info .IC_Forfait .IC_canvas canvas{
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
    bottom: 0;
}

.InformationDisplay .Bloc_Info .CR_Content {
    height: 105px;
    display: table;
    width: 100%;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Solde {
    position: relative;
    height: 150px;
    width: 150px;
    margin: 10px auto;
    border: 1px solid lightgray;
    border-radius: 50%;
    overflow: hidden;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Solde span{
    display: block;
    width: 100%;
    position: absolute;
    font-size: 24px;
    text-align: center;
    line-height: 150px;
    color: dimgrey;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Solde a{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0 10px;
    text-align: center;
    font-size: 15px;
    color: white;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Solde a.bk_green{
    background: rgba(38, 139, 122, 1);
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Solde a.bk_blue{
    background: #5992bb;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Gain{
    display: block;
    text-align: center;
    font-size: 14px;
    color: dimgrey;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Gain b {
    font-size: 1.2em;
}

.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .Frame{
    position: relative;
    margin: 8px 0;
    color: grey;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .Frame .F_Number{
    display: inline-block;
    font-size: 20px;
    margin: 0 5px;
    min-width: 80px;
    text-align: right;
    font-weight: 500;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .Frame .F_info{
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .Frame .F_info:after {
    content: '\f291';
    font-size: 10px;
    font-family: FontAwesome, sans-serif;
    display: inline-block;
    float: left;
    line-height: 15px;
    margin-right: 5px;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .Frame a:after {
    position: absolute;
    content: '';
    background: white;
    background: -webkit-radial-gradient(white 20%, white 75%);
    background: -moz-radial-gradient(white 20%, white 75%);
    background: -o-radial-gradient(white 20%, white 75%);
    background: radial-gradient(white 20%, white 75%);
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_rouge{
    color: #d23737;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_rouge:hover a:after{
    background: #d23737;
    background: -webkit-radial-gradient(#d23737 20%, white 75%);
    background: -moz-radial-gradient(#d23737 20%, white 75%);
    background: -o-radial-gradient(#d23737 20%, white 75%);
    background: radial-gradient(#d23737 20%, white 75%);
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_jaune{
    color: #ceb014;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_jaune:hover a:after{
    background: #ceb014;
    background: -webkit-radial-gradient(#ceb014 20%, white 75%);
    background: -moz-radial-gradient(#ceb014 20%, white 75%);
    background: -o-radial-gradient(#ceb014 20%, white 75%);
    background: radial-gradient(#ceb014 20%, white 75%);
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_vert{
    color: rgba(38, 139, 122, 1);
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_vert:hover a:after{
    background: rgba(38, 139, 122, 1);
    background: -webkit-radial-gradient(rgba(38, 139, 122, 1) 20%, white 75%);
    background: -moz-radial-gradient(rgba(38, 139, 122, 1) 20%, white 75%);
    background: -o-radial-gradient(rgba(38, 139, 122, 1) 20%, white 75%);
    background: radial-gradient(rgba(38, 139, 122, 1) 20%, white 75%);
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_bleu{
    color: #2c5892;
}
.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .cr_bleu:hover a:after{
    background: #2c5892;
    background: -webkit-radial-gradient(#2c5892 20%, white 75%);
    background: -moz-radial-gradient(#2c5892 20%, white 75%);
    background: -o-radial-gradient(#2c5892 20%, white 75%);
    background: radial-gradient(#2c5892 20%, white 75%);
}

.InformationDisplay .Bloc_Info .CR_Content .CRC_Part .CRCP_Link {
    display: block;
    left: 0;
    right: 0;
    margin: 5px auto;
    text-align: center;
    padding: 5px;
    color: #adadad;
    text-decoration: underline;
    cursor: pointer;
}

.InformationDisplay .Bloc_Info .CC_Content {
    display: table;
    width: 100%;
}

.InformationDisplay .Bloc_Info .CC_Content .subCC {
    width: 50%;
    display: table-cell;
    vertical-align: top;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame {
    position: relative;
    height: 35px;
    margin: 8px 0;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame.a1{
    color: rgba(38, 139, 122, 1);
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame.a0{
    color: #6b8494
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame.a2{
    color: #ceb014;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame.a5{
    color: #d23737;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame.aT{
    color: #2c5892;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame .F_Number {
    display: inline-block;
    font-size: 25px;
    vertical-align: middle;
    margin: 0 5px;
    line-height: 35px;
    min-width: 85px;
    text-align: right;
    font-weight: 500;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame .F_info {
    font-size: 16px;
    line-height: 1em;
    height: 35px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
}
.InformationDisplay .Bloc_Info .CC_Content .subCC .Frame .F_info i {
    display: block;
    font-size: 12px;
    font-weight: 400;
}
.InformationDisplay .Bloc_Info .Part_envoi{
    margin: 0 0 5px;
}
.InformationDisplay .Bloc_Info .Part_envoi h6{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: grey;
}
.InformationDisplay .Bloc_Info .Part_envoi .PE_Actual,
.InformationDisplay .Bloc_Info .Part_envoi .PE_Last{
    width: 248px;
    height: 90px;
    display: inline-block;
    vertical-align: middle;
}
.InformationDisplay .Bloc_Info .Part_envoi .PE_Last.alone {
    display: block;
    width: 100%;
}
.InformationDisplay .Bloc_Info .Part_envoi .PE_Actual .PEA_Envoi,
.InformationDisplay .Bloc_Info .Part_envoi .PE_Last .PEL_Date{

    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: rgba(38, 139, 122, 1);
    padding: 5px 0 10px;
}
.InformationDisplay .Bloc_Info .Part_envoi .PE_Actual .PEA_File,
.InformationDisplay .Bloc_Info .Part_envoi .PE_Last .PEL_Stat{
    font-size: 12px;
    text-align: center;
    display: block;
}

.InformationDisplay .Bloc_Info .Part_envoi .PE_Last .PEL_Stat .PELS_icon {
    display: inline-block;
    border: 1px solid lightgrey;
    border-radius: 5px;
    padding: 5px;
    margin: 0 5px;
    min-width: 23px;
    color: grey;
    cursor: default;
}

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

.objectifs{
    width: 500px;
    border: 1px solid #8d88b7;
    border-radius: 3px;
}

.objectifs h4{
    font-size: 1.2em;
    color: grey;
    padding: 5px;
    font-weight: inherit;
}

.obj_content .oc_lines{
    height: 200px;
    overflow-y: auto;
}
.obj_content .oc_lines span{
    display: block;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
}
.obj_content .oc_lines span:hover {
    font-size: 14px;
    background: #EEE;
}

.obj_content .oc_lines span i {
    display: inline-block;
    padding: 0 10px;
    font-size: 12px;
    color: grey;
    float: left;
}
.obj_content .oc_lines span b {
    display: inline-block;
    float: right;
    padding: 0 10px;
    text-align: center;
    font-weight: 500;
    font-size: 12px;
    color: grey;
}
.obj_content.remaining .oc_lines span i {
    min-width: 20px;
    text-align: center;
}
    /* Loaders */
.List_loader {
    position: relative;
    display: inline-block;
    width: 365px;
    height: 170px;
    border: 1px solid lightgray;
    border-radius: 5px;
    perspective: 800px;
}
.List_loader.minim {
    height: 100px;
}
.Chart_loader{
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    margin: 0 auto;
    perspective: 800px;
}
.LL_inner{
    position: absolute;
    box-sizing: border-box;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    left: calc(50% - 32px);
    top: calc(50% - 32px);
}

.LL_inner.one {
    animation: rotate-one 1s linear infinite;
    border-bottom: 3px solid #ababab;
}
.LL_inner.two {
    animation: rotate-two 1s linear infinite;
    border-right: 3px solid #ababab;
}
.LL_inner.three {
    animation: rotate-three 1s linear infinite;
    border-top: 3px solid #ababab;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.flex
{
    display: flex;
}

    .st
    {
        justify-content: flex-start;
    }

    .sa
    {
        justify-content: space-around;
    }

    .sb
    {
        justify-content: space-between;
    }

@keyframes rotate-one {
    0% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
    }
}
@keyframes rotate-two {
    0% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
    }
}
@keyframes rotate-three {
    0% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
    }
    100% {
        transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
    }
}
@-webkit-keyframes dash {
    to {
        stroke-dashoffset: 136;
    }
}
@keyframes dash {
    to {
        stroke-dashoffset: 136;
    }
}
@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes fill {

    0% {
        height: 0;
    }
    60% {
        height: 110%;
    }
    70% {
        height: 95%;
    }
    80% {
        height: 105%;
    }
    100% {
        height: 100%;
    }
}