.rangePicker *
{
	box-sizing: border-box;
}

.rangePicker
{
	display: flex;
	flex-wrap: wrap;	
}

.rangePicker_entete
{
	text-align: center;
	display:block;
	width:100%;
}

.rangePicker_mois
{
	height :auto;
	width:25%;
	min-width:320px;
	background-color: #FFFFFF;
	border:1px solid #a6a6a6;
	display:inline-block;
	vertical-align:top;
}

.rangePicker_mois_entete
{
	height:64px;
	line-height: 64px;
	text-align: center;
	background-color: #455399;
	color:#FFFFFF;
	font-weight: 700;
	text-transform:uppercase;
	font-size: 20px;
}

.rangePicker_mois_jours,
.rangePicker_mois_numbers
{
	display:block;
	width:100%;
}

.elementMois
{
	width:14.28%;
	user-select:none;
	-moz-user-select:none;
	__justify-content: space-evenly;
	display:inline-block;
	height:40px;
	line-height:40px;
	flex-wrap: wrap;
	text-align: center;
	__align-items: center;
	__background-color: #DDDDDD;
	margin-bottom:2px;
}

.elementMois.selected
{
	background-color: rgb(62, 216, 83);
}

.elementMois.selected.firstDate
{
	border-top-left-radius: 30%;
	border-bottom-left-radius: 30%;
}

.elementMois.selected.endDate
{
	border-top-right-radius: 30%;
	border-bottom-right-radius: 30%;
}


.jourDansMois
{
	
}

.jourHorsMois
{
	opacity: 0.2;
}

.bullePicker
{
	position:absolute;
	padding:10px;
	border:1px solid #888888;
	background-color: rgba(255,255,255,0.9);
	border-radius:5px;
	width:auto;
	height: auto;
}

.btn
{
	padding:7px;
	margin:5px;
	border:none;
	background-color: rgb(123, 171, 247);
	color:#FFFFFF;
	font-size: 1.1em;
	min-width:100px;	
}

.btn:hover
{
	background-color: rgb(130, 151, 206);
}