@charset "utf-8";

body {
    font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
    font-size: 100%;
    background: #ffffff;
    color: #0091db;
    background-color: white;
    
}

* {
    margin: 0;
    padding: 0;
}

.colorRed {
    color: red;
    font-color: red;
}

::-webkit-input-placeholder {
    font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
    font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
}

::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
}

:-ms-input-placeholder {
    font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
}

input[type="number"] {
    font-family: 'Lato', Arial, Helvetica, Verdana, serif;
}

.uppercase {
    text-transform: uppercase;
}

.has-error .form-control {
    border-color: rgb(204, 204, 204);
}

.red-error {
    color: #a94442;
}

.has-error .form-control.ng-dirty {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.breddatepicker {
    width: -moz-calc(100% -   18px);
    width: -webkit-calc(100% -   18px);
    width: calc(100% -   18px);
    display: inline;
}

.ui-datepicker-title {
    color: #666666;
}

.ui-datepicker-trigger {
    padding-bottom: 2px;
}

.editorText .tooltip {
    bottom: 40px;
    left: 85px;
    z-index: 10;
}

.editorRadio .tooltip {
    bottom: 20px;
    left: 0px;
}

.textcenter {
    text-align: center;
}

.pointer {
    cursor: pointer;
}

.inputtextrow .form-control-feedback {
    top: 0px;
    right: 20px;
}

.daterow .form-control-feedback, .selectrow .form-control-feedback {
    top: 0px;
    right: 30px;
}

.form-control {
    min-width: 40px;
    font-family: 'Raleway', Arial, Helvetica, Verdana, sans-serif;
    font-size: 100%;
    font-size: 19px;
    color: #0370ad;
    padding-top: 0px;
    padding-bottom: 0px;
}

.number {
    font-family: 'Lato', Arial, Helvetica, Verdana, serif;
}

.bold {
    font-weight: 600;
}

header h1, header h2 {
    font-family: Raleway, Arial, Helvetica, Verdana, serif;;
}

#titreHeader {
    text-align: center;
}

header h1 {
    color: #0370ad;
    display: inline-block;
    margin-top: 50px;
}

header h2 {
    color: #58d5ea;
    display: inline-block;
}

header .title .ligne2 {
    text-align: center;
}

.fa {
    color: #428bca;
}

/**
  
  login
  
  */
#login .headerblock div:nth-child(2), #dejaClient .headerblock div:nth-child(2) {
    padding-top: 18px;
}

#login .block1, #dejaClient .block1 {
    color: #FFFFFF;
}

#login .block2, #dejaClient .block2 {
    color: white;
}

.paddingNull {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

#login .block1 h1, #login .block2 h1, #dejaClient .block1 h1, #dejaClient .block2 h1 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0px;
    color: white;
}

#login .block1 h2, #login .block2 h2, #dejaClient .block1 h2, #dejaClient .block2 h2 {
    margin: 0px;
}

.imgStep01Recap {
    background: url('../../img/bred/1_white.png') no-repeat;
}

.imgStep02Recap {
    background: url('../../img/bred/2_white.png') no-repeat;
}

.imgStep03Recap {
    background: url('../../img/bred/3_white.png') no-repeat;
}

.imgStep04Recap {
    background: url('../../img/bred/4_white.png') no-repeat;
}

.imgStep05Recap {
    background: url('../../img/bred/5_white.png') no-repeat;
}

#dejaClient .block1 .logo {
    background: url(../../img/bred/02_picto_authent.png) no-repeat center;
    width: 51px;
    height: 42px;
    padding-top: 15px;
}

.btn_commencer a {
    margin-top: 15px;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 28px;
    text-align: center;
    color: #ffffff;
    background-color: #ffb000;
    border-color: #ffb000;
    clear: both;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
}

#login .block1 .btn_dejaClient a, #dejaClient .block1 .btn_dejaClient a {
    margin-top: 2px;
    width: 100%;
    height: 32px;
    padding: 10px;
    text-align: center;
    color: #ffffff;
    background-color: #4D9900;
    border-color: #4D9900;
    clear: both;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
}

