/*
    Document   : layout
    Created on : 16 juil. 2013, 17:26:57
    Author     : scornelie
    Description:
        Purpose of the stylesheet follows.
*/
/* Fonts */
@font-face {
    font-family: 'Poppins-Regular';
    src: url('fonts/Poppins/Poppins-Regular.ttf');
}
@font-face {
    font-family: 'OpenSans-Regular';
    src: url('fonts/OpenSans/OpenSans-Regular.ttf');
}
h1, h2, h3, h4, title{
    font-family: 'Poppins-Regular', Arial, Verdana, sans-serif !important;
}
.titre h2, h1{
    color: #4283d1 !important;
}
body, a, p, label, td, span, div, placeholder{
    font-family: 'Poppins-Regular', Arial, Verdana, sans-serif !important;
}

* {
    font-family: 'Poppins-Regular', Arial, Verdana, sans-serif;
}

body {
    background-color: white;
    font-size: 0.9em;
}

/* Le CSS du header et du footer */

#hennerproHeader {
    background: none;
    border-bottom: none;
    margin-bottom: 35px;
    /*height: 193px;*/
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -500px;
    z-index: 7999;
}

#hennerproHeader_contenu {
    /*height: 193px;*/
}
#header_moncompte > .titre {
    margin: 0;
    font-weight: normal;
    padding: 1px 30px 1px 10px;
    background: url('../images/tiroir-ouvert.png') rgb(255, 75, 51) 95% 50% no-repeat;
    color: white;
}
#hennerproHeader_upper {
    background-color: #ffffff;
    height: 80px;
}

#header_conteneur_logo {
    /*display: inline-block;
    background: transparent;
    position: relative;
    left: 0;
    top: 10px;
    height: 70px;
    width: 155px;*/
    position: inherit !important;
    width: inherit !important;
}

#header_conteneur_titre {
    /*left: 140px;
    top: 32px;
    color: #444444;*/
    left: 240px !important;
}

#header_conteneur_titre h1 {
    color: #444444;
    border-left: 1px solid #444444;
    padding-left: 25px;
    font-size: 1.4em;
}

#header_conteneur_parametrages {
    position: absolute;
    top: 36px;
    right: 50px;
    letter-spacing: 0.01em;
}

#header_connexion {
    color: #999999;
}

#header_connexion a {
    color: #999999;
    text-transform: uppercase;
}

#hennerproContent {
    padding-top: 165px;
    padding-bottom: 183px;
}
#header_conteneur_parametrages > div{
    background: none;
}
#header_deconnexion,#header_moncompte{
    border:none;

}
#header_deconnexion a {
    background: none;
    color :#999999;
}

#header_conteneur_logo img {
    margin: 0;
}

#header_conteneur_infoCourtierConnecte {
    color: #999999;
}

#header_menu {
    background-color: #4283d1;
    top: 80px;
    left: 0;
}

#header_menu > ul > li .titre:hover {
    background: none;
    text-shadow: none;
}

#header_menu > ul > li {
    background: none;
    font-size: 0.9em;
    padding: 0;
    width: 240px;

}


#header_menu > ul > li .titre {
    padding: 0;
    height: 50px;
    font-size: 1.2em;
    text-shadow: none;
    text-transform: uppercase;
    font-variant: normal;
    font-weight: normal;
    line-height: 50px;
}

#header_menu .sous_menu {
    background-color: #4283d1;
    border: none;
    padding-bottom: 10px;
}

.sous_menu_bloc {
    display: inline-block;
}

#header_conteneur_filAriane {
    left: 0px;
    top: 52px;
    padding: 5px 10px;
    position: relative;
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}

#oav .barre_info_actions {
    background: none repeat scroll 0 0 #FFFFFF;
}

#oav .subTitleLine {
    background-color: #4283d1;
    height: 5px;
}

#header_conteneur_retour_site .lien_retour_site:hover {
    text-decoration: none;
}

#header_conteneur_retour_site .lien_retour_site:active {
    box-shadow: 0 1px 4px #64687D inset !important;
}

.banniere{
    display: block;
}

#hennerproInformation {
    position: relative;
    left: 0;
    top: 162px !important;
    width: 996px;
}


#header_conteneur_logo img {
    width: 100% !important;
}

.soulignage_titre {
    background-color: rgb(255, 75, 51);
    width: 7%;
}

.soulignage_titre.court {
    width: 100px;
}


#hennerproFooter {
    height: auto;
    background-color: #f1f1f8;
    background-image: none;
}

#hennerproFooter_contenu {
    text-align: center;
}

