*{
	font-family: Simplon,arial;
/*	margin:0;
	padding:0;
	box-sizing:border-box;*/
}
/*********************/
@font-face{
	font-family: Simplon;
	src: url(../SimplonBPRegular.otf);
}
@font-face{
	font-family: SimplonCadre;
	src: url(../SimplonCNDP-Medium.otf);
}
.StyleCRDP>span{
	font-family:Simplon, arial;
	height:50px;
	width:30px;
	font-size:40px;
	background:#fff;
	color:#29b3a3;
	margin:1px;
	padding: 4px 4px 0px 3px;
	text-align:center;
	text-transform:uppercase;
	float:left;
}
.StyleCRDP>span:empty{
	opacity:0.5;
}

.StyleCRDPBig>span{
	font-family:Simplon, arial;
	height:77px;
	width:56px;
	font-size:60px;
	background:#fff;
	color:#29b3a3;
	margin:1px;
	padding: 4px 4px 0px 3px;
	text-align:center;
	text-transform:uppercase;
	float:left;
	font-weight: bold;
}

.StyleCRDPBig>span:empty{
	opacity:0.5;
}
/********************/
html, body{
	text-align:center;
}
input{
	margin:1px;
	border:none;
	padding:5px;
	border-radius:5px;
}
input[type=submit]{
	padding:5px;
	border-radius:5px;
	background:#FF5722;
	color:#fff;
	cursor:pointer;
}
.MessageTombant{
	position:fixed;
	top:-50px;
	left:50%;
	z-index:10000;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	transition: all 0.4s ease-in;
	border-radius:10px;
	background:#4CAF50;
	color:white;
	padding:20px;
	font-size:25px;
	font-weight:bold;
}
.gestion{
	background:#FF5722;
	color:#fff;
	padding:5px;
	border-radius:5px;
	position:absolute;
	top:5px;
	right:10px;
	cursor:pointer;
}

.SimplonCadre {
	width: 220px;
	text-align: left;
	margin-left: -48px;
	word-wrap: break-word;
	position: relative;
	top: -33px;
	display: inline-block;
	cursor:pointer;
}
.SimplonCadre span{
	font-family: SimplonCadre, arial;
	font-size: 33.4px;
	color: white;
}
.SimplonCadre span:nth-child(5){
	opacity: 0.7;
}
.SimplonCadre span{
	display: inline-block;
	transition: all 0.4s;
	line-height: 36px; /*si besoin*/
}
.SimplonCadre span:hover{
	transform: rotate(10deg);
}

#divCreation {
	visibility: hidden;
}