body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

.clearBoth {
    clear: both;
}

.inlineBlock {
    zoom: 1;
    *display: inline !important;
    display: inline-block;
    vertical-align: middle;
}

.visibilityHidden {
    visibility: hidden;
    /*display: none;*/
}

.messagesErreurGlobaux {
    padding: 5px;
}

/***********************************************************************************************************************
 *
 *  Surcharge Bootstrap
 *
 **********************************************************************************************************************/

.glyphicon-info-sign:before,
.glyphicon-question-sign:before {
    content: "";
}

.glyphicon-info-sign,
.glyphicon-question-sign {
    background: url('images/icones/tooltip.png') no-repeat scroll center center transparent;
    height: 16px;
    width: 16px;
}

.glyphicon-question-sign {
    left: -18px;
    position: absolute;
    top: 6px;
}

.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
    text-align: left;
    font-weight: normal;
    padding-top: 2px;
}

.form-group .conteneur-valeur {
    padding-right: 50px;
    position: relative;
}

.form-group .conteneur-valeur .aide-saisie {
    font-size: 1.9em;
    position: absolute;
    right: 20px;
}

#oav .glyphicon {
    cursor: pointer;
}

.form-control {
    border-radius: 0;
    font-size: 12px;
    height: 2.1em;
    padding: 4px;
}

.combobox-container .btn.dropdown-toggle {
    padding: 0 5px;
}

.combobox-clear {
    display: none;
    height: 14px;
    line-height: 14px;
    opacity: 0.3;
    vertical-align: top;
    width: 14px;
}

#oav .glyphicon.glyphicon-remove {
    color: #e60028;
    font-size: 12px;
}

.panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 10px;
}

.panel-heading {
    border: none;
    border-radius: 0;
    padding: 6px 20px 5px;
    font-weight: bold;
    text-transform: uppercase;
}

.panel-title {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
    color: #383838;
}

.panel-body {
    border: 1px solid #e1e1e1;
    padding: 5px;
}

.popover {
    color: #000000;
    font-weight: normal;
    text-transform: none;
    min-width: 350px;
    text-align: justify;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: inherit;
    cursor: default;
    border: none;
    box-shadow: none;
}

/*
.inlineBlockTop {
    vertical-align: top;
}

.inlineBlockBottom {
    vertical-align: bottom;
}
*/

.displayNone {
    display: none !important;
}

#conteneurErreurs .erreurs_wrapper ul.erreurs {
    background-color: #ffefef;
    border: 1px solid #bb4e4e;
    color: #bb4e4e;
    list-style: none;
    margin: 0;
    padding: 5px;
    text-align: justify;
}


/***********************************************************************************************************************
 *
 *  Autocomplete
 *
 **********************************************************************************************************************/

.combobox-container .ui-menu,
.combobox-container .ui-menu .ui-menu-item a {
    max-width: 500px;
}

.combobox-container .ui-autocomplete-input,
.combobox-container .ui-menu .ui-menu-item a {
    color: #828282;
    padding: 6px 5px;
    font-size: 14px;
}

.combobox-container .ui-menu .ui-menu-item {
    border-bottom: 1px solid #828282;
}

.combobox-container .ui-menu .ui-menu-item .ui-state-focus {
    background: #6588a6 !important;
    color: #FFFFFF !important;
}

.combobox-container .ui-autocomplete.ui-front.ui-menu.ui-widget {
    border-radius: 0;
}

/***********************************************************************************************************************
 *
 *  Header
 *
 **********************************************************************************************************************/

#simulateurHeader {
    position: relative;
}

#simulateurHeader #zoneOnglets #btnOutilsInformation {
    background: url('images/icones/informations.png') no-repeat scroll center center transparent;
}

#simulateurHeader #zoneOnglets #btnOutilsImpression {
    background: url('images/icones/imprimante.png') no-repeat scroll center center transparent;
}

#simulateurHeader #zoneOnglets #btnOutilsImpression.btnDesactive {
    background-image: url('images/icones/imprimante_desactivee.png');
}

#simulateurHeader #zoneOnglets {
    float: right;
    margin: 10px 0;
}

