/******************PAGE CONNEXION ENTREPRISE******************/

.home-texte-adhésion {
    police-family: 'robotolight';
    marge inférieure : 17px ;
    taille de police : 12px ;
    hauteur de ligne : 16 px ;
}

h2.titre-vert-login {
    couleur : #f9883c ;
    taille de police : 14px ;
    marge : 0px ;
    marge inférieure : 8 px ;
    espacement des lettres : 0,1 px ;
    police-family: 'ralewaybold';
}

h2.titre-vert-login img {
    largeur : 25 px ;
    marge droite : 4px ;
}

.bloc-titre-entreprise {
    couleur de fond : rgba(0, 0, 0, 0.3);
    marge intérieure : 30 px ;
}

/******************PAGE CONNEXION EXPERT COMPTABLE******************/

div#login-expert-comptable div.connexion {
    position : hériter de !important ;
    haut : hériter de !important ;
    marge intérieure : 100px 0px 130px 0px ;
    image de fond : url(../img/home/fond-comtpable2.jpg);
    taille de fond : couverture ;
}

div#login-expert-comptable .btn-next {
    couleur de fond : #51a4ea ;
    couleur : #fff ;
    bordure inférieure : 2px solide #376c98 ;
    police-family: 'robotolight';
    transition : 1s ;
}

div#login-expert-comptable .btn-next:hover {
    bordure inférieure : 2px solide #51a4ea ;
    police-family: 'robotolight';
    transition : 1s ;
}

div#login-expert-comptable a.forgot-login {
    couleur : #51a4ea ;
}

.titre-form-login.espace-expert-comptable {
    couleur de fond : #51a4ea ;
}

/* bordure */
hr.trait-titre-expert-c {
    bordure supérieure : 1px solide #51a4ea ;
    marge supérieure : 0px !important ;
}

hr.trait-titre-cga {
    bordure supérieure : 1px solide #dc5454 ;
    marge supérieure : 0px !important ;
}

hr.trait-titre-ent {
    bordure supérieure : 1px solide #4EB493 ;
    marge supérieure : 0px !important ;
    marge inférieure : 10px ;
}

/*****************CONNEXION À LA PAGE CGA*****************/

div#login-cga div.connexion {
    position : hériter de !important ;
    haut : hériter de !important ;
    marge intérieure : 130px 0px ;
    image de fond : url(../img/home/fond-cga2.jpg);
    taille de fond : couverture ;
}

.titre-form-login.espace-cga {
    couleur de fond : #dc5454 ;
}


/******************PAGE CONNEXION MULTI ESPACE******************/


/* Page d'accueil */
h1.titre-blanc {
    couleur : blanc ;
    police-family: 'ralewaybold';
    taille de police : 35 px ;
    espacement des lettres : 0,5 px ;
    marge : 0 ;
}

@media (max-width: 1200px) {
    h1.titre-blanc {
        taille de police : 25 px ;
    }    
}
/*Bas de page*/
h2.titre-noir {
    taille de police : 23 px ;
    couleur : #0000008c ;
    police-family: 'robotolight';
    marge : 0px ;
}

h3.titre-orange {
    police-family: "ralewaybold";
    text-transform: uppercase;
    espacement des lettres : 0,5 px ;
    taille de police : 15 px ;
    hauteur de ligne : 20px ;
    marge supérieure : 0px ;
    couleur : #fa883d ;
}

p.description3 {
    police-family: 'robotolight';
    taille de police : 17 px ;
    couleur : blanc ;
    hauteur de ligne : 24px ;
}


@media (max-width: 1200px) {
    p.description3 {
        taille de police : 14px ;
    }    
}

p.opacite {
    couleur : #ffffffbd ;
}

p.description span {
    police-family: 'robotoregular';
}

p.blanc {
    police-family: 'robotoregular';
    couleur : blanc ;
}

@media (max-width: 1024px) {
    .titre-service-espace {
        affichage : aucun !important ;
    }
}

.border-cga h3 {
    couleur : blanc ;
}

.border-comptable h3 {
    couleur : blanc ;
}

.border-contribuable h3 {
    couleur : blanc ;
}

.border-particulier h3 {
    couleur : blanc ;
}
.border-orange-light {
    bordure-radius: 3px;
    fond : blanc ;
    bordure gauche : 10px solide #f9883c70 ;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    transition : 1s ;
}

.border-orange-light:hover {
    ombre portée : aucune ;
    transition : 1s ;
}
.border-cga {
    arrière-plan : #dc5454 ;
    box-shadow: 0px 10px 30px 0px rgba(181, 69, 69, 0.3);
    transition : 1s ;
    bordure-radius: 3px;
}

.border-cga:hover {
    arrière-plan : #c54f4f ;
    ombre portée : aucune ;
    transition : 1s ;
}

.border-comptable {
    arrière-plan : #51a4ea ;
    bordure-radius: 3px;
    box-shadow: 0px 10px 30px 0px rgba(68, 138, 197, 0.3);
    transition : 1s ;
}

.border-comptable:hover {
    arrière-plan : #448ac5 ;
    ombre portée : aucune ;
    transition : 1s ;
}

.border-contribuable {
    arrière-plan : #00b595 ;
    box-shadow: 0px 10px 30px 0px rgba(0, 136, 112, 0.3);
    transition : 1s ;
    bordure-radius: 3px;
}

.border-contribuable:hover {
    ombre portée : aucune ;
    transition : 1s ;
    arrière-plan : #00a587 ;
}

.border-particulier {
    arrière-plan : #f9883c ;
    box-shadow: 0px 10px 30px 0px rgba(249, 136, 60, 0.3);
    transition : 1s ;
    bordure-radius: 3px;
}

.border-particulier:hover {
    ombre portée : aucune ;
    transition : 1s ;
    arrière-plan : #e47b34 ;
}

/* fléchir */
.fléchir {
    affichage : flexible ;
}
@media (max-width: 414px) {
    .menu .flex-annul-tab {
        affichage : hériter de !important ;
    }
}
@media (max-width:768px) {
    .phone-flex-row-start-center {
        affichage : flexible ;
        direction flexible : ligne ;
        justify-content: flex-start !important;
        aligner les éléments : centrer ;
    }
    .flex-annul-tab {
        affichage : hériter de !important ;
    }
    
    .bloc-btn-espace {
        marge inférieure : 20px ;
    }
}

/*Fin Bas de page*/


/* boutons , liens */
.switchLocaleLink a {
    couleur : noir ;
    taille de police : 12px ;
    marge gauche : 5px ;
    police-family: 'robotobold';
    text-decoration: aucune;
}
.switchLocaleLink a:hover {
    décoration de texte : soulignement ;
}

.home-zone-login .switchLocaleLink a {color: white !important;}

.espace-ent .switchLocaleLink a,
.espace-cga .switchLocaleLink a,
.espace-expert-comptable .switchLocaleLink a {
    couleur : noir !important ;
}

