@charset "utf-8";

/*** BOUTONS ***/
@import url("./sheets/style-header.css");

/*** BOUTONS ***/
@import url("./sheets/style-button.css");

/*** CGU ***/
@import url("./sheets/style-cgu.css");

/*** MESSAGES ***/
@import url("./sheets/style-message.css");

/*** FOOTER ***/
@import url("./sheets/style-footer.css");

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  src: local('Montserrat-Regular'), url(../fonts/Montserrat-Regular.woff2) format('woff2'), url(../fonts/Montserrat-Regular.woff) format('woff');
}

@font-face {
  font-family: 'Abel';
  font-style: normal;
  font-weight: 400;
  src: local('Abel'), local('Abel-Regular'), url(../fonts/Abel-Regular.woff2) format('woff2'), url(../fonts/Abel-Regular.woff) format('woff');
} 

/* CSS Document */
html, body {
	height: 100%;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
}

/* PETITE RESOLUTION */
@media screen and (max-width: 800px) {
	.header .logo-caceis {
		background-image: url("../img/logo-caceis-small.png");
	}
	
	.header .logo-bnp {
		width: 200px;
		height: 45px;
		background-repeat: no-repeat;
		background-size: 200px;
		margin: 25px 15px 15px 15px;
		background-image: url("../../img/logo/BNPP_LOGO.jpg");
		padding: 0;
		display: block;
		position: relative;
		float: left;
		overflow: hidden;
	}

	.content .ctrl-acces .titre {
		font-size: 13px;
	}

	.content .ctrl-acces .formulaire input[type=text], .content .ctrl-acces .formulaire input[type=password] {
		width: 220px;
		height: 40px;
		padding: 0 18px;
		font-size:11px;
	}
	
	.content .ctrl-acces .formulaire input[type=submit] {
		width: 130px;
		height: 40px;
		font-size: 11px;
		padding: 0 0 0 16px;
		/*margin: 30px 0 60px 0;*/
		background-size: 25px;
		background-position: 95px 6px;
	}

	.primary-button {
		width: 130px;
		height: 40px;
		font-size: 11px;
		padding: 0 0 0 16px;
		/*margin: 30px 0 60px 0;*/
		background-size: 25px;
		background-position: 95px 6px;
	}
	
	.content .ctrl-acces .id-lost {
		font-size:11px;
	}
}

/* MOYENNE ET GRANDE RESOLUTION */
@media screen and (min-width: 801px) {
	.header .logo-caceis {
		background-image: url("../img/logo-caceis.png");
	}

	.header .logo-bnp {
		width: 200px;
		height: 45px;
		background-repeat: no-repeat;
		background-size: 200px;
		margin: 25px 15px 15px 15px;
		background-image: url("../../img/logo/BNPP_LOGO.jpg");
		padding: 0;
		display: block;
		position: relative;
		float: left;
		overflow: hidden;
	}
	
	.content .ctrl-acces .titre {
		font-size: 16px;
	}
	
	.content .ctrl-acces .formulaire input[type=text], .content .ctrl-acces .formulaire input[type=password] {
		width: 280px;
		height: 50px;
		padding: 0 25px;
		font-size:13px;
	}
	
	.content .ctrl-acces .formulaire input[type=submit] {
		width: 170px;
		height: 50px;
		font-size: 13px;
		padding: 0 0 0 26px;
		/*margin: 50px 0 80px 0;*/
		background-size: 32px;
		background-position: 128px 8px;
	}

	.primary-button {
		width: 170px;
		height: 50px;
		font-size: 13px;
		padding: 0 0 0 26px;
		/*margin: 50px 0 80px 0;*/
		background-size: 32px;
		background-position: 128px 8px;
	}

	.content .ctrl-acces .id-lost {
		font-size:13px;
	}
}

.header .libCorporates {
	display: flex;
}

.fill-height {
	min-height: 100%;
	height: auto !important; /* cross-browser */
	margin-top:-90px;
	-webkit-margin-before: -20px;
}

/*** CONTENU DE LA PAGE ***/
.image-content {
	background-image: url("../img/content-bg.jpg");
	background-repeat: repeat;
	background-position: top center;
}

.content {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1399px) {
	.content {
		padding: 0 15px;
	}
}

@media screen and (max-width: 1023px) {
	.content {
		padding: 0 20px;
	}
}

