@charset "utf-8";


.container {
		width:100%;
}


header h1 {
	margin-top: 20px;
}

.row .row{
	padding-right:0px;
	padding-left:0px;
	margin-left:0px;
	margin-right: 0px;
	}
	
	
.colform{
	padding-right:0px;
	padding-left:0px;

	}
	
.breddatepicker{	
	cursor: not-allowed;
}

header h1,
header h2 {
    font-size: 15px;
    text-align:center;
}

header .title,
	.recap .title {
    text-align:center;
    margin-left:0px;
	margin-right: 0px;
}

.rowform{
/* background-color:#F2EFEF; */
background-color:white;
		}

.container header {
	margin-top:10px;
	margin-bottom:0px;
	/*padding: 20px 10px 10px 10px;*/
	position: relative;
	display: block;
}

.form-control {
	font-size: 14px;
}


#login .imgFond1, #dejaClient .imgFond1 {
/* 	background: url('../../img/bred/bloc1.jpg') no-repeat; */
	background-size: 100% auto;
	margin-top: 20px;	
	color: white;
	background-color: #ff6479;
}

#login .imgFond3, #dejaClient .imgFond3 {
/* 	background: url('../../img/bred/bloc3.png') no-repeat; */
	background-size: 100% 100%;
	margin-top: 20px;	
	color: white;
	background-color: #346b98;
}


#finConfirmationFormulaire .imgFond2 {
	background: url('../../img/bred/bloc2.jpg') no-repeat;
	background-size: 130% auto;
	color: #FFFFFF;
	margin-top: 20px;
	background-color: #346b98;
}

#finConfirmationFormulaire .imgFond4 {
	background: url('../../img/bred/bloc4.png') no-repeat;
	background-size: 130% auto;
	color: #FFFFFF;
	margin-top: 20px;
	background-color: #346b98;
}



#login .imgFond2, #dejaClient .imgFond2 {
/* 	background: url('../../img/bred/bloc2.jpg') no-repeat; */
	background-size: 100% auto;
/* 	background-size: 100% 100%; */
	color: #FFFFFF;
	margin-top: 20px;
	background-color: #346b98;
}

#login .imgFond4, #dejaClient .imgFond4 {
/* 	background: url('../../img/bred/bloc4.png') no-repeat; */
	background-size: 100% 100%;
	color: #FFFFFF;
	margin-top: 20px;
	background-color: #346b98;
}

  /**
  
  Connexion
  
  */
  
  #login header h1, #dejaClient header h1 {
    font-size: 20px;
}

/* #dejaClient btn{ */
/* margin-top:10px; */
/* 	} */
  
  #login .block1,
    #login .block2,
    #dejaClient .block1,
    #dejaClient .block2 {
	min-height: 200px;
}
  
  #login .headerblock, #dejaClient .headerblock {
    padding-left: 20px;
	padding-top: 5px;
}
  
  #login .block1 h1, 
  #login .block2 h1, 
  #dejaClient .block1 h1, 
  #dejaClient .block2 h1 {
	font-size:17px;
}

.btn_commencer a {
font-size: 18px;
}

  #login .block1 .btn_dejaClient a, #dejaClient .block1 .btn_dejaClient a {
font-size: 18px;
}


#login .block2  button, #dejaClient .block2  button {
	font-size:18px;
}

 #formOC .btn-primary{
	font-size:21px;
  }

    #login  .onglet .step, #dejaClient  .onglet .step {
     margin-bottom: 12px;
     padding: 0px;
     line-height: 90px;
   }
   
     #login .dejaclient a, #dejaClient .dejaclient a {
	margin-top: 12px;
}
  
  
  /**
  
  Formulaire
  
  */


.container .section {
	/*margin: 10px;
	padding: 20px 10px 10px 10px;*/
	position: relative;
	display: block;
}

.libelle{
	font-weight: 600;
	font-size: 14px;
}
  
  .logoBE  {      
     width:60%;
     max-width:207px;
     /*max-width:137px;*/
  }

  



.libelle{
	text-align:left;
}

.row .saisie{
		font-size: 12px;
}

.form1 .radioright{
	margin: 0px;
}

.form1 .radioleft{
   padding-left: 0px;
}



  .puce01, 
  .puce02, 
  .puce03 {
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:8px;
}


 /**
  
  Accroche formulaire base
  
  */

.accroche-1 ul li div{
	text-align:left;
	padding-left:10px;
	display:block;
	margin-top:4px;
	margin-bottom: 4px;
}


 .accroche-1 ul li div.step{
    width:350px;
}

.form1 {
	font-size:14px;
	font-weight: 400;
}

.puce01 {
    background-image: url(../../img/bred/icon1_small_white.png);
    width:29px;
    height:29px;
}