.btn-espace {
    couleur : #404040 ;
    marge droite : 8px ;
    espacement des lettres : 0,1 px ;
    taille de police : 12px ;
    transition : 1s ;
    marge intérieure : 7px 15px ;
    bordure-radius: 3px;
}
@media (max-width:768px) {
    .btn-espace {
        couleur : #404040 ;
        marge droite : 3px ;
        espacement des lettres : 0,1 px ;
        taille de police : 11 px ;
        transition : 1s ;
        marge intérieure : 7px 7px ;
    }
}


.btn-espace.contribuable {
    bordure : 1px solide #00b595 ;
    couleur : #00b595 ;
    transition : 1s ;
}

.btn-espace.contribuable::avant {
    contenu: '';
    largeur : 18px ;
    hauteur : 18px ;
    image de fond : url(../img/home/contri-color.svg);
    taille de fond : 18px ;
    background-repeat: no-repeat;
    position-arrière-plan-x : 0 ;
    position-arrière-plan-y : centre ;
    marge droite : 6px ;
    transition : 1s ;
}

.btn-espace.contribuable:survol {
    arrière-plan : #00b595 ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-espace.contribuable:hover::avant {
    image de fond : url(../img/home/contri.svg);
    transition : 1s ;
}

.btn-espace.contribuable:not(hover)::avant {
    transition : 1s ;
}

.btn-espace.comptable {
    bordure : 1px solide #51a4ea ;
    couleur : #51a4ea ;
    transition : 1s ;
    espace blanc : nowrap ;
}

.btn-espace.comptable::avant {
    contenu: '';
    largeur : 18px ;
    hauteur : 18px ;
    image de fond : url(../img/comptable-color.svg);
    taille de fond : 16px ;
    background-repeat: no-repeat;
    position-arrière-plan-x : 0 ;
    position-arrière-plan-y : centre ;
    marge droite : 6px ;
    transition : 1s ;
}


.btn-espace.comptable:hover {
    arrière-plan : #51a4ea ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-espace.comptable:hover::avant {
    image de fond : url(../img/comptable.svg);
    transition : 1s ;
}

.btn-espace.comptable:not(hover)::avant {
    transition : 1s ;
}


.btn-espace.particulier {
    bordure : 1px solide #f9883c ;
    couleur : #f9883c ;
}

.btn-espace.particulier::avant {
    contenu: '';
    largeur : 18px ;
    hauteur : 18px ;
    image de fond : url(../img/mobile-color.svg);
    taille de fond : 16px ;
    background-repeat: no-repeat;
    position-arrière-plan-x : 0 ;
    position-arrière-plan-y : centre ;
    marge droite : 6px ;
    transition : 1s ;
}

.btn-espace.particulier:hover {
    arrière-plan : #f9883c ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-espace.particulier:hover::before {
    image de fond : url(../img/mobile.svg);
    transition : 1s ;
}

.btn-espace.particulier:not(hover)::before {
    transition : 1s ;
}

.btn-espace.cga {
    bordure : 1px solide #dc5454 ;
    couleur : #dc5454 ;
}

.btn-espace.cga::avant {
    contenu: '';
    largeur : 18px ;
    hauteur : 18px ;
    image de fond : url(../img/management-color.svg);
    taille de fond : 15px ;
    background-repeat: no-repeat;
    position-arrière-plan-x : 0 ;
    position-arrière-plan-y : centre ;
    marge droite : 5px ;
    transition : 1s ;
}

.btn-espace.cga:hover {
    arrière-plan : #dc5454 ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-espace.cga:hover::before {
    image de fond : url(../img/management.svg);
    transition : 1s ;
}
.btn-espace.cga:not(hover)::before {
    transition : 1s ;
}

.btn-espace.immatriculation {
    bordure : 1px solide #9F81F7 ;
    couleur : #9F81F7 ;
    transition : 1s ;
    espace blanc : nowrap ;
}

.btn-espace.immatriculation::avant {
    contenu: '';
    largeur : 18px ;
    hauteur : 18px ;
    image de fond : url(../img/immat-simplifiee-1.svg);
    taille de fond : 16px ;
    background-repeat: no-repeat;
    position-arrière-plan-x : 0 ;
    position-arrière-plan-y : centre ;
    marge droite : 6px ;
    transition : 1s ;
}

.btn-espace.immatriculation:hover {
    arrière-plan : #9F81F7 ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-espace.immatriculation:hover::avant {
    image de fond : url(../img/immat-simplifiee-2.svg);
    transition : 1s ;
}

.btn-espace.immatriculation:not(hover)::before {
    transition : 1s ;
}

.btn-espace.fne {
    bordure : 1px solide #890F0F ;
    couleur : #890F0F ;
    transition : 1s ;
    espace blanc : nowrap ;
}

.btn-espace.fne::avant {
    contenu: '';
    largeur : 18px ;
    hauteur : 18px ;
    image de fond : url(../img/fne-1.png);
    taille de fond : 16px ;
    background-repeat: no-repeat;
    position-arrière-plan-x : 0 ;
    position-arrière-plan-y : centre ;
    marge droite : 6px ;
    transition : 1s ;
}

.btn-espace.fne:hover {
    arrière-plan : #890F0F ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-espace.fne:hover::before {
    image de fond : url(../img/fne-2.png);
    transition : 1s ;
}

.btn-espace.fne:not(hover)::before {
    transition : 1s ;
}

@media (max-width: 768px) {
    /*.btn-espace.immatriculation::before,*/
    .btn-espace.cga::avant,
    .btn-espace.particulier::avant,
    .btn-espace.comptable::avant,
    .btn-espace.contribuable::avant {
        affichage : aucun ;
    }
}

div#cga .btn-next {
    couleur de fond : #dc5454 ;
    couleur : #fff ;
    bordure inférieure : 2px solide #a04141 ;
    police-family: 'robotolight';
    transition : 1s ;
}

div#cga .btn-next:hover {
    bordure inférieure : 2px solide #dc5454 ;
    police-family: 'robotolight';
    transition : 1s ;
}

div#cga a.forgot-login {
    couleur : #dc5454
}

.btn-orange-login {
    couleur de fond : #f9883c ;
    couleur : #fff ;
    bordure inférieure : 2px solide #c16e36 ;
    police-family: 'robotolight';
    transition : 1s ;
}
.btn-orange-login:hover {
    couleur de fond : #D76812 ;
    transition : 0,5 s ;
    bordure inférieure : 2px solide #c16e36 ;
    couleur : blanc ;
    text-decoration: aucune;
}

.btn-orange-login:not(hover) {transition: .5s;}

a.lien-bloc {
    couleur : hériter ;
    affichage : bloc ;
}
a.lien-bloc:survol {
    couleur : hériter ;
    text-decoration: aucune;
}

a.lien-bloc div.border-orange-light {
    transition : 1s ;
}

a.linkImg {
    affichage : bloc ;
    curseur : pointeur ;
    marge supérieure : 15px ;
}
a.linkImg figure {
    marge : 0px ;
    marge intérieure : 0 px ;
}
a.linkImg img {width: 400px;}

/**************** Multi ESPACE******************/


/* TABLE DE DONNÉES */




.espace-oec .bouton-datatable {
    bordure : 1px solide #51a4ea ;
    couleur : #dc5454 ;
}

