.penche{
    text-orientation:mixed;
    writing-mode: vertical-rl;
    text-align: center;
    font-size: 25px;
}

.divider{
    transform:rotate(21deg) scale(1, 1) skew(0deg, 0deg) translate(2px, 4px);
}

.u{
    text-decoration: underline;
}


/*.======page login.=========*/
.login-content{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    margin-top:60px;
}
.login-content-titre{
	font-size: 35px;
	font-weight: 600;
}
.login-content-form{
	padding:30px 15px;
	width: 400px;
	text-align: center;
	box-shadow: 0 0 30px #f3e6e6;
}
.login-content-input{
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0 40px;
}
.login-content-input input, .login-content-input select,
.login-content-input .file_label{
	display: block;
	width:100%;
	padding:5px 5px 5px 10px;
	border: 2px solid silver;
	transition: all 1s ease-in;
}
.login-content-input input:focus{
    outline: none;
	border-radius: 35px;    
}
.login-content-check{
	padding:0 40px;
	font-weight:600;
	text-align: left;
}
.login-content-check span{
	top:-2px;
}
.login-content-btn{
	margin-top: 25px;
}
.login-content-btn button{
	padding: 7px 35px;
    border-radius: 10px;
    color: rgb(88, 86, 86);
    border: 1px solid transparent;
    background-color: #fff;
    margin-left: 150px;
    border: 3px double  #3097d1;;
    font-weight: 600;
    transition: all 1s ease-in;
}
.login-content-btn button:hover{
	box-shadow: 0px 1px 2px 0px #3e78fa;
    top: -2px;
}

input[type="file"] {
    display: none;
   
	
}

.login-content-input .file_label{
    width: 80%;
    
}

.file_btn{
    top: -41px;
    left: 218px;
    position: relative;
}

.form_title{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}