#simulateurHeader #zoneOnglets .onglet {
    float: left;
    height: 26px;
    width: 33px;
    position: relative;
    margin-left: -1px;
    cursor: pointer;
}

#simulateurHeader #zoneOnglets .onglet.btnDesactive {
    cursor: default;
}

#simulateurHeader #zoneOnglets .onglet.btnDesactive:hover {
    background-color: inherit !important;
}

/***********************************************************************************************************************
 *
 *  Contenu
 *
 **********************************************************************************************************************/

#simulateurContenu #main {
    min-height: 150px;
}

/* Fil d'ariane */

#simulateurContenu #filAriane ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#simulateurContenu #filAriane ul li {
    margin: 0;
    padding: 0;
}

#simulateurContenu #filAriane ul li .numeroetape {
    display: none;
}

#simulateurContenu #entete #infosEtape {
    margin-top: 20px;
}

#simulateurContenu #entete #infosEtape #numeroEtape,
#simulateurContenu #entete #infosEtape #titre {
    font-size: 24px;
    margin: 0;
}

#simulateurContenu #entete #infosEtape #titre {
    margin-left: 6px;
}

/***********************************************************************************************************************
 *
 *  Modale
 *
 **********************************************************************************************************************/

.modal {
    overflow: auto;
}

.popover .popover-title,
#fenetreModal #titreFenetreModal {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #ffffff;
}

#fenetreModal .modal-dialog {
    width: 500px;
    margin: 30px auto;
}

#fenetreModal .modal-footer .modal-oui-non {
    display: none;
}

.popover,
#fenetreModal .modal-content {
    border-radius: 0;
}

#fenetreModal .modal-body {
    text-align: justify;
}

#fenetreModal #modale-aide .titreBlocAide {
    font-weight: bold;
    margin-top: 15px;
}

#fenetreModal #modale-aide .texteBlocAide ul {
    margin: 4px 0 10px;
    padding: 0 0 0 12px;
}

#fenetreModal #documentImpression {
    margin-top: 30px;
}

#fenetreModal #documentImpression a {
    margin-left: 10px;
}

#conteneurMessagesInfoUtilisateur {
    display: none;
}

ul.listeMessagesInfoUtilisateur {
    text-align: justify;
    padding: 0;
    margin: 0;
}

ul.listeMessagesInfoUtilisateur li {
    /*list-style: none;*/
}

ul.listeMessagesInfoUtilisateur.puceMasquee li {
    list-style: none;
}

/***********************************************************************************************************************
 *
 *  Boutons de formulaire
 *
 **********************************************************************************************************************/

#coeurDePage form #container_buttons {
    position: relative;
    margin-top: 35px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: url("images/icones/btn-radio-slider.png") repeat-x scroll 50% 50% transparent;
    border: none;
    cursor: pointer;
}

.ui-slider .ui-slider-handle {
    height: 1.3em;
    width: 1.3em;
}

#container_precisionObligatoirite {
    margin-top: 30px;
}

#container_precisionObligatoirite label {
    font-weight: normal;
    font-size: 12px;
}

/***********************************************************************************************************************
 *
 *  Etape Situation
 *
 **********************************************************************************************************************/

#container_EtapeSituation label{
    font-weight: bold;
}

#form-group-ccnDerogeant label,
#container_EtapeSituation label #precisionCodeNaf,
#container_EtapeSituation #container_precisionObligatoirite label{
    font-weight: normal;
}

/***********************************************************************************************************************
 *
 *  Etape Besoins
 *
 **********************************************************************************************************************/

#EtapeBesoins .ui-slider-wrapper,
#EtapeBesoins .selectNiveauCouverture {
    max-width: 240px !important;
}

#EtapeBesoins .ui-slider-wrapper {
    height: 45px;
    margin-left: 20px;
    width: auto !important;
}

#EtapeBesoins .selectNiveauCouverture {
    height: 8px;
}

#EtapeBesoins .selectNiveauCouverture .ui-widget-header {
    background: #666666;
}

#EtapeBesoins .ui-slider-wrapper.horizontal .ui-slider-label-ticks {
    height: 0.5em;
}

