body
{
text-align:center;
font-family:Century Gothic;
margin:0;
background-color:#d91b5b;
}
p
{
margin:0;
}
pre
{
margin:0;
display:inline-block;
}
#icone
{
margin-bottom:30px;
}
.margin
{
margin:15px 0 10px 0;
}

.titre1
{
font-size:20px;
Line-Height: 27,6px;
font-weight:bold;


}
.titre2
{
font-family: Century Gothic;
font-size:23px;
font-style:regular;
Line-Height: 27,6px;
font-weight:bold;
color:#00bf4a;
}

.container
{
position:relative;
font-family: Century Gothic;
margin:0;
font-size:31px;
}


#container1
{
height:50%;
text-align: center;
top:10%;
min-height:400px;
background-color: #ececee;
width:100%;
padding-top:150px;
}
#container1 img
{
top:50%;
height:70px;

}
.valid
{
background-color:rgba(0, 191, 74, 0.3);
}
.error
{
background-color:rgba(212, 32, 39, 0.3);
}
.warning
{
background-color:rgba(255, 125, 0, 0.3);
}
.ok
{
color:green; 
font-weight: bold;
}
.ko
{
color:red; 
font-weight: bold;
}