.FondRouge{
    background-color: #a52005 !important;
    color: #FFFFFF !important;
}

.FondVert{
    background-color: #5f9915 !important;
    color:#FFFFFF !important;
}

.Clear{
    margin: 0px;
    padding: 0px;
    height: 0px;
    line-height: 0px;
    clear: both;
    background-color: #FF0;
}

.Centrer1000{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.FiletBleu{
    line-height: 1px;
    height: 1px;
    background-color: #2f3741;
}

#FormBien .error,
#FormCampagne .error{
    display:block;
}

.error{
    color: #f98988;
}

.CacherElement{
    display: none;
}

.HideVisibility{
    visibility: hidden;
}

.BulleAideNb{
    margin-left: -6px;
}

.Bouton{
    padding: 0px;
    margin: 0px;
    border: none;
    display: inline-block;
    padding-left: 9px;
    padding-right: 9px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    line-height: 30px;
    height: 30px;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 12px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px; /* border radius */
}

.Bouton:hover{
    text-decoration: none;
}

.BoutonRouge{
    color: #FFFFFF!important;
    background-color: #a52005;
}

.BoutonRougeHover{
    color: #FFFFFF!important;
    background-color: #dd2a07;
}

.NoResult{
    color: #a52005;
}

.BoutonBleu{
    color: #FFFFFF!important;
    background-color: #2f3741;
}

.BoutonBleuHover{
    color: #FFFFFF!important;
    background-color: #63758b;
}

.BoutonBeige{
    color: #2F3741!important;
    background-color: #C9C5B7;
}

.BoutonBeigeHover{
    color: #2F3741!important;
    background-color: #E7E3D3;
}

.BoutonImage{
    background: none;
    width: 15px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    margin-left: 6px;
    margin-right: 6px;
    border: none;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;  
    background-repeat: no-repeat;
}

#TrouverTauxNominal, #TrouverTauxUsure {

    background-image: url(/images/pictos/action/taux.png);
}

.BoutonOeil{
    background-image: url(/images/pictos/action/oeil.png);

}

#hideResultHomonyme .BoutonOeil{
    background-image: url(/images/pictos/action/oeil2.png);
    width: 16px;
    height: 16px;
}

#hideResultHomonyme #MessageNbrHomonyme {
    color: #dd2a07;
    font-weight: bold;
}

#hideResultHomonyme {
    display:none;
    font-size: 15px;
    width: 420px;
    float:right;
}

#hideResultHomonyme #lienHomonyme {
    text-decoration: none;
}

.BoutonQuestion{
    background-image: url(/images/pictos/action/question.png);
}

.BoutonSuivant{
    background-image: url(/images/pictos/action/suivant.png);
}

.BoutonPrecedent{
    background-image: url(/images/pictos/action/precedent.png);
}

.BoutonRechercher{
    background-image: url(/images/pictos/action/rechercher.png);
}

.BoutonSuivantBlanc{
    background-image: url(/images/pictos/action/suivant-blanc.png);
}

.BoutonPrecedentBlanc{
    background-image: url(/images/pictos/action/precedent-blanc.png);
}

.BoutonRechercherBlanc{
    background-image: url(/images/pictos/action/rechercher-blanc.png);
}

.BoutonActiver{
    background-image: url(/images/pictos/action/activer.png);
}

.BoutonDésactiver{
    background-image: url(/images/pictos/action/desactiver.png);
}

.BoutonCorbeille{
    background-image: url(/images/pictos/action/corbeille.png);
}

.BoutonStylo{
    background-image: url(/images/pictos/action/stylo.png);
}

.BoutonLier {
    background-image: url(/images/pictos/action/lier.png);
}

.BoutonDelier {
    background-image: url(/images/pictos/action/delier.png);
}

.BoutonCommentaire{
    background-image: url(/images/pictos/action/commentaire.png);
}

.BoutonCommentaireHistorique{
    background-image: url(/images/pictos/action/commentaire-historique.png);
}

.BoutonRdv{
    background-image: url(/images/pictos/action/rdv.png);
}

.BoutonRdvHistorique{
    background-image: url(/images/pictos/action/rdv-historique.png);
}

.BoutonDossier{
    background-image: url(/images/pictos/action/dossier.png);
}

.BoutonCourrierHistorique{
    background-image: url(/images/pictos/action/courrier-historique.png);
}

.BoutonCourrier{
    background-image: url(/images/pictos/action/courrier.png);
}

.BoutonTachehistorique{
    background-image: url(/images/pictos/action/tache-historique.png);
}
.BoutonTache{
    background-image: url(/images/pictos/action/tache.png);
}

