@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;
	}

	/*input[type="text"] .hasDatepicker{
		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;;
	text-transform: uppercase;
}

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(1), #dejaClient .headerblock div:nth-child(1) {
	padding-top: 15px;
	padding-left: 40px;
}

#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_blue.png') no-repeat;
}

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

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


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

#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: 30px;
	text-align: center;
		color: #ffffff;
	background-color: #fd91a1;
	border-color: #fd91a1;
	clear: both;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
	font-weight: 700;
	font-size: 21px;
}

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

#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;
}

/* #simple_auth_btn{ */
/* 	width:100%; */
/* } */

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

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

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

#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: #fff;
	background: #8398b3;
	border:0;
}

#dejaClient .block2  button,
	#dejaClient .dejaclient  button {
	color: #ffffff;
	background-color: #006e9c;
/* 	border:1px; */
	border-radius: 5px;
	display: block;
	margin: 0 auto;
}
#dejaClient .block2  button:HOVER {
	color: #00709e;
	background-color: #ffffff;
	border-color: #00709e;
/* 	border:1px; */
	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: 6px;
	text-align: center;
	color: #fff;
	background: #0D74A1;
	border:0;
	clear: both;
	border-radius: 5px;
	display: block;
	margin: 0 auto;
	font-weight: 700;
	font-size: 21px;
	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 .onglet > div, #dejaClient .onglet > div{
	line-height: 45px;
	padding:1px;
}



 .imgOngletLogin01,
 .imgOngletLogin02,
 .imgOngletLogin03,
 .imgOngletLogin04  {
	float:left;
	/*margin-top:24px;*/
	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;
}

/*
 .imgOngletLogin02 {
    background-image: url(../img/bred/picto_offres_02.png);
}

 .imgOngletLogin03 {
    background-image: url(../img/bred/picto_offres_03.png);
}

  .imgOngletLogin04 {
    background-image: url(../img/bred/picto_offres_04.png);
}
*/

/**

  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: #204c85;
	font-color: white;
	color: white;
	text-align: left;
}

.stepBackgroundWhite {
	background-color: white;
	font-color: #204c85;
	color: #204c85;
	text-align: left;
}

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

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

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

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

.saisievoid {
	height: 56px;
}

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

.form1 .inputtextrow { /*margin-bottom: 6px;*/
	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;
}

/**

  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;
	/*border-right:1px solid #ebebeb;
	width: 198px;*/
	padding-left: 15px;
	width: 100%;
}

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

/**

  Onglet & progressbar  formulaire complet

  */
#formOC  .onglet {
	font-family: 'Raleway', Arial, Helvetica, Verdana, serif;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0px;
}

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

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

#formOC  .progression {
	color: #0370AD;
}




#formOC  .onglet .actif {
	background: #204C85;
	color: #FFFFFF;
	border-color: #204C85;
}

#formOC  .onglet .encours {
	background: #204C85;
	color: #FFFFFF;
	border-color:#204C85;
}

#formOC  .onglet .inactif {
	background: #DDDDDD;
	/*background: #F3F3F3;*/
	color: #204C85;
/* 	border-color:#204C85; */
	border-color:#DDDDDD;
}



#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: #204c85;
	color: #FFFFFF;
	text-transform: uppercase;
	font-weight: 700;
	text-align: right;
/* 	height: 30px; */
	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;
	color: #E64C66;
}

.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{
	}


.accept .choixVirement .textInfos1erDepot{
/* 	font-size: 11px; */
	}

.accept .choixCheque .textInfos1erDepot{
/* 	font-size: 11px; */
	}
/**
  RIB
  */

#rib .accroche {
/* 	background: #8dbd35; */
	background: #204C85;
	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 {
    position: relative;
    width: 100%;
    height: 100%;

}*/

.fadeTransition.ng-enter{
    /*position: absolute;*/
    -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 {
    /*position: absolute;*/
    -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;
}

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

.modal-dialog{
    top: 150px;
}


/*
CallBack
*/

/* .callback{ */
/* 	background: #F2EFEF; */
/* 	} */

.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:90px;*/
	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;
    /* background: url(../img/bg-form.7eb87a9a.jpg) repeat-x; */
    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: #204C85;
}

.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: #204c85;
	color:white;
}

#tableUpload {
	background-color: #f2f2f2;
}

.uploadBred {
/* 	background-color: blue; */
	font-size: 12px;
}

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

.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;
	}
}