/*=> Espace connexion */
.content .ctrl-acces {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

.content .ctrl-acces .titre {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 100px 0 50px 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color: #00566f;
	text-align: center;
	text-transform: uppercase;
}

.content .ctrl-acces .formulaire {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

.content .ctrl-acces .formulaire label {
	display: inline-block;
	position: relative;
	width: 230px;
	height: 50px;
	line-height: 50px;
	margin: 10px 0;
	padding: 0 10px 0 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #4d5458;
	text-align: right;
	text-transform: uppercase;
}

.content .ctrl-acces .formulaire input[type=text], .content .ctrl-acces .formulaire input[type=password] {
	display: inline-block;
	position: relative;
	margin: 10px 0;
	background-color: #ffffff;
	border: solid 1px #A1AAB0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	font-family: 'Montserrat', sans-serif;
	color: #4d5458;
	text-align: left;
}

.content .ctrl-acces .formulaire input[type=submit] {
	display: inline-block;
	position: relative;
	border: solid 1px #00566f;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	background-repeat: no-repeat;
  	background-color: transparent;
  	background-image: url("../img/valid.png");
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #00566f;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.content .ctrl-acces .formulaire input[type=submit]:hover:disabled{
    cursor: not-allowed;
}

.primary-button {
	display: inline-block;
	border: solid 1px #00566f;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #00566f;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
	background: white;
    padding: 13px;
}

.content .ctrl-acces .id-lost {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	font-family: 'Montserrat', sans-serif;
	color: #4d5458;
	text-align: center;
}

.content .ctrl-acces .id-lost a {
	color: #4d5458;
}
/*=> Boutons "Page n°1 <> Page n°2" */
.content .bouton {
	display: block;
	position: relative;
	float: left;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.content .bouton .bouton-details {
	display: block;
	position: relative;
	float: left;
	width: 240px;
	height: 240px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.content .bouton .bouton-details a {
	display: block;
	position: relative;
	width: 170px;
	height: 50px;
	margin: 20px 0 0 0;
	padding: 16px 0 0 26px;
	border: solid 1px #82888b;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	background-image: url("../img/btn-details.png");
	background-repeat: no-repeat;
	background-position: center right;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #82888b;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.content .bouton .bouton-liste-predefinies {
	display: block;
	position: relative;
	float: right;
	width: 240px;
	height: 240px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.content .bouton .bouton-liste-predefinies a {
	display: block;
	position: relative;
	width: 200px;
	height: 200px;
	margin: 20px;
	padding: 50px 0 0 0;
	background-color: #ffffff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	color: #00566f;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

.content .bouton .bouton-liste-predefinies a img {
	display: inline-block;
}

.content .bouton .bouton-retour {
	display: block;
	position: relative;
	float: left;
	width: 240px;
	height: 130px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	z-index: 10;
}

.content .bouton .bouton-retour a {
	display: block;
	position: relative;
	width: 170px;
	height: 50px;
	margin: 40px 0 0 0;
	padding: 16px 26px 0 0;
	border: solid 1px #82888b;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-ms-border-radius: 25px;
	-o-border-radius: 25px;
	border-radius: 25px;
	background-image: url("../img/btn-retour.png");
	background-repeat: no-repeat;
	background-position: center left;
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	color: #82888b;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
	cursor: pointer;
}

.my-placeholder {
	color: #999;
	padding-top: 4px;
	line-height: 50px;
}

@media screen and (max-height: 559px) {
	.content .ctrl-acces .titre {
		margin: 35px 0 20px 0;
	}
	.content .ctrl-acces .formulaire input[type=submit] {
		/*margin: 25px 0 25px 0;*/
	}
}

@media screen and (min-height: 560px) and (max-height: 640px) {
	.content .ctrl-acces .titre {
		margin: 65px 0 40px 0;
	}
	.content .ctrl-acces .formulaire input[type=submit] {
		/* margin: 40px 0 60px 0; */
	}
}

.captcha-div {
	border: 1px solid #A1AAB0;
	display: inline-block;
	overflow: hidden;
	border-radius: 25px;
	width: 230px;
	height: 50px;
	padding-left: 40px;
	background-color: #ffffff;
}

.captcha-img-reload {
	cursor: pointer;
	vertical-align: baseline;
}

.actionMessage, .errorMessage {
	list-style-type: none;
}

.caceisBlockDiv {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 0px;
	height: 0px;
	z-index: 99;
}

.caceis-loader {
	position: absolute;
	left: 40%;
	margin-left: -50px;
	top: 45%;
	margin-top: -50px;
	z-index: 2000;
	opacity: 1;
	font-size: 15px;
	background: #fafafa;
	padding: 15px 60px 15px 60px;
	-moz-box-shadow: 0px 0px 10px 0px #656565;
	-webkit-box-shadow: 0px 0px 10px 0px #656565;
	-o-box-shadow: 0px 0px 10px 0px #656565;
	box-shadow: 0px 0px 10px 0px #656565;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565,
			Direction=NaN, Strength=10);
}

.caceis-loader img {
	vertical-align: middle;
}

.blue-link {
	color: #00566f !important;
	font-size: 14px !important;
	text-decoration: underline !important;
	cursor: pointer;
}