#EtapeBesoins .ui-slider-wrapper.horizontal .ui-slider-label-ticks span {
    font-size: 10px;
    left: 26px;
    margin-left: -7em;
    top: 6px;
}

#EtapeBesoins .ui-slider-label-ticks {
    white-space: normal;
}

/*margin-top: 35px;*/
#EtapeBesoins .panel.masque {
    display: none;
}

/***********************************************************************************************************************
 *
 *  Etape Offre
 *
 **********************************************************************************************************************/

#oav .conteneurBloc {
    margin-bottom: 10px;
}

#oav .conteneurBloc .tableauCollege {
    padding-top: 5px;
}

#oav #simulateurContenu .panel-heading a {
    text-decoration: none;
}

.formules .titre-exemples-remboursement,
.formules .titre-cotisations,
.formules .titre-renforts,
.formules .titre-budgets,
#oav #simulateurContenu .panel-heading,
#oav .conteneurBloc .libelleCollege {
    border-radius: 0;
    cursor: pointer;
    padding: 7px 35px 5px 20px;
    background: url("images/icones/fleche_panel_bas.png") no-repeat 98% center #d9eaf4;
}

.formules .titre-exemples-remboursement .parenthese {
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
}

.formules .titre-exemples-remboursement.ferme,
.formules .titre-cotisations.ferme,
.formules .titre-renforts.ferme,
.formules .titre-budgets.ferme,
#oav #simulateurContenu .panel-heading.collapsed,
#oav .conteneurBloc.ferme .panel-heading,
#oav .conteneurBloc.ferme .libelleCollege {
    background-image: url("images/icones/fleche_panel_droite.png") !important;
}

#oav .conteneurBloc.ferme .tableauCollege,
#oav .conteneurBloc.ferme .panel-body {
    display: none;
}

#oav .conteneurBloc .tableauCollege .infoNbTotalSalaries span {
    margin-left: 5px;
}

#oav .detailsCalculsMontantsBudget .champsSimulationBudget .form-group {
    display: block;
}

#oav .detailsCalculsMontantsBudget .champsSimulationBudget {
    width: 36%;
}

#oav .detailsCalculsMontantsBudget .champsSimulationBudget input {
    width: 70px !important;
    display: inline-block;
}

#oav .detailsCalculsMontantsBudget .champsSimulationBudget .form-group label {
    color: inherit;
    /*font-weight: bold;*/
}

#oav .detailsCalculsMontantsBudget .champsSimulationBudget .form-group label.labelRegime {
    font-weight: bold;
    text-decoration: underline;
}

#oav .detailsCalculsMontantsBudget .champs-donnees-demographiques form .form-group.form-group-bouton {
    bottom: 0;
    position: absolute;
    right: 0;
}

#coeurDePage form button.btnSimulationBudgetEntreprise  {
    text-decoration: none;
    font-style: normal;
    padding: 7px 40px 7px 20px;
    background: url("images/icones/fleche_droite.png") no-repeat 88% center #6588a6;
    border-radius: 0;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    color: #ffffff;
}

.formules .budgets.enTeteSectionResultatsBudget {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
}

.formules .budgets.enTeteSectionResultatsBudget .alert {
    margin-bottom: 5px;
}

.formules .budgets.masques {
    display: none !important;
}

.formules .budgets .liseretSeparateurTotal {
    background-color: #333333;
    height: 1px;
    margin: 8px 0;
}

.formules .libelleBudgetGlobal {
    vertical-align: middle;
    font-weight: bold;
}

#oav .zonePersonnalisationBudget {
    position: absolute;
    right: 10px;
    top: 2px;
}

#oav .champs-donnees-demographiques {
    border: 1px solid #D9D9D9;
    margin: 10px 0;
    padding: 5px 10px 0;
    position: relative;
}

#oav .champs-donnees-demographiques .form-group {
    margin: 0 5px 5px 0;
}

#oav .champs-donnees-demographiques .form-group .control-label {
    margin-right: 10px;
    min-width: 90px;
}

#oav .champs-donnees-demographiques .alert {
    display: none;
    margin-bottom: 10px;
}

#oav .detailsCalculsMontantsBudget {
    margin-bottom: 10px;
}