.espace-oec .bouton-datatable:visité,
.espace-oec .bouton-datatable:focus,
.espace-oec .bouton-datatable:actif,
.espace-oec .bouton-datatable:lien {
    couleur : #51a4ea ;
}

.espace-oec .bouton-datatable:hover {
    arrière-plan : #51a4ea ;
    couleur : blanc ;
}

.espace-cga .bouton-datatable {
    bordure : 1px solide #dc5454 ;
    couleur : #dc5454 ;
}

.espace-cga .bouton-datatable:visité,
.espace-cga .bouton-datatable:focus,
.espace-cga .bouton-datatable:actif,
.espace-cga .bouton-datatable:lien {
    couleur : #dc5454 ;
}

.espace-cga .bouton-datatable:hover {
    arrière-plan : #dc5454 ;
    couleur : blanc ;
}

.espace-ent .bouton-datatable {
    bordure : 1px solide #228978 ;
    couleur : #228978 ;
}

.espace-ent .bouton-datatable:visité,
.espace-ent .bouton-datatable:focus,
.espace-ent .bouton-datatable:actif,
.espace-ent .bouton-datatable:lien {
    couleur : #228978 ;
}

.espace-ent .bouton-datatable:hover {
    arrière-plan : #228978 ;
    couleur : blanc ;
}

.bouton-datatable {
    arrière-plan : #ffffff ;
    marge intérieure : 3 px 12 px ;
    espacement des lettres : 0,3 px ;
    taille de police : 11 px ;
    bordure-radius: 2px;
    affichage : bloc en ligne ;
    bordure : 1px solide #f66300 ;
}

.bouton-datatable-orange {
    arrière-plan : #f66300 ;
    marge intérieure : 3 px 12 px ;
    espacement des lettres : 0,3 px ;
    taille de police : 11 px ;
    bordure-radius: 2px;
    affichage : bloc en ligne ;
    bordure : 1px solide #f66300 ;
	couleur : #ffffff ;
    text-decoration: aucune;
	largeur : 100 px ;
	text-align: centre;
	police-weight: medium;
}


.bouton-datatable-orange:lien {
    couleur : #ffffff ;
	text-decoration: aucune;
}

.bouton-datatable-orange:hover {
    arrière-plan : #d65600 ;
    couleur : blanc ;
}


.bouton-datatable-vert {
    arrière-plan : #228978 ;
    marge intérieure : 3 px 12 px ;
    espacement des lettres : 0,3 px ;
    taille de police : 11 px ;
    bordure-radius: 2px;
    affichage : bloc en ligne ;
    bordure : 1px solide #228978 ;
	couleur : #ffffff ;
    text-decoration: aucune;
	largeur : 100 px ;
	text-align: centre;
	police-weight: medium;
}


.bouton-datatable-vert:lien {
    couleur : #ffffff ;
	text-decoration: aucune;
}

.bouton-datatable-vert:hover {
    arrière-plan : #009177 ;
    couleur : blanc ;
}


.bouton-datatable:visité,
.bouton-datatable:focus,
.bouton-datatable:actif,
.bouton-datatable:lien {
    text-decoration: aucune;
}

.bouton-datatable:hover {
    transition : 1s ;
    text-decoration: aucune;
    couleur : blanc !important ;
}
.bouton-datatable:not(hover) {
    transition : 1s ;
    text-decoration: aucune;
}
/*italique*/
#dt-liste-adherent tbody tr td:nth-enfant(3),
#dt-liste-adherent tbody tr td:nth-enfant(4),
#dt-liste-liasse-comptable tr td:nth-child(4),
#dt-liste-liasse-comptable tr td:nth-child(5),
#dt-liste-liasse-comptable tr td:nth-child(6),
#dt-dernières-liasses-a-attester tr td:nth-child(4),
#dt-dernières-liasses-a-attester tr td:nth-child(5),
#dt-dernières-liasses-a-attester tr td:nth-child(6),
#dt-docs-formulaire-demande-attestation tr td:nth-child(5),
#dt-suivi-avancement-demande-attestation tr td:nth-child(1),
#dt-liste-demandes-exoneration-tva tr td:nth-enfant(5),
#dt-demandes-attestations tr td:nth-child(3),
#dt-demandes-attestations tr td:nth-child(4),
.liste-declaration- exécuter table tbody tr td:nth-child(5),
.liste-declaration- exécuter table tbody tr td:nth-child(7),
#dt-demandes-remboursement-tva tr td:nth-child(2),
#dt-demandes-remboursement-tva tr td:nth-child(3),
#dt-documents tr td:nth-enfant(2),
#dt-declaration-workflow tr td:nth-enfant(1),
#dt-declaration-pièces-jointes tr td:nth-enfant(4),
#dt-paiements-effectuer tr td:nth-child(2),
#dt-paiements-effectuer tr td:nth-child(4),
#dt-déclarations-historiques tr td:nth-enfant(4),
#dt-déclarations-historiques tr td:nth-enfant(5),
#dt-utilisateurs tr td:nth-child(3),
.déclaration-présentation tr td:nth-enfant(3),
.déclaration-présentation tr td:nth-enfant(6),
.déclaration-présentation tr td:nth-enfant(7),
#dt-liste-paiements tr td:nth-enfant(2),
#dt-liste-paiements tr td:nth-child(4) {
    style de police : italique ;
    couleur : gris ;
}
/*Fort*/
#dt-liste-adherent tbody tr td:nth-enfant(2),
#dt-liste-liasse-comptable tr td:nth-child(2),
#dt-dernières-liasses-a-attester tr td:nth-child(2),
#dt-docs-formulaire-demande-attestation tr td:nth-child(1),
#dt-suivi-avancement-demande-attestation tr td:nth-child(2),
#dt-liste-demandes-exoneration-tva tr td:nth-enfant(2),
#dt-demandes-attestations tr td:nth-child(2),
.liste-declaration- exécuter table tbody tr td:nth-child(4),
#dt-demandes-remboursement-tva tr td:nth-child(6),
#dt-documents tr td:nth-enfant(1),
#dt-paiements-effectuer tr td:nth-child(1),
#dt-déclarations-historiques tr td:nth-enfant(2),
#dt-utilisateurs tr td:nth-child(4),
.déclaration-présentation tr td:nth-enfant(2),
#dt-liste-paiements tr td:nth-child(1){
    police-family: 'robotobold';
}

/* image */
img.icône-flèche-15 {
    largeur : 13 px ;
    opacité : 0,5 ;
    marge droite : 5px ;
}

img.img-frag {
    largeur : 20 px ;
    marge gauche : 3 px ;
}

a.btn-espace img {
    largeur : 20 px ;
    marge droite : 10px ;
}

img.titre-connexion {
    largeur : 20 px ;
    marge droite : 8px ;
    opacité : 0,6 ;
}

figure.container-icone-login-se {
    arrière-plan : #f9883c ;
    marge intérieure : 10px ;
    bordure-radius: 3px;
    marge droite : 13px ;
    largeur : 30 px ;
    hauteur : 30px ;
    affichage : flexible ;
    justifier-contenu : centre ;
    aligner les éléments : centrer ;
    marge supérieure : 1 px ;
}