#login .block1 h1, #login .block2 h1, #dejaClient .block1 #divConnexionBredCo h1, #dejaClient .block2 #divRDVBred h1 {
    text-align: center;
    line-height: 30px;
}

#dejaClient .block2 .btn {
    font-size: 17px;
}

#divBoutonConnexionBredConnect .btn {
    color: white;
    background-color: #008bba;
    border-color: white;
}

#divBoutonConnexionBredConnect .btn:HOVER {
    color: #008bba;
    background-color: white;
    border-color: #008bba;
}

#login .block2 input, #dejaClient .block2 input {
    background-color: #EFF2FB;
    font-family: 'Lato', Arial, Helvetica, Verdana, serif;
    font-size: 18px;
}

#dejaClient .block2 .logo {
    background: url(../../img/bred/03_picto_rdv_bred.png) no-repeat center;
    width: 51px;
    height: 42px;
    padding-top: 15px;
}

#login .block2  button, #login .dejaclient  button {
    color: #3b3b3b;
    background: #ffffff;
    border: 0;
    border-radius: 2px;
    line-height: 22px;
    width: 160px;
}

#dejaClient .block2  button, #dejaClient .dejaclient  button {
    color: #ffffff;
    background-color: #006e9c;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
}

#dejaClient .block2  button:HOVER {
    color: #00709e;
    background-color: #ffffff;
    border-color: #00709e;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
}

#login .block2 a, #dejaClient .block2 a {
    text-decoration: underline;
    color: white;
}

#login .dejaclient a, #dejaClient .dejaclient a {
    margin-top: 2px;
    width: 100%;
    padding: 9px;
    text-align: center;
    color: #fff;
    background: #0099f0;
    border: 0;
    clear: both;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    font-size: 12px;
    min-width: 150px;
}

#login .errorDemande, #dejaClient .errorDemande {
    padding-top: 10px;
    padding-bottom: 25px;
    height: 12px;
    color: #a94442;
    font-size: 15px;
    font-weight: 700;
}

#login  .onglet, #dejaClient  .onglet {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    margin: 0px;
    font-size: 16px;
}

#login  .ongletInfos, #dejaClient  .ongletInfos {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    margin: 0px;
    font-size: 16px;
}

#login .onglet>div, #dejaClient .onglet>div {
    line-height: 45px;
    padding: 1px;
}

#login .ongletInfos>div, #dejaClient .ongletInfos>div {
    line-height: 45px;
    padding: 1px;
}

.imgOngletLogin01, .imgOngletLogin02, .imgOngletLogin03, .imgOngletLogin04 {
    float: left;
    margin-bottom: 12px;
    margin-right: 15px;
    width: 50px;
    height: 51px;
}