.BoutonClef{
    background-image: url(/images/pictos/action/clef.png);
}
.Fleche{
    width: 10px;
    height: 15px;
    padding: 0px;
    margin: 0px;
    border: none;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
}
.FlecheDroite{
    background-image: url(/images/pictos/action/fleche_droite.png);
}
.FlecheGauche{
    background-image: url(/images/pictos/action/fleche_gauche.png);
}
.Active{
    color: #66CC00;
}

.Desactive{
    color: #FE274E;
}

.Rapport{
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    background-color: #b9e384;
    color: #5f9915;
    background-image: url(/images/pictos/encart/coche-verte.png);
    background-repeat: no-repeat;
    padding-left: 46px;
    background-position: 21px center;
}

.Erreur{
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    background-color: #f98988;
    background-image: url(/images/pictos/encart/croix-rouge.png);
    background-repeat: no-repeat;
    padding-left: 46px;
    background-position: 21px center;
}
.MessageAjax{
    font-size: 14px;
    line-height: 26px;
    text-align: center;

    background-repeat: no-repeat;
    padding-left: 46px;
    background-position: 21px center;
    margin-bottom: 15px;
    display:none;
}

.EncartTitre{
    height: 51px;
    line-height: 51px;
    background-color: #2f3741;
    background-repeat: no-repeat;
    background-position: 26px center;
    padding-left: 80px;
    font-weight: normal;
    font-size: 28px;
    color: #FFFFFF;
    font-size: 17px;
}

.EncartTitreCoche{
    background-image: url(/images/pictos/encart/coche-blanche.png); 
}

.EncartTitreTache{
    background-image: url(/images/pictos/encart/tache-blanche.png); 
}

.EncartTitreEmprunteur{
    background-image: url(/images/pictos/encart/emprunteur.png); 
}

.EncartTitreCoEmprunteur{
    background-image: url(/images/pictos/encart/coemprunteur.png); 
}

.EncartTitreInformation{
    background-image: url(/images/pictos/encart/information.png); 
}



.EncartSousTitre{

    line-height: 18px;
    font-size: 14px;
    color: #2f3741;
    border-bottom: 1px solid #2f3741;
    font-style: italic;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    margin-top: 15px;
    text-transform: capitalize;
}

.EncartTitre2{
    height: 51px;
    line-height: 51px;
    background-repeat: no-repeat;
    background-position: 26px center;
    padding-left: 80px;
    font-weight: bold;
    font-size: 28px;
    color: #2f3741;
    font-size: 15px;
    text-transform: uppercase;
}

.EncartTitre2 select{
    margin-top: 16px;
}

.FloatLeft{
    float: left;
}

.FloatRight{
    float: right;
}

.ListeRecherche{
    margin-bottom: 30px;
}

/*.PaginationNb{
    text-align: right;
}*/

.ChampsCourrier{
    width: 500px;
}

.ChampWidth100Pourcent{
    width: 99%;
}

.ChampWidth400{
    width: 400px !important;
}

.ChampHeight200Px{
    height: 200px;
}


.FicheCourrierType td {

    width: 52px;
}

.FicheCourrierType td #Objet {
    width: 98.5%;
}

.TableListe, .TableFiche,.TablePersonaliser{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
}

.TableFiche {
    margin-top: 20px;
}

.TableListe tfoot tr, .TablePersonaliser tfoot tr {
    border-top: 1px black double;
    text-align:right;
    font-weight: bold;

}

.TableFiche .TrTouteAgence {
    text-align:left;
    border-bottom: 1px black double;
    font-weight: bold;

}

.TablePersonaliser tfoot tr {
    text-align:left;
}


.TablePersonaliser .ActionPourcentage {
    width: 15px;
}

.TableListe #LigneMontantTotalCharge,
.TableListe #LigneMontantTotalRessource,
.TableListe #LigneMontantTotalTresorerie,
.TableListe #LigneMontantTotalFrais,
.TableListe #LigneMontantTotalDette,
.TableListe #LigneTotalCredit,
.TableListe #LigneMontantTotalBien{
    display:none;

}


.TableListeBorder td{
    border: 1px solid #C9C5B7;
}

.TableListeBorder th{
    border: 1px solid #F7F5EF;
}


.ListeLarge{
    width: 100%;
}


.ListeAuto{
    margin-left: auto;
    margin-right: auto;
}

.ListeMoitieLeft{
    width: 47%;
    margin-left: 0px;
    margin-right: auto;
}

.ListeMoitieRight{
    width: 47%;
    margin-left: auto;
    margin-right: 0px;
}

.tableMoitieLeft {
    width: 49%;
    margin-left: 0px;
    margin-right: auto;
    float:left;
}
.Colonne1Tier{
    width:30%;
    float: left;
    margin-right: 3.333333%
}


.TableListe th{
    text-align: left;
}

.TableListe tr,
.TablePersonaliser tr{
    height: 45px;
}

