@font-face {
    font-family: 'Source Sans Pro';
    src: url(fonts/SourceSansPro-Regular.otf) format("opentype");
}

input[value~=Copier],  /* FR */
input[value~=Copy],    /* EN */
input[value~=Copiar],  /* ES */
input[value~=Kopieren] /* DE */
                    {padding:0 15px 0 15px !important; width:auto;}

input[value~=Quitter],  /* FR */
input[value~=Exit],     /* EN */
input[value~=Salir],    /* ES */
input[value~=Beenden],  /* DE */
input[value~=Retour],      /* FR */
input[value~=Back],        /* EN */
input[value~=Volver],      /* ES */
input[value~=Rendimento]  /* IT */
                    {background-image:url(../img/4_bouton_quit.png); padding:0 15px 0 30px !important; width:auto;}

input[value~=Quitter]:hover,  /* FR */
input[value~=Exit]:hover,     /* EN */
input[value~=Salir]:hover,    /* ES */
input[value~=Beenden]:hover,  /* DE */
input[value~=Retour]:hover,      /* FR */
input[value~=Back]:hover,        /* EN */
input[value~=Volver]:hover,      /* ES */
input[value~=Rendimento]:hover  /* IT */
                    {background-image:url(../img/4_bouton_quit_on.png); padding:0 15px 0 30px !important; width:auto;}

