/** Styles for Article types **/

body.faq {  }

body.faq h1 { display: inline-block; position: relative; font-size: 42px; letter-spacing: -0.02em; line-height: 45px; padding-bottom: 40px; margin-bottom: 40px; }
body.faq h1::after { content: ' '; position: absolute; display: block; bottom: 0; left: 0; width: 40px; height: 3px;
    background-color: #7bb914; }

body.faq #wrapper #first-content { width: 100%; max-width: 1080px; margin: 0 auto 80px; padding: 0 20px; }

#block-gencix-contactformintroduction p { text-align: center; }
#block-gencix-contactformintroduction p a { color: #7bb914; text-decoration: none; }
#block-gencix-contactformintroduction p a:hover { text-decoration: underline; }

body.faq #block-gencix-content header { width: 100%; max-width: 760px; margin: 0 auto 40px; }
body.faq #block-gencix-content header p { text-align: center; }

.bef-links ul { text-align: center; overflow: hidden; }
.bef-links ul li { display: block; float: left; width: 25%; }
.bef-links ul li:first-of-type { display: block; float: none; margin: 0 auto 10px; }
.bef-links ul li a { display: inline-block; font-family: 'ecdmed', sans-serif; font-size: 13px; color: #222222; text-decoration: none; padding: 90px 15px 0 15px;
    background-repeat: no-repeat; background-size: 90px; background-position: top center; }
.bef-links ul li a:hover { color: #7bb914; }

.bef-links ul li a#edit-cat-all { padding: 5px; background: none; }
.bef-links ul li a#edit-cat-1 {  }
.bef-links ul li a#edit-cat-2 {  }
.bef-links ul li a#edit-cat-3 { background-image: url('../../images/gencix-illustration.png'); }
.bef-links ul li a#edit-cat-4 { background-image: url('../../images/esprit-logo.jpg'); background-size: 160px; }
.bef-links ul li a#edit-cat-5 { background-image: url('../../images/g-van.png'); background-size: 120px; background-position: top 10px center; }
.bef-links ul li a#edit-cat-6 { background-image: url('../../images/paiement.png'); background-size: 120px; background-position: top 7px center; }

.bef-links ul li a.bef-link--selected { pointer-events: none; color: #cccccc; }

body.faq #block-gencix-content h3 { color: #7bb914; font-size: 22px; margin: 45px 0 35px; text-align: center; }

body.faq #block-gencix-content .views-row { width: 100%; max-width: 780px; margin: 0 auto; text-align: left; padding-bottom: 15px; }
body.faq #block-gencix-content .views-field-title h5 { padding: 15px 25px; 
    background-image: url('../../images/qa.png'); background-repeat: no-repeat; background-size: 15px; background-position: left 6px center; }
body.faq #block-gencix-content .views-field-field-repondre { padding: 0 25px 15px; }

body.faq #block-gencix-content footer { margin-top: 50px; }
body.faq #block-gencix-content footer h4 { text-align: center; font-size: 25px; line-height: 27px; margin-bottom: 25px; }

/** Responsiveness **/

@media only screen and (max-width: 990px) {

}

@media only screen and (max-width: 820px) {

}

@media only screen and ( max-width: 620px ) {

}

@media only screen and (max-width: 560px) {

}

@media only screen and (max-width: 510px) {

}