body{
    font-family: Arial;
}

#conteneur{
	max-width:500px;
	margin:0px auto;
	text-align:center
}

input, select, textarea{
    width: 100%;
    margin-bottom: 5px;
    font-size: 28px;
    background-color: #5882FA;
    color: white;
    border: none;
    padding: 2px 4px;
}

textarea{
	font-size: 14px;
}

input[type=range]{
	width: 50%;
    margin-left: 25px;
    float: right;
}

::-webkit-input-placeholder { /* Edge */
  color: #C5F4F8;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #C5F4F8;
}

::placeholder {
  color: #C5F4F8;
}

.label{
	text-align:left;
}

.label-int{
	float: left;
    padding-top: 6px;
	font-weight: bold;
	color:#3377FF;
}

th{
    text-align:letf;
    background-color: #3377FF;
    color: white;
}

td{
    border:1px #3377FF solid;
    padding: 0px 3px;
}

.bouton{
    font-size: 12px;
    background-color: #3377FF;
    color: white;
    border-radius: 3px;
    margin: 2px;
    padding: 2px;
    display: inline-block;
}
.bouton a{
    text-decoration:none;
    color: white;
}

h2{
    margin:10px;
}

.img-emo,#bt-repas{
	height: 35px;
        width: 35px;
	cursor:pointer;
}

.list-icones {
    margin: 4px 0px;
    background-color: aliceblue;
    padding: 3px;
}

#fermer{
    background-color: #3377FF;
    color: white;
    border-radius: 3px;
    width: 32px;
    margin: 7px auto;
    padding: 4px 2px 2px 2px;
}

#repas{
    display:none;
}