@media (max-width:1024px) {
  figure.container-icone-login-se {
affichage : aucun
}  
}

.border-cga figure {
    arrière-plan : #c54f4f ;
    marge intérieure : 10px ;
    bordure-radius: 3px;
    affichage : bloc en ligne ;
}

.border-comptable figure {
    arrière-plan : #448ac5 ;
    marge intérieure : 10px ;
    bordure-radius: 3px;
    affichage : bloc en ligne ;
}

.figure contribuant à la bordure {
    arrière-plan : #00a587 ;
    marge intérieure : 10px ;
    bordure-radius: 3px;
    affichage : bloc en ligne ;
}

.border-particulier figure {
    arrière-plan : #e47b34 ;
    marge intérieure : 10px ;
    bordure-radius: 3px;
    affichage : bloc en ligne ;
}

.border-immatriculation chiffre {
    arrière-plan : #9F81F7 ;
    marge intérieure : 10px ;
    bordure-radius: 3px;
    affichage : bloc en ligne ;
}

img.icone-login-se {
    largeur : 12 px ;
}

img.icône-login-e {
    largeur : 30 px ;
}

img.img-blog {
    largeur : 100 % ;
}


/* bloc */

.bloc-vert-border {
    bordure gauche : 5px solide #56A691 ;
}

.bloc-orange-border {
    bordure gauche : 5px solide #F66300 ;
}

.bloc-orange-border h2 {
    couleur : #F66300 !important ;
}

@media (max-width:414px) {
    .bloc-btn-espace {
        marge inférieure : 20px ;
    }
}
@media (max-width:768px) {
    .connexion-module2 {
        affichage : flexible ;
        direction flexible : colonne !important ;
        justificatif-contenu : espace-entre ;
        align-items: flex-start;
    }
    .connexion-module2 .w-50 {
        largeur : 100 % ;
    }
}

div.bandeau-actu {
    marge intérieure supérieure : 40 px ;
    marge inférieure : 40px ;
}

div.bloc-actualite {
    fond : blanc ;
    bordure-radius: 3px;    
    bordure : 0,5 px solide #80808036 ;
}

div.menu-espace {
    marge intérieure : 10px 0px ;
    arrière-plan : #80808012 ;
    bordure supérieure : 0,5px solide #80808059 ;
}

/* MESSAGE UTILE ET MESSAGE IMPORTANT*/

/*IMPORTANT*/
div.bloc-information-rouge {
    arrière-plan : #ffd2d285 ;
    marge intérieure : 25 px ;
    bordure gauche : 3px solide #f94848 ;
}

div.bloc-information-rouge h5 {
    police-family: 'ralewaybold';
    text-transform: uppercase;
    taille de police : 12px ;
    espacement des lettres : 0,5 px ;
    couleur : #f94848 ;
    marge : 0px 0px 10px 0px ;
}

div.bloc-information-rouge p {
    police-family: 'robotolight';
    taille de police : 13 px ;
    marge inférieure : 0px ;
}

/*UTILE*/
div.bloc-information {
    bordure : 1px solide #80808038 ;
}

div.bloc-information h5 {
    marge intérieure : 10px ;
    bordure inférieure : 0,5 px solide #80808038 ;
    arrière-plan : #f8f8f8 ;
    marge : 0px !important;
    text-transform: uppercase;
    police-family: 'ralewaybold';
    espacement des lettres : 0,5 px ;
    taille de police : 12px ;
    hauteur de ligne : 15px ;
}

div.bloc-information p {
    couleur : #626262 ;
    espacement des lettres : 0,1 px ;
    marge : 0px ;
}

.bloc-information étiquette {
    marge : 0px ;
}

.bloc-information img.xml {
    largeur : 14px ;
    marge droite : 5px ;
}

.bloc-information-vert {
    couleur de fond : rgba(0, 187, 154, 0.31);
    couleur : #046d56 ;
    marge intérieure : 15 px ;
    bordure gauche : 4px solide #046d56 ;
}

.bloc-information-vert p {
    marge inférieure : 0px ;
    police-family: 'robotolight';
}

.bloc-information-vert span {
    marge inférieure : 0px ;
    police-family: 'robotomedium';
}

.édition-état {
    marge intérieure : 15px 20px ;
    arrière-plan : #f7f7f7 ;
    affichage : flexible ;
    direction flexible : ligne ;
    justificatif-contenu : espace-entre ;
    aligner les éléments : centrer ;
}

.édition-état-colonne {
    marge intérieure : 15px 20px ;
    arrière-plan : #f7f7f7 ;
    affichage : flexible ;
    direction flexible : colonne ;
    justificatif-contenu : espace-entre ;
    align-items: flex-start;
}

div.bloc-adhésion, div.bloc-adhésion-mobile {
    z-index: 10;
    largeur : 400 px ;
    couleur de fond : rgba(236, 236, 236, 0.90);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    ombre portée : 0px 0px 10px 0px rgba(0,0,0,0.4);
    bordure-radius: 3px;
    marge intérieure : 20px ;
    bordure gauche : 10px solide #f9883c91 ;
}

@media (max-width: 768px) {
    div.bloc-adhésion, div.bloc-adhésion-mobile {
        largeur : 313px ;
        marge supérieure : 20px ;
    }
}




h1.titre-blanc span.comptable {
    couleur : #51a4ea ;
}

h1.titre-blanc span.cga {
    couleur : #dc5454 ;
}

h1.titre-blanc span.ent {
    couleur : #4EB493 ;
}

p.date {
    marge : 0px ;
    taille de police : 13 px ;
    espacement des lettres : 0,2 px ;
    couleur : #6565657d ;
}

/**************** ESPACE ENTREPRISE **************/
#dt-liste-demandes-exoneration-tva_wrapper table tr th,
#dt-liste-demandes-exoneration-tva_wrapper table tr td {
    text-transform: uppercase;
}

.espace-ent .titre-recherche {
    taille de police : 13 px ;
    couleur : #009177 ;
    police-family: 'ralewaybold';
    text-transform: uppercase;
    espacement des lettres : 0,8 px ;
    marge : 0 0 20px 0 ;
}

.espace-ent .bloc-connexion h3 {
    police-family: 'ralewaybold';
    text-transform: uppercase;
    taille de police : 13 px ;
    espacement des lettres : 0,5 px ;
    couleur : #009177 ;
    marge : 0px ;
}

.espace-ent div.bloc-connexion {
    bordure gauche : 1px solide #00917780 ;
    marge intérieure gauche : 15px ;
}

.espace-ent .bloc-vert-border {
    bordure gauche : 5px solide #009177 ;
}

.espaceur h2.nouveau-titre.vert,
.espaceur h2 {
    taille de police : 20px ;
    marge : 0px ;
    couleur : #009177 ;
    police-family: 'robotolight';
    marge inférieure : 4px !important ;
}

