body{
   margin-top:20px;
   margin-bottom:20px;
   margin-left:auto;
   margin-right:auto;
   /*ns:"Choisissez la police :";ns_eng:"Choose the font:";type:FontFamily;category:"General";category_eng:"General"*/
   font-family:"Open Sans";
   /*ns:"Taille de la police:";ns_eng:"Font size:";type:number;category:"General";category_eng:"General"*/
   font-size:12pt;
   /*ns:"Couleur de la police:";ns_eng:"Font color:";type:color;category:"General";category_eng:"General"*/
   color:#808080;
   background:#CCCCCC;
}
/*************************************************************/
/*				Classes ajoutées
/*************************************************************/

.text-justify{
	text-align: justify;
}

.header{

}

.mainHeader{
  background-color: white;
  height: auto;
}

.logo{
  position:absolute;
  /*ns:"Espacement sup�rieur:";ns_eng:"Margin-top:";type:number;category:"Logo";category_eng:"Logo"*/
  top: -95px;
  /*ns:"Espacement � droite:";ns_eng:"Margin-right:";type:number;category:"Logo";category_eng:"Logo"*/
  right: 19px;
  /*ns:"Largeur:";ns_eng:"Width:";type:number;category:"Logo";category_eng:"Logo"*/
  width : 150px;
  /*ns:"Hauteur:";ns_eng:"Height:";type:number;category:"Logo";category_eng:"Logo"*/
  height : 78px;
  /*ns:"Url du logo:";ns_eng:"Logo URL:";type:url;category:"Logo";category_eng:"Logo"*/
  background-image: url("logo-Cirec.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: right;
}

.alerte{
  color:#B22222!important;
  text-align:center;
  font-family:"Open Sans";
  font-size:12px;
}
.exemple{
  font-family:"Open Sans";
  font-size:12px;
  /*margin-bottom:15px;*/
  line-height: 2px;
  color: #808080;
}

.exemple-i{
  font-family:"Open Sans";
  font-size:12px;
  font-style:italic;
  margin-bottom:10px;
  line-height: 14px;
  color: #808080;
}

.q-cursor{
  font-family:"Open Sans";
  font-size:14px;
  margin-bottom:-10px;
  color: #808080;
  font-weight: bold;
}
.labelgauche{
  float:left;
  font-size:9px;
}

.labeldroite{
  float:right;
  font-size:9px;
}


.sub-title{
  color: #588AC7!important;
  font-size: 18px!important;
  font-weight: bold;
  font-family:"Open Sans";
  /*line-height: 0px;*/
  margin-top: 0px;
  margin-bottom: 5px;
}

.sub-marg{
  color: #588AC7!important;
  font-size: 18px!important;
  font-weight: bold;
  font-family:"Open Sans";
  line-height: 0px;
  margin-top: 24px;
  margin-bottom: 10px;
}

.title-blue{
  background-color:#588AC7;
  color: white!important;
  font-size: 20px!important;
  font-weight:normal;
  text-align: center;
  font-family:"Open Sans";
  margin-top: -15px;
  padding:5px;
  border-radius:0px;
}

.questionnaire form{
  /*display: inline-table;*/
  height: auto;
}

/*FIN NEW CLASS*/
.ns-boutons_selected{
  background-color: #bcd0e8!important;
}

.ns-boutons_check{
  cursor: pointer;
}

.ns-table-cell{
  color: #808080!important;
  font-size: 14px!important;
  font-family:"Open Sans";
}

.questionnaire{
   align-content:center;
   min-height: calc(100vh - 290px);
}
.ns-progbar{
   padding-top:0%;
   padding-bottom:50px;
}
.ns-progbar-value{
  background-color: #bcd0e8!important;
}
.ns-crs-echelle{
  width: 100%;
  max-width:398px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: solid 1px;
  border-bottom:0px;
  border-color:#cccccc;
  }
  .labeltable{
    width:100%;
    max-width:400px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border: solid 1px;
    border-top:0px;
    border-color:#cccccc;
  }
.ns-zp{
  height: auto!important;
}
.ns-labq{
   cursor:pointer;
}
.ns-selrep{
  width: 150%;
}
.textesoft.center {
   font-size:11pt;
}

form{
   margin:0;
}
.title {
   top:0px;
   left:0px;
   display:flex;
   flex-direction:column;
   justify-content:center;
   height:100px;
   max-width:40%;
   color:#588AC7;
}

.title_text{
  font-size: 24px;
  margin-left: 15px;
  margin-top: 0px;
}

.mainConteneur{
   width:600px;
   padding:15px;
   margin-left:auto;
   margin-right:auto;
   border:solid 1px;
   border-color:#CCCCCC;
   background-color:white;
   border-top: solid 5px #588AC7;
   margin-bottom: 20px;
}

.footer{

}

.mainFooter{
  font-size: 10px;
}

.mainFooter p{
  width:100%;
}

/*************************************************************/
/*				ZONE QUESTIONS ET REPONSES
/*************************************************************/
.ns-case {
   margin:0px !important;
   position:center;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   width:20px;
}
.ns-zlq, .fontquestsoft, .fonttabsoft {
   /*ns:"Choisissez la police :";ns_eng:"Choose the font:";type:FontFamily;category:"Libelle Questions";category_eng:"Wording of questions"*/
   font-family:"Open Sans";
   /*ns:"Taille de la police:";ns_eng:"Font size:";type:number;category:"Libelle Questions";category_eng:"Wording of questions"*/
   font-size:11pt;
   /*ns:"Couleur de la police:";ns_eng:"Font color:";type:color;category:"Libelle Questions";category_eng:"Wording of questions"*/
   color:#808080;
   font-weight:normal;
   font-style:normal;
   /*ns:"Espacement entre la question et la r�ponse:";ns_eng:"Spacing between question and answer:";type:number;category:"Libelle Questions";category_eng:"Wording of questions"*/
   padding-bottom:5px;
   line-height:16px;
}
.ns-zlr, .fontrepsoft, .ns-col-label, .fontlignesoft, .fontcolsoft{
   /*ns:"Choisissez la police :";ns_eng:"Choose the font:";type:FontFamily;category:"R�ponses";category_eng:"Responses"*/
   font-family:"Open Sans";
   /*ns:"Taille de la police:";ns_eng:"Font size:";type:number;category:"R�ponses";category_eng:"Responses"*/
   font-size:10pt;
   /*ns:"Couleur de la police:";ns_eng:"Font color:";type:color;category:"R�ponses";category_eng:"Responses"*/
   color:#808080;
   /*ns:"Choisissez la grosseur de la police (normal, bold ) :";ns_eng:"Choose the size of the font (normal, bold):";type:FontFamily;category:"R�ponses";category_eng:"Responses"*/
   font-weight:normal;
   /*ns:"Choisissez le style de la police (normal, italic, oblique ) :";ns_eng:"Choose the style of the font (normal, italic, oblique):";type:FontFamily;category:"R�ponses";category_eng:"Responses"*/
   font-style:normal;
   padding-right:inherit;
   line-height:1;
}

.fontcolsoft{
 font-size:9pt!important;
 padding-bottom:5px;
}

.ns-col-label {
   text-align:left;
}
.ns-zr {
   /*ns:"Espacement entre les r�ponses:";ns_eng:"Line height:";type:number;category:"R�ponses";category_eng:"Responses"*/
   line-height:18pt;
}
.ns-zbtn{
   padding-top:20px;
}
.ns-sample {
  background-color: white!important;
  border: 1px #CCC solid;
  border-width: 1px;
  cursor: pointer;
  padding: 10px !important;
  margin: 2px;
}

.ns-sample-selected{
   background-color:#588AC7!important;
   color: white!important;
}
.ns-compulsory-zq{
   border-color:#FF0000;
   border-width:1px;
   border-style:solid;
   /*margin-bottom: 10px;*/
}
.text-open{
   font-family:"Open Sans";
   font-size:12px;
}
.sub-title-open{
   font-family:"Open Sans";
   font-size:14px;
}

hr{
   color:#7F8FA366!important;
}

input[type="text"], textarea, .TextRight, .TextCenter, .TextJustify, select {
   /*ns:"Choisissez la police :";ns_eng:"Choose the font:";type:FontFamily;category:"Zone de saisie";category_eng:"Data entry zone"*/
   font-family:"Open Sans";
   font-weight:normal;
   /*ns:"Taille de la police:";ns_eng:"Font size:";type:number;category:"Zone de saisie";category_eng:"Data entry zone"*/
   font-size:10pt;
   /*ns:"Couleur de la police:";ns_eng:"Font color:";type:color;category:"Zone de saisie";category_eng:"Data entry zone"*/
   color:#3E5674;
   /*ns:"Couleur de fond:";ns_eng:"Background color:";type:color;category:"Zone de saisie";category_eng:"Data entry zone"*/
   background-color:#FFFFFF;
   border-style:solid;
   /*ns:"Couleur de la bordure:";ns_eng:"Border color:";type:color;category:"Zone de saisie";category_eng:"Data entry zone"*/
   border-color:#C0C0C0;
   /*ns:"�paisseur de la bordure:";ns_eng:"Thickness of the border:";type:number;category:"Zone de saisie";category_eng:"Data entry zone"*/
   border-width:1px;
   margin:1px;
}
.ns-row-sep {
   border-color:#DDDDDD;
}

input[type="text"]{
   display:inline-block;
}

input::placeholder{
   color:grey;
   font-size:9px;
}

input[type="text"]:focus {
   border-color:rgb(97, 117, 143);
   outline:0;
   /*-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(97, 117, 143);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(97, 117, 143);*/
}

/*************************************************************/
/*						CURSEURS
/*************************************************************/


/*FIN CURSEURS*/



/*************************************************************/
/*						BOUTONS
/*************************************************************/

input[type="button"] {
   /*ns:"Police du bouton :";ns_eng:"Button font:";type:FontFamily;category:"Paramètres du bouton";category_eng:"Button settings"*/
   font-family:"Open Sans";
   font-weight:normal;
   /*ns:"Taille de la police du bouton :";ns_eng:"Button font size:";type:number;category:"Paramètres du bouton";category_eng:"Button settings"*/
   font-size:12px;
   /*ns:"Couleur du texte du bouton :";ns_eng:"Button text color:";type:color;category:"Paramètres du bouton";category_eng:"Button settings"*/
   color:#FFFFFF;
   border:none;
   /*ns:"Couleur du bouton :";ns_eng:"Button color:";type:color;category:"Paramètres du bouton";category_eng:"Button settings"*/
   background-color:#588AC7;
   width:auto;
   cursor:pointer;
   height:33px;
   line-height:33px;
   padding:0 11px;
   margin:2px;
}

input[type=button]:hover{
   background-color:#588AC7;
   color:white;
   cursor:pointer;
}


input[type=radio].css-radio {
   position:absolute;
   z-index:-1000;
   left:-1000px;
   overflow:hidden;
   clip:rect(0 0 0 0);
   height:1px;
   width:1px;
   margin:-1px;
   padding:0;
   border:0;
}

input[type=radio].css-radio + label.css-label-radio {
   padding-left:23px;
   height:18px;
   display:inline-block;
   line-height:18px;
   background-repeat:no-repeat;
   background-position:0 0;
   font-size:18px;
   vertical-align:middle;
   cursor:pointer;
   margin-bottom:3px;
   margin-left:4px;
   margin-top:3px;
}

input[type=radio].css-radio:checked + label.css-label-radio {
   background-position:0 -18px;
}

label.css-label-radio {
   background-image:url(radioBtn_01.png);
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}

input[type=checkbox].css-checkbox {
   position:absolute;
   z-index:-1000;
   left:-1000px;
   overflow:hidden;
   clip:rect(0 0 0 0);
   height:1px;
   width:1px;
   margin:-1px;
   padding:0;
   border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
   padding-left:24px;
   height:17px;
   display:inline-block;
   line-height:17px;
   background-repeat:no-repeat;
   background-position:0 0;
   font-size:17px;
   vertical-align:middle;
   cursor:pointer;
   margin-bottom:4px;
   margin-left:4px;
}


input[type=checkbox].css-checkbox:checked + label.css-label {
   background-position:0 -17px;
}

label.css-label {
   background-image:url(checkboxBtn_01.png);
   -webkit-touch-callout:none;
   -webkit-user-select:none;
   -khtml-user-select:none;
   -moz-user-select:none;
   -ms-user-select:none;
   user-select:none;
}

#IdxZone33{
   display:inline-block !important;
   float:left;
   margin-right: 5px;
}