tr.simulateurBudget {
    display: none;
}

#oav .detailsCalculsMontantsBudget .titreDetailsCalculsMontantsBudget {
    text-decoration: underline;
}

#oav .detailsCalculsMontantsBudget .explicationMoyenneBudget {
    margin: 5px 0;
}

#oav #form-group-btnSimulationBudgetEntreprise {
    display: inline-block;
}

/*table.formules tr.exemples-remboursement td{*/
    /*border: none !important;*/
/*}*/

/**************************************************************************************************************/
/**************************************             FORMULES             **************************************/
/**************************************************************************************************************/

.formules {
    /*display: none;*/
}

.formules.table-bordered {
    border: 1px solid #FFFFFF;
    border-collapse: inherit;
}

.formules .substitut-icone-tooltip {
    padding-left: 17px;
}

.formules .formule.cartouche-formule {
    height: 54px;
}

.formule .informations,
.formules .cartouche-formule-recommandee {
    cursor: default;
}

.formules .cartouche-formule-recommandee {
    border: 1px solid #CECECE;
    bottom: -2px;
    position: relative;
    text-align: center;
    height: 100%;
}

.formules .formule.cartouche-formule.recommandee .cartouche-formule-recommandee,
.formules .formule.cartouche-formule.selectionnee .cartouche-formule-recommandee {
    background-color: #D1B39B;
    border: 1px solid #D1B39B;
}

.formules .cartouche-formule-recommandee .titre {
    display: inline-block;
    font-weight: bold;
    padding-top: 6px;
    vertical-align: middle;
    width: 100%;
    text-transform: uppercase;
}

.formules .formule.cartouche-formule.recommandee .cartouche-formule-recommandee .titre,
.formules .formule.cartouche-formule.selectionnee .cartouche-formule-recommandee .titre {
    color: #595959;
}

.btn-formule-navigation {
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    padding: 0 6px;
    position: relative;
    text-align: center;
    max-width: 200px;
}

.formules .conteneurBtnsNavigation .libelle {
    font-size: 14px;
    text-transform: uppercase;
}

.formules label {
    color: #a9a9ab;
    font-weight: normal;
}

.btn-formule-navigation .fleche {
    height: 16px;
    position: absolute;
    top: 32%;
    width: 16px;
}

.formules .conteneurBtnsNavigation {
    text-align: right;
    padding-right: 10px !important;
}

.btn-formule-navigation-gauche .fleche {
    left: -4px;
}

.btn-formule-navigation-droite .fleche {
    right: -4px;
}

.table.formules {
    height: 100%;
}

.table.tableRenforts > tbody > tr > td,
.table.formules > thead > tr > th,
.table.formules > tbody > tr > th,
.table.formules > tfoot > tr > th,
.table.formules > thead > tr > td,
.table.formules > tbody > tr > td,
.table.formules > tfoot > tr > td {
    border: 1px solid #FFFFFF;
    padding: 0;
    height: 100%;
}

.formules .formule .radio input[type="radio"] {
    float: none;
}

.formules .formule.details .informations {
    background-color: #767676;
    padding: 15px 0;
    color: #FFFFFF;
    text-align: center;
    height: 100% !important;
    position: relative;
}

.formules .formule.details .informations .glyphicon-info-sign {
    background: url('images/icones/tooltip-point-fort.png') no-repeat scroll center center transparent;
}

.formules .formule.details.recommandee .informations .glyphicon-info-sign {
    background: url('images/icones/tooltip-point-fort-formule-recommandee.png') no-repeat scroll center center transparent;
}

.formules .formule.details .titre {
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    padding-right: 20px;
}

.formules .formule.details .description {
    text-align: justify;
    margin-top: 5px;
}

.formules .formule .points-forts,
.formules .formule .btnEnvoiDetailsFormuleParMail {
    border: none;
    cursor: default;
    height: 20px;
    padding: 2px;
    position: absolute;
    width: 20px;
    right: 2px;
    z-index: 10;
}

.formules .formule .points-forts {
    top: 5px;
}

.formules .formule .btnEnvoiDetailsFormuleParMail {
    top: 30px;
    display: none; /* Désactivé jusqu'à nouvel ordre */
}

