/*
 * Feuille de style externe à l'application DevBooster permettant de modifier le style CSS de la charte de l'écran de détails
 */

div.a_blocappli {
    min-width: -webkit-fill-available !important;
}

.styleIntituleChampFormulaire {
    width: 5rem !important;
    margin-right: 0.5rem !important;
}

.backgroundLogoTitreNomProduitGauche {
    background-image: url("../../../images/appli/ei_custom_dbad/background_gauche_titre_produit.png");
    background-repeat: no-repeat;
    height: 38px;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    width: 28px;
    z-index: 1;
}

.bandeauPartage {
    box-sizing: border-box !important;
}

.backgroundLogoTitreNomProduitCentre {
    background-image: url("../../../images/appli/ei_custom_dbad/background_centre_titre_produit.png");
    background-repeat: repeat-x;
    height: 38px;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    width: 339px;
    z-index: 1;
}

.backgroundLogoTitreNomProduitDroit {
    background-image: url("../../../images/appli/ei_custom_dbad/background_droit_titre_produit.png");
    background-repeat: no-repeat;
    height: 38px;
    margin-left: 0px;
    margin-top: 0px;
    position: relative;
    width: 28px;
    z-index: 1;
}

.titreNomProduit {
    color: white;
    font-size: 1.4em !important;
    font-weight: bold;
    margin-top: -30px;
    position: relative;
    text-transform: initial;
    z-index: 5;
}

.nomProduitEcranDetails {
    color: #2466A3; /* Bleu foncé */
    font-size: 1.1em !important;
    text-align: left;
}

.conteneurLogoTitreCaracteristiques {
    height: 21px;
    margin-top: -5px;
    width: 17px;
}

.logoTitreCaracteristiques {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMTcuMSwyMkg2LjljLTEuMiwwLTIuMS0wLjktMi4xLTIuMVY0LjFDNC44LDIuOSw1LjcsMiw2LjksMmg3LjljMC4xLDAsMC4yLDAsMC4zLDAuMWMwLjEsMCwwLjIsMC4xLDAuMiwwLjJMMTksNS45DQoJYzAuMSwwLjEsMC4xLDAuMSwwLjIsMC4yYzAsMC4xLDAuMSwwLjIsMC4xLDAuM3YxMy41QzE5LjIsMjEuMSwxOC4zLDIyLDE3LjEsMjJ6IE02LjksMy40Yy0wLjQsMC0wLjcsMC4zLTAuNywwLjd2MTUuOA0KCWMwLDAuNCwwLjMsMC43LDAuNywwLjdoMTAuMmMwLjQsMCwwLjctMC4zLDAuNy0wLjdWNy4xaC0zYy0wLjQsMC0wLjctMC4zLTAuNy0wLjd2LTNINi45eiBNMTUuNSw1LjdoMS4zbC0xLjMtMS4zVjUuN3ogTTE1LjcsMTcuOA0KCUg4LjNjLTAuNCwwLTAuNy0wLjMtMC43LTAuN2MwLTAuNCwwLjMtMC43LDAuNy0wLjdoNy40YzAuNCwwLDAuNywwLjMsMC43LDAuN0MxNi40LDE3LjUsMTYuMSwxNy44LDE1LjcsMTcuOHogTTE1LjcsMTQuNkg4LjMNCgljLTAuNCwwLTAuNy0wLjMtMC43LTAuN3MwLjMtMC43LDAuNy0wLjdoNy40YzAuNCwwLDAuNywwLjMsMC43LDAuN1MxNi4xLDE0LjYsMTUuNywxNC42eiBNMTUuNywxMS4zSDguM2MtMC40LDAtMC43LTAuMy0wLjctMC43DQoJYzAtMC40LDAuMy0wLjcsMC43LTAuN2g3LjRjMC40LDAsMC43LDAuMywwLjcsMC43QzE2LjQsMTEsMTYuMSwxMS4zLDE1LjcsMTEuM3oiLz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-color: transparent;
    background-size: 1.3rem;
    width: 100%;
    height: 100%;
}

.conteneurLogoTitreCapaciteEpargne {
    height: 16px;
    margin-top: -5px;
    width: 18px;
}

