/******************
    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
*/

/* calcul de largeur des inputs*/
/*
container = 1184px
extra-large : 528px (45%)
large : 249px (22%)
medium: 156px (15%)
petit : 63px (6%)
*/


/* general body */
body, p, li, a{
    font-weight: 400;
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    color: #223654;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.question-text .h2, .question-text .h3, .question-text .h4, .question-text .h5, .question-text .h6{
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #223654;
    text-align: left;
}

h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6{
    text-align: left;
}

h1{
    font-size : 2.5rem;
    text-align: left!important;
}

h2.h3,
.question-text .h2{
    font-size : 2rem;
}

h3,
.question-text .h3{
    font-size : 1.75rem;
}
h4,
.question-text .h4{
  font-size : 1.3125rem
}
.text-info{
  text-align: left;
  margin: 0.25rem 0;
}

/*piv*/
.navbar-brand.with-logo > span{
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    margin: 0;
    font-size: 1rem;
    font-weight: normal;
}
.navbar-brand .logo-container{
    max-height: 4.5rem;
    max-width: 12.5rem;
    padding: 10px 0 0 0;
}
.navbar-brand .msp-titre{
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 20px;
    font-size: 1rem;
    font-weight: normal;
}
.navbar-right{
    margin: 12px 0 0;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
  background:none;
  text-decoration: underline;
  color: #ffffff;
}

/** header**/
.-bannerCover img {
  max-width: 100%;
  height : auto;
}

/** container**/
.container-fluid {
  margin: 0 auto;
  padding: 0 0.75rem;
  font-size: 1rem;
  font-size: 1;
}
#outerframeContainer{
  max-width: 1140px;
}
.col-md-12 {
    width: 100%;
}
section{
  margin: 3rem 0;
}
.question-container{
   margin: 0 0 5rem 0;
}


/* tableaux */
table thead{
    background-color: #223654;
    color: #fff;
}

table thead th{
    padding: 0.75em;
}

table thead th.col-hover{
    color:#fff;
}

table tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.group-description.well{
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: none;
    padding: 0;
}

.ls-answers tbody .answertext{
    text-align: left;
}

.radio-item label::after,
.checkbox-item label::after{
    background: #1479cc;
}
.form-inline .date-item select,
.form-control.date-control{
  min-width: 156px;
  width: 15%;
}
.form-control{
    border-radius: 0;
    border: 1px solid #223654;
    box-shadow: none;
    height: 2.5rem;
    min-width: 528px;
    width: 45%;
}
.lessmarge{
  margin: 0 0 1rem 0;
}

@media screen and (max-width: 992px) {
  .form-control,
  .form-inline .date-item select,
  .form-control.date-control{
    width: 100%;
    min-width: 100%;
   } 
}

@media screen and (max-width: 768px) {
  table th,
  table> tbody > tr:hover{
    background-color: #223654;
    color: #fff!important;
  }
  .no-more-table .ls-answers > tbody > tr > td.radio-item{
    border:none;
  }
}

/*label standart*/
label, .question-text .h4, .form-horizontal .control-label, label, .question-text p{
    font-family: 'Open sans', sans-serif;
    /*font-weight: 700;*/
    color: #223654;
    font-size: 1rem;
    display: inline;
}
.answer-item label:hover{
  text-shadow: none;
}
.answer-container.container-fluid{
    padding: 0;
}
.date.question-container .form-inline,
.language.question-container .form-inline,
.list-dropdown.question-container .form-inline,
.choice-5-pt-radio.question-container .form-inline{
    text-align: left;
}

.js table.ls-answers tbody tr td.radio-item.answer-checked{
    background: none;
    color: #000000;
}
ul.form-inline li.radio-item label{
    border-radius: 0;
    border: none;
}
.btn{
   color: #095797;
   border-radius: 0;
   min-width: 156px;
   font-size: 1rem;
   font-weight: bold;
   box-shadow : none;
   border : 2px solid #095797;
}
.btn.btn-primary,
.btn-success{
    background-color: #095797;
    color: #ffffff;
}
.btn:hover{
    background-color : #156bb2;
    border : 2px solid #095797;
    box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
    color: #ffffff;
}
.btn:focus{
    background-color : #156bb2;
    border : 2px solid #223654;
    box-shadow : 0.1rem 0.1rem 7px #c4c8ce;
}