.formules .formule .radio, .formules .formule .checkbox {
    margin-bottom: 0;
    margin-top: 0;
}

.formules .formule.recommandee.details,
.formules .formule.selectionnee.details {
    border: 1px solid #D1B39B;
}

.formules .formule.recommandee.details .informations,
.formules .formule.selectionnee.details .informations {
    background-color: #ffffff;
    color: #D1B39B;
}

.formules .formule .cellule-montants {
    text-align: center;
    font-weight: bold;
    padding: 8px 0;
    /*height: 100% !important;*/
    color: #7e8285;
    /*min-height: 45px;*/
}

.formules .formule .intersticeHaut{
    height: 14px;
}

table.table.formules{
    border-collapse: inherit;
    border-spacing: 3px 0;
}

.formules .exemples-remboursement td.formule{
    border-left: 1px solid #cdcdcd;
    border-right: 1px solid #cdcdcd;
}

.formules .exemples-remboursement td.bordureBassePostePrestation{
    border-bottom: 1px solid #cdcdcd !important;
}

.formules .exemples-remboursement td {
    border-top: none !important;
    border-bottom: none !important;
    /*border-right: 4px solid #FFFFFF !important;*/
    /*border-left: 4px solid #FFFFFF !important;*/
}

.formules .exemples-remboursement.masque {
    display: none;
}

.formules .renforts {
    display: none;
}

.formules .renforts .libelleRegime,
.formules .budgets .libelleRegime,
.formules .cotisations .libelleRegime,
.conteneurRenforts .libelleRegime {
    font-weight: bold;
    margin: 5px 0;
    text-decoration: underline;
}

.formules .libelleRegime span {
    padding-bottom: 2px;
    vertical-align: middle;
}

.formules .libelleRegime span.aide-saisie {
    margin-left: 5px;
}

.conteneurRenforts .libelleTypeTarif,
.formules .cotisations .libelleTypeTarif,
.formules .renforts .libelleTypeTarif,
.formules .budgets .libelleTypeTarif {
    margin: 10px;
}

.formules .cotisations .formule .cellule-montants .montant-separateur,
.formules .budgets .formule .cellule-montants .montant-separateur {
    margin: 0 5px;
}

.formules .formule.recommandee .total,
.formules .formule.selectionnee .total {
    background-color: #98cee8;
}

.formules .formule.recommandee .total .montant,
.formules .formule.selectionnee .total .montant {
    background-color: #98CEE8;
}

.formules .renforts .formule .montant.masque,
.formules .cotisations .formule .montant.masque {
    display: none;
}

.formules .formule.details.nbFormules-1 {
    width: 75%;
}

.formules .formule.details.nbFormules-2 {
    width: 38%;
}

.formules .formule.details.nbFormules-3 {
    width: 25%;
}

.formules .formule.selectionnee .cellule-montants,
.formules .formule.recommandee .cellule-montants {
    color: #595959;
}

.formules .exemples-remboursement td,
.formules .renforts td {
    vertical-align: top;
}

.formules .exemples-remboursement td.type,
.formules .renforts td.type {
    vertical-align: middle;
}

.formules .exemples-remboursement td.type .zoneLibelle,
.formules .renforts td.type .zoneLibelle {
    position: relative;
}

.formules .exemples-remboursement td.type .zoneLibelle label,
.formules .renforts td.type .zoneLibelle label {
    width: 128px;
}

.formules .exemples-remboursement td.type .zoneLibelle .aide-saisie {
    top: 6px;
}

/*.formules .exemples-remboursement td.type .montantDeBase,*/
.formules .renforts td.type .montantDeBase {
    position: absolute;
    right: 0;
    top: 0;
}

.formules .exemples-remboursement td.type .montantDeBase.alert,
.formules .renforts td.type .montantDeBase.alert {
    top: -8px;
}

.formules .exemples-remboursement td.type .montantDeBase input,
.formules .renforts td.type .montantDeBase input {
    width: 75px;
    display: inline;
}

.formules .exemples-remboursement.itemMultiligne .zoneLibelle label {
    width: 230px !important;
}

