/*======================================================================*/
/* 			DVSAF - Réservation GSM										*/
/*		Création 202636													*/
/*======================================================================*/
/*==============================================================*/
/* General Definition											*/
/*--------------------------------------------------------------*/
:root{
	font-size: 	16px;
}
/*==============================================================*/
/* Font Definition												*/
/*--------------------------------------------------------------*/
@font-face{
	font-family: 	myBRLNSRFont;
	src:			url('../font/brlnsr.ttf');
}
@font-face{
	font-family: 	myBRLNSBFont;
	src:			url('../font/BRLNSB.TTF');
}
@font-face{
	font-family: 	myCENTURYFont;
	src:			url('../font/CENTURY.TTF');
}
@font-face{
	font-family: 	myJPHSLFont;
	src:			url('../font/JPHSL.TTF');
}
@font-face{
	font-family: 	myWREXHALT;
	src:			url('../font/wrexhalt.ttf');
}
@font-face{
	font-family: 	mySOUTHERNAIRE;
	src:			url('../font/SouthernAire.ttf');
}
@font-face{
	font-family: 	myARMALITE;
	src:			url('../font/armalite.ttf');
}
@font-face{
	font-family: 	myCalibriRegular;
	src:			url('../font/mtcorsva.ttf');
}
@font-face{
	font-family: 	myCalibriRegular;
	src:			url('../font/CalibriRegular.ttf');
}
.cl_mainContainer{
	background-color: 	#bbb;
	font-size:			4.5rem;
	font-family:		myBRLNSRFont;
	width:				55rem;
	margin:				0 auto;
	padding-bottom:		5rem;
}
.cl_datePicker{
	font-size:			4.5rem;
}
.cl_mainColumn{
	display:		flex;
	flex-direction:	column;
}
.cl_Column_01{
	display:		flex;
	flex-direction:	column;
	text-align:		center;
}
.cl_Input_01{
	font-size:			4.5rem;
	font-family:		myBRLNSRFont;
	width:				20rem;
	background-color: 	#eee;
	text-align:			center;
}
.cl_idReserv{
	font-size:			1rem;
	font-family:		myBRLNSRFont;
	width:				2rem;
	
}
.cl_Row_01{
	display:		flex;
	flex-direction:	row;
	
}

















.btn_type1b {
	background: #cccccc;
	background-image: -webkit-linear-gradient(top, #cccccc, #292929);
	background-image: -moz-linear-gradient(top, #cccccc, #292929);
	background-image: -ms-linear-gradient(top, #cccccc, #292929);
	background-image: -o-linear-gradient(top, #cccccc, #292929);
	background-image: linear-gradient(to bottom, #cccccc, #292929);
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	border-radius: 28px;
	font-family: Arial;
	color: #ffffff;
	font-size: 			1rem;
	padding: 			0.5rem 20px 0.5rem 20px;
	border: solid #1f628d 2px;
	text-decoration: none;
	width:					15rem;
	cursor:				pointer;
	height:			3rem;
	margin:			0 auto;
}
.btn_type1b:hover {
	background: #ffffff;
	background-image: -webkit-linear-gradient(top, #ffffff, #8c8c8c);
	background-image: -moz-linear-gradient(top, #ffffff, #8c8c8c);
	background-image: -ms-linear-gradient(top, #ffffff, #8c8c8c);
	background-image: -o-linear-gradient(top, #ffffff, #8c8c8c);
	background-image: linear-gradient(to bottom, #ffffff, #8c8c8c);
	text-decoration: none;
}
.btn_type1a {
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	background-color:#007dc1;
	border-radius:			0rem;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:4.5rem;
	padding:6px 24px;
	text-decoration:none;
	width:		40rem;
}
.btn_type1a:hover {
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	background-color:#0061a7;}
.btn_type1a:active {
	position:relative;
	top:1px;
}