.imgOngletLogin01 {
    background-image: url(../../img/be/IconeCadeau_PageCle1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.imgOngletLogin02 {
    background-image: url(../../img/be/IconeHandShake_PageCle1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.imgOngletLogin03 {
    background-image: url(../../img/be/IconeWallet_PageCle1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.imgOngletLogin04 {
    background-image: url(../../img/be/IconeCalendar_PageCle1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

/**
  
  Formulaire
  
  */
.blocInfo .row>div {
    padding: 32px 0px 0px 0px;
}

.blocInfo .textInfo {
    line-height: normal;
    padding: 0px 0px 0px 20px;
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 16px;
    font-weight: 400;
}

div.rowstep {
    border-bottom: 1px solid #ebebeb;
}

div.rowstepblue {
    border-top: 1px solid #0370ad;
}

.stepBackgroundBlue {
    background-color: #58c1ef;
    font-color: white;
    color: white;
    text-align: left;
}

.stepBackgroundWhite {
    background-color: white;
    font-color: #00b7d5;
    color: #00b7d5;
    text-align: left;
}

.iconeMail {
    background: url('../../img/be/mail.png') no-repeat;
    height: 35px;
    width: 35px;
}

.iconePhone {
    background: url('../../img/be/phone.png') no-repeat;
    height: 35px;
    width: 35px;
}

.height100 {
    height: 46px; /* taille de iconePhone */
    display: flex;
    align-items: center; /* centrage vertical */
}

.form1 {
    margin-top: 0px;
    font-size: 18px;
    font-weight: 400;
}

.saisievoid {
    height: 56px;
}

button {
    width: 100%;
    min-width: 150px;
}

.form1 .inputtextrow {
    height: 30px;
}

.form1 .radiorow {
    margin-bottom: 6px;
    height: 100%;
}

.form1 input[type="radio"], .form1 input[type="checkbox"] {
    margin-left: 10px;
}

.form1 .radioright {
    margin: 0px;
    padding: 0px;
}

.form1 input[type="text"], #login input[type="text"], #dejaClient input[type="text"] {
    margin-bottom: 6px;
}

.form1 input[type="email"], .form1 select {
    margin-bottom: 6px;
}

.libelle a {
    text-decoration: underline;
}

.souligner {
    text-decoration: underline;
}

/**
  
  Accroche formulaire base
  
  */
.section .accroche-1 {
    background: #0091db;
    color: #FFFFFF;
}

.accroche-1 ul, ul.accroche-1B, .onglet ul {
    float: left;
    width: 100%;
    max-height: 140px;
    margin-bottom: 0px;
}

.accroche-1 ul li, .onglet ul li {
    float: left;
    list-style-type: none;
    padding-left: 15px;
    width: 100%;
}

.accroche-1 ul li:last-child {
    border-right: none;
}

.onglet ul li {
    float: left;
    list-style-type: none;
    padding-left: 15px;
    width: 100%;
}

.ongletInfos ul li {
    float: left;
    list-style-type: none;
    padding-left: 15px;
    width: 100%;
}

.titreCommencement {
    background-color: #00b7d5;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
}

.corpsCommencement {
    background-color: #edf9ff;
}

.asterisqueBE {
    color: #ffb000;
}

.fontRose {
    color: #ffb000;
}

.fontBlack {
    color: #000000;
}

/**
  
  Onglet & progressbar  formulaire complet
  
  */
#formOC  .onglet {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    text-transform: uppercase;
    margin: 0px;
}

#formOC  .ongletInfos {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    text-transform: uppercase;
    margin: 0px;
}

#formOC  .progression {
    font-weight: 400;
    text-transform: uppercase;
    margin: 0px;
}

#formOC  .progression .libelle {
    font-weight: 600;
}

#formOC  .progression {
    color: #28408F;
}

#formOC  .onglet .blocMenuHaut .actif {
    background: #0091db;
    color: #FFFFFF;
    border-color: #0091db;
}

#formOC  .ongletInfos .blocMenuHaut .actif {
    background: #0091db;
    color: #FFFFFF;
    border-color: #0091db;
}

#formOC  .onglet .blocMenuHaut .encours {
    background: #0091db;
    color: #FFFFFF;
    border-color: #0091db;
}

#formOC  .ongletInfos .blocMenuHaut .encours {
    background: #0091db;
    color: #FFFFFF;
    border-color: #0091db;
}

#formOC  .onglet .blocMenuHaut .inactif {
    color: white;
    background-color: #0091db;
}

#formOC  .ongletInfos .blocMenuHaut .inactif {
    color: white;
    background-color: #0091db;
}

#formOC  .progression  .progress-bar {
    height: 25px;
    padding-top: 3px;
    font-size: 18px;
    font-weight: 600;
}

.progress {
    background: #E5E5E5;
    border: 0px solid rgba(245, 245, 245, 1);
    font-family: 'Lato', Arial, Helvetica, Verdana, serif;
    border-radius: 0px;
    height: 25px;
    padding-left: 0px;
    padding-right: 0px;
}

.progress-bar-custom {
    background: #0091db;
}

.boutons>div {
    text-align: center;
}

.boutons button, .boutons a {
    width: 80%;
}

/**
  
  Mes besoins
  
  */
.besoins textarea {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    width: 100%;
    height: 100px;
    border: #0370ad 1px solid;
    resize: none;
    padding: 5px;
    font-size: inherit;
    line-height: inherit;
}