.formules .exemples-remboursement.itemMultiligne .zoneLibelle .libelleItemMultiligne label {
    padding-left: 30px;
    width: 126px !important;
}

.formules .exemples-remboursement.masqueParDefaut .zoneLibelle label {
    width: 97px !important;
}

.formules .exemples-remboursement.masqueParDefaut.itemMultiligne .zoneLibelle label {
    width: 200px !important;
}

.formules .exemples-remboursement.masqueParDefaut.itemMultiligne .zoneLibelle .libelleItemMultiligne label {
    width: 127px !important;
}

.formules .formule .cellule-montants {
    background-color: #E6E6E6;
}

.formules tr.odd .formule .cellule-montants {
    background-color: #CDCDCD;
}

.formules tr.odd .formule.selectionnee .cellule-montants,
.formules tr.odd .formule.recommandee .cellule-montants {
    background-color: #D1B39B;
}

.formules tr.even .formule.selectionnee .cellule-montants,
.formules tr.even .formule.recommandee .cellule-montants {
    background-color: #EDE3DA;
}

#coeurDePage tr.ligneBtnsImpression .formule{
    background-color: #e6e6e6;
}

#coeurDePage tr.ligneBtnsImpression .formule.recommandee,
#coeurDePage tr.ligneBtnsImpression .formule.selectionnee{
    background-color: #D1B39B;
}

#coeurDePage tr.ligneBtnsImpression button {
    background: none;
    border: none;
    color: #7e8285;
    font-size: 9px;
    padding: 4px 5px 3px;
    text-transform: uppercase;
}

#coeurDePage tr.ligneBtnsImpression .formule.recommandee button,
#coeurDePage tr.ligneBtnsImpression .formule.selectionnee button {
    /*background-color: #D1B39B;*/
    color: #595959;
}

#coeurDePage tr.ligneBtnsImpression .formule:hover {
    background-color: #EDE3DA;
}

.formules .renforts .container_element {
    margin: 0 !important;
}

.formules .renforts .container_element label {
    min-width: 200px;
}

.conteneurBloc .masquee {
    display: none;
}

#oav .titreDetailsRenforts {
    background-color: #E87731;
    color: #FFFFFF;
    font-size: 12px;
    margin: 5px 0;
    padding: 1px 5px;
}

#oav .conteneurGestionPostesPrestation {
    margin-top: 10px;
}

#oav .conteneurPostesPrestation {
    display: none;
}

#oav .conteneurPostesPrestation .container_element {
    display: inline;
}

#oav .formules .btnSuppressionPostePrestation {
    margin-right: 5px;
}

#oav .formules .btnSuppressionPostePrestation,
#oav .formules .btnAnnulerAjoutPostePrestation {
    padding: 1px 4px 0;
}

#oav .lienPopinRenforts {
    color: #D1B39B;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}

#oav tr.ligneBtnsImpression td {
    text-align: center;
}

#oav tr.renforts .phraseExplicativeRenforts {
    text-align: justify;
}

#oav tr.renforts .phraseExplicativeRenforts .important {
    font-weight: bold;
    margin: 10px 0;
}

/* Récapitulatifs en haut de page */

.formules .titre-exemples-remboursement,
.formules .titre-cotisations,
.formules .titre-renforts,
.formules .titre-budgets,
#oav #coeurDePage .recapitulatif {
    margin: 10px 0;
    position: relative;
}

#oav #coeurDePage .recapitulatif {
    font-size: 12px;
}

.formules .titre-exemples-remboursement,
.formules .titre-cotisations,
#oav #coeurDePage .recapitulatif {
    background-color: #EDEDED !important;;
}

.formules .conteneurGestionPostesPrestation .btnAjoutPostePrestation,
.formules .titre-renforts,
.formules .titre-budgets {
    border: 1px solid #cdcdcd;
    background-color: #FFFFFF !important;
}

.formules .conteneurGestionPostesPrestation .btnAjoutPostePrestation .glyphicon {
    margin-left: 10px;
    top: 3px;
}

#oav #coeurDePage .recapitulatif .btnModification span.glyphicon-pencil {
    color: #C5C5C5;
    font-size: 16px;
}