.logoTitreCapaciteEpargne {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMTkuNywyaC0zLjFjLTAuNywwLTEuMywwLjYtMS4zLDEuM3Y1LjloLTIuNlY3LjRjMC0wLjctMC42LTEuMy0xLjMtMS4zSDguNGMtMC43LDAtMS4zLDAuNi0xLjMsMS4zdjMuOEg0LjMNCgljLTAuNywwLTEuMywwLjYtMS4zLDEuM3Y4LjJDMywyMS40LDMuNiwyMiw0LjMsMjJoNC4xaDAuM2gzLjhoMC4zaDMuOGgwLjNoMi44YzAuNywwLDEuMy0wLjYsMS4zLTEuM1YzLjNDMjEsMi42LDIwLjQsMiwxOS43LDJ6DQoJIE00LjYsMTIuOGgyLjZ2Ny43SDQuNlYxMi44eiBNOC43LDEyLjVWNy42aDIuNnYyLjh2MTBIOC43VjEyLjV6IE0xMi44LDEwLjdoMi42djkuN2gtMi42VjEwLjd6IE0xOS40LDIwLjVoLTIuNnYtMTBWMy41aDIuNlYyMC41eg0KCSIvPg0KPC9zdmc+DQo=');
    background-size: 1.1rem;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.conteneurLogoResultatsDeVotreSimulation {
    height: 23px;
    margin-left: 5px;
    margin-top: -5px;
    width: 23px;
}

.logoTitreResultatsDeVotreSimulation {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMTIsMkM2LjUsMiwyLDYuNSwyLDEyczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTMTcuNSwyLDEyLDJ6IE0xMiwyMC42Yy00LjcsMC04LjYtMy45LTguNi04LjZTNy4zLDMuNCwxMiwzLjQNCgkJczguNiwzLjksOC42LDguNlMxNi43LDIwLjYsMTIsMjAuNnoiLz4NCgk8cGF0aCBkPSJNMTIsOGMxLjEsMCwyLjIsMC41LDMsMS4zYzAuMywwLjMsMC43LDAuMywxLDAuMWMwLjMtMC4zLDAuMy0wLjcsMC4xLTFjLTEtMS4xLTIuNS0xLjgtNC0xLjhjLTMsMC01LjQsMi40LTUuNCw1LjQNCgkJYzAsMywyLjQsNS40LDUuNCw1LjRjMS41LDAsMy0wLjcsNC0xLjhjMC4zLTAuMywwLjItMC43LTAuMS0xYy0wLjMtMC4zLTAuNy0wLjItMSwwLjFjLTAuOCwwLjgtMS44LDEuMy0zLDEuMw0KCQljLTEuNSwwLTIuOC0wLjgtMy40LTJIMTNjMC40LDAsMC43LTAuMywwLjctMC43YzAtMC40LTAuMy0wLjctMC43LTAuN0g4LjFDOC4xLDEyLjQsOCwxMi4yLDgsMTJjMC0wLjIsMC0wLjQsMC4xLTAuNmg0LjgNCgkJYzAuNCwwLDAuNy0wLjMsMC43LTAuN2MwLTAuNC0wLjMtMC43LTAuNy0wLjdIOC42QzkuMyw4LjgsMTAuNSw4LDEyLDh6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.conteneurLogoEvolutionDeVotreEpargne {
    height: 24px;
    margin-left: 5px;
    margin-top: -5px;
    width: 24px;
}

.logoTitreEvolutionDeVotreEpargne {
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBkPSJNMTguOSwxNS4zTDEyLDExLjlsMC4zLTcuNmMwLTAuMy0wLjEtMC42LTAuMy0wLjljLTAuMi0wLjItMC41LTAuMy0wLjktMC4zYy0xLjUsMC0zLDAuNC00LjMsMS4xQzUuNCw1LDQuMiw2LjIsMy4zLDcuNg0KCQlDMi40LDkuMSwyLDEwLjcsMiwxMi40YzAsMS43LDAuNSwzLjMsMS4zLDQuOGMwLjksMS40LDIuMSwyLjYsMy42LDMuNGMxLjQsMC43LDIuOSwxLjEsNC40LDEuMWMwLjEsMCwwLjMsMCwwLjQsMA0KCQljMS43LTAuMSwzLjMtMC42LDQuNy0xLjVjMS4zLTAuOCwyLjMtMS45LDMtMy4zYzAuMi0wLjMsMC4yLTAuNiwwLjEtMC45QzE5LjQsMTUuNywxOS4yLDE1LjQsMTguOSwxNS4zeiBNMTUuNiwxOQ0KCQljLTEuMiwwLjgtMi42LDEuMi00LDEuM2MtMS40LDAuMS0yLjgtMC4zLTQuMS0wLjljLTEuMi0wLjctMi4zLTEuNy0zLTIuOWMtMC43LTEuMi0xLjEtMi42LTEuMS00czAuNC0yLjgsMS4xLTQNCgkJYzAuNy0xLjIsMS44LTIuMiwzLTIuOWMxLTAuNiwyLjItMC45LDMuNC0wLjlMMTAuNiwxMmMwLDAuNSwwLjIsMC45LDAuNywxLjFsNi44LDMuM0MxNy40LDE3LjUsMTYuNiwxOC4zLDE1LjYsMTl6Ii8+DQoJPHBhdGggZD0iTTIwLjgsNi4yYy0wLjctMS4yLTEuNi0yLjEtMi44LTIuOGMtMS0wLjYtMi4xLTEtMy4zLTEuMWMtMC4zLDAtMC42LDAuMS0wLjksMC4zYy0wLjIsMC4yLTAuNCwwLjUtMC40LDAuOGwtMC40LDYuOA0KCQljMCwwLjUsMC4yLDAuOSwwLjcsMS4ybDYuMSwyLjhjMC4yLDAuMSwwLjMsMC4xLDAuNSwwLjFjMC4yLDAsMC4zLDAsMC40LTAuMWMwLjMtMC4xLDAuNS0wLjQsMC42LTAuN2MwLjQtMS4xLDAuNi0yLjMsMC41LTMuNA0KCQlDMjEuOSw4LjcsMjEuNSw3LjQsMjAuOCw2LjJ6IE0yMC4yLDEyLjdsLTUuNy0yLjZsMC40LTYuM2MwLjksMC4xLDEuNywwLjQsMi40LDAuOUMxOC4zLDUuMiwxOSw2LDE5LjYsN2MwLjYsMC45LDAuOSwyLDAuOSwzLjINCgkJQzIwLjYsMTEsMjAuNSwxMS45LDIwLjIsMTIuN3oiLz4NCjwvZz4NCjwvc3ZnPg0K');
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.__e_Label{
    padding-right: 0.3rem;
}

.conteneurLogoEvolutionDeVotreEpargneCAT {
    height: 24px;
    margin-left: 5px;
    margin-top: -5px;
    width: 24px;
}

.logoTitreEvolutionDeVotreEpargneCAT {
    background-image: url("../../../images/appli/ei_custom_dbad/logo_evolution_de_votre_simulation_cat.png");
    background-repeat: no-repeat;
    background-color: transparent;
    width: 100%;
    height: 100%;
}

.nomColonne {
    margin-bottom: 12px;
    text-transform: uppercase;
    color: rgb(36,102,163); /* Bleu */
    font-weight: bold;
    text-align: center;
}

.styleValeurLigneDetailsPositive {
    font-weight: bold;
    text-transform: uppercase;
    color: rgb(66,121,177); /* Bleu ciel  */
    font-size: 1.2em;
}

.styleValeurLigneDetailsNegative {
    font-weight: bold;
    text-transform: uppercase;
    color: #CB4C42; /* Rouge */
    font-size: 1.1em;
}

.conteneurBoutonContacterConseillerDetails {
    height: 25px;
    margin-bottom: 10px;
    width: 183px;
}

    .conteneurBoutonContacterConseillerDetails:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* IE toutes versions */
        cursor: pointer;
    }

.boutonContacterConseillerDetails {
    background-color: transparent;
    background-image: url("../../../images/appli/ei_custom_dbad/btn_contacter_un_conseiller.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.conteneurBoutonSenvoyerEmailDetails {
    height: 25px;
}

.boutonSenvoyerEmailDetails {
    background-color: transparent;
    background-image: url("../../../images/appli/ei_custom_dbad/btn_transmettremail.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.conteneurBoutonSouscrireDetails {
    height: 25px;
    margin-bottom: 10px;
    width: 183px;
}

.boutonSouscrireDetails {
    background-color: transparent;
    background-image: url(".../../../images/appli/ei_custom_dbad/souscrire.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

.conteneurBoutonSauvegarderDetails, .conteneurBoutonPartagerDetails {
    height: 25px;
    margin-bottom: 10px;
    width: 183px;
}

    .conteneurBoutonSauvegarderDetails:hover,
    .conteneurBoutonPartagerDetails:hover,
    .conteneurBoutonSouscrireDetails:hover,
    .conteneurBoutonSenvoyerEmailDetails:hover,
    .conteneurBoutonPriseRdv:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* IE toutes versions */
        cursor: pointer;
    }

.conteneurBoutonRetourDetails {
    /*padding-left: 15px;*/
}

    .conteneurBoutonRetourDetails:hover {
        opacity: 0.8;
        filter: alpha(opacity=80); /* IE toutes versions */
    }

.boutonSauvegarderDetails {
    background-color: transparent;
    background-image: url(".../../../images/appli/ei_custom_dbad/souscrire.png");
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}

/* Positionnement du bouton de validation du montant saisie au clavier lié à un slider */
.boutonValidationSaisieClavierSlider {
    /* Placement à droite de la zone de saisie (après la devise) */
    margin-left: 93px;
    margin-top: -2px;
}

/* Ci-dessous les surchages spécifiques à CM pour gérer le positionnement des sliders par rapport au graphique */

/*Permet d'occuper tout l'espace sur l'écran d'accueil */
.conteneurSliders {
    min-width: 440px !important;
    width: 52% !important;
    max-width: 460px !important;
}

/*Permet de centrer les sliders dans la zone de gauche*/
.conteneurSlider {
    height: 134px !important;
    margin-left: 60px !important;
}

/*Repositionnement du message d'erreur sur la zone de gauche au-dessus du 1er slider */
.conteneurTitreCapaciteEpargne {
    margin-bottom: 14px !important;
    padding-top: 17px !important;
}

/*Espacement entre le bloc d'erreur et l'intitulé du 1er slider */
.BlocMessageErreur {
    padding-bottom: 21px !important;
}

.graphiqueSpecifique {
    margin-right: -15px !important;
    width: 341px !important;
}

.conteneurSeparationHorizontaleEntreDeuxSliders {
    margin-left: 6px !important;
    margin-top: 10px !important;
    margin-bottom: 16px;
    height: 1px;
}

/*Ajustement de l'alignement du séparateur de la dernière colonne de droite par rapport aux autres colonnes */
.backgroundSeparationHorizontaleEntreColonneLigneTableauCaracteristiquesFin {
    margin-top: -8px !important;
}

/*Centrage du conteneur du tableau des caractéristiques */
.conteneurTableauCaracteristiques {
    margin-left: 41px !important;
    margin-bottom: 30px;
}

.conteneurTableauCaracteristiquesAssurance {
    margin-left: 3px !important;
    margin-bottom: 23px;
}

.zoneConteneurBoutonsActionsDetailsGauche {
    display: inline-block;
    margin-right: 10px;
}

.zoneConteneurBoutonsActionsDetailsDroite {
    display: inline-block;
    float: right;
}

/*Positionnement cohérent des boutons d'actions de droite par rapport au bord de droite du conteneur */
.zoneConteneurBoutonsActionsDetails {
    /*margin-left: 565px !important;*/
}

.zoneConteneurBoutonsNavigationDetails {
    border-top: 0 !important;
}

.conteneurGlobalDescriptionEtBtnAction {
    margin-right: 0px !important;
    overflow-x: hidden;
}

/*Espacement de tout l'espace avec une petite marge à droite pour le conteneur des boutons d'actions */
.conteneurGlobalDescriptionEtBtnAction {
    width: 96% !important;
}

/*Espacement spécifique pour le conteneur sur la page de détails des Livrets*/
.positionSpecifiqueConteneurGlobalDescriptionEtBtnActionPourDetailsLivret {
    margin-top: 0px !important;
    margin-top: 4px\9 !important; /* Spécifique à IE8 et versions inférieures */
    *margin-top: 24px !important; /* Spécifique à IE7 et version inférieures  */
}

/*Espacement spécifique pour le conteneur sur la page de détails des CATs*/
.positionSpecifiqueConteneurGlobalDescriptionEtBtnActionPourDetailsCAT {
    margin-top: 10px !important;
    margin-top: 14px\9 !important; /* Spécifique à IE8 et versions inférieures */
    *margin-top: 27px !important; /* Spécifique à IE7 et version inférieures  */
}

/* Permet de créer un espace entre la zone qui afficher la durée d'épargne et le slider en lui-même*/
.espacementSpecifiqueAutourTitreSliderDEDetails {
    margin-bottom: -8px !important;
    margin-top: 0px !important;
}

/*Utilisation d'un arrière-plan étiré pour occuper tout l'espace sur l'écran de détails */
.backgroundCapaciteEpargneDroite {
    margin-left: 395px !important;
    width: 413px !important;
    background-image: url("../../../../../img/background/background_capacite_epargne_droite_etire.png") !important;
}

/*Permet d'agrandir l'arrière-plan de gauche pour occuper tout l'espace sur l'écran de détails */
.backgroundUniversGauche {
    background-image: url("../../../../../img/background/background_capacite_epargne_gauche_etire.png") !important;
    margin-left: 5px !important;
    margin-top: -241px !important;
    width: 390px !important;
}

/*Positionnement spécifique du bouton de navigation retour sur l'écran de détails */
.espaceSpecifiqueCATBoutonsNavigationDetails {
    margin-top: 171px !important;
    *margin-top: 187px !important; /*IE7*/
}

/*Aligner la ligne du bas des conteneurs des sliders et du graphique sur l'écran de détails */
.conteneurGraphiqueSpecifique {
    padding-bottom: 57px !important;
    margin-left: 5% !important;
    width: auto;
}


/*Aligner la ligne du bas des conteneurs des sliders et du graphique sur l'écran de détails */
.conteneurGraphiqueSpecifiqueCAT {
    padding-bottom: 78px !important;
    margin-left: 5% !important;
    width: auto;
}

/*Aligner la ligne du bas des conteneurs des sliders et du graphique sur l'écran de détails */
.conteneurGraphiqueSpecifiqueAssurance {
    padding-bottom: 78px !important;
    margin-left: 5% !important;
    width: auto;
}

/*Aligner la ligne du bas des conteneurs des sliders et du graphique sur l'écran de détails */
.conteneurGraphiqueSpecifiquePEL {
    padding-bottom: 78px !important;
    margin-left: 5% !important;
    width: auto;
}

/*Aligner la ligne du bas des conteneurs des sliders et du graphique sur l'écran de détails */
.conteneurGraphiqueSpecifiqueCEL {
    padding-bottom: 78px !important;
    margin-left: 5% !important;
    width: auto;
}

/*Agrandissement de la taille de du descriptif long du produit pour améliorer la visibilité */
.phraseAccrocheCompleteProduitEcranDetails {
    font-size: 12px !important;
    margin-right: 89px !important;
}

/*Aucune contrainte spécifique sur la taille maximale des éléments pour occuper tout l'espace (non redimensionnable) */
.detientUneTailleMaximale {
}

/* Pour les Livrets : Position spécifique du bouton de navigation (retour) sur l'écran de détails */
.espaceSpecifiqueLivretBoutonsNavigationDetails {
    margin-top: 57px !important;
    margin-top: 83px !important; /*IE7*/
}

/* Pour les Epls : Position spécifique du bouton de navigation (retour) sur l'écran de détails */
.espaceSpecifiqueEplBoutonsNavigationDetails {
    margin-top: 72px !important;
    margin-top: 83px !important; /*IE7*/
}

/*Permet de laisser une fine marge à droite pour la zone contenant les résultats et le graphique */
.conteneurGraphiqueSpecifiqueEtTableauResultats {
    background-color: #F7F7F7;
    border-bottom: 0px solid #ECECEC;
    padding-left: 0px;
    width: 47%;
}

/* Eviter que les boutons soient trop grand dans la page de comparaison */
.ei_offercard__footer .ei_buttonbar .ei_button .ei_btn {
    margin-bottom: 5px !important;
}

.ei_mainbuttons {
    height: 100%;
}

/*Permet de centrer le séparateur horizontal du haut de la page de détails */
.conteneurSeparationHorizontaleApresCaracteristiques {
    margin-left: 69px !important;
}

/*Arrière-plan de l'écran de détails */
#idConteneurGlobalDetails {
    background-color: #FFFFFF; /*Blanc*/
}


.Row {
    margin: 0.8rem 6.25rem !important;
}

.conteneurCaseTableauCaracteristiques {
    width: 16% !important;
}

.conteneurCaseTableauCaracteristiquesAssurance {
    width: 14% !important;
}

.conteneurGraphiqueSpecifique {
    margin-left: 5% !important;
}

.conteneurTableauResultats {
    margin-left: 5% !important;
}

/* titre page détail */
.titreNomProduit,
.conteneurSousTitrePage {
    text-align: left;
    margin-top: 0;
}

    .titreNomProduit > span,
    .conteneurSousTitrePage > span,
    .titreNomProduit > .sousTitre,
    .conteneurSousTitrePage > .sousTitre {
        color: #262626;
        font-size: 1.75rem !important;
        margin-top: 0px;
        font-weight: normal;
    }

        .titreNomProduit > span:after,
        .conteneurSousTitrePage > span:after,
        .titreNomProduit > .sousTitre:after,
        .conteneurSousTitrePage > .sousTitre:after {
            content: " ___";
            color: #3F8BD2;
            line-height: 3px;
            top: -5px;
            position: relative;
            font-size: 2.5rem !important;
        }


.backgroundLogoTitreNomProduitGauche,
.backgroundLogoTitreNomProduitCentre,
.backgroundLogoTitreNomProduitDroit,
.backgroundSousTitreGauche,
.backgroundSousTitreCentre,
.backgroundSousTitreDroit {
    display: none;
}

#idConteneurGlobalDetails .backgroundUniversGauche,
#idConteneurGlobalDetails .backgroundCapaciteEpargneDroite {
    background-image: none !important;
}

    .conteneurBoutonSouscrireDetails > div > input {
        opacity: 0;
        height: 1.3em;
        width: 100%;
        padding: 10px 20px !important;
    }


    .conteneurBoutonSouscrireDetails > div > a > img {
        opacity: 0;
        height: 1.3em;
        width: 100%;
        padding: 10px 20px !important;
    }


    .conteneurBoutonSouscrireDetails:before {
        content: "Demande en ligne";
        position: absolute;
        top: 12px;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        color: #fff;
        font-size: 1em;
    }



.conteneurBoutonSouscrire:before {
    content: "Souscrire" !important;
}


.conteneurBoutonVersement:before {
    content: "Effectuer un versement" !important;
}


.conteneurBoutonSimepl:before {
    content: "Optimiser" !important;
}

.conteneurBoutonPartagerDetails {
    padding: 1% 1% 6% 1%;
}


.conteneurBoutonSauvegarderDetails,
.conteneurBoutonPartagerDetails,
.conteneurBoutonSenvoyerEmailDetails,
.conteneurBoutonSouscrireDetails,
.conteneurBoutonPriseRdv {
    background: #003192;
    font-size: 1em;
    height: auto;
    width: auto;
    line-height: 1em;
    position: relative;
    border-radius: 1.5rem;
    margin-bottom: 6%;
}

    .conteneurBoutonSauvegarderDetails > div > input,
    .conteneurBoutonSauvegarderDetails > div > a > img,
    .conteneurBoutonPartagerDetails > div > input,
    .conteneurBoutonPartagerDetails > div > a > img,
    .conteneurBoutonSenvoyerEmailDetails > div > input,
    .conteneurBoutonSenvoyerEmailDetails > div > a > img,
    .conteneurBoutonSouscrireDetails > div > input,
    .conteneurBoutonSouscrireDetails > div > a > img,
    .conteneurBoutonPriseRdv > div > input,
    .conteneurBoutonPriseRdv > div > a > img {
        opacity: 0;
        height: 1.3em;
        width: 100%;
        padding: 10px 20px;
        box-sizing: content-box;
    }

    .conteneurBoutonSauvegarderDetails:before,
    .conteneurBoutonPartagerDetails:before,
    .conteneurBoutonSenvoyerEmailDetails:before,
    .conteneurBoutonSouscrireDetails:before,
    .conteneurBoutonPriseRdv:before {
        position: absolute;
        top: 30%;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        color: #fff;
        font-size: 1em;
    }

    .conteneurBoutonSauvegarderDetails:before {
        content: "Sauvegarder";
    }

    .conteneurBoutonPartagerDetails:before {
        content: "Partager avec votre conseiller";
    }

    .conteneurBoutonSenvoyerEmailDetails:before {
        content: "Transmettre par e-mail";
    }

    .conteneurBoutonPriseRdv:before {
        content: "Prendre rendez-vous";
    }

    .conteneurBoutonSenvoyerEmailDetails > a,
    .conteneurBoutonSenvoyerEmail > a {
        background: #4170a9;
        padding: 9px 20px;
        font-size: 1em;
        border-radius: 0;
        border: none;
        text-shadow: none;
        height: auto;
        width: auto;
        line-height: 1em;
        position: relative;
    }

        .conteneurBoutonSenvoyerEmailDetails > a > img,
        .conteneurBoutonSenvoyerEmail > a > img {
            opacity: 0;
            height: 1.3em;
            width: 100%;
        }

        .conteneurBoutonSenvoyerEmailDetails > a:after,
        .conteneurBoutonSenvoyerEmail > a:after {
            content: "Transmettre par e-mail";
            position: absolute;
            top: 12px;
            left: 0;
            right: 0;
            bottom: 0;
            text-align: center;
            color: #fff;
            font-size: 1em;
        }

.conteneurBoutonRetour,
.conteneurBoutonRetourDetails {
    background: #fff;
    font-size: 1em;
    border-radius: 0;
    border: none;
    text-shadow: none;
    height: auto;
    width: auto;
    line-height: 1em;
    position: relative;
    border: 1px solid #4170a9;
    border-radius: 1.5rem;
}

    .conteneurBoutonRetour > input,
    .conteneurBoutonRetourDetails > input {
        opacity: 0;
        width: auto;
        height: 1em;
        padding: 10px 20px !important;
        box-sizing: content-box;
    }

    .conteneurBoutonRetour > a > img,
    .conteneurBoutonRetourDetails > a > img {
        opacity: 0;
        width: auto;
        height: 2.5em;
        padding: 10px 20px !important;
    }

    .conteneurBoutonRetour:before,
    .conteneurBoutonRetourDetails:before {
        content: "Retour";
        position: absolute;
        top: 11px;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        color: #4170a9;
        font-size: 1em;
    }



.backgroundSeparationHorizontaleEntreColonneLigneTableauCaracteristiquesMilieu {
    width: 64% !important;
}

.backgroundSeparationVerticaleEntreDeuxCasesTableauCaracteristiques {
    background-repeat: repeat !important;
    height: 100% !important;
}

.styleIntituleColonneTableauCaracteristiques {
    height: 35px;
    padding: 4px;
}

.zoneConteneurBoutonsActionsDetails {
    float: right;
    /*margin-right: 77px;*/
}

.backgroundSeparationHorizontaleEntreColonneLigneTableauCaracteristiquesDebut {
    float: right !important;
    position: relative !important;
}


.conteneurCapaciteEpargne {
    background-color: #F7F7F7;
    border-right: 1px solid #ECECEC;
    border-bottom: 1px solid #ECECEC;
    padding-top: 0px !important;
    margin-top: 8px;
}


.nomColonneSmart {
    text-transform: uppercase;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    margin: 3px;
}

.nomTitreSmart {
    text-transform: uppercase;
    color: #2466A3;
    font-weight: bold;
    text-align: left;
    margin-bottom: 5px;
    margin: 10px;
}


.conteneurCaseTableauCaracteristiquesSmart {
    width: 60% !important;
}

.conteneurCaseTableauCaracteristiquesAssuranceSmart {
    width: 47% !important;
}


.conteneurCaseTableauCaracteristiquesAssuranceSmarttValue {
    width: 47% !important;
}

.conteneurCaseTableauCaracteristiquesSmartValue {
    width: 40% !important;
}


.SmartphoneTab {
    display: none;
}

.a_blocfctl .msg {
    background: #3f8bd2;
    color: #fff;
    font-size: 1rem;
    padding: 1.25rem 3.125rem 1.25rem 9.375rem;
    z-index: 999;
    position: relative;
    margin-bottom: 20px;
}

    .a_blocfctl .msg .info {
        background: #3f8bd2;
        position: relative;
        font-size: 1.875rem;
        line-height: 2.125rem;
        padding-bottom: 0.3125rem;
        color: #fff;
        padding-left: 0;
        border: 0;
    }

        .a_blocfctl .msg .info:before {
            position: absolute;
            mask-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FscXVlXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cGF0aCBkPSJNMjEuOCw1LjNDMjEuNSw1LDIxLDUsMjAuNyw1LjNMOC45LDE3LjFsLTUuNi01LjZjLTAuMy0wLjMtMC44LTAuMy0xLjEsMHMtMC4zLDAuOCwwLDEuMWw2LjIsNi4yYzAuMiwwLjIsMC4zLDAuMiwwLjUsMC4yDQoJYzAuMiwwLDAuNC0wLjEsMC41LTAuMkwyMS44LDYuNEMyMi4xLDYuMSwyMi4xLDUuNiwyMS44LDUuM3oiLz4NCjwvc3ZnPg0K');
            mask-position: center;
            mask-repeat: no-repeat;
            mask-size: 3rem;
            display: inline-block;
            min-width: 3rem;
            min-height: 3rem;
            content: "";
            background: currentColor;
            left: -70px;
            top: 6px;
        }

    .a_blocfctl .msg p a {
        color: #fff;
    }


@media screen and (max-width:980px) {

    .conteneurGraphiqueSpecifiqueEtTableauResultats {
        width: 48% !important;
        min-width: 385px;
    }

    .conteneurSliders {
        min-width: 410px !important;
    }

    .conteneurSlider {
        margin-left: 38px !important;
    }

    .Webtab {
        display: visible;
    }

    .a_blocfctl {
        padding: 20px 0px !important;
        padding-right: 0px !important;
        padding-left: 3px !important;
    }
}

.conteneurBoutonSauvegarderDetails > .ei_iblock {
    display: none;
}

@media screen and (max-width: 670px) {
    .zoneConteneurBoutonsActionsDetails {
        width: 100%;
    }

    .zoneConteneurBoutonsActionsDetailsDroite,
    .zoneConteneurBoutonsActionsDetailsGauche {
        width: 100%
    }

    .conteneurBoutonRetourDetails {
        width: 100%;
        margin-bottom: 10px;
    }

        .conteneurBoutonRetourDetails > input {
            width: 100%;
        }
}


@media screen and (max-width:400px) {
    .conteneurSliders {
        min-width: 380px !important;
    }

    .Webtab {
        display: none;
    }

    .phraseAccrocheCompleteProduitEcranDetails {
        margin-right: 20px !important;
    }

    .SmartphoneTab {
        display: block;
    }

    .TabAssuranceSmart {
        margin-left: 8px !important;
    }

    .conteneurCaseTableauCaracteristiquesAssuranceSmart {
        width: 47% !important;
    }


    .conteneurSeparationHorizontaleApresCaracteristiques {
        display: none;
    }

    .backgroundCapaciteEpargneDroite {
        display: none;
    }
}




@media screen and (max-width:350px) {

    .conteneurSlider {
        margin-left: 3px !important;
    }


    .conteneurGraphiqueSpecifiqueEtTableauResultats {
        width: 53% !important;
        min-width: 318px;
    }

    .conteneurCaseTableauResultatsChiffres {
        margin-bottom: 10px;
        width: 280px !important;
    }

    .backgroundUniversGauche {
        width: 300px !important;
    }

    conteneurBoutonRetourDetails {
        background: #fff;
        padding: 10px 20px;
        font-size: 1em;
        border-radius: 0;
        border: none;
        text-shadow: none;
        height: auto;
        width: 86%;
        line-height: 1em;
        position: relative;
        border: 1px solid #4170a9;
        margin-bottom: 8px;
    }

    .zoneConteneurBoutonsActionsDetails {
        margin-left: 268px;
        max-width: 100% !important;
        width: 100% !important;
    }

    .graphiqueSpecifique {
        margin-left: -15px !important;
    }
}