#footer_menu {
    position: relative;
    top: 0;
    left: 0;
    margin: 20px 0 50px;
    font-weight: bold;
}
#footer_menu > ul > li span.entree,
#footer_menu > ul > li a,
#footer_menu > ul > li .separateur{
    color: #898989;
    font-weight: inherit;
}
#footer_logo_container {
    float: left;
}

#footer_logo img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

#logo_wording {
    margin-top: 25px;
    padding-top: 8px;
    color: #5d5d5d;
}

#logo_wording h3 {
    text-align: left;
    margin: 0;
    font-size: 0.7em;
    color: #4283d1;
    font-weight: bold;
}

#logo_wording p {
    text-align: justify;
    margin: 0;
    font-size: 0.7em;
}

#header_moncompte_menu_fleche {
    top: 19px;
}

#header_moncompte_menu {
    top: 28px;
}

.slidebar{
    width: 300px;
    height: 200px;
    background: url("../images/encart-sidebar-private-space.jpg") no-repeat ;
    margin-top: 10px;
}

/*Actualités*/

.actualiteTable
{
    border: 1px;
    border-color: #000000;
    border-style: solid;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 100%;
    border-collapse:collapse;
}

.actualite
{
    border: 1px;
    border-color: #000000;
    border-style: solid;
    text-align: center;
    border-collapse:collapse;
}


.actualiteMoitie
{
    width: 50%;
}
.actualiteTd
{
    padding: 3px;
    width: 50%;
    vertical-align: top;
}

.actualiteBold
{
    color: #ffffff;
    font-weight: 900;
}

.actualiteRose
{
    background-color: #fc5c77;
}
.actualiteImg
{
    padding-top: 2px;
}
.actualiteBleu
{
    background-color: #00348d;
}
.actualiteBleu img
{
    height:23px;
    margin-right:5px;
}

.actualiteTable h3{
    margin: 5px 0 16px;
    color: #fc5c77;
}

.actualiteTable div{
    margin: 10px 0;
    padding: 10px 0 10px 70px;
    position: relative;
}

.actualiteTable.actualite38Table,
.actualiteTable.actualite38Table .actualite{
    border:none;
}

.actualiteTable.actualite38Table div .actualiteDivImg{
    position: absolute;
    left:5px;
    top:15px;
    height: 60px;
}

.actualiteInfosContact{
    position: relative;
    padding-left: 50px;
    height: 25px;
}
.actualiteInfosContact .actualiteIcon{
    height: 23px;
    position: absolute;
    left: 0;
    top: -3px;
}
.actualiteInfosContact a{
    text-decoration: underline;
}


/************************* Bouton **************************/
input.submit[type="submit"], input.next[type="submit"] {
    background: none;
    background-color: rgb(255, 75, 51) /* Ancien jaune */;
    color: white;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
    font-weight: 700;
    padding: 7px 2%;
    border: none;
}
input.submit[type="submit"]:hover, input.next[type="submit"]:hover {
    background-color: rgb(255, 75, 51);
}


.button.action.tarification,
.button.action.creationDevis,
.button.action.souscription {
    background: url("../../defaut/images/bouton/superieur_bleu.png") #fff 95% center no-repeat !important;
    color: #4283d1 !important;
}

.button.action {
    border-top: inherit !important;
    border-right: inherit !important;
    border-left: inherit !important;
    border-bottom: inherit !important;
    box-shadow: none !important;
    border-radius: inherit !important;
    background-color: inherit !important;
}

#oav form table.tarificateurChoixFormules .prixSansOption td.prixCotisationSansOption {
    text-align: center !important;
}

#oav #bloc_listeOffres .element_listeOffres,
#oav #bloc_listeOffres .element_listeOffres img {
    border: none !important;
}

#header_menu .sous_menu > li {
    border-top: none !important;
}

#oav #formInfoTarificateurSouscripteur .title_Bloc label[for="title_Bloc_Devis"] {
    color: #4283d1 !important;
}

#oav #formInfoTarificateurSouscripteur .title_Bloc label {
    color: #000000 !important;
}

#oav .ui-selectmenu {
    background: none !important;
}

#oav .ui-selectmenu,
#oav .chzn-container-single .chzn-single,
#oav .chzn-container-active .chzn-single {
    background: white;
    border-radius: 0px !important;
    border-color: #aaaaaa !important;

}

#oav  #contratsFiltre  .chzn-container-single .chzn-single,
#oav  #contratsFiltre  .chzn-container-active .chzn-single {
    background: none !important;
    border-radius: 0px !important;
    border-color: #aaaaaa;

}


