@charset "utf-8";

/* For desktop */
/** @media screen and (max-width: 1039px){*/
.container { /*margin-left:97px;
	margin-right: 97px;*/
	width: 97%;
	margin: 0 auto;
	max-width: 1280px;
}

.container header {
	margin: 10px;
	padding: 20px 10px 10px 10px;
	position: relative;
	display: block;
}

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

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

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

.blocInfo .row>div {
	padding: 20px 0px 0px 0px;
}

/*
.logoBE {
    background-image: url(../img/logoBE_desk.png);
    width:228px;
    height:67px;
}*/
.logoBE { /*width:100%;
     max-width:228px;*/
	padding-top: 20px;
}

header h1,header h2 {
	font-size: 35px;
}

.section .accroche-1 {
	text-transform: uppercase;
}

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

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


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

/**
  login
  
  */
#login .block1,#login .block2, #dejaClient .block1, #dejaClient .block2 {
	min-height: 380px;
}

#login .headerblock, #dejaClient .headerblock {
	padding-top: 20px;
}

#login .block1 h1, #login .block2 h1, #dejaClient .block1 h1, #dejaClient .block2 h1 {
	font-size: 19px;
}

#login h1, #dejaClient h1 {
	font-size: 31px;
}

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

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

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

#login .dejaclient a, #dejaClient .dejaclient a {
	margin-top: 42px;
}

/**
  
  Formulaire
  
  */
.form1 .libelle,#login .libelle, #dejaClient .libelle {
	text-align: right;
	margin-top: 6px;
}

.form1 .libelle {
	font-size: 19px;
}

.recap {
	font-size: 17px;
}

.accroche-1 ul li div.step {
	width: 100%;
}

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

#formOC  .onglet .encours,#formOC  .onglet .inactif,#formOC  .onglet .actif
	{
	border-width: 1px;
	border-style: solid;
}

#formOC  .onglet .encours, #formOC  .onglet .inactif, #formOC  .onglet .actif{
	height: 100px;
}

#formOC .onglet ul li div {
	text-align: left;
	padding-left: 10px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.accroche-1 ul li div {
	display: block;
}

.accroche-1>div {
	padding: 0px 0px 0px 10px;
}

.puce01,.puce02,.puce03 {
	float: left;
	margin-top: 24px;
	margin-bottom: 32px;
	margin-right: 8px;
	width: 43px;
	height: 43px;
}

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

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

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

.row .saisie { /*margin-right: 50px;*/
	
}

.form1 .radiorow .saisie {
	margin-top: 6px;
}

.lh3lines .editorRadio .tooltip {
	bottom: 50px;
	left: 0px;
}

.lh3lines {
	line-height: 75px;
}

.lh5lines {
	line-height: 125px;
}

.blocInfo {
	line-height: 24px;
	padding-right: 10px;
	/* 	border-left: 1px solid #8dbd35; */
	height: 600px;
}

.spaceLeftlg20 {
	padding-left: 25px;
}

/**
  
  Onglet formulaire complet
  
  */
#formOC  .onglet .step {
	margin: 0px;
	padding: 0px;
	line-height: 90px;
}

.onglet .step>div {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	line-height: normal;
}

#login .onglet .step img, #dejaClient .onglet .step img {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

#formOC  .onglet .step > div {
	width: 120px;
	display: inline-block;
	text-align: center;
}

#formOC .onglet>div {
	line-height: 90px;
	padding: 1px;
}

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

#formOC  .libOnglet4 {
	width: 155px;
}

#formOC .imgOnglet01 {
	width: 45px;
	height: 45px;
}

#formOC .imgOnglet02 {
	width: 45px;
	height: 45px;
}

#formOC .imgOnglet03 {
	width: 45px;
	height: 45px;
}

#formOC .imgOnglet04 {
	width: 45px;
	height: 45px;
}

#formOC  .onglet {
	font-size: 18px;
	text-align: left;
}

#formOC  .progression {
	font-size: 18px;
}

#formOC  .progression .progressbar {
	font-size: 18px;
}

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

.besoins1 ul li {
	border-right: 1px solid #8DBD35;
}

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

.besoins1 div:last-child ul li {
	border-right: none;
}

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

.qqInfosPro {
	padding-left: 0px;
	padding-right: 0px;
}

.pllg-15 {
	padding-left: 15px;
}

.nopaddinglm {
	padding:0px;
}

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

.imgStep01Recap, .imgStep02Recap, .imgStep03Recap, .imgStep04Recap, .imgStep05Recap {
	width: 42px;
	height: 43px;
}

.callback {
	position:fixed;
	width:100px;
/* 	bottom: 25%; */
	top:400px; 	
}