Foire Aux Questions (V.2)


< !DOCTYPE html>


.accordion {
max-width: 1250px;
margin: 0px 0;
padding: 0px 0;
list-style:none;
background: -webkit-linear-gradient(#fff, #444);
border-radius: 15px;
margin-bottom:2px;
border:solid 1px #545F69
overflow: hidden;
}
.accordion ul {
margin: 0;
padding: 0;
}
.accordion li {
display: block;
}
.accordion label {
cursor: pointer;
display: block;
padding: 5px;
border-radius: 6px;
overflow: hidden;
font-size: 21px;
background: -webkit-linear-gradient(top, #FFFCFA 30%, #BFC0CC 70%);
background: linear-gradient(to bottom, #FFFCFA 30%, #BFC0CC 70%);
border-bottom: 1px solid #333;
box-shadow: 3px 3px 3px #898989;
border:solid 1px #545F69
}
.accordion label:hover {
background: -webkit-linear-gradient(#fff, #444);
background: linear-gradient(#fff, #444);
}
.accordion input[type="radio"],
.accordion input[type="checkbox"] {
display: none;
}
.accordion .sub > li {
padding: 0 0 0 1em;
cursor: pointer;
overflow: auto;
height: 0;
margin: 0;
opacity: 0;
font-size: 20px;
-webkit-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
}
.accordion .sub > li:hover {
padding: 1.5em;
background: -webkit-linear-gradient(top, #FFFCFA 30%, #BFC0CC 70%);
background: linear-gradient(to bottom, #FFFCFA 30%, #BFC0CC 70%);

}
.accordion input:checked + .sub > li {
padding: 2.2em;
height: 2.4em;
opacity: 1;
}
#font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 45px;
}
#font-face2 {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 40px;
}
site-title,.site-description,h1,.tc-dropcap {
font-family : 'Roboto';
font-weight : inherit;
}
h1 {
color: #53504e;

}
hr {
height: 5px;
margin: -0.5em 0;
padding: 0;
color: #F00;
background-color: #8B1A1A;
border: 0;
}
a {
font-family: 'Roboto';
font-style: normal;
font-weight: normal;
font-size: 16px;
}