/*******************
    NT custom CSS
   ---------------
*/

html .popover {
    z-index:1000 !important;
}

.mobile {
    display : none;
}
.moitie {
    width:45%;
    margin: 0 5% 3% 0;
    float: left;
}
h3 {
    border-bottom: 2px solid #555;
    padding-bottom: 5px;
}
.moitie p {
    margin: 0 15px 10px;
    display: inline-block;
}
ul li {
    list-style : none;
}
.container ul li:before {
    content : '■';
    position : absolute;
    color : #A8459B;
    margin-left : -20px;
}

.navigator.space-col {
    margin-bottom:0;
}
.navigator ul.nav li:before {
    display:none !important;
}
.navigator ul.nav li a {
    padding :0;
    margin-top: 20px;
}


/*///////*/

/* Taille interface */
@media (min-width: 992px) {
    body,
    .top-container,
    .container {
        width: 1170px;
        margin-left : auto;
        margin-right : auto;
    }

}

.logo-container>img {
    max-height: 120px;
}


html {
}
html body {
    color: #0a2733;
    background: linear-gradient(-90deg, whitesmoke 70%, #EEEEEE 100%) !important;
}
html body #outerframeContainer {
    background:white;
    padding: 0 30px;
    border-bottom: 3px solid;
    border-image-slice: 1;
    border-image-source:  linear-gradient(45deg, #85419A 3%, #BD489C 35%, #DD717B 65%, #EDBB57 98%) !important;
}

/* ENTETE : fond img + centrage + liens */
html body .navbar.navbar-default.navbar-fixed-top {
    margin:0 auto;
    background: white url(../files/360-entete.jpg) repeat center center;
    background-size: contain;
    float: none !important;
    text-align: center;
}
.navbar-header {
    float: none;
    margin: 0 auto;
}
.navbar-brand.logo-container {
    width: 100%;
    text-align: center !important;
}

html body .top-container {
    margin-top: 10px;
    margin-bottom: 10px;
}

figure.logo_lime {
    width:70px;
    bottom: 10px;
    right: 10px;
    position: absolute;
    filter : saturate(20%);
    display:none;
}
figure.logo_nt {
    width:80px;
    bottom: 10px;
    right: 10px;
    position: absolute;
}
figure.logo-zone {
    margin: 20px 10px 0px 20px;
    text-align: center !important;
}
figure.logo-zone img {
    width:110px;
    display: inline-block;
    background: white;
    padding: 10px 10px 0 10px;
}

div.nom {
    color: #480B7D;
    font-weight: 700;
    font-size: 18px;
    text-shadow: -2px 0 4px white;
    text-indent:-999em;
}

/* Pour Finir plus tard le questionnaire */
#navbar {
    position: absolute;
    right: 1em;
    top: 10px;
}
.fruity .text-info {
    color : #555555;
}
/* .navbar-right a {
    display:none !important;}*/
    
.fruity a,
.navbar-default .navbar-nav>li>a {
    color: #333 !important;
    border: 0 !important ;
    padding: 0px 10px;
    font-size: 11px;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.4);
}
.fruity a:hover,
.navbar-default .navbar-nav>li>a:hover {
    color: black !important;
    text-decoration : none;
    text-shadow: none;
}
.navbar a.animate::after {
  height: 1px;
  background-color: black;
}