#oav .chzn-container-single.chzn-disabled
 {

    border-radius: 0px !important;
    border-color: #aaaaaa !important;
    background-color: rgba(191, 191, 191, 0.45) !important;
}

#header_menu .sous_menu > li > a:hover {
    text-decoration: none !important;
}

#header_menu .sous_menu > li:hover {
    background: #141e6e;
}


#oav div#oav_conteneur_tarificateurCagnotteDevis div#content-boutonAffichageCagnotte {
    text-align: right;
}


#oav div#oav_conteneur_tarificateurCagnotteDevis div#content-cagnotte {
    padding: 15px;
    background-color: #f1f1f8;
}

#oav form .Devis, #oav form .Souscription {
    background: none !important;
}

#oav form .Souscription .title_Bloc {
    background-color: #4283d1;
}

#oav #oav_pagination a:active {
    border-style: none !important;
}

#oav table tbody > tr {
    border-bottom: 1px solid #888888 !important;
}

#oav form table.tarificateurChoixFormules tbody > tr.prix.prixAvecOption {
    border-bottom: none !important;
}

#oav #fieldset-wrappersignemontant span,
#oav #fieldset-wrappersignemontant a,
#OAV_subForm_allocation_signe-menu a {
    font-family: arial,helvetica,sans-serif !important;
}

#oav .Beneficiaire button {
    text-decoration: inherit !important;
}

#oav form#formInfoTarificateurSouscripteur .EntoureBeneficiaires {
    float: none !important;
    width: 660px;
}

#oav form#formInfoTarificateurSouscripteur .EntoureBeneficiaires #container_wrapper_Beneficiaire div.container_subform.Colonne1 {
    float: right;
}

#oav form#formInfoTarificateurSouscripteur .EntoureBeneficiaires #container_wrapper_Beneficiaire div.container_subform.Colonne2 {
    padding: 15px;
}

#oav form#formInfoTarificateurSouscripteur .EntoureBeneficiaires #container_wrapper_Beneficiaire div.container_subform.Colonne1,
#oav form#formInfoTarificateurSouscripteur .EntoureBeneficiaires #container_wrapper_Beneficiaire div.container_subform.Colonne2 {
    width: inherit !important;
}

#hennerproContent #filtres_offres {
    display: none;
}

#oav form#formInfoTarificateurChoixCotisation button.next[type="submit"] {
    padding: 7px 20px;
}
#header_moncompte_menu li.infos a {background: url("../../amis/images/mon-compte/mon-compte.png") no-repeat scroll 9px center;}
#oav table.tableau, #oav table#resultats_impayes, #oav #oav_recherche table, #blocContractActivity table {
    border-collapse: collapse;
}
#Regime-button, #CaisseAssuranceMaladie-button {
    width: 200px !important;
}
#Regime-button, #CaisseAssuranceMaladie-button {
    width: 200px !important;
}

#hennerproContent h1 {
    color: #000000;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 24px;
}

#oav #oav_recherche #oav_recherche_filtre.recherche_rapide .searchItem #container_numeroDevis input {
    border: 1px solid #aaaaaa !important;
}

#hennerproContent .panier .panier-btn-controle .texte-informatif-panier {
    text-align: initial;
    color: red;
    font-style: italic;
    font-size: 11px;
}

#hennerproContent .panier .panier-btn-controle .texte-informatif-panier span {
    font-weight: bold;
}

#container_dateFinRecherche, #container_dateFinEffetRecherche, #container_dateFinSaisieRecherche
{
    margin-left: 1px !important;
}

.chzn-container-single .chzn-default {
    color: #444444 !important;
}

/************************* Popup **************************/
.popup-etape--container {
    background: rgba(0, 0, 0, 0.5);
    position: fixed; top: 0; right: 0; left: 0; bottom: 0;
    z-index: 7999;
}
.popup-etape--content {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: white;
    width: 500px;
    padding: 40px;
    margin: 0;
    border-radius: 8px;
    text-align: center;
}
.popup-etape--container p {
    margin-bottom: 50px;
    font-size: 18px;
}
.popup-etape--container a {
    background: rgb(255, 75, 51) none repeat scroll 0 0;
    padding: 10px 10px;
    border: medium none;
    border-radius: 30px;
    box-shadow: none;
    color: white;
    font-weight: 700;
    font-size: 14px;
}
.popup-etape--container a:hover {
    text-decoration: none;
}

.primary-bg {
    background-color: #4283d1;
}

.piramary-btn {
    background-color: rgb(255, 75, 51);
    color: white;
    transition: all 0.3s ease 0s;
    border-radius: 30px;
    font-weight: 700;
    padding: 7px 2%;
    border: 0;
}