input[value~=D\00E9tail],/* FR */
input[value~=Detail],/* EN */
input[value~=Detalle],/* ES */
input[value~=Einzelheiten]
                    {background-image:url(../img/4_bouton_display.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=D\00E9tail]:hover,/* FR */
input[value~=Detail]:hover,/* EN */
input[value~=Detalle]:hover,/* ES */
input[value~=Einzelheiten]:hover
{background-image:url(../img/4_bouton_display_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Supprimer],/* FR */
input[value~=Delete],   /* EN */
input[value~=Suprimir], /* ES */
input[value~=L\00F6schen]   /* DE */
                    {background-image:url(../img/4_bouton_delete.png); padding:0 15px 0 25px !important; width:auto;}

input[value~=Supprimer]:hover,/* FR */
input[value~=Delete]:hover,   /* EN */
input[value~=Suprimir]:hover, /* ES */
input[value~=L\00F6schen]:hover   /* DE */
                    {background-image:url(../img/4_bouton_delete_on.png); padding:0 15px 0 25px !important; width:auto;}

input[value~="Cr\00E9 er"], /* FR */
input[value~=New],          /* EN */
input[value~=Crear],        /* ES */
input[value~=Erstellen]     /* DE */
                    {background-image:url(../img/4_bouton_add.png); padding:0 15px 0 35px !important; width:auto;}

input[value~="Cr\00E9 er"]:hover, /* FR */
input[value~=New]:hover,          /* EN */
input[value~=Crear]:hover,        /* ES */
input[value~=Erstellen]:hover     /* DE */
                    {background-image:url(../img/4_bouton_add_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Nouvel],   /* FR */
input[value~=Nouveau],  /* FR */
input[value~=New],      /* EN */
input[value~=Nuevo],    /* ES */
input[value~=Neue]      /* DE */
                    {background-image:url(../img/4_bouton_add.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Nouvel]:hover,   /* FR */
input[value~=Nouveau]:hover,  /* FR */
input[value~=New]:hover,      /* EN */
input[value~=Nuevo]:hover,    /* ES */
input[value~=Neue]:hover      /* DE */
                {background-image:url(../img/4_bouton_add_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Ajouter],       /* FR */
input[value~=Add],           /* EN */
input[value~=A\00F1 adir],   /* ES */
input[value~=Hinzuf\00FCgen] /* DE */
                    {background-image:url(../img/4_bouton_add.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Ajouter]:hover,       /* FR */
input[value~=Add]:hover,           /* EN */
input[value~=A\00F1 adir]:hover,   /* ES */
input[value~=Hinzuf\00FCgen]:hover /* DE */
                    {background-image:url(../img/4_bouton_add_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Valider],      /* FR */
input[value~=Confirm],      /* EN */
input[value~=Confirmar],    /* ES */
input[value~=Best\00E4tigen]/* DE */
                    {background-image:url(../img/4_bouton_ok.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Valider]:hover,      /* FR */
input[value~=Confirm]:hover,      /* EN */
input[value~=Confirmar]:hover,    /* ES */
input[value~=Best\00E4tigen]:hover/* DE */
                    {background-image:url(../img/4_bouton_ok_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Traiter],      /* FR */
input[value~=Confirm],      /* EN */
input[value~=Confirmar],    /* ES */
input[value~=Best\00E4tigen]/* DE */
                    {background-image:url(../img/4_bouton_ok.png); padding:0 15px 0 35px !important; width:auto;}                  

input[value~=Traiter]:hover,      /* FR */
input[value~=Confirm]:hover,      /* EN */
input[value~=Confirmar]:hover,    /* ES */
input[value~=Best\00E4tigen]:hover/* DE */
                {background-image:url(../img/4_bouton_ok_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Valider].bouton_envoyer,       /* FR */
input[value~=Confirm].bouton_envoyer,       /* EN */
input[value~=Confirmar].bouton_envoyer,     /* ES */
input[value~=Best\00E4tigen].bouton_envoyer /* DE */
                    {background-image:url(../img/4_bouton_ok_envoyer.png); padding:0 15px 0 35px !important; width:auto;background-position:left top;}

input[value~=Valider].bouton_envoyer_on,      /* FR */
input[value~=Confirm].bouton_envoyer_on,      /* EN */
input[value~=Confirmar].bouton_envoyer_on,    /* ES */
input[value~=Best\00E4tigen].bouton_envoyer_on/* DE */
                    {background-image:url(../img/4_bouton_ok_envoyer.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Envoyer][type=button],  /* FR */
input[value~=Send][type=button],     /* EN */
input[value~=Enviar][type=button],   /* ES */
input[value~=Senden][type=button]    /* DE */
                    {padding:0 15px 0 15px !important; width:auto;}

input[value~=Enregistrer]:not(.disable_icon),  /* FR */
input[value~=Save]:not(.disable_icon),         /* EN */
input[value~=Registrar]:not(.disable_icon),    /* ES */
input[value~=Speichern]:not(.disable_icon)     /* DE */
                    {background-image:url(../img/4_bouton_save.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Enregistrer]:not(.disable_icon):hover,  /* FR */
input[value~=Save]:not(.disable_icon):hover,         /* EN */
input[value~=Registrar]:not(.disable_icon):hover,    /* ES */
input[value~=Speichern]:not(.disable_icon):hover     /* DE */
                        {background-image:url(../img/4_bouton_save_on.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Importer],     /* FR */
input[value~=Import],       /* EN */
input[value~=Importar],     /* ES */
input[value~=Importieren]   /* DE */
                    {background-image:url(../img/4_bouton_import.png); padding:0 15px 0 35px !important; width:auto;}

input[value~=Importer]:hover,     /* FR */
input[value~=Import]:hover,       /* EN */
input[value~=Importar]:hover,     /* ES */
input[value~=Importieren]:hover   /* DE */
                    {background-image:url(../img/4_bouton_import_on.png); padding:0 15px 0 35px !important; width:auto;}

/*
    to disable all input events that are disabled
*/
input:disabled
{
    pointer-events: none;
}

/* ------------ ONGLETS -------------------- */

.onglet_actif {
background-color:white;
border:1px solid #CCC;
padding:5px;
float:left;
}
.titre_onglet_actif, .titre_onglet_actif_1{
float:left;
background-color:white;
background-image: url('../img/4_onglet_actif_146.png');
font-family:Verdana,arial,helvetica,sans-serif;
color:#4D4D4D;
font-size:12px;
font-weight:bold;
width:auto;
height:34px;
text-align:center;
border:1px solid #CCC;
border-bottom:3px solid #C5062C;
padding:0 25px;
white-space:nowrap;
line-height:30px;
border-width: 1px 1px 4px !important;
}
.titre_onglet_inactif,.titre_onglet_inactif_2 ,.titre_onglet_inactif_1{
float:left;
padding:15px 25px 0 25px;
background-image: url('../img/4_onglet_inactif_146.png');
font-family:Verdana,arial,sans-serif;
color:#4D4D4D;
font-size:12px;
width:auto;
height:20px;
text-align:center;
font-weight:normal;
cursor:pointer;
border-bottom:3px solid #CCC;
border-top:none;
background-position:left bottom;
background-repeat:no-repeat;
white-space:nowrap !important;
border-width: 1px 1px 4px !important;
}

.titre_onglet_inactif a:hover,.titre_onglet_inactif_2 a:hover{
color:#C5062C;

}

/*########################################################################################3*/                    


A
{
   color:black;
   text-decoration: none;
}
A:hover
{
   text-decoration: none;
   color:#C5062C;
}

BODY
{

  font-family: Verdana,arial,helvetica,sans-serif;
  background-attachment: fixed;
}

hr {
  color:#999;
  height:1px;
  margin-bottom: 10px;
  margin-top: 5px;
  border-radius: 10px;
  }

#contenu{
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  float:left;
  width:auto;
  min-width: 95%;

  }

SELECT
{
  color: #4D4D4D;
  font-family:Verdana, arial;
  font-size: 10pt;
  margin: 0 10px 0 0;
  white-space: normal;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #DDDBDC;
  outline: none;
  padding: 3px;
  margin: 3px;
}

select option {
    padding: 3px !important;
    background-color: #ffffff; }
select[multiple], select[size] {
    font-family: verdana,sans-serif !important; }

INPUT
{
    font-size: 13px;
    color: #4D4D4D;
    margin: 3px 3px 2px 0px;
    white-space: normal;
    padding: 4px 5px;
    border-radius:5px;
    border:1px solid #DDDBDC;
}
INPUT[name="form_pdf"],
INPUT[name="form_excel"],
INPUT[name="form_excel_all_field_mandat"]
{
    width: 18px;
    height: 18px;
    font-size: 13px;
    color: #4D4D4D;
    margin: 3px 3px 2px 0px;
    white-space: normal;
    padding: 4px 5px;
    border: 0;
}
INPUT[name="logo_dd"],
INPUT[name="form_print"],
INPUT[type="image"]
{
    border: 0;
}
.menu {
    background-image: url('../img/menu.jpg');
}
.t {
    font-family: Verdana,arial,helvetica,sans-serif;
    font-size: 12px;
  color:#4D4D4D;
  font-weight:normal;
  line-height:25px;
  margin-left: 2.5px;
  padding:0 0px;
}
.table-service tr td:first-child{
    min-width: 155px;
}
.Menu1 {
border-left: 1px dashed #ccc;
list-style-type: none;
margin: 0 15px 0 8px;
padding: 0 0 0 8px;
font-family: Verdana,arial,helvetica,sans-serif;
font-size: 12px;
  color:#4D4D4D;
  font-weight:normal;
  line-height:25px;
  margin-left: 2.5px;

  }                                                                               
  
  
  

.t a, .tabt a, .titre_onglet_inactif a {
  color: #4D4D4D;
}


.tright, .tleft {
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  color:#4D4D4D;
  font-weight:normal;
  white-space:normal;
  line-height:25px;
  margin-left: 2.5px;
  padding:0 10px 0 0;
  text-align:right; 
}
.tleft {
    text-align:left;
}

.tnowrap {
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  color:#4D4D4D;
  font-weight:normal;
  white-space:nowrap;
  line-height:25px;
  margin-left: 2.5px;
  padding:0 10px;

}


.t2right {
  color: #C5062c;
  font-weight:bold;
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  white-space:normal;
  line-height:25px;
  margin-left: 2.5px;
  padding:0 10px 0 0;
  text-align:right;

}

.t2left {
  color: #C5062c;
  font-weight:bold;
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  white-space:normal;
  line-height:25px;
  margin-left: 2.5px;
  padding:0 10px 0 0;
  text-align:left;

}

.releve_auto_non_rapproche {
   font-family:Verdana,arial,helvetica;
   font-size: 10pt;
   color:purple;
   font-weight:bold;
}
.non_rapproche {
   font-family:Verdana,arial,helvetica;
   font-size: 10pt;
   color:#bf0000;
}

.abo {
   font-family:Verdana,arial,helvetica;
   font-size: 8pt;
}
.tp {
   font-family:Verdana,arial,helvetica;
   font-size: 8pt;
   
}
.tb2 {
   font-family:Verdana,arial,helvetica;
   font-size: 10pt;
   
  font-weight:bold;
}
.tb1 {
   font-family:Verdana,arial,helvetica;
   font-size: 10pt;
   
   font-weight:bold;
}
.ttab {
font-family:Verdana,arial,helvetica;
font-size: 10pt;
}

.tab {
color:#4D4D4D;
font-family: Verdana,arial,helvetica,sans-serif;
font-size: 12px;
border: 1px solid #4D4D4D;
padding: 3px;

}

.tabt {
border: 1px solid #4D4D4D;
border-collapse: collapse;
background-color:white;
font-size: 12px;
padding: 3px;

}

.tabt img{
    margin: 0;
    padding: 0;
}
.treso_tabt img{
    margin: 0;
    padding: 0;
}
.tabt input{
    margin: 0;
    padding: 0 5px 0 5px;
}

.tabtt {

border: 1px solid black;
border-collapse: collapse;
}
.tabt2 {
color: #FF0000;
font-family:Verdana,arial,helvetica;
font-size: 10pt;
border: 1px solid black;
}
.entetetab {
color:#00365C;
background-image:url('../img/entete_tab.jpg');
font-family:Verdana,arial,helvetica;
font-size: 10pt;
border: 1px solid #072d63;
font-weight: bold;
}

.tbl {
border-collapse: collapse;
}
.tbl td {
font-family:Verdana,arial,helvetica;
font-size: 10pt;
border: 1px solid black;

background-color:white;
padding:5px;
}
.tbl th {
background-image: url('../img/tab.jpg');  
font-family:Verdana,arial,helvetica;
font-weight: bold;
font-size: 8pt;
color:#00365C;
border: 1px solid black;
padding:5px;
}
.prev td {
color:#1f8e7d;
}
.ligneimpaye {
background-color:#e0e0e0;
}
.tabimp {
font-family:Verdana,arial,helvetica;
font-size: 10pt;
border-collapse: collapse;
background-color:white;
}

table.critere_recherche td {
        font-family:Verdana, arial, helvetica;
        font-size:10pt;
}

.t2 {
   color: #C5062c;
  font-weight:bold;
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 12px;
  line-height:25px;
  margin-left: 2.5px;
  padding:0 10px

}

.champalignbottom{
vertical-align:bottom;    
}
  
.tb {
background-image: url('../img/tab.jpg');  
font-family:Verdana,arial,helvetica;
font-weight: bold;
font-size: 10pt;
color:#00365C;
}

.enteteimpaye,.tabtb,.tabtb a{
  color:white;
  background-color:#666;
  font-family: Verdana,arial,helvetica,sans-serif;
  font-size: 11px;
  border: 1px solid #4D4D4D;
  font-weight: bold;
  text-align:center;
}

a{
  border: 0 !important;
}

.TitreSection1,.titresection1 {
color: #4D4D4D;
font-family: Verdana, Arial, helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
white-space:nowrap;
/* JYG */
width:auto;
display:inline;
padding : 2px;
}

.SpanSpace{
border-bottom:1px dashed #DDD;
display : inline-block;
margin-bottom : 10px;
white-space: nowrap;
}

.Soustitre{
font-weight:bold;
font-family: Verdana,arial,helvetica,sans-serif;
font-size: 12px;
color:#4D4D4D;
padding-bottom:5px;
padding-top:15px;
padding-right:10px;
}

.Soustitre a{
font-weight:bold;
font-family: Verdana,arial,helvetica,sans-serif;
font-size: 12px;
color:#4D4D4D;
padding-bottom:5px;
padding-top:15px;

}

.societe{
color: #C5062c;
/*display: block;*/
font-size: 11px;
font-weight: bold;
margin: 5px auto;
text-align: right;
text-transform: uppercase;
transition: all 0.25s linear 0s;
width: 100%
}

.TitreNumabonne
{
   font-family:Verdana,arial;
   font-size: 14px;
   font-weight: bold;
}
.TitreNumabonneBis
{
color: #777777;
display: block;
font-size: 12px;
font-style: italic;
margin: 5px auto;
text-align: right;
width: 100%;

}

.TitreSection2,.titresection2 { 
color: #4D4D4D;
font-size: 11pt;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
text-decoration: underline;
}

.TitreConfirmation
{
     color: #bf0000;
   font-family: Arial, helvetica;
   font-weight: bold;
   font-size: 28px;
}

.TitreInformation
{
    color: #bf0000;
   font-family: Arial, helvetica;
   font-weight: bold;
   font-size: 28px;
}

.TitreErreur
{
  color: #bf0000;
   font-weight: bold;
   font-family: Arial, helvetica;
   font-size: 22px;
}

.TitreFax
{
   color: black;
   font-family:Verdana,arial,helvetica;
   font-size: 12pt;
   font-weight: bold;
   text-decoration: underline;
}
.TitreReleve
{
   color: black;
   font-family:Verdana,arial,helvetica;
   font-size: 12pt;
   font-weight: bold;
}

.MessageAccueil
{
color: #4D4D4D;
font-weight: bold;
font-family: Verdana, Arial, helvetica,sans-serif;
font-size: 13px;
padding-bottom: 30px;


}

.MessageUtilisation
{
color: #4D4D4D !important;
font-family: Verdana, Arial, helvetica ,sans-serif !important;
font-size: 12px;
font-style:italic;
white-space:nowrap;
padding-bottom: 10px;
padding-left:3px;
}

.MessageImportant
{
color: #C5062C;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 12px;
padding-left:3px;
}

.MessageForcage
{
   color: #cc0033;
   font-family: Arial, helvetica;
   font-weight: bold;
   font-size: 12px;
}

.Messagefacturation
{
   
   font-family: Arial, helvetica;
   font-size: 15px;
}

.MessageImportantNormal
{
    color: #cc0033;
   font-family: Arial, helvetica;
}

.MessageImportantPromo
{
   
   font-family: Arial, helvetica;
   font-size: 15px;
}

.MessageConfirmation
{
color: #C5062c;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 12px;


}

.MessageInformation
{
color: #4D4D4D;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 12px;
padding-bottom: 10px;

}

.MessageErreur
{
color: #C5062C;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 12px;

}

.Fax
{
   
   font-family:Verdana,arial,helvetica;
   font-size: 10pt;
}

.Fax_total
{
   
   font-family:Verdana,arial,helvetica;
   font-weight: bold;
   font-size: 10pt;
}
.Fax2
{
   color: 047391;
   font-family:Verdana,arial,helvetica;
   font-size: 10pt;
}

.Fax3, table.table-modern > tbody > tr > td.Fax3
{
   color: #CC0033;
   font-family:Verdana,arial, helvetica;
   font-weight: bold;
   font-size: 12px;
}

.Fax4
{
   color: #000000;
   font-family:Verdana,arial, helvetica;
   font-weight: bold;
   font-size: 12px;
}

.btn2
{
  background-image: url(../img/4_bouton_100.png);
  color: #4D4D4D !important;
  border: 1px solid #CCC;
  font-family: Verdana, Arial, helvetica;
  font-weight: bold;
  font-size: 11px;
  cursor: pointer !important;
}

.btn-red {
    color: #c5062c !important;
    font-family: Verdana, Arial, helvetica;
    font-size: 11px;
    cursor: pointer !important;
    background-color: #FFFFFF;
}

.btn-red:hover {
    color: #FFFFFF !important;
    background-color: #c5062c;
}

.btn-bold {
    border: 1px solid #c5062c;
    font-weight: bold;
}

.BoutonInactif
{
   background-color: #FFD35D;
   color: white;
   font-family: Arial, helvetica;
   font-weight: bold;
   font-size: 12px;
}

.TitreContrat1
{
   color: #880000;
    font-family: Arial, helvetica;
   font-weight: bold;
}
.TitreContrat2
{
 font-family: Arial, helvetica;
   color: #880000;
}
.Tme
{
   font-family:Verdana,arial,helvetica;
   color: #990000;
   font-size: 10pt;
    font-weight: bold;
}
.formatImport {
   background-color: #fff8d8;
}
.CP {
font-family: courier new;
font-size: 10pt;
border: 0;
}
.CP2 {
font-family: courier new;
font-size: 10pt;
border: 0;
background-color: #FCE69A;
}
.coord {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  
}
.directdebits_index {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: cc0033;
}
.enteteaccueil {
   color: #cc0033;
   font-size: 14px;
   font-family: Arial, helvetica;
   font-weight: bold;
}

/* ------------ BOUTONS -------------------- */
/*.bouton {*/
/*cursor:pointer !important;*/
/*background-image: url('../img/4_bouton_100.png');*/
/*border:1px solid #CCC;*/
/*width:auto;*/
/*height:30px;*/
/*color: #4D4D4D;*/
/*font-family: Verdana, Arial, helvetica,sans-serif;*/
/*font-weight: bold;*/
/*font-size: 11px;*/
/*padding:5px 15px;*/

/*}         */
.bouton54_desactive {
background-image: url('../img/bouton_54_desactive.gif');
border: 0;
width:54;
height:20;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}

.bouton100_desactive, .bouton,.bouton54,.bouton100,.bouton146,.bouton165,.bouton180,.bouton210,.bouton260,.bouton400 {
    border: 1px solid #c5062c;
    color: #c5062c;
    outline: none;
    width: auto;
    height: 30px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    font-size: 13px;
    font-family: Arial, helvetica;
    padding: 0 15px 0 15px;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer !important;
    margin-right: 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    outline: none;
}

.bouton100_desactive:hover, .bouton:hover, .bouton_on,.bouton54_on,.bouton100_on,.bouton146_on,.bouton165_on,.bouton180_on,.bouton210_on,.bouton260_on,.bouton400_on {
    border: 1px solid #c5062c;
    background-color: #c5062c;
    background-repeat: no-repeat;
    color: #ffffff;
    outline: none;
    width: auto;
    height: 30px;
    font-size: 13px;
    font-family: Arial, helvetica;
    padding: 0 15px 0 15px;
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer !important;
    margin-right: 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    outline: none;
}
.bouton180_desactive {
border:1px solid #EEE;
width:auto;
height:30px;
color: #CCC;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 11px;
line-height:30px;
white-space: nowrap;
}


.bouton210 {
background-image: url('../img/bouton_210.gif');
border:1px solid #CCC;
width:210;
height:30;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}
.bouton210_on {
background-image: url('../img/bouton_210_on.gif');
border:1px solid #CCC;
width:210;
height:30;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}
.bouton260 {
background-image: url('../img/4_bouton_100.png');
border:1px solid #CCC;
width:260;
height:30;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}
.bouton260_on {
background-image: url('../img/4_bouton_100.png');
border:1px solid #CCC;
width:260;
height:30;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}
.bouton400 {
 : url('../img/bouton_400.gif');
border: 0;
width:400;
height:30;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}
.bouton400_on {
background-image: url('../img/bouton_400_on.gif');
border: 0;
width:400;
height:30;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}

.bouton_envoyer {
background-image: url('../img/bouton_envoyer_180.gif');
border:1px solid #CCC;
width:auto;
height:30px;
color: #4D4D4D;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 11px;
color:white;
padding:0 25px 0 35px;

}
.bouton_envoyer_on {
cursor:pointer !important;
background-image: url('../img/4_bouton_ok_envoyer.png');
background-color:#C5062C;
border: 1px solid #C5062C;
width:auto;
height:30px;
color: #FFFFFF;
font-family: Verdana, Arial, helvetica,sans-serif;
font-weight: bold;
font-size: 11px;
padding:0 25px 0 35px;

}
.BoutonInactif {
background-image: url('../img/bouton_100.gif');
border: 0;
width:100;
height:20;
font-family: Arial, helvetica;
font-weight: bold;
font-size: 12px;
}
/* ------------ ONGLETS -------------------- */

.titremenu {
font-size: 14px;
font-weight: bold;
padding-bottom:7px;
padding-top:10px;
color:#C9042D;
font-family:Verdana,arial,helvetica;
}

.soustitremenu {
font-size: 14px;
padding-bottom:7px;
color:#C9042D;
font-family:Verdana,arial,helvetica;
line-height:22px;
}

.soustitremenu a:hover{
color:#C5062c;
}


.Style1 {color: #082D63}
.Style3 {color: #082D63; font-weight: bold; }

/*----------- 
  pagination 
  -----------*/
table {
    border-collapse: collapse;
}
.form_choix_transmission {
    margin: 3px;
}
.table-pager {
    display: table;
    float: left;
    height: 50px;
    width: 100%;
}
.table-pager .btn-standard {
    -moz-user-select: none;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD !important;
    color: #737373;
    cursor: pointer;
    display: block;    
    float: left;
    font-size: 14px;    
    height: 32px;
    line-height: 32px;
    margin: 0 2.5px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    width: auto;
}
.table-pager .inactive{opacity:0.5 !important;}
.table-pager .list-pager {
    display: table-cell;
    float: left;
    height: 45px;
    text-align: center;    
}
.table-pager .couleur {
    color: #74B015 !important;
}
.table-pager .showing-nb-page {
    color: #888888;
    display: table-cell;
    float: left;
    font-size: 14px;
    font-style: italic;
    height: 45px;
    padding-top: 25px;
    width: 300px;
}
.table-pager .dataTables_paginate {
    float: left;
    margin-top: 23px;
}
.table-pager .txtRecordsPerPage{
    border: 1px solid #DDDDDD;
    color: #737373;
    height: 25px;
    line-height: 25px;   
    text-align: right;
    width: 50px;
    margin: 0 10px 0 6px;
}
.table-pager .btnRecordsPerPage {
    background-color: #FFFFFF;
    border: 1px solid #c5062c;
    color: #c5062c;
    cursor: pointer;    
    height: 25px;    
    text-align: center;
    width: 40px;
    margin: 0 10px;
}
.btnRecordsPerPage:hover {
    background-color: #c5062c;
    border: 1px solid #c5062c;
    color: #FFFFFF;
    cursor: pointer;
    height: 25px;
    text-align: center;
    width: 40px;
}
.table-pager .dataTables_paginate i {
    color: #888888;
    font-size: 14px;
    line-height: 26px;    
}

.t7 {
font-family: courier new,courier;
font-size: 10pt;
color: #FF8800;
line-height:25px;
margin-left: 2.5px;
padding:0 0 0 10px;
}
.t7rouge {
font-family: courier new,courier;
font-size: 10pt;
color: #C11111;
line-height:25px;
margin-left: 2.5px;
padding:0 0 0 10px;
}
.t7vert {
font-family: courier new,courier;
font-size: 10pt;
color: #398331;
line-height:25px;
margin-left: 2.5px;
padding:0 0 0 10px;
}
.ul_felicitation{
  margin: 12px 0px;
  padding-left: 40px;
  color: #C5062C;
}
.prise_en_main{
    color: #C5062C;
    text-decoration: underline;
}
.prise_en_main:hover {
    text-decoration: none;
}
#serveur_radio, #serveur_radio2 {
    vertical-align: middle;
}

#spanServ2 {
    padding-left: 100px;
}

#help-question {
    margin: 0 !important;
    vertical-align: middle;
}

div.popin-container > div.popin-frame > div.popin-content > div#__ID_DIALOG__ > div.titre_infobulle {
    color: #C5062C;
}

/* New design 18/03/2019*/
#form_valider {
    margin: 5px 10px 5px 0;
}
#help_login {
    position: relative;
    left: -6px;
}
.a_pass_oublie {
    color: #C5062C !important;
    font-size: 12px;
    font-style:italic;
    padding-right: 10px;
    text-decoration: underline;
}
.a_pass_oublie:hover {
    text-decoration: none;
}
.cadre_orange {
    border: solid 2px #E84D0E;
    height: 103px;
    padding-top: 20px;
    text-align: center;
}
.cadre_orange_titre {
    color: #E84D0E;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
}
.cgv {
    color: #E84D0E;
    font-style: italic;
}
.ch_insc {
    border: solid 1px #3B3E46;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 667px;
    padding: 0 2.5px;
    color: #000;
}
.ch_login, .ch_pass{
    outline-color: #dddbdc;
}
.chcontrat {
    border: solid 1px #9B9A9A;
    height: 20px;
    padding: 0 2.5px;
    width: 100%;
}
.contenu_body {
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 74px;
    width: 1024px;
}
.contenu_colore {
    background-color: #C5062C;
    height: 100px;
    min-width: 1104px;
    text-align: center;
    width: 100%;
}
.contenu_colore_titre {
    color: white;
    font-size: 25px;
    font-family: 'Source Sans Pro', Verdana, Arial, Helvetica, sans-serif;
    padding-top: 32px;
}
.contenu_head {
    height: 110px;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
    width: 1024px;
}
.cp_insc {
    margin-top: 0;
    width: 80px;
}
.err_insc {
    background-color: rgba(240, 85, 77, 0.2);
    color: #F0564D;
    float: right;
    left: -10px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 15px 13px 23px 13px;
    position: relative;
    width: 642px;
}
.err_pointe {
    background-image: url('../img/pointe.png');
    background-repeat: no-repeat;
    height: 8px;
    position: relative;
    top: -23px;
    width: 16px;
}
.err_msg {
    color: #F3554C;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 25px
}
.h100 {
    height: 100%;
}
.insc_resume {
    padding-bottom: 20px;
    width: 100%;
}
.lost_card_title {
    color: #E84D0E;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}
.lbl_login, .lbl_pass {
    color: #3B3E46;
    font-family: Verdana;
    font-size: 12px;
    padding-bottom: 0px;
}
.lsv1 {
    margin-bottom: 29px;
    margin-right: 37px;
    max-height: 500px;
    max-width: 500px;
    padding-left: 220px;
}
.lsv2 {
    margin-right: 37px;
    max-height: 500px;
    max-width: 500px;
    padding-left: 220px;
}
.msg_lsv {
    position: relative;
    top: -74px;
}
.raison_soc_insc {
    min-width: 332px;
    width: 332px;
}
.required {
    color: #C5062C;
    font-family: Verdana;
    font-size: 12px;
    font-style: italic;
}
.rgt {
    float: right;
}
.rubrique_insc {
    color: #303030;
    font-family: Verdana;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
    text-decoration: none;
}
.sel_insc {
    border: solid 1px #3B3E46;
    color: #3B3E46;
    font-family: Verdana;
    font-size: 12px;
    width: 668px;
    background-color: #fff;
}
.titre_colore {
    color: #E84D0E;
    font-family: Verdana;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 35px;
    padding-bottom: 35px;
}
.txt_i_colore {
    color: #C5062C !important;
    font-family: Verdana;
    font-size: 12px;
    font-style: italic;
}
.txt_insc {
    color: #3B3E46;
    font-family: Verdana;
    font-size: 12px;
    line-height: 20px;
}
.t_logo_align {
    margin-left: 12px;
    text-align: justify;
}
.underlined {
    text-decoration: underline;
}
.vertical_align_top {
    vertical-align: top;
}
.ville_insc {
    padding-right: 11px;
}
.w100 {
    width: 100% !important;
}
.width_auto {
    width: auto;
}
.welcome {
    color: #3B3E46;
    font-family: Verdana;
    font-weight: bold;
    font-size: 18px;
}

/*
Modernize table
DD-5501
*/
table.table-modern {
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.1);
    margin: 10px 0;
}
table.table-modern > tbody > tr > td, table.table-modern > tbody > tr > th, table.table-modern > thead > tr > th, table.table-modern > thead > tr > td{
    border: 1px solid #888888;
    padding: 10px;
    line-height: 15px;
    vertical-align: middle;
    font-size: 12px !important;
    color: #4D4D4D;
}
table.table-modern > tbody > tr > td > input[type=text], table.table-modern > tbody > tr > td > input[type=password], table.table-modern > tbody > tr > td > input:not([type]), .table-modern input:not([type]) {
    padding: 4px !important;
}
table.table-modern input[type=text].datePicker {
    padding: 4px 14px 4px 4px !important;
    font-size: 12px;
}
table.table-modern table input {
    margin: 3px 0;
}
.table-modern a img {
    margin: auto !important;
}

.enteteimpaye, .table-modern .entetetab, .tabtb, .tabtb a, .table-modern .MessageUtilisation, table.table-modern > tbody > tr > th{
    background-color: #EDEDED !important;
    font-weight: bold;
    font-style: normal;
    text-align: center;
    font-size: 12px !important;
    color: #4D4D4D;
    background-image: none;
}
.table-modern .cell-total{
    background-color: #F4F4F4;
    font-weight: bold;
    font-style: normal;
}

.enteteimpaye a:link, .tabtb a{
    text-decoration:none;
    border: 0;
    color: #C5062C;
    cursor: pointer;
}

a.btn-pagination {
    text-decoration: none !important;
    position: relative;
    padding: 4px 7px;
    margin-left: -1px;
    color: #4D4D4D !important;
    background-color: #fff;
    border: 1px solid #dee2e6 !important;
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    max-height: 20px;
}
a.btn-pagination:hover, a.btn-pagination.current {
    color: #4D4D4D !important;
    background: #ededed; 
}
a.btn-pagination.current {
    font-weight: bold;
}
a.btn-pagination.disabled {
    pointer-events: none;
    color: #ccc !important;
}
a.btn-pagination:nth-of-type(1) {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
a.btn-pagination:nth-last-of-type(1) {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    margin-right: 10px;
}

.list-pager span {
    font-size: 12px;
    color: #4D4D4D;
}

.no-margin {
    margin: 0 !important;
}
.no-padding {
    padding: 0 !important;
}
.cell-montant {
    text-align: right;
}
.color-red {
    color: #C5062C;
}

.min-w-60 {
    min-width: 60px;
}

.min-w-80 {
    min-width: 80px;
}

.align-int {
    text-align: center;
}

.sort-icon-asc rect, .sort-icon-desc rect {
    fill: #fff;
}

.sort-icon-asc path, .sort-icon-desc path, .sort-icon-info path {
    fill: #4d4d4d;
}

.sort-icon-info {
    vertical-align: bottom;
}