.top-container .progress {
    height: 21px;
    margin-bottom: 0;
    margin: auto;
    background: white;
    box-shadow : none !important;
}
.progress {
    border-radius: 0;
}
.progress-bar {
    background: linear-gradient(90deg, #85419A 3%, #BD489C 35%, #DD717B 65%, #EDBB57 98%) !important;
}



/* Accueil */
h1.survey-name {
    padding: 10px;
    color: #480B7D !important;
    font-weight: 600;
    font-size : 28px;
    position:relative;
}
h1.survey-name:before {
    position : absolute;
    content: 'Retour d’expérience pour';
    font-size : 55%;
    margin-top: -23px;
    width: 100%;
    left: 0;
    color : #DE872F !important;
    font-weight: 700;
}
h1.survey-name:after {
   content:" ";
    position:absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #170237, #FB0F42, #FECC2F);
    clear: both;
    bottom: 0;
    left: 0;
}


.survey-welcome {
    margin-top : 40px;
}
.survey-welcome p {
    color : #666666;
    font-weight : 400;
}
.survey-welcome blockquote p {
    color : inherit;
    font-weight : 600;
}

/* WELCOME */
#welcome-container,
.NT_Survey .privacy,
.completed-wrapper {
    margin-left : 15%;
    margin-right : 15%;
    margin-bottom : 40px;
    margin-top : 10px;
    text-align:justify;
}
.NT_Survey .privacy .ls-privacy-body:nth-child(2) {
    display : none;
}
.NT_Survey .privacy .ls-privacy-body:nth-child(1) {
    font-style: italic;
    color: #999999;
}
.survey-welcome,
.completed-text {
    margin-top : 50px;
    line-height : 23px;
    font-weight:400;
    font-size: 15px;
}
.completed-text p+a {
    background: #444444;
    color: whitesmoke;
    padding: 5px 15px;
    display: block;
    margin: 20px auto;
    max-width: 40%;
    text-align: center;
    text-transform: uppercase;
}
.completed-text p+a:hover {
    background: #222222;
    text-decoration: none;
}

/*medias accueil*/
.survey-welcome figure.media {
    float: right;
    margin : 10px 0 10px 30px;
    width:40%; height: auto;
}

.survey-welcome figure.image img {
    width:100%; 
    margin: 20px 0;
}
.text-primary {
    color: #222629 !important;
}


/* GROUPE */
.group-outer-container {
    background : transparent url("/upload/themes/survey/NT_Survey_360/files/labelsQuest-12345.png") no-repeat 930px 10px;
    background-size: 170px;
    margin-top:0;
}

.group-title.space-col {
    font-weight: 300;
    margin-bottom: 20px;
    position: relative;
	font-size: 24px !important;
	font-weight: 400 !important;
	color: #0a2733 !important;
	text-align:left;
	letter-spacing: 2px;
	margin-top : 0;
	padding-bottom : 10px;
}
.group-title.space-col:before {
    content:" ";
    position:absolute;
    z-index : 100;
    width: 400px;
    height: 140px;
    background: #F2F2F2 url(../files/Echelle360.png) no-repeat center center;
    border : 1px solid #EEEEEE;
    border-radius : 5px;
    background-size: contain;
    top: 30px;
    right: -220px;
    display :none;
}
.group-title.space-col:hover::before {
    display :block;
}

.group-title.space-col:after {
    content:" ";
    position:absolute;
    width: 100%;
    height: 3px;
    background: linear-gradient(to right, #170237, #FB0F42, #FECC2F);
    clear: both;
    bottom: 0;
    left: 0;
}

/* QUESTIONS */
.group-description {
    box-shadow: none;
    border:0;
    border-radius:13px;
    background-color: #F2F2F2;
	color: #0a2733;
	font-size:17px;
	padding-left: 50px;
}
.group-description p:before {
    position:absolute;
    content:" ";
    width :30px;
    height :30px;
    margin-top:0;
    margin-left:-40px;
    background:transparent url(/upload/themes/survey/NT_Survey_GRANDIR/files/puce-grandir.png) no-repeat top right;
    background-size: 18px;
}

.question-title-container {
    padding-top: 7px;
    padding-bottom: 0;
}
.question-container {
    margin-bottom:0;
    border: none !important;
    border-bottom : 1px solid #F4F4F4 !important;
    box-shadow: none !important;
}
.question-container:nth-child(2n) {
    background: linear-gradient(to right, #F4F4F4 0%, #FFFFFF 100%);
}



.question-text {
    color: #0a2733;
    font-weight: 400;
    font-size: 17px;
}
.question-text .text-small {
    font-size: 14px;
}
.question-text p:before {
    position: absolute;
    content:" ";
    width: 8px;
    height: 8px;
    border-radius:50%;
    background: #EDBB57;
    top: 40%;
    margin-left: -12px;
}
/*Résultats*/
#group-999 .question-text p:before {
    display:none;
}

/* Sur la Meme ligne */
.question-title-container.col-xs-12 {
    width:77%;
}
.text-long .question-title-container.col-xs-12 {
    width:40%;
}
#group-999 .question-title-container.col-xs-12 {
    width:100%;
}
.answer-container.col-xs-12 {
    width:23%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: right;
}


.text-long .answer-container.col-xs-12 {
    width:60%;
}
.question-valid-container {
    display:none;
}

/*Slider*/
.slider-horizontal .slider-selection {
    background-image: linear-gradient(to right, #A7E24D 0%, #729B34 100%) !important;
}

/*Etoiles*/
.star-rating .fa-star:before {
    content: "\f111" !important;   /* \f005  */
}

.star-cancel i:before {
    color : #CCCCCC !important;
    content : "\f00d";
    margin-left: 1px;
}
.star-cancel:hover i:before {
    color : #888888 !important;
}
.star-cancel.star-rated-on i:before {
    color : #555555 !important;
}


.star-1, .star-2, .star-3, .star-4, .star-5 {
    color: #E6E6E6;
}
.star-rating {
    font-size: 20px;
}
.star-rating:before {
    position: absolute;
    content:" ";
    border : 1px solid #E6E6E6;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    top: 7px;
    margin-left: -3px;
}
.star-rating.star-drained.star-hover {
    text-shadow : 0 0 ;
}


.star-1.star-rated-on:not(.star-stub),
.star-1.star-drained {
    color: #EDBB57;
}
.star-2.star-rated-on:not(.star-stub),
.star-2.star-drained {
    color: #E28A6F;
}
.star-3.star-rated-on:not(.star-stub),
.star-3.star-drained {
    color: #CB5A8D;
}
.star-4.star-rated-on:not(.star-stub),
.star-4.star-drained {
    color: #AC469B;
}
.star-5.star-rated-on:not(.star-stub),
.star-5.star-drained {
    color: #85419A;
}


#question828 .question-title-container.col-xs-12,
#question828 .answer-container.col-xs-12 {
    width:50%;
}




.text-info {
    color: #80898e;
}
.text-danger {
    color: #776363;
}
.ls-answers {
    font-size: 110%;
}
.checkbox-item input[type="checkbox"]:checked+label::after, 
.checkbox-item input[type="radio"]:checked+label::after {
    background-color: #8DC53D;
}
body .answer-item label::after {
    background-color: #8DC53D;
}
.numeric-item .ls-input-group,
.numeric-item .numeric {
    width: 200px;
}
.numeric-item.slider-item .ls-input-group {
    width: 100%;
}



/*BOOTSTRAP */
.btn {
    border-radius:2px;
}
.btn-primary {
    border-color: #192F64 !important;
    color:white;
}
.btn-default:hover {
    color: #192F64;
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
}
.btn-primary#ls-button-submit,
.ls-move-previous-btn,
.btn-default#loadbutton,
.btn-default#savebutton {
    background-color: #F6F6F6 !important;
    border-radius: 30px;
    color: #192F64 !important;
    padding: 10px 30px;
    border : none !important;
}
.btn-primary#ls-button-submit,
.btn-default#loadbutton,
.btn-default#savebutton {
    background-color: #A2459B !important;
    color:white !important;
}
.btn-primary#ls-button-submit:hover,
.btn-default#loadbutton:hover,
.btn-default#savebutton:hover {
    background-color: #510D82 !important;
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, 
.btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, 
.open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, 
.open>.dropdown-toggle.btn-primary:hover {
    background-color: #8DC53D;
    border-color: #8DC53D;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background-color: #8DC53D;
    border-color: #8DC53D;
}
.btn-primary:hover {
    background-color: #4c5459;
    border-color: #8DC53D;
}