.TableListe td{
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.TableFiche tr
.TablePersonaliser tr{
    height: 25px;
}

.TableFiche td,
.TablePersonaliser td{
    vertical-align: middle;
    padding-top: 5px;
    padding-bottom: 5px;
}

.TableFiche th,
.TablePersonaliser th{
    text-align: left;
}
.TableFiche input[type=text]{
    width: 200px;
}
.TableListe td,
.TableListe th{
    padding-left: 5px;
    padding-right: 5px;
}

.TableFiche thead tr,
.TablePersonaliser thead tr,
.TableListe thead tr{
    background-color: #c9c5b7;
}

.TableListe .TrAction{
    cursor: pointer;
}

.TrImpaire{
    background-color: #ffffff;
}

.TrPaire{
    background-color: #f7f5ef;
}

#Dossier_Contenu .Decimal, .AlignRight{
    text-align: right!important;
}

.AlignLeft{
    text-align: left!important;
}

.AlignCenter{
    text-align: center!important;
}

.AlignTop{
    vertical-align: top!important;
}

.Encadre{
    border: 1px solid #9CADC1;
    padding: 2px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FFFFFF;
}

.Gras{
    font-weight: bold;
}

.DivBouton{
    text-align: Center;
    margin-top: 10px;
}

.Cadre{
    border: 1px solid #9CADC1;
    padding: 10px;

}

.FloatLeft{
    float: left;
}

.FloatRight{
    float: right;
}


.floatThead-wrapper .floatThead-container{
    position: relative;
}

.Cadre #Btn_Ajouter_piece {
    margin: 10px;
}

.Adapate45{
    width: 45%;
}

.MarginTop60 {
    margin-top:60px;
}

.MarginTop10{
    margin-top: 10px;
}

.MarginTop10 span{
    display: block;
    float: left;
    width: 278px;
}

.MarginTop5{
    margin-top: 5px;
}

.MarginBottom40{
    margin-bottom: 40px;
}

.Pagination{
    display: inline-block;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
}

.NbEnr{
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    line-height: normal;
    font-size: 12px;
    margin-right: 5px;
}

.Pagination span{
    display: inline-block;
    vertical-align: middle;
}

.Pagination a, .EncartTitre a:visited{
    color: #2f3741;
    text-decoration: none;
}
.Pagination a:hover{
    color: #2f3741;
    text-decoration: underline;
}

.Pagination .EnCours a{
    text-decoration: underline; 
}

.PaginationBlanc a, .EncartTitre a:visited{
    color: #FFFFFF;
    text-decoration: none;
}
.PaginationBlanc a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}

.InfoAlerte{
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
    display: none;
    text-align: center;
    background-color: #FFF;
    font-size: 14px;
    line-height: 16px;
    color: #a52005;
    font-weight: bold;    
}

a, a:visited{
    text-decoration: none;
    color: #2f3741;
}

a:hover{
    text-decoration: underline;
    color: #2f3741;
}

#Site{
    padding-top: 10px;
    position: relative;
}

#HautLigne{
    width: 100%;
    height: 10px;
    background-color: #2f3741;
    position: fixed;
    top: 0px;
    z-index: 999;
}

#Haut{
    height: 87px;
    background-color: #FFFFFF;
}

#HautLogo{
    position: relative;
}

#LogoCourtierWeb{
    position: absolute;
    left: 0px;

}

#LogoCourtier{
    text-align: center;
}

#MoteurRapide{
    padding-top: 30px;
    text-align: center;
    font-weight: bold;
}

#Bienvenue{
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 87px;
}

#BienvenuePrenomNom{
    margin-right: 10px;
}

#MenuLigne{
    width: 100%;
    height: 45px;
    background-color: #9cadc1;
    border-bottom: 1px solid #2f3741;
    background-image: url(/images/logo-fleches.png);
    background-repeat: no-repeat;
    background-position: left center;
}

#MenuLigne.floatable {
    width: 100%;
    position: fixed;
    z-index: 998;
    top: 10px;
}
.EncartTitre.floatable {
    width: 880px;
    position: fixed;
    z-index: 990;
    top: 56px;
}

/*Active l'option cacher la croix des dialogbox*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

#MenuDivLogo{
    display: none;
    padding-top: 5px;
    height: 40px;/*45*/
    float: left;
}

#Menu{
    float: right;
}

#Contenu{
    background-color: #f7f5ef;
    padding-left: 20px;
    padding-right: 20px;
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 38px;
}

#PageTitre{
    height: 57px;
    line-height: 57px;
    background-color: #FFFFFF;
    background-position: 26px center;
    background-repeat: no-repeat;
    padding-left: 80px;
    font-weight: bold;
    font-size: 28px;
}

#PageTitre.Home{
    background-image: url(/images/pictos/titre/home.png);
}