.besoins ul {
    float: left;
    width: 100%;
    height: 200px;
    margin-top: 30px;
}

.besoins>div {
    padding-left: 0px;
    padding-right: 0px;
}

.besoins ul li {
    float: left;
    list-style-type: none;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

.besoins1 {
    color: #8DBD35;
    font-weight: 600;
}

.besoins2 {
    color: #0370ad;
    font-weight: 600;
}

.besoins ul li .step {
    height: 50px;
}

.imgBesoin01, .imgBesoin02, .imgBesoin03, .imgBesoin04, .imgBesoin05, .imgBesoin06, .imgBesoin07 {
    margin-top: 24px;
    margin-bottom: 32px;
    width: 110px;
    height: 99px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.imgBesoin01 {
    background-image: url(../img/bred/service_01_banque_en_ligne.png);
}

.imgBesoin02 {
    background-image: url(../img/bred/service_02_carte_bancaire.png);
}

.imgBesoin03 {
    background-image: url(../img/bred/service_03_chequier.png);
}

.imgBesoin04 {
    background-image: url(../img/bred/service_04_assurance.png);
}

.imgBesoin05 {
    background-image: url(../img/bred/besoin_01_epargner.png);
}

.imgBesoin06 {
    background-image: url(../img/bred/besoin_02_financer.png);
}

.imgBesoin07 {
    background-image: url(../img/bred/besoin_03_proteger.png);
}

/**
  
  finance
  
  */
.form1 .financerow {
    margin-top: 6px;
    margin-bottom: 6px;
}

/**
  
  recap
  
  */
.recap .title {
    font-size: 15px;
}

.recap .title {
    background: #00b7d5;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: 700;
    text-align: right;
    min-height: 30px;
}

.recap .title>div {
    float: right;
}

.recap .libelleBloc {
    text-align: right;
    margin-top: 6px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.recap .libelle {
    text-align: right;
    margin-top: 2px;
}

.recap .libellesaisie {
    text-align: left;
    margin-top: 2px;
}

.imgOnglet01s, .imgOnglet02s, .imgOnglet03s, .imgOnglet04s {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    height: 25px;
    width: 25px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: inline-block;
}

.actif .imgOnglet01 {
    background-image: url(../../img/bred/onglet01_valide.png);
    background-repeat: no-repeat;
}

.actif .imgOnglet02 {
    background-image: url(../../img/bred/onglet02_valide.png);
    background-repeat: no-repeat;
}

.actif .imgOnglet03 {
    background-image: url(../../img/bred/onglet03_valide.png);
    background-repeat: no-repeat;
}

.actif .imgOnglet04 {
    background-image: url(../../img/bred/onglet04_valide.png);
    background-repeat: no-repeat;
}

.encours .imgOnglet01 {
    background-image: url(../../img/bred/icon_onglet1_white.png);
    background-repeat: no-repeat;
}

.encours .imgOnglet02 {
    background-image: url(../../img/bred/icon_onglet2_white.png);
    background-repeat: no-repeat;
}

.encours .imgOnglet03 {
    background-image: url(../../img/bred/icon_onglet3_white.png);
    background-repeat: no-repeat;
}

.encours .imgOnglet04 {
    background-image: url(../../img/bred/icon_onglet4_white.png);
    background-repeat: no-repeat;
}

.inactif .imgOnglet01 {
    background-image: url(../../img/bred/icon_onglet1_blue.png);
    background-repeat: no-repeat;
}

.inactif .imgOnglet02 {
    background-image: url(../../img/bred/icon_onglet2_blue.png);
    background-repeat: no-repeat;
}

.inactif .imgOnglet03 {
    background-image: url(../../img/bred/icon_onglet3_blue.png);
    background-repeat: no-repeat;
}

.inactif .imgOnglet04 {
    background-image: url(../../img/bred/icon_onglet4_blue.png);
    background-repeat: no-repeat;
}

.imgOnglet01s {
    background-image: url(../../img/bred/onglet01_valide.png);
    background-repeat: no-repeat;
}

.imgOnglet02s {
    background-image: url(../../img/bred/onglet02_valide.png);
    background-repeat: no-repeat;
}

.imgOnglet03s {
    background-image: url(../../img/bred/onglet03_valide.png);
    background-repeat: no-repeat;
}

.imgOnglet04s {
    background-image: url(../../img/bred/onglet04_valide.png);
    background-repeat: no-repeat;
}

/**  
  acceptation  
  */
.accept .pdf a {
    text-decoration: underline;
}

.accept .choixVirement {
    margin-top: 15px;
}

.accept .choixCheque {
    
}

/**  
  RIB  
  */
#rib .accroche {
    background: #00b7d5;
    color: #FFFFFF;
    height: 80px;
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 19px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    padding: 25px;
}

/**
  
  Polices
  
  */
.ral-bold-24 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.ral-reg-18 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

.ral-reg-19 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 19px;
    font-weight: 400;
}

.ral-reg-15 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 15px;
    font-weight: 400;
}