/*Slider*/
.slider.slider-horizontal .slider-tick.triangle, 
.slider.slider-horizontal .slider-handle.triangle {
    border-bottom-color: #8DC53D;
}




/*CLASSEMENTS */
.select-sortable-lists .col-sm-6:nth-child(1) .ls-choice:hover {
    background-color:#FAFBFA;
}
.select-sortable-lists .col-sm-6:nth-child(1) .ls-choice:active {
    background-color:#EEEEEE;
}
.select-sortable-lists .col-sm-6:nth-child(2) .ls-choice {
    background-color:#FAFBFA;
    border-top:1px solid #8DC53D;
    border-bottom:1px solid #8DC53D;
}




/* TABLEAUX */
.tableau .ls-answers .ls-heading th {
    font-size:90%;
    font-weight:900;
    text-shadow:-1px 1px 3px white;
}
.tableau .ls-answers .ls-heading th:last-child {
    font-size:80%;
    font-weight:500;
}


table.question thead th,
table.question tbody tr.repeat th {
	padding:2px 5px;
	text-align:center;
}
.ls-answers .ls-heading>th {
	vertical-align:middle;
}

.tableau .ls-answers .ls-heading th:nth-child(2),
.tableau .ls-answers .ls-heading th:nth-child(3),
.tableau .ls-answers .ls-heading th:nth-child(4),
.tableau .ls-answers .ls-heading th:nth-child(5) {
	/*text-indent: -999em;
	height: 34px;
	width: 13% !important;*/
}