#PageTitre.Dossier{
    background-image: url(/images/pictos/titre/dossier.png);
}

#PageTitre.Login{
    background-image: url(/images/pictos/titre/clef.png);
}

#PageSousTitre{
    font-weight: normal;
    font-size: 15px;
}

#Rapport{
    margin-top: 10px;
}

#Erreur{
    margin-top: 10px;
}

#ContenuPage{
    margin-top: 33px;
}

#Identification{
    margin-top: -20px;
}

#IdentificationFormulaire{
    margin-top: 33px;
    width: 287px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 13px;
    padding-bottom: 17px;
}

#IdentificationFormulaire .FormulaireLigne{
    color: #999999;
    margin-bottom: 14px;
    margin-left: 51px;
}

#IdentificationFormulaire .FormulaireAction{
    padding-left : 20px;
    padding-right: 20px;
}

#IdentificationFormulaire .FormulaireAction .PassOublie{
    margin-top : 12px;
}

#IdentificationFormulaire .FormulaireLigne label{
    /*margin-bottom: 7px;*/
}

#IdentificationFormulaire .FormulaireLigne div{
    margin-top: 7px;
}

#IdentificationFormulaire .Pseudo label{
    background-image: url(/images/pictos/champ/buste.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

#IdentificationFormulaire .MotDePasse label{
    background-image: url(/images/pictos/champ/clef.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

#IdentificationFormulaire .FormulaireLigne .ChampInput{
    width: 170px;
    height: 25px;
    border: 1px solid #b7b7b7;
}

#AccueilActualites{
    width: 470px;
}

#AccueilTaches{
    /*width: 470px;*/
}

#DernierElement{
    margin-bottom: 0px;
    height: 80px;
}

#BasPage{
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 51px; /* 56 */
    padding-top: 5px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    text-decoration: underline;
    border-top: 1px solid #2f3741;
}

#PrescripteurGoogleCarte{
    width: 450px;
    height: 490px;
}

#ResultatRecherche{
    margin-top: 40px;
}

.DossierFicheEmprunteur{
    width: 420px;
}

.DossierFicheSaisie{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #FFFFFF;
    color: #999999;
}

.DossierFicheChamp1Quart{
    /*background-color: #F00;*/
    width: 100px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.DossierFicheChamp3Quart{
    /*background-color: #F00;*/
    width: 300px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.DossierFicheChampMoitie{
    /*background-color: #F00;*/
    width: 200px;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}
.DossierFicheChampComplet{
    /*background-color: #F00;*/
    width: 400px;
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 5px;
}

.DossierFicheChamp1Quart label, .DossierFicheChamp3Quart label, .DossierFicheChampMoitie label, .DossierFicheChampComplet label{
    width: 100%;
    display: block;
}
.DossierFicheChamp1Quart input[type="text"], .DossierFicheChamp1Quart select, .DossierFicheChamp1Quart textarea{
    width: 100px;
    /*display: block;*/
}
.DossierFicheChamp3Quart input[type="text"], .DossierFicheChamp3Quart select, .DossierFicheChamp3Quart textarea{
    width: 300px;
    /*display: block;*/
}
.DossierFicheChampMoitie input[type="text"], .DossierFicheChampMoitie select, .DossierFicheChampMoitie textarea{
    width: 200px;
    /*display: block;*/
}
.DossierFicheChampComplet input[type="text"], .DossierFicheChampComplet select, .DossierFicheChampComplet textarea{
    width: 410px;
    /*display: block;*/
}

#DossierFiche #LabelNpai{
    display: inline!important;
}

#DossierFiche #CodePostal{
    width:100px!important;

}

.CourrierLibelle{
    color: #999999;
}

#DivPapierEntete{
    margin-left: 20px;
}

.Top10px{
    margin-top: 10px;
}

#Objet{
    width: 100%;
}

.CourrierListe{
    list-style-type:none;
}
.CourrierListe>li:nth-child(odd){
    background-color: #f7f5ef;
}
.CourrierListe>li:nth-child(even){
    background-color: #ffffff;
}
.CourrierListeEntete{
    color: #2f3741;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    padding-left: 5px;
    font-weight: bold;
    background-color: #F0F0F0;


}
.CourrierListeEnteteLibelleUl{
    color: #2f3741;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 10px;
    /*margin-bottom: 5px;*/
    font-weight: bold;
    /*        background-color: #C9C5B7;*/

}
#HiddenTache{
    margin-top: 20px;
}