#IdxZone34{
   display:inline-block !important;
}

#sftzu_Q26{
  font-family: "Open Sans";
  color: #808080;
  font-weight: normal;
}

#sftzu_Q27{
  font-family: "Open Sans";
  color: #808080;
  font-weight: normal;
}

/*#IdxZone286 {
  margin-top: -27px;
}

#IdxZone331 {
  margin-top: -27px;
}*/

#sect_494{
  background-color: transparent;
}

#idx21, #idx42, #idx51 {
    vertical-align: inherit;
}

.ns-sect-r-g{
  background-color: transparent;
}

.TextJustify.ns-max-width:disabled {
    background-color: #f0f0f0 !important;
}

@media screen and (max-width: 768px) {
   td{
		display:block;
    }
}
@media screen and (max-width: 710px) {
.logo{
  width: 25%;
  top: -66px;
}
#Q91{
  width: 233px;
}
#Q92{
  width: 233px;
}
.ns-sect-cell{
   display:block;
}
.ns-border-collapse{
   width:80%;
}}
@media screen and (max-width: 640px) {

body{
   font-size:13pt;
   margin-top: 0px;
   margin-bottom: 0px;
  }
.ns-table-cont .ns-table-cell{
   /*width:130px!important;*/
}
.title{
   height:70px;
}
.title_text{
   font-size:10pt;
   margin-left:20px;
   margin-top:5px;
   width:50%;
}
.ns-zlq{
   width:100%!important;
   height:auto;
   /*	min-height: 64px !important;*/
}
.mainConteneur{
   width: calc(100% - 2px);
   padding: 0px;
   margin-left: 0px;
   margin-right: 0px;
   margin-bottom: 0px;
}
.questionnaire{
  min-height: calc(100vh - 180px);
}
#IdxZone34{
  width: 100%;
}
.exemple{
  line-height: 12px;
}
.ns-table-cell{
    width: 100%;
}


}




@media screen and (max-width: 400px) {
.logo{
  width: 39%;
  top: -60px;
}
.sub-title-right{
   margin-top:-3px;
}
.DataCell{
   display:block!important;
}
.mainConteneur{

}
}