/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/

body {
    padding: 0;
}

h1 {
    color: #122759;
    text-transform: uppercase;
    font-size: 45px;
    margin-top: 0;
    margin-bottom: 30px;
}

h1:before {
    content: '';
    width: 150px;
    height: 20px;
    background: #F4A02B;
    display: block;
    margin-bottom: 12px;
}

h2 {
    color: #122759;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
}

h3 {
    color: #122759;
    margin-bottom: 20px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px; 
}

h3.sansMaj {
    text-transform: initial;
}

ol {
    padding-left: 2.5rem;
    margin: 20px 0;
}

ol li {
    margin-bottom: 6px;
}

ol li::marker {
    font-weight: bold;
}

.group-container p {
    font-size: 17px;
}

.script-container {
    display: none;
}

.navbar-default {
    background: #fff;
}

.survey-welcome {
    color: #222!important;
    line-height: 24px;
}

.btn-primary {
    background: #F4A02B;
    border-color: #fff;
}

.btn-primary:hover {
    background: #473073;
}

.group-title.h3 {
    display: none;
}

.question-container {
    border: none;
    background-color: #fff;
    font-family : 'Noto Sans';
    font-size: 18px;
}

.question-title-container {
    padding: 0;
}

.question-title-container ul {
    list-style: none;
    margin-top: 20px;
    padding-left: 40px;
}

.question-title-container ul li {
    margin-bottom: 3px;
}

.question-title-container ul li::before {
    content: ""; 
    margin-right: 15px;
    font-size: 23px;
    background: #F4A02B;
    width: 7px;
    display: inline-flex;
    height: 7px;
    border-radius: 50px;
    margin-right: 18px;
    margin-left: -27px;
    position: relative;
    top: -2px;
}

.question-title-container .asterisk {
    display: none;
}

.group-outer-container, .group-container {
    margin: 0;
}

.questions-list td:first-child {
    width: 60%;
    border: none;
}

.questions-list th:nth-child(2) {
    background: #E3785F;
}

.questions-list th:nth-child(3) {
    background: #EA9A87;
}

.questions-list th:nth-child(4) {
    background: #ABA2B2;
}

.questions-list th:nth-child(5) {
    background: #BDE6E7;
}

.questions-list th:nth-child(6) {
    background: #9CD9DB;
}

.ls-answers .ls-heading th {
    vertical-align: top;
    font-size: 16px;
}

.questions-list .answer-text {
    border-bottom: 1px solid;
}

.table>:not(:first-child) {
     border-top: inherit;
}

.ls-answers tbody .answertext {
    text-align: left;
    display: flex;
    padding: 0;
    border-bottom: 1px solid;
    border-left: 1px solid;
}

.answers-list:first-child th {
    border-top: 1px solid;
}

.dir-ltr .ls-answers td.radio-item {
    border: 1px solid;
}

.ls-answers tbody .answertext p {
    display: flex;
    align-items: center;
    margin: 0 0 0 7px;
    padding: 5px 0;
    width: 660px;
    min-height: 60px;
}

.radio-item label::before {
    border: solid 1px;
}

.nbr-question {
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    border-right: 1px solid;
}

.subquestion-list {
    border: 1px solid #fff;
}

.question-text .tendanceSommaire {
    width: 600px;
}

.question-text .tendanceSommaire2 {
    width: 600px;
    margin: auto;
}

.carreeTendance {
    width: 400px;
    margin: 0 30px;
    background: #E5F5F5;
    border: solid #A3DCDD 20px;
    text-align: center;
    color: #122759;
    padding: 25px 50px;    
}

.moins.carreeTendance {
    background: #F1B9B7;
    border: solid #D87276 20px;
}

.carreeTendance h3 {
    font-size: 24px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 20px; 
    text-transform: initial;
}

.carreeTendance p {
    font-size: 16px;
}

#tendances {
    display: flex;
    align-items: center;
    justify-content: center;
}

.well {
    background: initial;
    border: none;
    box-shadow: none;
}

.navbar>.container-fluid {
    background: #095797;
    height: 72px;
    color: #fff;
    display: initial;
}

.logo-container > img {
    padding: 5px 30px;
    width: 90%;
}

#ls-button-submit[value="movesubmit"] {
    display: none;
}

#footerModeleEL {
    background: linear-gradient(to right, #F4A02B, #473073);
    padding: 55px 0;
}

#footerModeleEL div {
    width: 1140px;
    margin: auto;
}

#footerModeleEL span {
    color: #fff;
    margin: 0;
    text-align: left;
    font-size: 16px;
    width: 425px;
    display: block;
}

.first-table {
    position: relative;
    z-index: 10;
}

.second-table {
    margin-top: -99px;
}

.second-table .ls-heading.ls-header {
    opacity: 0;
}

.second-table .answers-list:first-child th {
    border-top: none;
}