.espace-ent h2.nouveau-titre.vert, .espace-ent h2 {
    taille de police : 20px ;
    marge : 0px ;
    couleur : #009177 ;
    police-family: 'robotolight';
    marge inférieure : 15px ;
}

.espace-ent h2.new-title.orange {
    taille de police : 20px ;
    marge : 0px ;
    couleur : #F66300 ;
    police-family: 'robotolight';
    marge inférieure : 15px ;
}

#dt-suivi-avancement-demande-attestation_wrapper .dataTables_filter{
    marge intérieure supérieure : 0px;
}

.en-tete-gris-fonce thead tr th {text-transform: uppercase;}

.espace-ent .paiements-box .btn-orange {
    couleur : #F66300 ;
    taille de police : 12px ;
    bordure : 0,5 px solide #F6630085 ;
    marge intérieure : 10px 17px ;
    bordure-radius: 5px;
    transition : 1s ;
}

.espace-ent .paiements-box .btn-orange:hover {
    arrière-plan : #F6630040 ;
    transition : 1s ;
    text-decoration: aucune;
    bordure : 0,5px solide #F6630040 ;
}

.espace-ent .paiements-box .btn-gris {
    couleur : #757474 ;
    taille de police : 12px ;
    bordure : 0,5 px solide #7574748f ;
    marge intérieure : 10px 17px ;
    bordure-radius: 5px;
    transition : 1s ;
}

.espace-ent .paiements-box .btn-gris:hover {
    arrière-plan : #75747438 ;
    transition : 1s ;
    text-decoration: aucune;
    bordure : 0,5 px solide #75747438 ;
}

/* TOUTES LES COULEURS */
.btn-send {
    police-family: 'robotoregular';
    couleur : blanc ;
    marge intérieure : 13px 21px ;
    bordure-radius: 2px;
    bordure supérieure : 0px ;
    bordure droite : 0px ;
    bordure gauche : 0px ;
    taille de police : 13 px ;
    espacement des lettres : 0,3 px ;
    box-shadow: 0px 3px 20px 0px rgba(0, 56, 46, 0.2);
    affichage : bloc en ligne ;
    text-decoration: aucune;
    text-align: centre;
    curseur : pointeur ;
}

/*Bouton Bleu*/
.espace-oec .btn-send {
    arrière-plan : #51a4ea ;
    bordure inférieure : 2px solide #448DCA ;
}

.espace-oec .btn-send:hover {
    arrière-plan : #448DCA ;
    ombre portée : aucune !important ;
    transition : 1s ;
    couleur : blanc ;
    text-decoration: aucune;
}

.espace-oec .btn-send:not(hover) {
    transition : 1s ;
}

/*Bouton rouge*/
.espace-cga .btn-send {
    arrière-plan : #dc5454 !important ;
    bordure inférieure : 2px solide #a04141 ;
}

.espace-cga .btn-send:hover {
    ombre portée : aucune !important ;
    transition : 1s ;
    arrière-plan : #A5473F ;
    couleur : blanc ;
    text-decoration: aucune;
}

.espace-cga .btn-send:not(hover) {
    transition : 1s ;
}

/*Bouton gris*/
.btn-retour {
    arrière-plan : #C1CAD2 ;
    couleur : blanc ;
    bordure supérieure : 0px ;
    bordure droite : 0px ;
    bordure gauche : 0px ;
    marge intérieure : 13px 21px ;
    bordure-radius: 2px;
    taille de police : 13 px ;
    espacement des lettres : 0,3 px ;
    box-shadow: 0px 3px 20px 0px rgba(0, 56, 46, 0.2);
    affichage : bloc en ligne ;
    text-decoration: aucune;
    bordure inférieure : 2px solide #A7ADB5 ;
    text-align: centre;
    curseur : pointeur ;
    police-family: 'robotoregular';
}

.btn-retour:hover {
    ombre portée : aucune !important ;
    transition : 1s ;
    arrière-plan : #A7ADB5 ;
    couleur : blanc ;
    text-decoration: aucune;
}

.btn-retour:not(hover) {
    transition : 1s ;
}

/*Bouton contour vert*/
.btn-comptable {
    fond : blanc ;
    bordure : 1px solide #009177 ;
    couleur : #009177 ;
    taille de police : 12px ;
    marge intérieure : 9px 20px ;
    bordure-radius: 2px;
    police-family: 'robotomedium';
    espacement des lettres : 0,2 px ;
    affichage : bloc en ligne ;
    text-align: centre;
}

.btn-comptable i {
    taille de police : 15 px ;
    marge droite : 4px ;
}

.btn-comptable:hover i {
    taille de police : 15 px ;
    couleur : blanc ;
     transition : 1s ;
}

.btn-comptable:not(hover) {
    transition : 1s ;
}