.radio-list li:first-child label,
.checkbox-list ul li:first-child label,
.radio-list ul li:last-child label,
.checkbox-list ul li:last-child label{
    border-radius:0px;
}
.dir-ltr .answers-list .radio-item label,
.dir-ltr .answers-list .checkbox-item label{
    border: none;
    display: inline-block;
    background: none;
}

.form-inline li.radio-item,
.form-inline li.checkbox-item{
  display: block;
}

.radio-item label:hover,
.checkbox-item label:hover,
.checkbox-item input[type="checkbox"]:checked + label:hover{
  background: none;
}
.radio-item input[type="radio"]:checked + label,
.checkbox-item input[type="checkbox"]:checked + label{
  background: none;
  color: unset;
}
.radio-item label:hover::before{
  border: 2px solid #156bb2;
}
.dir-ltr li.radio-item label::before,
.dir-ltr li.checkbox-item label::before,
.dir-ltr li.radio-item label::after, 
.dir-ltr li.checkbox-item label::after{
  top: 30px;
}
.radio-list li.radio-text-item,
.checkbox-list li.checkbox-text-item,
.radio-list li.radio-text-item:last-child,
.checkbox-list li.checkbox-text-item:last-child{
  border: none;
}


/** footer**/
.piv-pied { 
    text-align: center;
    font-size: 14px;
}
footer {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}
.footer .moreLinks a,
.footer .moreLinks h2,
.footer .pivBas a,
.footer .pivBas nav a {
    color: #000;
    font-weight: normal;
}
.footer .moreLinks .text-content {
    border-bottom: 2px solid #868686;
    padding: 0 0 12px;
}
span.copyright a{
  margin: 5px 0;
  font-size: 12px;
}

/*champ obligatoire*/
.asterisk{
  display: none;
}
.asterisk+.question-text .ls-label-question::after{
  content : "*";
  color : #cb381f;
  font-size : 1rem;
  font-weight : bold;
  display: inline;
  vertical-align: top;
}

.printouttable{
	width: 600px;
}
.printouttable tr{
	display: block;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.printouttable td{
	width: 300px;
	padding: 15px;
}
.printouttable tr:nth-child(odd){
	background-color:#f2f2f2;
}
.printouttable tr.printanswersgroup td,
.printouttable tr.printanswersquestionhead td{
	font-weight: bold;
	width: 600px;
}
.printouttable tr.printanswersgroup td{
	background-color: #ccc;
}
.printouttable a{
	text-decoration: underline;
	color: #095797;
}

/* CODE CSS CUSTOM */ 
/* Masquer la colonne "Sans réponse" uniquement pour la question avec la CLASS CSS tab_appreciation_organisation */
.tab_appreciation .ls-answers col:last-child,
.tab_appreciation .ls-answers thead .noanswer-text,
.tab_appreciation .ls-answers tbody .noanswer-item {
    display: none;
}

.tab_title_exception h3{
    margin-top:3rem;
}

.group_list_dropDown.question-container{
    margin: 0 0 0.75rem 0;
}  

.group_list_dropDown.question-container select {
    width: 10rem !important;  /* ou 800px, selon ton design */
  box-sizing: border-box;
  white-space: normal;         /* utile si l'option sélectionnée est longue */
  display:block;
  padding-right:1rem;
}

/* Les options longues resteront sur une seule ligne, 
   mais le menu aura la bonne largeur pour ne pas déborder */
.group_list_dropDown.question-container select option {
  white-space: normal;         /* parfois ignoré, mais inoffensif */
  word-wrap: break-word;
}

.inscription_infolettre .question-valid-container{
    display:none;
}

/*.pqlc-form {
    display: inline-flex;
}*/

.pqlc-form-dropdown, .pqlc-form.question-container{
    margin:1rem 0 0 0;
}