lato-reg-15 {
    font-family: 'Lato', Arial, Helvetica, Verdana, serif;
    font-size: 15px;
    font-weight: 400;
}

.ral-bold-15 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.ral-reg-14 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 14px;
    font-weight: 400;
}

.ral-sbold-14 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 14px;
    font-weight: 600;
}

.ral-light-12 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 12px;
    font-weight: 300;
}

.ral-light-13 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 13px;
    font-weight: 300;
}

.ral-light-14 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 14px;
    font-weight: 300;
}

.ral-bold-16 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.ral-bold-17 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
}

.ral-bold-19 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
}

.ral-light-19 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 19px;
    font-weight: 300;
    text-transform: uppercase;
}

.ral-light-20 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}

.ral-sbold-16 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.ral-reg-16 {
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 16px;
    font-weight: 400;
}

.white {
    color: #FFFFFF;
}

.blue1 {
    color: #58d5ea;
}

.blue2 {
    color: #0370ad;
}

.blue3 {
    color: #0d74a1;
}

.space001 {
    padding-top: 7px;
}

.space002 {
    padding-left: 10px;
}

.space20 {
    padding: 20px;
}

.space-left10 {
    margin-left: 10px;
}

.space-bottom25 {
    padding-bottom: 25px;
}

.space-bottom32 {
    padding-bottom: 32px;
}

.space-bottom15 {
    padding-bottom: 15px;
}

.space-top52 {
    padding-top: 52px;
}

.space-top102 {
    padding-top: 102px;
}

.space-top32 {
    padding-top: 32px;
}

.space-top15 {
    padding-top: 15px;
}

.space-bottom5 {
    margin-bottom: 5px;
}

.space-bottom0 {
    margin-bottom: 0px;
}

/**
	Anims
	
	*/
.animate-show.ng-enter, .animate-show.ng-leave {
    -webkit-transition: all linear 1s;
    transition: all linear 1s;
}

/* du début de l'entrée */
.animate-show.ng-enter {
    opacity: 0.0;
}

/* à la fin de l'entrée */
.animate-show.ng-enter-active {
    opacity: 1.0;
}

/* du début de la sortie */
.animate-show.ng-leave {
    opacity: 1.0;
}

/* à la fin de la sortie */
.animate-show.ng-leave-active {
    opacity: 0.0;
}

.animate-show.ng-leave {
    opacity: 0;
}

.animate-show.ng-hide-add.ng-hide-add-active, .animate-show.ng-hide-remove.ng-hide-remove-active {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.animate-show.ng-hide {
    opacity: 0;
}

.fadeTransition.ng-enter {
    -webkit-transition: opacity 0.5s 0.5s linear;
    -moz-transition: opacity 0.5s 0.5s linear;
    -o-transition: opacity 0.5s 0.5s linear;
    transition: opacity 0.5s 0.5s linear;
}

.fadeTransition.ng-leave {
    -webkit-transition: opacity 0.5s 0s linear;
    -moz-transition: opacity 0.5s 0s linear;
    -o-transition: opacity 0.5s 0s linear;
    transition: opacity 0.5s 0s linear;
}

/* du début de l'entrée */
.fadeTransition.ng-enter {
    opacity: 0.0;
}

/* à la fin de l'entrée */
.fadeTransition.ng-enter-active {
    opacity: 1.0;
}

/* du début de la sortie */
.fadeTransition.ng-leave {
    opacity: 1.0;
}

/* à la fin de la sortie */
.fadeTransition.ng-leave-active {
    opacity: 0.0;
}

.waitSpinner {
    display: block;
    width: 25px;
    height: 25px;
    background: url('../img/common/FhHRx.gif');
    margin: 0 auto;
}

/**
	modal
*/
#modal {
    background-color: #E5E5E5;
}