.btn-comptable:hover {
    arrière-plan : #009177 ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

.btn-comptable:not(hover) {
    transition : 1s ;
}

/*Bouton vert*/
.espace-ent .btn-send, .espace-eavis .btn-send {
    arrière-plan : #32bda3 ;
    bordure inférieure : 2px solide #2ba68f ;
}

.espace-ent .btn-send:hover, .espace-eavis .btn-send:hover {
    ombre portée : aucune !important ;
    transition : 1s ;
    arrière-plan : #2ba68f ;
    couleur : blanc ;
    text-decoration: aucune;
}

.espace-ent .btn-send:not(hover), .espace-eavis .btn-send:not(hover) {
    transition : 1s ;
}

/*Bouton orange*/
.btn-send-orange {
    arrière-plan : #F66300 ;
    couleur : blanc ;
    bordure supérieure : 0px ;
    bordure droite : 0px ;
    bordure gauche : 0px ;
    marge intérieure : 13px 21px ;
    bordure-radius: 2px;
    taille de police : 13 px ;
    espacement des lettres : 0,3 px ;
    box-shadow: 0px 3px 20px 0px rgba(0, 56, 46, 0.2);
    affichage : bloc en ligne ;
    bordure inférieure : 2px solide #d65600 ;
    text-align: centre;
    curseur : pointeur ;
    police-family: 'robotoregular';
}

.btn-send-orange:hover {
    arrière-plan : #d65600 ;
    couleur : blanc ;
    text-decoration: aucune;
    transition : 1s ;
}

.btn-send-orange[désactivé] {
    arrière-plan : #FDC599 ;
    bordure inférieure : 1px solide #F66300 ;
}

.btn-send-orange:not(hover) {
    transition : 1s ;
}

.bouton-tab-gris {
    arrière-plan : #ffffff ;
    marge intérieure : 5px 12px ;
    couleur : #6f6f6f ;
    espacement des lettres : 0,3 px ;
    taille de police : 11 px ;
    bordure-radius: 2px;
    largeur : 80 px ;
    affichage : bloc en ligne ;
    bordure : 1px solide #6f6f6f ;
    text-decoration: aucune;
    police-family: 'robotoregular';
}
.bouton-tab-grey:hover {
    arrière-plan : #6f6f6f ;
    transition : 1s ;
    text-decoration: aucune;
    couleur : blanc ;
    text-decoration: aucune;
}
.bouton-tab-grey:not(hover) {
    transition : 1s ;
    text-decoration: aucune;
    couleur : #6f6f6f ;
}

.btn-send:active, .btn-send:focus,
.btn-send-orange:active, .btn-send-orange:focus,
.btn-comptable:actif,.btn-comptable:focus {
    couleur : blanc ; décoration de texte : aucune ;
}

/* Phrase intro des pages d'accueil */
p.description1 {
    retour à la ligne : saut de mot ;
    marge inférieure : 10px ;
    police-family: 'robotoregular';
    couleur : #646464 ;
    espacement des lettres : 0,2 px ;
    taille de police : 14px ;
    hauteur de ligne : 20px ;
}

/* Phrase intro de toutes les pages */
.description-titre {
    retour à la ligne : saut de mot ;
    marge inférieure : 10px ;
    police-family: 'robotoregular';
    couleur : #646464 ;
    espacement des lettres : 0,2 px ;
    taille de police : 12px ;
    hauteur de ligne : 16 px ;
}

/**************** ESPACE EXPERT COMPTABLE **************/

.espace-oec h2 {
    taille de police : 20px ;
    marge : 0px ;
    couleur : #51a4ea ;
    police-family: 'robotolight';
    marge inférieure : 15px ;
}

.espace-oec .bloc-connexion h3 {
    police-family: 'ralewaybold';
    text-transform: uppercase;
    taille de police : 13 px ;
    espacement des lettres : 0,5 px ;
    couleur : #51a4ea ;
    marge : 0px ;
}

.espace-oec .titre-recherche {
    taille de police : 13 px ;
    couleur : #51a4ea ;
    police-family: 'ralewaybold';
    text-transform: uppercase;
    espacement des lettres : 0,8 px ;
    marge : 0 0 20px 0 ;
}

.espace-oec div.bloc-connexion {
    bordure gauche : 1px solide #a9d1f58a ;
    marge intérieure gauche : 15px ;
}

.espace-oec .bandeau-societe .switch-compte {
    bordure : 0,5px solide #51a4ea ;
    couleur : #51a4ea ;
}

.espace-oec .bandeau-societe .switch-compte:hover {
    arrière-plan : #51a4ea3d ;
}

.espace-oec div.bloc-btn-espace,
.espace-ent div.bloc-btn-espace,
.espace-cga div.bloc-btn-espace{
    affichage : aucun ;
}

.espace-oec .chevron-chemin.valider {
    arrière-plan : #a2c6e4 ;
}

.espace-oec .chevron-chemin.actif {
    arrière-plan : #51a4ea ;
}

.espace-oec .chevron-chemin.actif::après {
    bordure gauche : 30px solide #51a4ea ;
}

.espace-oec .chevron-chemin.valider::after {
    bordure gauche : 30px solide #a2c6e4 ;
}

.espace-oec .titre-vert-moyen {
    couleur : #51a4ea ;
}

.espace-oec .titre-vert-moyen img {
    affichage : aucun ;
}

.espace-oec .bloc-vert-border {
    bordure gauche : 5px solide #51a4eaa8 ;
}

.espace-oec .titre-vert {
    couleur : #51a4ea ;
}

.espace-oec .title-section2 {
    couleur : #51a5ea ;
}

.espace-oec ul.onglets-tabs li.current {
    bordure inférieure : 2px solide #51a5ea ;
    couleur : #51a5ea ;
}

.espace-oec ul.onglets-tabs li.current a {
    couleur : #51a5ea ;
}

.espace-oec ul.onglets-tabs li:hover a, .espace-oec ul.onglets-tabs li:hover i {
    couleur : #51a5ea
}

.espace-oec .nouveau-refresh ai {
    couleur : #51a5ea ;
}

.btn-white-save-fixed {
    marge intérieure : 10px 15px 10px 40px ;
    bordure-radius: 3px;
    couleur : #f66400 ;
    fond : blanc ;
    bordure : 0px ;
    image de fond : url(../img/save.svg);
    background-repeat: no-repeat;
    taille de fond : 14px ;
    position-arrière-plan-y : centre ;
    position de fond x : 16px ;
    transition : 1s ;
}
.btn-white-save-fixed:hover {
    curseur : pointeur ;
    transition : 1s ;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
}

.btn-gris-sauvegarder-fixe {
    marge intérieure : 10px 15px 10px 15px ;
    bordure-radius: 3px;
    couleur : blanc ;
    arrière-plan : #C6C6C6 ;
    bordure : 0px ;
    transition : 1s ;
    text-decoration: aucune;
}
.btn-grey-save-fixed:hover {
    curseur : pointeur ;
    transition : 1s ;
    couleur : blanc ;
    text-decoration: aucune;
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.2);
}

.espace-oec .btn-success {
    couleur de fond : #51a5ea ;
    bordure inférieure : 2px solide #4087c1 ;
}

.espace-oec table.en-tete-gris-fonce thead tr th {
    arrière-plan : #6f6f6f !important ;
}

.espace-oec .btn-comptable {
    fond : blanc ;
    bordure : 1px solide #51a4ea ;
    couleur : #51a4ea ;
}
.espace-oec .btn-comptable :hover {
    arrière-plan : #51a4ea ;
    bordure : 1px solide #51a4ea ;
    couleur : blanc ;
}

.espace-oec .table > tête > tr > th {
    couleur de fond : #51a4ea !important ;
}

.espace-oec .footer-maj {
    couleur de fond : #96bad8 ;
}

.espace-oec .container-menu {
    couleur de fond : #51a4ea ;
}

.espace-oec .navbar-inverse .container-menu .navbar-nav > .active > a,
.espace-oec .navbar-inverse .container-menu .navbar-nav > .active > a:hover,
.espace-oec .navbar-inverse .container-menu .navbar-nav > .active > a:focus > li > a.active
{
    couleur de fond : #468bc5 ;
}

.espace-oec .navbar-inverse .container-menu .navbar-nav > li.open > a,
.espace-oec .navbar-inverse .container-menu .navbar-nav > li.open > a:focus,
.espace-oec .navbar-inverse .container-menu .navbar-nav > li.open li > a:hover,
.espace-oec .navbar-inverse .container-menu .navbar-nav > li > a:hover
{
    couleur de fond : #468bc5 ;
}

.espace-oec .dropdown-menu>li>a:hover {
    couleur de fond : #468bc5 !important ;
}

.espace-oec .navbar-nav>li.dropdown>ul.dropdown-menu>li>a{
    couleur de fond : #51a4ea ;
}



/**************** ESPACE CGA **************/

/* Barre de navigation */
.espace-cga .container-menu,
.espace-cga .container-menu .navbar-nav > li.dropdown > ul.dropdown-menu > li > a
{
    couleur de fond : #dc5454 !important ;
}

.espace-cga .container-menu li.active a,
.espace-cga .container-menu li a: survol,
.espace-cga .container-menu .navbar-nav > li.dropdown > ul.dropdown-menu > li > a:hover,
.espace-cga .container-menu .navbar-nav > li.open > a {
    couleur de fond : #9C3127 !important ;
}