/* on efface la col sans réponse */
.tableau .ls-answers th:nth-child(7),
.tableau .ls-answers td.noanswer-item {
    width:0 !important;
	display: none;
}






 /* ////////// */
/* RESPONSIVE */

/*Smartphones*/
@media (max-width: 767px) {

.mobile {
    display : block;
}
.pc {
    display : none;
}
html body .top-container {
    margin-top: 20px;
    margin-bottom: 0;
}

/*Entete*/
html body .navbar.navbar-default.navbar-fixed-top {
    width: 100% !important;
    margin : 0;
}
.top-container .progress {
    width: 100%;
    margin-bottom: 10px;
}
.logo-container {
    width:100%;
}
.navbar-toggle {
    display:none;
    position: absolute;
    right: 10px;
}
figure.logo-zone {
    float:none;
    margin: 10px auto;
}
img.logo {
    max-width: 90%;
    margin-left: 5%;
}

div.nom {
    float: none;
    text-align: center;
    border-top: 0;
    font-size: 18px;
    padding : 0;
    margin: 10px auto;
    line-height: 16px;
}
div.nom:before {
    top: 60%;
    left: 57%;
}

/* WELCOME */
#welcome-container,
.NT_Survey .privacy,
.completed-wrapper {
    margin-left : 0;
    margin-right : 0%;
    margin-bottom : 40px;
    margin-top : 10px;
    text-align:justify;
}

/*Titre*/
.group-title {
	font-size: 29px !important;
	text-align:center;
	letter-spacing: 2px;
	padding-left:0;
	margin-bottom:0;
	margin-top : 0;
	padding-top : 130px;
	padding-bottom : 10px;
}

/*Illustrations*/
.question-container {
    margin-bottom:0;
    border-bottom : 0 !important;
    padding-bottom:20px;
    background : white url(/upload/themes/survey/NT_Survey_GRANDIR/files/separ-grandir.png) no-repeat bottom center ;
    background-size: 60px;
}
.question-container:nth-child(2n) {
    background : white url(/upload/themes/survey/NT_Survey_GRANDIR/files/separ-grandir.png) no-repeat bottom center ;
    background-size: 60px;
}
.question-title-container.col-xs-12 {
    width:100% !important;
}
.answer-container.col-xs-12 {
    width:90% !important;
    margin : 0 15% !important;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}
.question-text p:before {
    display:none;
}
.question-text {
    font-size: 20px;
    width: 95%;
    margin: 0 auto;
    text-align:center;
}

#navigator-container .col-xs-6.text-right {
    width : 68%;
}

}
/* fin @media max-width: 767px*/





/*Tablettes*/
@media (max-width: 959px) {
html body .navbar.navbar-default.navbar-fixed-top,
.container {
    width : 97% !important;
}
.top-container .progress {
    width: 100%;
    margin-bottom: 10px;
}

/* Sur la Meme ligne */
.question-title-container.col-xs-12 {
    width:65%;
}
.answer-container.col-xs-12 {
    width:35%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

    
}


/* fin @media max-width: 959px*/

@media (max-width: 1199px) {



}
/* fin @media max-width: 1024px*/

div#question55049 span {
    hyphens: initial!important;
}