.btn-primary {
    background-color: #0091db;
}

#modal .btn-primary {
    margin: 10px;
}

.modal-dialog {
    top: 150px;
}

#infoChampsObligatoire {
    text-align: left;
}

#infoChampsObligatoire .libelleChpsObl {
    color: #ffb000;
    font-size: 10px;
    text-align: left;
    text-transform: none;
}

.blockCategorie {
    text-align: left;
    margin-top: 6px;
    text-transform: uppercase;
}

.blockCategorieRecap {
    text-align: right;
    margin-top: 6px;
    text-transform: uppercase;
}

#aideEN, #aideEN p, #aideEN img {
    text-align: right;
}

.colorBE {
    color: black;
}

/*
CallBack
*/
.callback button.ok-tel {
    padding: 1px 8px;
    border: 1px solid #8DBD35;
    border-radius: 3px;
    background-color: #8DBD35;
    cursor: pointer;
    font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding-top: 7px;
    padding-bottom: 7px;
    min-width: 20px;
    width: 40px;
}

.callback .aide {
    color: #8DBD35;
}

.fondvert {
    background-color: #8DBD35;
    height: 100%;
}

.callback input.num-tel {
    width: 190px;
    margin-right: 5px;
    margin-bottom: 15px;
    padding: 7px 8px;
    font-family: Lato, Arial, Helvetica, Verdana, serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857;
    color: #656565;
    border: 1px solid #eceded;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.alignLeft {
    text-align: left;
    align: left;
}

.couleurBredRose {
    color: #E64C66;
}

.couleurBredGris {
    color: #DDDDDD;
}

.couleurBredBleu {
    color: #00b7d5;
}

.couleurBredTurquoise {
    color: #33B4E0;
}

.titreAccroche {
    width: 100%;
    text-align: center;
}

.titreAccroche h4 {
    width: 100%;
    background-image: url(../../img/bred/fond_accroche.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
}

.titreAccroche h4, .titreAccroche h3 {
    text-align: center;
}

#callbackBredFR {
    background-color: #DDDDDD;
    padding: 10px;
    min-width: 190px;
    margin-top: 10px;
}

.alignCenter {
    text-align: center;
}

.minWidthRadiosButt {
    min-width: 200px;
}

#callbackBredFR .libelle1 {
    font-size: 16px;
}

#callbackBredFR .libelle2 {
    font-size: 14px;
}

.infoFichierOK {
    text-align: left;
    font-size: 13px;
}

.infoFichierKO {
    text-align: left;
    color: #E64C66;
    font-size: 13px;
}

.alignImgTitreRecap {
    vertical-align: middle;
    background-position: center;
}

#tableUpload thead {
    background-color: #24315E;
    color: white;
}

#tableUpload {
    background-color: #f2f2f2;
}

.uploadBred {
    font-size: 12px;
}

.titrePopupBred {
    background-color: #00b7d5;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
}

.rowStyle1 {
    border-left: 50px solid #24315E;
}

.rowStyle2 {
    border-left: 50px solid #0091db;
}

.rowStyle3 {
    color: #000000;
    border-left: 50px solid #0091db;
}

.rowStyle3 input[type="file"] {
    color: #0091db;
}


.well {
    background: #e5f0f7;
    outline: 2px dashed #e3e3e3;
    outline-offset: -10px;
    /**
	Hacks IE
*/ @media screen and (min-width:0\0) and (min-resolution: +72dpi) { .selectrow .form-control-feedback {
    top: 0px;
    right: 10px;
}
}