.espace-cga .bloc-connexion h3 {
    police-family: 'ralewaybold';
    text-transform: uppercase;
    taille de police : 13 px ;
    espacement des lettres : 0,5 px ;
    couleur : #dc5454 ;
    marge : 0px ;
}

.espace-cga div.bloc-connexion {
    bordure gauche : 1px solide #dc54542e ;
    marge intérieure gauche : 15px ;
}

.espace-cga h2 {
    taille de police : 20px ;
    marge : 0px ;
    couleur : #dc5454 ;
    police-family: 'robotolight';
    marge inférieure : 15px ;
}

.espace-cga .bloc-vert-border {
    bordure gauche : 5px solide #dc5454 ;
}

.espace-cga .titre-recherche {
    taille de police : 13 px ;
    couleur : #dc5454 ;
    police-family: 'ralewaybold';
    text-transform: uppercase;
    espacement des lettres : 0,8 px ;
    marge : 0 0 20px 0 ;
}

/*Pied de page*/
.espace-cga .footer-maj {
    couleur de fond : #dc5454 !important ;
}

/*Bouton*/

.espace-cga .bandeau-societe .switch-compte {
    couleur : #dc5454 ;
    bordure : 0,5 px solide #dc5454 ;
}

.espace-cga .bandeau-societe .switch-compte:hover {
    arrière-plan : #dc54542e ;
}

zone de texte#COMMENTAIRE_ADHESION {
    hauteur : 34px ;
}

/* BLOC CHANGER DE COMPTE */
#conteneur-multicompte {
    position : fixe ;
    z-index: 13;
    largeur : 100 % ;
    affichage : flexible ;
    direction flexible : colonne ;
    aligner les éléments : centrer ;
    justifier-contenu : centre ;
    hauteur : 100 % ;
    arrière-plan : #00000091 ;
    transition : 1s ;
}

#multicompte-container div.bloc-change-compte {
    fond : blanc ;
    largeur minimale : 45 % ;
    marge intérieure : 30 px ;
    bordure-radius: 3px;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.2);
    marge inférieure : 12 % ;
}

#multicompte-container p.titre-changer-compte {
    police-family: 'robotoregular';
    taille de police : 20px ;
}

.espace-cga #multicompte-container p.titre-changer-compte {
    couleur : #dc5454 ;
}

.espace-oec #multicompte-container p.titre-changer-compte {
    couleur : #009177 ;
}

/**************** TABLEAU DE DONNÉES ****************/

table.en-tete-orange tête tr th {
    couleur de fond : #f66300cc !important ;
    bordure droite : 1px solide #EC6913 ;
    alignement vertical : milieu ;
}

table.en-tete-gris-fonce thehead tr th {
    couleur de fond : #6f6f6f !important ;
    bordure droite : 1px solide #535252 ;
    alignement vertical : milieu ;
}

.espace-ent table.en-tete-vert-clair tête tr th {
    couleur de fond : #009177cc !important ;
    bordure droite : 1px solide #228978 ;
    alignement vertical : milieu ;
}

.espace-oec table.en-tete-vert-clair tête tr th {
    couleur de fond : #4CA3ED !important ;
    bordure droite : 1px solide #3D92DC ;
    alignement vertical : milieu ;
}

.espace-cga table.en-tete-rouge tête tr th {
    couleur de fond : #dc5454 !important ;
    bordure droite : 1px solide #c24b4b ;
    alignement vertical : milieu ;
}

.espace-oec table.en-tete-bleu tête tr th {
    couleur de fond : #4CA3ED !important ;
    bordure droite : 1px solide #3D92DC ;
    alignement vertical : milieu ;
}

.espace-ent table.en-tete-bleu tête tr th {
    couleur de fond : #009177cc !important ;
    bordure droite : 1px solide #228978 ;
    alignement vertical : milieu ;
}

tableau tête tr th:dernier-enfant {
    bordure droite : aucune ;
}