.ChampPrescripteur{
    width: 20%;
    float:left;
    text-align: left;
}
.TableAutoColor>tbody>tr:nth-child(odd){
    background-color: #f7f5ef !important;
}
.TableAutoColor>tbody>tr:nth-child(even){
    background-color: #ffffff !important;
}
.HoverLigneTableau{
    background-color: #CFCFCF;
    cursor: pointer;
}
.SelectedLigneTableau{
    background-color: #E0E8EF;
}
#Btn_Ajouter_Prescripteur{
    text-align: right;
}
.LibelleInformation{
    color: #999999;
    font-weight: bold;
    margin-bottom: 2px;
    padding-top: 20px;
}

#s2id_IdGenre1{
    margin-top: 12px;
}
#s2id_IdGenre2{
    margin-top: 12px;
}

#RenseignementBanque {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 20px;
    padding-left:5px;
}

#RenseignementBanque  span {

    width: 200px;
    float: left;
}

#RenseignementBanque  input, #RenseignementBanque  span {
    margin:5px;
}


#RenseignementBanque table span {
    width:74px;
}

#RenseignementBanque table input {
    width:100px;
}

#RenseignementBanque .tableMoitieLeft {
    width: 39%;
    margin-bottom: 10px;

}

#RenseignementBanque .tableMoitieLeft span{
    width: 95px;
}


#RenseignementBanque .ListeMoitieRight {
    width: 43%;
}







#DossierFicheSaisieAction{
    margin-top: 6px;
}
#Prescripteur_RaisonSociale,#Prescripteur_Adresse,#Prescripteur_Telephone,#Prescripteur_TelAgence,#Prescripteur_Email{
    font-size: 12px;
}

#Dossier_Contenu{
    width: 100%;
}
#Dossier_Contenu.Dossier_Contenu_Large{
    width: 920px;
    float:left;
}
/*#Dossier_Raccourcis{
    width: 30px;
    float: right;
    top:54px;
    margin-right: 0px;
    position: absolute;
    left: 50%;
    margin-left: 448px; 2 px à enlever pour le border
    background-color: #9cadc1;
    border: 1px solid #2f3741;
}

#Dossier_Raccourcis.floatable{
    position: fixed;
    top: 54px; 2 px à enlever pour le border
    left: 50%;
    margin-left: 448px; 2 px à enlever pour le border
    width: 30px;
}*/

#Dossier_Raccourcis{
    width: 36px;
    float: right;
    margin-right: -5px;
    /*margin-top: 20px;*/
    /*background-color: #9cadc1;*/
}

#ConteneurBorder{
    border: 1px solid #2f3741;
}

#Dossier_Raccourcis.floatable{
    position: fixed;
    top: 54px; /*2 px à enlever pour le border*/
    left: 50%;
    margin-left: 448px; /*2 px à enlever pour le border*/
    /*width: 30px;*/
}
/*Check box Tunning  http://proto.io/freebies/onoff/*/
.onoffswitch {
    position: relative; width: 66px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 6px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 18px; padding: 0; line-height: 18px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "OUI";
    padding-left: 10px;
    background-color: #9CADC1; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "NON";
    padding-right: 10px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 10px; margin: 4px;
    background: #FFFFFF;
    border: 2px solid #999999; border-radius: 6px;
    position: absolute; top: 0; bottom: 0; right: 44px;
    -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}
/*Check box Tunning*/


.CheckBoxEmail{
    margin-left: 10px;
}
@font-face {
    font-family: 'bpicons';
    src:url('../fonts/bpicons/bpicons.eot');
    src:url('../fonts/bpicons/bpicons.eot?#iefix') format('embedded-opentype'),
        url('../fonts/bpicons/bpicons.woff') format('woff'),
        url('../fonts/bpicons/bpicons.ttf') format('truetype'),
        url('../fonts/bpicons/bpicons.svg#bpicons') format('svg');
    font-weight: normal;
    font-style: normal;
} /* Made with http://icomoon.io/ */

/**, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/
/*body, html { font-size: 100%; padding: 0; margin: 0;}*/

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/*body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
}
*/
.Onglet a {
    color: #ccc;
    text-decoration: none;
    outline: none;
}
.Onglet a:hover {
    color: #000;
}

.Onglet > header {
    width: 90%;
    max-width: 69em;
    margin: 0 auto;
    padding: 2.875em 1.875em 1.875em;
}

.Onglet > header h1 {
    font-size: 2.125em;
    line-height: 1.3;
    margin: 0 0 0.6em 0;
    float: left;
    font-weight: 400;
}

.Onglet > header > span {
    display: block;
    position: relative;
    /*z-index: 9999;*/
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding: 0 0 0.6em 0.1em;
}

.Onglet > header > span span:after {
    width: 30px;
    height: 30px;
    left: -12px;
    font-size: 50%;
    top: -8px;
    font-size: 75%;
    position: relative;
}

