/* ancre 1 */
.space_connection{
     position:fixed;
     top:50%;
     left:50%;
     transform:translate(-50%, -50%);
     min-height:450px;
     height:auto;
     width:70%;
     border-radius:10px;
     background-color:rgba(0, 0, 0, 0.82);
}
.space_connection2{
     position:fixed;
     top:50%;
     left:50%;
     transform:translate(-50%, -50%);
     height:auto;
     width:400px;
     border-radius:10px;
     background-color:rgba(0, 0, 0, 0.79);
     color: #FFF;
}
.row_account{
     float:left;
     width:40%;
     height:100%;
     color:#FFF;
     padding-top:60px;
}
.standard-succes{
	min-height: 40px;
	min-width:100%;
	float:left;
	height:auto;
	width: 100%;
	padding: 10px;
	background-color: #2a9800;
	border-radius: 10px;
	border: solid 2px  #82af70;
	display: flex;
	color: #FFF;
	flex-direction: column;
	justify-content: center;
	margin-top: -5px;
	margin-bottom: 5px;
	/* box-shadow: rgb(0, 0, 0) 9px 3px 36px -10px; */
}
.standard-alert{
	min-height: 40px;
	float:left;
	height: auto;
	width: 100%;
	padding: 10px;
	background-color:#e2484f;
	border-radius: 10px;
	border: solid 2px #d40f0f;
	display: flex;
	color: #fff;
	flex-direction: column;
	justify-content: center;
	margin-top: -5px;
	margin-bottom: 5px;
	/* box-shadow: rgb(0, 0, 0) 9px 3px 36px -10px; */
}
.standard-notification{
	min-height: 40px;
	min-width:100%;
	float:left;
	height:auto;
	width: 100%;
	padding: 10px;
	background-color: #00a5db;
	border-radius: 10px;
	border: solid 2px #1284b9;
	display: flex;
	color: #FFF;
	flex-direction: column;
	justify-content: center;
	margin-top: -5px;
	margin-bottom: 5px;
	/* box-shadow: rgb(0, 0, 0) 9px 3px 36px -10px; */
}
/* ancre 1 */

/* ancre 2 */
.full_div{
     float:left;
     width:100%;
     height:100%;
     padding:40px;
     position:relative;
}
.rec_form{
     position: absolute;
     top: -40px;
     border-radius: 5px;
     background-color: #FFF;
     width: 50%;
     box-shadow: 2px 2px 12px 1px rgba(0, 0, 0, 0.85);
}
.circle_logo{
     position:absolute;
     top:0;
     left:50%;
     transform: translate(-50%, -50%);
     width:100px;
     height:100px;
     border-radius:50%;
     background-color:#FFF;
     display:none;
}
/* ancre 2 */

/* ancre 3 */

.connexionStyl{
     float:left;
     width:calc(100% - 40px);
     height:39px;
     background:none;
     border-top:none;
     border-left:none;
     border-right:none;
     border-bottom:solid 1px #CCC;
     outline:none;
     padding-left:15px;
     font-size:15px;
     color:#FFF;
}
.icon_input{
     float:left;
     width:40px;
     height:39px;
     border-bottom:solid 1px #CCC;
     display:flex;
     flex-direction:column;
     justify-content:center;
     text-align:center;
}
.connexion_button{
     float:right;
     width:50%;
     height:40px;
     color:#000;
     border-radius:4px;
     border: solid 1px #CCC;
}
.connexion_button:hover{
     color:#FFF;
     background-color:#00a5db;
}
/* ancre 3 */

.bouton_title_connexion{
     float:left;
     border:solid 2px #FFF;
     text-align:center;
     height:50px;
     display:flex;
     flex-direction: column;
     justify-content: center;
     width:auto;
     padding-left:10px;
     padding-right:10px;
     cursor:pointer;
     border-radius:10px;
     color:#FFF;
     background: none;
}
.bouton_title_connexion:hover{
     background-color:#FFF;
     color:#000;
}
.title_page_connectParticulier{
     text-shadow: 4px 3px 4px #000;
     position:fixed;
     left:0;
     bottom:100px;
     width:100%;
     height:auto;
     color:#FFF;
     font-size:40px;
     text-align:center;
}