table.dataTable.en-tete-orange thead .sorting {background: #f66300cc url('../js/jquery.dataTables/images/sort_both-orange.svg') no-repeat center right !important;}
table.dataTable.en-tete-orange thead .sorting_desc {background: #f66300cc url('../js/jquery.dataTables/images/sort_desc-orange.svg') no-repeat center right !important;}
table.dataTable.en-tete-orange thead .sorting_asc {background: #f66300cc url('../js/jquery.dataTables/images/sort_asc-orange.svg') no-repeat center right !important;}

.espace-ent thead .sorting {background: #009177cc url('../js/jquery.dataTables/images/sort_both-vert.svg') no-repeat center right !important;}
.espace-ent thead .sorting_desc {background: #009177cc url('../js/jquery.dataTables/images/sort_desc-vert.svg') no-repeat center right !important;}
.espace-ent thead .sorting_asc {background: #009177cc url('../js/jquery.dataTables/images/sort_asc-vert.svg') no-repeat center right !important;}

.espace-cga table.dataTable.en-tete-rouge thead .sorting {background: #dc5454 url('../js/jquery.dataTables/images/sort_both-rouge.svg') no-repeat center right !important;}
.espace-cga table.dataTable.en-tete-rouge thead .sorting_desc {background: #dc5454 url('../js/jquery.dataTables/images/sort_desc-rouge.svg') no-repeat center right !important;}
.espace-cga table.dataTable.en-tete-rouge thead .sorting_asc {background: #dc5454 url('../js/jquery.dataTables/images/sort_asc-rouge.svg') no-repeat center right !important;}

table.dataTable.en-tete-gris-fonce thead .sorting {background: #6f6f6f url('../js/jquery.dataTables/images/sort_both-gris.svg') no-repeat center right !important;}
table.dataTable.en-tete-gris-fonce thead .sorting_desc {background: #6f6f6f url('../js/jquery.dataTables/images/sort_desc-gris.svg') no-repeat center right !important;}
table.dataTable.en-tete-gris-fonce thead .sorting_asc {background: #6f6f6f url('../js/jquery.dataTables/images/sort_asc-gris.svg') no-repeat center right !important;}

.espace-oec thead .sorting {background: #4CA3ED url('../js/jquery.dataTables/images/sort_both-bleu.svg') no-repeat center right !important;}
.espace-oec thead .sorting_desc {background: #4CA3ED url('../js/jquery.dataTables/images/sort_desc-bleu.svg') no-repeat center right !important;}
.espace-oec thead .sorting_asc {background: #4CA3ED url('../js/jquery.dataTables/images/sort_asc-bleu.svg') no-repeat center right !important;}

/**************** UTILITAIRE **************/

.flex-row-between-center {
    affichage : flexible ;
    direction flexible : ligne ;
    justificatif-contenu : espace-entre ;
    aligner les éléments : centrer ;
}

.flex-row-end-center {
    affichage : flexible ;
    direction flexible : ligne ;
    just-content: flex-end;
    aligner les éléments : centrer ;
}

.flex-row-start-center {
    affichage : flexible ;
    direction flexible : ligne ;
    justifier-contenu : début flexible ;
    aligner les éléments : centrer ;
}

.flex-row-end-center {
    affichage : flexible ;
    direction flexible : ligne ;
    justifier-contenu:flex-end;
    aligner les éléments : centrer ;
}

.flex-row-start-start {
    affichage : flexible ;
    direction flexible : ligne ;
    justifier-contenu : début flexible ;
    align-items: flex-start;
}

.flex-column-between {
    affichage : flexible ;
    direction flexible : colonne ;
    justificatif-contenu : espace-entre ;
}

.flex-column-align-end {
    affichage : flexible ;
    direction flexible : colonne ;
    align-items: flex-end;
}

.flex-column-between-start {
    affichage : flexible ;
    direction flexible : colonne ;
    justificatif-contenu : espace-entre ;
    aligner les éléments : début ;
}

.flex-column {
    affichage : flexible ;
    direction flexible : colonne ;
}

/* marge */
.p-20 {
    marge intérieure : 20px ;
}

.p-30 {
    marge intérieure : 30 px ;
}

.marge-bas-0 {
    marge inférieure : 0px !important ;
}

.marge-bas-5 {
    marge inférieure : 5px !important ;
}

.marge-bas-10 {
    marge inférieure : 10px !important ;
}

.marge-bas-20 {
    marge inférieure : 20px !important ;
}

.marge-bas-30 {
    marge inférieure : 30px !important ;
}

.marge-bas-40 {
    marge inférieure : 40px !important ;
}

.marge-droite-5 {
    marge droite : 5px !important ;
}

.marge-droite-10 {
    marge droite : 10px !important ;
}

.marge-gauche-10{
    marge gauche : 10px !important ;
}

.marge-haut-20 {
    marge supérieure : 20px !important ;
}

.marge-haut-30 {
    marge supérieure : 30px !important ;
}

@media (max-width: 1024px) {
    .marge-bas-30-tab {
        marge inférieure : 30px ;
    }
}
@media (max-width: 768px) {
    .marge-bas-phone-30 {
        marge inférieure : 30px ;
    }
}

/* largeur hauteur */
.w-50 {
    largeur : 50 % ;
}

.w-100 {
    largeur : 100 % ;
}

.h-100 {
    hauteur : 100 % ;
}



/* MESSAGE CONNEXION IMPORTANTE */

.covid-message-background {
    largeur : 100 % ;
    hauteur minimale : 100vh ;
    arrière-plan : rgb(000, 000, 000, 0.5);
    position : absolue ;
    haut : 0px ;
    droite : 0px ;
    z-index: 200000;
    affichage : flexible ;
    justifier-contenu : centre ;
    aligner-contenu : centre ;
    aligner les éléments : centrer ;
}

.covid-block {
    largeur : 50 % ;
    hauteur minimale : 50 % ;
    fond : blanc ;
    marge intérieure : 40 px ;
    position : relative ;
    ombre portée : 4px 4px 14px noir ;
    marge : 20px 0px;
}

@media (max-width: 1300px) {
    .covid-block {
        largeur : 70 % ;
    }
}

@media (max-width: 768px) {
    .covid-block {
        largeur : 90 % ;
        marge intérieure : 25 px ;
    }
    .covid-top {
        direction flexible : colonne ;
        align-items: flex-start;
    }
    .covid-block .titre {
        taille de police : 15px !important ;
    }
}

.covid-top {
    affichage : flexible ;
    justifier-contenu : début flexible ;
    aligner-contenu : centre ;
    marge inférieure : 20px ;
}

.covid-top img {
    hauteur : 55px ;
    largeur : automatique ;
    marge droite : 20px ;
}

.covid-top bouton {
    couleur de fond : blanc ;
    bordure : aucune ;
}

.covid-top bouton i {
    taille de police : 20px ;
    couleur : #f94848 ;
    position : absolue ;
    haut : 15px ;
    droite : 15px ;
}

.covid-block .titre {
    couleur : #f9883c ;
    police-family: 'robotobold';
    taille de police : 17 px ;
}

.covid-block p {
    couleur : noir ;
    police-family: 'robotolight';
}

.covid-block p span.important-vert {
    couleur : #00b595 ;
    police-family: 'robotobold';
}

.covid-block p.important-noir {
    couleur : noir ;
    police-family: 'robotobold';
    text-transform: uppercase;
    taille de police : 14px ;
}

.covid-block ul li, .covid-block ul li a {
    couleur : noir ;
    police-family: 'robotolight';
}


.btn-send-red {
    police-family: 'robotoregular';
    couleur : blanc ;
    marge intérieure : 13px 21px ;
    bordure-radius: 2px;
    bordure supérieure : 0px ;
    bordure droite : 0px ;
    bordure gauche : 0px ;
    taille de police : 13 px ;
    espacement des lettres : 0,3 px ;
    box-shadow: 0px 3px 20px 0px rgba(0, 56, 46, 0.2);
    affichage : bloc en ligne ;
    text-decoration: aucune;
    text-align: centre;
    curseur : pointeur ;
    arrière-plan : #f94848 ;
    marge gauche : 15px ;
}

.btn-send-red:hover {
    couleur : blanc ;
    text-decoration: aucune;
}

#login-cga .bloc-login-arrete {display: none;}

.consulter-un-avis .bloc-login-arrete {affichage : aucun ;}

#login-expert-comptable .bloc-login-arrete {display: none;}


#dt-details-tableau-variable_wrapper {overflow: auto;}

.btn-confirmation-box {
    fond : blanc ;
    bordure : 1px solide #fa7070 ;
    couleur : #fa7070 ;
    taille de police : 12px ;
    marge intérieure : 9px 20px ;
    bordure-radius: 2px;
    police-family: 'robotomedium';
    espacement des lettres : 0,2 px ;
    affichage : bloc en ligne ;
    text-align: centre;
}

.btn-confirmation-box:hover {
    arrière-plan : #fa7070 ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}


.btn-cancel-box {
    fond : blanc ;
    bordure : 1px solide #323534 ;
    couleur : #323534 ;
    taille de police : 12px ;
    marge intérieure : 9px 20px ;
    bordure-radius: 2px;
    police-family: 'robotomedium';
    espacement des lettres : 0,2 px ;
    affichage : bloc en ligne ;
    text-align: centre;
}

.btn-cancel-box:hover {
    arrière-plan : #323534 ;
    couleur : blanc ;
    transition : 1s ;
    text-decoration: aucune;
}

/*Droits Constatés - bouton de génération de pdf*/
.btn-send-green {
    arrière-plan : #009177 ;
    couleur : blanc ;
    bordure supérieure : 0px ;
    bordure droite : 0px ;
    bordure gauche : 0px ;
    marge intérieure : 13px 21px ;
    bordure-radius: 2px;
    taille de police : 13 px ;
    espacement des lettres : 0,3 px ;
    box-shadow: 0px 3px 20px 0px rgba(0, 56, 46, 0.2);
    affichage : bloc en ligne ;
    bordure inférieure : 2px solide #009177 ;
    text-align: centre;
    curseur : pointeur ;
    police-family: 'robotoregular';
}

.btn-send-green:hover {
    arrière-plan : #009177 ;
    couleur : blanc ;
    text-decoration: aucune;
    transition : 1s ;
}