.Onglet > header > span span:hover:before {
    content: attr(data-content);
    text-transform: none;
    text-indent: 0;
    letter-spacing: 0;
    font-weight: 300;
    font-size: 110%;
    padding: 0.8em 1em;
    line-height: 1.2;
    text-align: left;
    left: auto;
    margin-left: 4px;
    position: absolute;
    color: #fff;
    background: #47a3da;
}

.Onglet > header nav {
    float: right;
    text-align: center;
}

.Onglet > header nav a {
    display: inline-block;
    position: relative;
    text-align: left;
    width: 2.5em;
    height: 2.5em;
    background: #fff;
    border-radius: 50%;
    margin: 0 0.1em;
    border: 4px solid #47a3da;
}

.Onglet > header nav a > span {
    display: none;
}

.Onglet > header nav a:hover:before {
    content: attr(data-info);
    color: #47a3da;
    position: absolute;
    width: 600%;
    top: 120%;
    text-align: right;
    right: 0;
    pointer-events: none;
}

.Onglet > header nav a:hover {
    background: #47a3da;
}

.bp-icon:after {
    font-family: 'bpicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    text-align: center;
    color: #47a3da;
    -webkit-font-smoothing: antialiased;
}

.Onglet > header nav .bp-icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    line-height: 2;
    text-indent: 0;
}

.Onglet > header nav a:hover:after {
    color: #fff;
}
/*Menu de l'onglet */
#Menu-section-1 .sf-menu li a{
    color: #999999;
}
#Menu-section-1 .sf-menu li a:hover{
    color: #ffffff;
    text-decoration: underline;
}
#Menu-section-1 .sf-menu ul li {
    background: #2f3741;
}
#Menu-section-1 .sf-menu ul li:hover {
    background: #2f3741;
}

#Menu-section-1 .sf-menu ul ul li {
    background: #2f3741;

}
#Menu-section-1 .sf-menu ul ul li:hover {
    background: #2f3741;
}

.bp-icon-next:after {
    content: "\e000";
}
.bp-icon-drop:after {
    content: "\e001";
}
.bp-icon-archive:after {
    content: "\e002";
}
.bp-icon-about:after {
    content: "\e003";
}
.bp-icon-prev:after {
    content: "\e004";
}

p.info {
    text-align: center;
    padding: 20px;
}

@media screen and (max-width: 55em) {

    .Onglet > header h1,
    .Onglet > header nav {
        float: none;
    }

    .Onglet > header > span,
    .Onglet > header h1 {
        text-align: center;
    }

    .Onglet > header nav {
        margin: 0 auto;
    }

    .Onglet > header > span {
        text-indent: 30px;
    }
}
/*
@font-face {
    font-family: 'icomoon';
    src:url('../fonts/icomoon/icomoon.eot?pvm5gj');
    src:url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'),
        url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'),
        url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'),
        url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}  Icons created with icomoon.io/app */

.tabs {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 1em 0 2em;
    font-weight: 300;
}

/* Nav */
.tabs nav {
    text-align: center;
}

.tabs nav ul {
    padding: 0;
    margin: 20px 0 0;
    list-style: none;
    display: inline-block;
}

.tabs nav ul li {
    font-family: Open Sans;
    transform:rotate(-7deg);
    -ms-transform:rotate(-7deg); /* IE 9 */
    -webkit-transform:rotate(-7deg); /* Opera, Chrome, and Safari */

    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    /*border-color: #becbd2 #becbd2 -moz-use-text-color;*/
    border-image: none;
    /*border-style: solid solid none;*/
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-width: 1px 1px medium;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0 0.25em 0 -15px;
    max-width: 150px;
    min-width: 150px;
    position: relative;
    text-align: center;
}

.tabs nav li.tab-current {
    border: 2px solid #fff;
    /*box-shadow: inset 0 2px #47a3da;*/
    border-bottom: none;
    z-index: 100;
}

.tabs nav li.tab-current:before,
.tabs nav li.tab-current:after {
    content: '';
    position: absolute;
    height: 1px;
    right: 100%;
    bottom: 0;
    width: 1000px;
    /*background: #47a3da;*/
}

.tabs nav li.tab-current:after {
    right: auto;
    left: 100%;
    width: 4000px;
}

.tabs nav a {
    font-weight: bold;
    font-size: 1.45em;
    line-height: 3.5;
    white-space: nowrap;
    margin-top: -16px;
    color: #fff;
    display: block;
    /*font-size: 1.45em;*/
    /*line-height: 2.5;*/
    padding: 0 1.25em;
    /*white-space: nowrap;*/
}

.tabs nav a:hover {
    color: #fff;
}

.tabs nav li.tab-current a {
    color: #fff;
}

/* Icons */
.tabs nav a:before {
    display: inline-block;
    vertical-align: middle;
    text-transform: none;
    font-weight: normal;
    font-variant: normal;
    font-family: 'icomoon';
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased;
    margin: -0.25em 0.4em 0 0;
}

