html
{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
}

body 
{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100%;
	/* background : url("images/fond.jpg")  */
}

header 
{
	width : 100%;
	height : 200px;
	background-color : pink;
	background : url("images/calimg.jpg") no-repeat;
background-position: center;
}

header h1
{
	text-align :center;
	margin : 0;
	position : relative;
	font-size : x-small;
	top : 20px;
}

header h1 a, header h1 a:visited
{
	text-decoration : none;
	color : blue;
}

header h1 strong
{
	font-size : x-large;
}

.calendar
{
	width : 100%;
	display : flex;
	align-content : space-around;
	flex-wrap : wrap;
}

.mois
{
	text-align : center;
	border : 1px gray solid;
	border-radius : 6px;
	padding-left : 24px;
	padding-right : 12px;
	margin : 4px;
 /* background : url("images/fond.jpg")   */
}

.numerosweek, .letterdays
{
	display : flex;
	width  : 224px;
	height : 32px;		
}


.numero , .letterday
{
	width : 20px;
	height : 20px;
	margin-right : 12px;
	
	text-align : center;
	font-size : large;
}
.numero
{
	background-color : lime;
}
.numero:hover
{
	font-weight: bold;
	cursor : default;
}
.letterday
{
	background-color : green;
	font-weight: bold;
}
.numero.additional 
{
	background-color : transparent;	
}