html, body 
{
height: 100%;
padding: 0;
margin: 0;
}

body 
{
min-height: 100%;
margin: 0 auto;
font-family: 'Roboto Slab', serif;
background-color: #ffc61e;
}


#titre
{
text-align: center;
font-size: 3em;
}

#panneaucentral
{
margin-top:6%;
width: 100%;
height: 60%;
}

#panneaugauche
{
width: 29%;
height: 100%;
float: left;
}

#panneauaucentre
{
display:inline-block;
width: 29%;
height: 100%;
margin-left: 6%;
}


#panneaudroit
{
float: right;
width: 29%;
height: 100%;
}

.petititre
{
text-align: center; 
}

.titresequoya
{
text-align: center; 
margin-top: -10%;
}

#textegauche
{
border: 2px solid #744300;
border-radius: 50px;
height: 70%;
text-align: justify;
padding: 3%;
margin-top: -3%;
}

#textecentre
{
border: 2px solid #744300;
border-radius: 50px;
height: 70%;
text-align: justify;
padding: 3%;
margin-top: -5%;
}

#textedroit
{
border: 2px solid #744300;
border-radius: 50px;
height: 70%;
text-align: justify;
padding: 3%;
margin-top: -3%;
}