.icon-food:before {
    content: "\e600";
}

.icon-lab:before {
    content: "\e601";
}

.icon-cup:before {
    content: "\e602";
}

.icon-truck:before {
    content: "\e603";
}

.icon-shop:before {
    content: "\e604";
}

/* Content */
.content section {

    width: 100%;
    /*font-size: 1.25em;*/
    font-size: 1em;
    margin-top:32px;
    /*padding: 3em 1em;*/
    display: none;
    /*max-width: 1230px;*/
    /*margin: 0 auto;*/
}

.content section:before,
.content section:after {
    content: '';
    display: table;
}

.content section:after {
    clear: both;
}

/* Fallback example */
.no-js .content section {
    display: block;
    padding-bottom: 2em;
    border-bottom: 1px solid #47a3da;
}

.content section.content-current {
    display: block;
}

.mediabox {
    float: left;
    width: 33%;
    padding: 0 25px;
}

.mediabox img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.mediabox h3 {
    margin: 0.75em 0 0.5em;
}

.mediabox p {
    padding: 0 0 1em 0;
    margin: 0;
    line-height: 1.3;
}

/* Example media queries */

@media screen and (max-width: 52.375em) {
    .tabs nav a span {
        display: none;
    }

    .tabs nav a:before {
        margin-right: 0;
    }

    .mediabox {
        float: none;
        width: auto;
        padding: 0 0 35px 0;
        font-size: 90%;
    }

    .mediabox img {
        float: left;
        margin: 0 25px 10px 0;
        max-width: 40%;
    }

    .mediabox h3 {
        margin-top: 0;
    }

    .mediabox p {
        margin-left: 40%;
        margin-left: calc(40% + 25px);
    }

    .mediabox:before,
    .mediabox:after {
        content: '';
        display: table;
    }

    .mediabox:after {
        clear: both;
    }
}

@media screen and (max-width: 32em) {
    .tabs nav ul,
    .tabs nav ul li a {
        width: 100%;
        padding: 0;
    }

    .tabs nav ul li {
        width: 20%;
        width: calc(20% + 1px);
        margin: 0 0 0 -1px;
    }

    .tabs nav ul li:last-child {
        border-right: none;
    }

    .mediabox {
        text-align: center;
    }

    .mediabox img {
        float: none;
        margin: 0 auto;
        max-width: 100%;
    }

    .mediabox h3 {
        margin: 1.25em 0 1em;
    }

    .mediabox p {
        margin: 0;
    }
}

#Bandeau{
    height: 45px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    /*width: 920px;*/
    top: 54px;
    z-index: 100;
}

.BandeauPrescripteur{
    height: 25px!important;
}
#DossierFicheSaisieRight{
    max-width: 250px !important;
}

/*#MotDePasseOublieFormulaire {
    background-color: orange;pour test
    margin-left: auto;
    margin-right: auto;
    margin-top: 33px;
    padding-bottom: 17px;
    padding-top: 13px;
    width: 287px;
    padding-bottom: 17px;
    display: none;

}*/

#OverlayMotDePasseOublieFormulaire{
    /*background-color: rgba(0,0,0,0.8);*/
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 100;
    left: 0;
    display: none;
}
/*////*/

#MotDePasseOublieFormulaire{
    margin-top: 33px;
    width: 287px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    padding-top: 8px;
    display: none;
    padding-bottom: 17px;
}

#MotDePasseOublieFormulaire .FormulaireLigne{
    color: #999999;
    margin-bottom: 14px;
    margin-left: 51px;
}

#MotDePasseOublieFormulaire .FormulaireAction{
    padding-left : 20px;
    padding-right: 20px;
}

#MotDePasseOublieFormulaire .FormulaireAction .ConnexionRetour{
    margin-top : 12px;
}

#MotDePasseOublieFormulaire .FormulaireLigne label{
    /*margin-bottom: 7px;*/
}

#MotDePasseOublieFormulaire .FormulaireLigne div{
    margin-top: 7px;
}

#MotDePasseOublieFormulaire .Pseudo label{
    background-image: url(/images/pictos/champ/buste.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

#MotDePasseOublieFormulaire .MotDePasse label{
    background-image: url(/images/pictos/champ/clef.png);
    background-repeat: no-repeat;
    padding-left: 20px;
}

#MotDePasseOublieFormulaire .FormulaireLigne .ChampInput{
    width: 170px;
    height: 25px;
    border: 1px solid #e4e2db;
}
#TitreMotDePasseOublie{
    background-size: 20px 20px;
    background-color: #ffffff;
    background-image: url("/images/pictos/titre/clef.png");
    background-position: 6px center;
    background-repeat: no-repeat;
    font-size: 16px;
    font-weight: bold;
    height: 44px;
    line-height: 40px;
    padding-left: 40px;
    /*padding-bottom: 20px;*/
    margin-left: 25px;

}
.DossierDuFlux{
    display: none;
}


