#questions{
float:left;
width:450px;
height:1050px;
padding-left:10px;
padding-right:10px;
}

input {
 border:1px solid black;
}

#avantages{
float:left;
width:470px;
height:1000px;
border-left:1px solid #808080;
padding-left:10px;
}

#produit{
 height: 100%;
 width:98%;
 margin:4px;
}

.reponse{
font-size:12px;
}

H1{
text-align:center;
font-size:22px;
}

h2{
 font-size:14px;
 color:#02A5A5;
 padding:0;
 margin:-1em 0;
}

h3{
 font-size:14px;
 color:#02A5A5;
 padding:0;
}

.id{
 float:left;
 width:20px;
 height:20px;
 margin-bottom:2px;
}

.nom {
 float:left;
 width:600px;
 height:20px; 
 margin-bottom:2px;
}
.description{
 display: none;
 width:950px;
 background-color: #F1F1F1;
 padding:5px;
}
.media{
 width:950px;
 background-color: #F1F1F1;
 padding:2px;
}