#oav #coeurDePage .recapitulatif .btnModification span.glyphicon-pencil:hover {
    color: #5F5A5A;
}

#oav #coeurDePage .recapitulatif .donnees {
    text-align: justify;
    position: relative;
    padding: 10px 20px;
}

#oav #coeurDePage .recapitulatif .btnModification {
    position: absolute;
    right: 10px;
    top: 10px;
}

.formules .titre-exemples-remboursement,
.formules .titre-cotisations,
.formules .titre-renforts,
.formules .titre-budgets,
#oav #coeurDePage .recapitulatif .donnees .titre {
    font-weight: bold;
    text-transform: uppercase;
}

#oav #coeurDePage .recapitulatif .donnees .informations {
    color: #999999;
}

#oav #coeurDePage .recapitulatif .donnees .informations .popover {
    min-width: inherit;
}

.popover.popoverTitreFormule {
    left: inherit !important;
    right: -14px;
}

.popover.popoverTitreFormule .arrow {
    left: 93% !important;
}

#oav #coeurDePage .recapitulatif .donnees .informations .sousTitre {
    clear: both;
    font-weight: bold;
    margin: 4px 0 4px 20px;
    text-decoration: underline;
}

#oav #coeurDePage .recapitulatif .donnees .informations .sousTitre:after {
    content: ":";
}

#oav #coeurDePage .recapitulatif .donnees .informations ul {
    list-style: none;
    margin: 0 4px 0 0;
    padding: 0;
}

#oav #coeurDePage .recapitulatif .donnees .informations ul li {
    display: inline;
}

#oav #coeurDePage .recapitulatif .donnees .informations ul li.separateur {
    margin: 0 4px;
}

/* Loading */

.chargement {
    background: url("images/ajax-loader.gif") no-repeat scroll center center;
    min-width: 16px;
    min-height: 16px;
}

/***********************************************************************************************************************
 *
 *  HennerAutocomplete
 *
 **********************************************************************************************************************/

.autocompleteConteneur .combobox-container,
input[type="text"],
input.inputText {
    height: 35px;
}

input.inputText {
    width: 170px;
}

.autocompleteConteneur .combobox-container .ui-autocomplete-input {
    border-right: none;
    box-shadow: none;
}

.autocompleteConteneur .combobox-container .btn.dropdown-toggle {
    padding: 0 10px 0 12px;
}

@media (max-width: 1024px) {
    .formules .formule.details.nbFormules-1 {
        width: 64%;
    }

    .formules .formule.details.nbFormules-2 {
        width: 32%;
    }

    .formules .formule.details.nbFormules-3 {
        width: 21%;
    }
}

@media (max-width: 700px) {
    .formules .formule.details.nbFormules-1 {
        width: 54%;
    }

    .formules .formule.details.nbFormules-2 {
        width: 29%;
    }

    .formules .formule.details.nbFormules-3 {
        width: 19%;
    }
}

@media (max-width: 620px) {
    #oav .detailsCalculsMontantsBudget .champsSimulationBudget {
        width: 44%;
    }
}

@media (max-width: 560px) {
    #EtapeBesoins .ui-slider-wrapper {
        margin: 0 10px 0 0;
        height: 50px;
    }

    .combobox-container .ui-autocomplete-input,
    .combobox-container .ui-menu .ui-menu-item a {
        font-size: 12px;
    }

    .combobox-container .ui-autocomplete.ui-front.ui-menu.ui-widget {
        width: 170% !important;
    }

    #EtapeBesoins .ui-slider-wrapper.horizontal .ui-slider-label-ticks span {
        position: absolute;
        left: -24px;
        margin: 0;
    }

    #oav .conteneurGestionPostesPrestation {
        margin-left: 10px;
    }

    .formules .exemples-remboursement td.type {
        padding-left: 5px;
    }

    #oav .champs-donnees-demographiques .form-group .control-label {
        margin-right: 5px;
        min-width: 75px;
    }

    #oav .champs-donnees-demographiques .form-group label {
        padding-left: 5px;
    }
}

@media (max-width: 340px) {
    #EtapeBesoins .ui-slider-wrapper.horizontal .ui-slider-label-ticks span {
        font-size: 9px;
    }
}