.LienPrescripteur{
    cursor: pointer;
}



/* Message de chargement de la page */
.BoxChargement {
    display:    none;
    position:   fixed;
    z-index:    1001;
    background-color:white;
    opacity: 0.80;
    text-align: center;
    margin: auto;

    width: 920px;
    left: 0 !important;
    right: 0 !important;


}
.BoxChargement span {
    display:block;
    background: rgba( 255, 255, 255, 0 )
        url(/images/loadingAnimation.gif)
        center center
        no-repeat;
    font-size: 20px;
    position: fixed;
    font-weight:bold;
    bottom: 50%;
    left: 0;
    width: 100%;


}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
    overflow: hidden;

}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .BoxChargement {
    display: block;
}

.Description {
    font-size: 12px;
    font-style: italic;
    line-height: 2em;
    font-weight:normal;
}

.InputSize30{
    width: 30px!important;
}

.SizeTextareaNotaire{
    height: 36px;
    /*width: 225px;*/
}

/*Partie Etude - DIAGNOSTIC - Table solution */

.SolutionTdSizeDuree{
    width: 96px;
}
.SolutionTdSizeTauxNominal{
    width: 94px;
}
.SolutionTdSizeMensualiteHorsAssurance{
    width: 161px;
}
.SolutionTdSizeTauxAssurance{
    width: 154px;
}
.SolutionTdSizeMensualiteAvecAssurance{
    width: 167px;
}
.SolutionTdSizeTaeg{
    width: 57px;
}
.SolutionTdSizeTauxDusure{
    /*width: 131px;*/
}

.TauxUsureOk {
    background-color: #9ABFA6;

}

.TauxUsurePasOk {
    background-color: #C47D7D;

}
/* icone pour le taux d'usure et nominal '*/

/*Partie Etude - PLAN DE FINANCEMENT- Table Frais */

.FraisTdSizeMontant{
    width: 171px;
}
.FraisTdSizeModeCalcul{
    width: 272px;
}
.FraisTdSizeTauxt{
    width: 138px;
}
.FraisTdSizeMontantMaxi{
    width: 157px;
}

.CheckBoxPieceDossier{
    vertical-align: top;
}

.MaxHeightPJ{
    max-height: 352px;
    overflow-y: auto;
    overflow-x: hidden;
}

.MaxHeightProfil{
    max-height: 265px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* Partie parametrage */
#Block-Tiny-Parametre{
    width:50%;
    float: left;
}
#Block-Texte-Parametre{
    margin-left: 8px;
    text-align: left;
    width: 47%;
    float: right;
}
#Block-Texte-Parametre p{
    font-style: italic;
}
.Tabulation{
    margin-left: 20px;
}
#ConventionHonoraireTexteLegal{
    height: 100%;
}

.TextDisable{
    text-decoration:line-through;
    font-style: italic;
}

.DivProfil .select2-choices li{
    float:none !important;
    white-space:nowrap;
}
.DivProfil .select2-choices,
.Colonne1Tier .select2-choices{
    min-width: 250px;
    max-width: 280px;
}
.Width300{
    width: 300px;
}


.MensualiteCredit input[disabled]+label:after {
    display: none;
}

.MensualiteCredit input[disabled]+label:before {
    background-color: #fafaf8;
    box-shadow: inset 0 0 3px hsla(0, 0%, 26%, 0.65);
    opacity: .6;
}

#ui-datepicker-div{
    z-index: 1002 !important;
}

.NormalFont{
    font-size: 12px;
    font-style: normal;
    line-height: 0;
    text-transform: none;
    font-weight: normal;
}

#TotalRevenus{
    border-top: 1px double black;
    font-weight: bold;
    text-align: right;
    display: none;
}

#LibelleTotalRevenus{
    margin-top: 5px;

}

#ResultatTotalRevenus{
    margin-left: 5px;
}
#TotalCharges{
    border-top: 1px double black;
    font-weight: bold;
    text-align: right;
    display: none;
}

#LibelleTotalCharges{
    margin-top: 5px;

}

#ResultatTotalCharges{
    margin-left: 5px;
}

.Echange{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #2F3741;
}

.LienJs{
    cursor: pointer;
}

.EchangeTexte{
    width: 95%;
    height: 150px;
}

.tabsItem{
    position: relative;
}

.tabsItemNum{
    display: block;
    position: absolute;
    right: -12px;
    top: -12px;
    background-color: #a52005;
    width: 25px;
    color: #FFFFFF;
    font-weight: bold;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    height: 22px;
    padding-top: 3px;
    z-index: 999;
}