.puce02 {
    background-image: url(../../img/bred/icon2_small_white.png);
    width:29px;
    height:29px;
}

.puce03 {
    background-image: url(../../img/bred/icon3_small_white.png);
    width:29px;
    height:29px;
}

 /**
  
  Onglet formulaire complet
  
  */
  
     #formOC  .onglet .step{
     margin: 0px;
     padding: 0px;
     line-height: 90px;
   }
   
   
   .onglet .step > div{
     margin: 0px;
     padding: 0px;     
	 vertical-align: middle;
	 /*display: inline-block;*/
	 line-height: normal;
	 text-align: center;
   }
   #formOC  .step > div{
      width: 320px;
   }

  

.onglet > div{
	padding:0px
}

.imgOnglet01, 
	.imgOnglet02, 
	.imgOnglet03, 
	.imgOnglet04  {
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:8px;
}

.imgOnglet01,
		.imgOnglet02,
			.imgOnglet03,
	  			.imgOnglet04 {
    width:30px;
    height:21px;
}

.encours .imgOnglet01,
		.encours .imgOnglet02,
			.encours .imgOnglet03,
	  			.encours .imgOnglet04 {
    background-image: url(../img/bred/fleche_smart.png);
    width:30px;
    height:21px;
}

.actif .imgOnglet01,
		.actif .imgOnglet02,
			.actif .imgOnglet03,
	  			.actif .imgOnglet04 {
	background-image: none;
    width:30px;
    height:21px;
}

.inactif .imgOnglet01,
		.inactif .imgOnglet02,
			.inactif .imgOnglet03,
	  			.inactif .imgOnglet04 {
	background-image: none;
    width:30px;
    height:21px;
}


 .onglet{
	font-size: 13px;
}

.onglet ul{
	/*margin-bottom:10px;*/
}


   #formOC  .onglet .step{
       padding-top: 10px;
   }
   
   #formOC  .onglet .encours,
   #formOC  .onglet .inactif,
   #formOC  .onglet .actif{
		border-width:0px 0px 1px 0px ;
	border-style:solid;
}

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

 .imgOngletLogin03 {
	margin-bottom:60px;
}

 .ongletLogin04{
	margin-top:40px;
}

#formOC  .progression .libelle{
	text-align: right;
}


   .progress{
   		height: 20px
   }
   
#formOC  .progression .progressbar,
	#formOC  .progression,
	.progress{
	font-size: 14px;
}

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


	.boutons button{
		margin-bottom:20px	
	}
	
	
	.besoins1 ul li{
		border-bottom:1px solid #8DBD35;
}

	.besoins2 ul li{
		border-bottom:1px solid #0370ad;
}

/*.besoins div:last-child ul li{
	border-bottom:none;
}*/

.imgBesoin01, .imgBesoin02, .imgBesoin03,.imgBesoin04, .imgBesoin05, .imgBesoin06,.imgBesoin07 {
	margin-top:12px;
	margin-bottom:16px;
}

.recap{
	font-size: 14px;
}

.recap .libelleBloc {
	text-align: left;
}

.recap .libelle {
	text-align: left;
}

.recap .title  {
  padding-left: 0px;
}


.adrEtranger{
	padding-top: 15px;
}

.accept{
text-align: justify;
}

.error-message{
	text-align: center;
	margin-top: 2px;
	font-weight: 600;
	font-size: 14px;
	color:#a94442;
}

 /**
  
  Polices
  
  */


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

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

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

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


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

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

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

.nopaddingxs{
    padding:0px;
  }


.textcenterxs {
	text-align: center;
}


.spaceLeftlg25{
	    padding-left:25px;
	}


.blockCategorie{
	margin-bottom: 10px;
	margin-top: 10px;
	}

	
.submitBtn{
	text-transform: uppercase;
	font-weight: 700;
}

.hasDatepicker{
	    cursor: pointer !important;
    cursor: hand !important;
  background-color: #ffffff !important;
  opacity: 1 ;
	}
	
	
/*
CallBack
*/

  .callback .aide{
	font-size: 17px;
	margin-top: 6px;
	margin-left: 10px;
	text-align: left;
}

  .callback .libelle{
	font-size: 15px;
	margin-top: 6px;
	margin-left: 10px;
	text-align: left;
	margin-bottom: 12px;
}

.callback  div{
	/*line-height: 90px;*/
	padding:0px 0px 0px 0px;
}

.callback .bloc1{
	height: 130px;
}

.callback .bloc2{
	align:center;
	height: 50px;
}

.txtOnglet {
	vertical-align: middle;
	text-align: center;
}

.imgStep01Recap, .imgStep02Recap, .imgStep03Recap, .imgStep04Recap, .imgStep05Recap {
	height: 43px;
	background-position: center;
}