/* This file is part of Lime Survey Template :a free template
    you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This template is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

body {background-color:#FEFEFE ;}

a:link {color: #5670A1;} 
a:visited {color: #5670A1;} 
a:hover, a:focus, a:active {background-color: #E5F8A8;color: #5670A1;} 

#container{margin:0;}
#head{
	border-bottom:2px solid #AAA;
	border-top:2px solid #CCC;
	color:#328639;
	position:relative;
	background:url("bg_haut.jpg");
	background-repeat-x:repeat;
	height:80px;}
#head h1{display:inline;color:#fff;margin-left:100px;}
#head img#logo{vertical-align:middle;}
#head a#link-logo:hover,#head a#link-logo:focus,#head a#link-logo:active{background:transparent;}
#head #languagechanger{position:absolute;top:1em;right:0;}
#head #languagechanger{text-align:right;}
#head #sitename a{text-decoration:none;color:#328639;}

#title{color:#FFF;background:#afafab;margin:0;text-align:center;padding:0;border-bottom:2px solid #C9EF50;}
h2#surveytitle{font-size:1.2em;text-align:left;line-height:2em;}

.wrapper,#content{padding:0;margin:0 auto;overflow:auto;max-width:1024px;position:relative;}
#content{padding-bottom:4.8em;}


#footer {text-align:center;padding:0.8em 0 0.4em;margin:0;font-size:0.8em;font-weight:normal;}
#footer{background:#afafab;color:#FFF;}
#footer a{color:#E5F8A8;}
#footer a:hover, #footer a:focus, #footer a:active {background-color: #E5F8A8;color: #5670A1;} 

#footer{border-width:1px 0;}
#footer{width:100%;position:absolute;bottom:0;}
#footer ul#credits{list-style: none outside;margin-top:0;margin-bottom:0;padding:0;text-align:center;}
#footer ul#credit a {display: block;}
#footer ul#credit li a.ui-state-hover {font-weight:normal;}/* to be corrected */
#footer ul#credits li {list-style: none inside;margin:0;padding:0;text-align:center;}
#footer ul#credits li{display:inline;}
#footer ul#credits li#poweredby{position:absolute;top:0;left:0;text-align:center;}
#footer ul#credits li#donate{position:absolute;top:0;right:0;text-align:center;}
#footer ul#credits li#licence{margin:0;}

#container{min-height:100%;position:relative;}

body {}
ul {}
ol {}
h1 {}
h2 {}
h3 {}
a:link,a:visited {}
.success {}

/* Decoration */
p.url{font-size:1.2em;text-align:center;font-weight:bold}
table.printouttable{width:99%}
	
	/* tools list */

.tools input,
	.tools a,
	.navigator input,
	input.submit,
	input#savebutton,
	input#loadbutton,
	input#registercontinue,
	#languagechanger select
		{font-family:FreeSans,Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;}
.tools input,
	.tools a,
	input.submit,
	.navigator input,
	input#savebutton,
	input#loadbutton,
	input#registercontinue
	{box-sizing: border-box,}
#languagechanger select, 
	.tools input,
	.tools a,
	input.submit,
	input#savebutton,
	input#loadbutton,
	input#registercontinue,
	.navigator input
		{margin:0;padding:3px 6px;border:1px solid #ABB8D1;background:#FEFEFE;color:#415479;text-decoration:none;cursor: pointer;}


.tools input,
	.tools a,
	.navigator input,
	input.submit,
	input#savebutton,
	input#loadbutton,
	input#registercontinue
	 {outline: none;}
#languagechanger select:hover,
	.tools input:hover,
	.tools a:hover,
	.navigator input:hover,
	input.submit:hover,
	input#savebutton:hover,
	input#loadbutton:hover,
	input#registercontinue:hover,
	#languagechanger select:focus,
	.tools input:focus,
	.tools a:focus,
	.navigator input:focus,
	input.submit:focus,
	input#savebutton:focus,
	input#loadbutton:focus,
	input#registercontinue:focus
		{color:#415479;background:#dcdfe6;border-color:#ABB8D1;}
#languagechanger select:hover option{background:#FEFEFE;}
.tools input,
	.tools a,
	.navigator input,
	input.submit,
	input#savebutton,
	input#loadbutton,
	input#registercontinue,
	#languagechanger select
	{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

.tools input[disabled],
	.navigator input[disabled],
	input.submit[disabled],
	input#savebutton[disabled],
	input#loadbutton[disabled],
	input#registercontinue[disabled],
	#languagechanger select[disabled]
	{border:1px solid #dbdbdb;background:#FEFEFE;color:#dbdbdb;cursor:inherit;}


ul.tools{
	list-style: none ; 
    margin: 0.5em ; 
    padding: 0 ;
    text-align: left;
   }

ul.tools div,ul.tools li{margin:0.1em 0;padding:0;display:inline;}
ul.tools li{margin-right:1em;}

ul.info{
		list-style: none ; 
   	text-align: center;
	}
ul.info li{margin:0.5em 0;font-size:1.05em;}
ul.info a {
	}
#surveylist-container{text-align:center}
#surveylist-container h3{color:#5670A1}
ul#surveylist{
	list-style: none ; 
    margin: 0.5em auto; 
    padding: 0 ;
    text-align: left;
	overflow:auto;
	display:inline-block;
}
ul#surveylist li{
	display:inline ; 
    float:left; 
    clear:left ;
	padding:0.5em 10px;
}
ul#surveylist li a{
	color:#5670A1;
}
ul#surveylist li a.surveytitle{font-weight:bold;font-size:1.2em;color:#5670A1;padding:3px 10px;text-decoration: none;margin-bottom: 8px;}
.navigator{text-align:center;}

.note,#tokenmessage{border:#8195BA 1px solid;background:#EEF6FF;width:80%;margin:0.5em auto;padding:1em;}
.round{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}
#tokenform ul{
	list-style: none ; 
    margin: 0.5em auto; 
    padding: 0 ;
    text-align: center;
	}
#tokenform ul li{
}
/* specific box */
#privacy{font-size:90%;font-style: italic;}
#surveydescription{font-size:1.1em;}
#assessment table{width:80%;margin:0 auto;}
div.form table{margin:0.4em auto;}
div.form table td{border:0 none #CCC;}
div.form table table{border:0 none #CCC;}
div.form table table td{padding:0;}

/* Base for all question and group */
.group{}
.groupdescription{border: 1px solid #5670A1;border-top:0px none #5670A1;padding:1em 1.5em 0.5em;margin:0 0 0.5em;background:#EEF6FF;display:none;}
.grouptitle{margin:0 0 0em;
font-size:1.1em;
background:#afafab;
color:#FEFEFE;
visibility:hidden;}

.question-wrapper{margin:1em 0;background-color:#FEFEFE;}
.question-text{border-bottom:none 0px #FFF;}
.question-wrapper .answers{overflow:auto;overflow-y:hidden;}

.question-wrapper{border:1px solid #5670A1;padding:0 0 0.5em}
.question-wrapper .question-text{background:#afafab;font-size:13px;padding:0.5em 1.5em;color:#FEFEFE}
.question-wrapper .question-text a{color:#FEFEFE}
.question-wrapper .question-text a:hover{color:#5670A1}

.question-wrapper .question-text{font-weight:bold;}


.error-wrapper .error,.error-wrapper .errormandatory {display:block;padding:0 1em;}
.error-wrapper .error,.error-wrapper .errormandatory {padding:0.3em 1em;margin:0.5em auto;width:96%;}
.error-wrapper .error,.error-wrapper .errormandatory {color:#CD0A0A;background:#FEF1EC;border:#CD0A0A solid 1px;}

.tip{font-size:0.9em;font-style:italic;margin:0;}
.problem{color:red}
.good{padding:0 1em;margin:0.5em auto 0;font-size: 0.9em;font-style: italic;clear:both;}

.answers{padding:0.5em 1em;margin:0.2em auto;}
.question-help,.help{padding:0 1em;margin:0.5em auto 0;clear:both;}
.question-help img{margin:1px 5px 5px 1px;}
.asterisk {color:#FF8900;}
.hide{
    font-weight: normal;
    position: absolute;
    top: -9999px;
    left: -9999px;
}
 
.printouttitle {
}

.surveytitle {
}

.surveytitle:hover {
}

.error-wrapper .errormandatory,.errormandatory{background:transparent url(./exclamation.png) no-repeat center left;padding-left:20px;}

/* les input */
#tokenform input[type=text],.form input[type=text],.answers input[type=text],.answers textarea{border:1px solid #5670A1;margin:3px;padding:2px;}
#tokenform input[type=text],.form input[type=text],.answers input[type=text],.answers textarea{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	}
#tokenform input:focus,.form input:focus,.answers textarea:focus, .answers input:focus{background-color:#E5F8A8}

/* -------------------------------------------------
   START: Question styles  ------------------------- */

.question {
}

/* table questions */
table.question{border:0px #D5DBE7 solid;width:99%;}
table.question tbody{border:0px #D5DBE7 solid;}
table.question tr{border:0px #D5DBE7 solid;}
table.question th{border:0px #D5DBE7 solid;}
table.question td{border:0px #EFF1F6 solid;}
table.question thead td{border:0px #D5DBE7 solid;}
table.question{border-width:0 0 1px 0;}
table.question tbody{border-width:0 1px 0 0;}
table.question thead td{border:0px #D5DBE7 solid;}
table.question thead th{border-width:1px 1px 0px 0px;}
table.question thead td,table.question thead th:first-child{border-width:0px 1px 0px 0px;}
table.question tbody th{border-width:1px 1px 0px 1px;font-weight:normal}
table.question tbody td{border-width:1px 1px 0px 0px;}

table.question tbody th.answertext,table.question tbody th.arraycaptionleft{text-align:right;}
table.question tbody th.answertextright{text-align:left;}
table.question thead th{text-align:center;}
table.question tbody td{text-align:center;}



table.question tbody td.ddarrayseparator{border-top-width: 0px;}
table.question tbody td.ddarrayseparator:hover{background:#EFF1F6;}

.array-flexible-column table.question col.even td {background:#FEFEFE}
.array-flexible-column table.question col.odd td {background:#F4F6F9}
table.question tr.array1,table.question tbody tr.array1:hover th {background:#FEFEFE}
table.question tr.array2,table.question tbody tr.array2:hover th {background:#F4F6F9}

table.question tbody tr:hover {background:#D5DBE7}
table.question tbody tr td:hover{background:#E5F8A8}



/* =====================================
== Full list of question classes =======

 .boilerplate
,.numeric
,.choice-5-pt-radio
,.yes-no
,.gender
,.date
,.numeric-multi
,.numeric
,.list-radio
,.list-radio-flexible
,.list-with-comment
,.list-dropdown
,.list-dropdown-flexible
,.ranking
,.numeric-multi
,.language
,.multiple-opt-comments
,.multiple-short-txt
,.text-short
,.text-long
,.text-huge
,.numeric-multi
,.array-5-pt
,.array-10-pt
,.array-yes-uncertain-no
,.array-increase-same-decrease 
,.array-flexible-row 
,.array-flexible-column 
,.slider 
,.array-multi-flexi 
,.array-multi-flexi-text
,.array-flexible-duel-scale 
*/

/* - - -  - - -  - - -  - - - - - -  - - -  - - - -
   START: General list styles - - -  - - -  - - - - */
 .choice-5-pt-radio ul
,.list-radio-flexible ul
,.list-radio ul
,.list-with-comment ul
,.multiple-opt ul
,.multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.yes-no ul
,.gender ul {
	list-style: none;
}

 .choice-5-pt-radio .answers li
,.list-radio-flexible .answers li
,.list-radio .answers li
,.list-with-comment .answers li
,.multiple-opt .answers li
,.multiple-opt-comments .answers li
,.multiple-short-txt .answers li
,.numeric-multi .answers li
,.yes-no .answers li
,.gender .answers li {
    list-style-type: none;
    text-align: left;
    margin: 1em 0;
}

 .choice-5-pt-radio li
,.list-radio-flexible li
,.list-radio li
,.list-with-comment li
{
	margin-left: 3em;
	text-indent: -1.6em;
}

.list-radio-flexible li{width:auto;}
.list-radio-flexible ul{width:auto;margin:0 auto 0.5em;}


/* END:  General list styles - - - -  - - -  - - - -
- - - - -  - - -  - - -  - - - - - -  - - -  - - - - */


.boilerplate {}

 .choice-5-pt-radio ul
,.yes-no ul
,.gender ul
{
	text-align: center;
}
 .choice-5-pt-radio ul li
,.yes-no ul li
,.gender ul li
{
	display: inline;
	padding: 0% 2em 0% 0%;
text-align:left;
}

.date p.question { margin-left: 1em;margin-right: 1em; text-align:center;}
.date p.question select.day {}
.date p.question select.month {}
.date p.question select.year {}

 .date p.tip
,.numeric-multi p.tip
,.numeric p.tip
{
	padding-left: 1.5em;
	font-size: 80%;
	font-style: italic;
	line-height: 150%;
}
.numeric p.question
{
	 margin-left: 1em;margin-right: 1em;
	font-weight: normal;
	text-align:center;
}
 .numeric-multi p.tip.error
,.numeric-multi input.tip.error
{
	color: #f70;
	text-align: left;
}
 .numeric-multi p.tip.good
,.numeric-multi input.tip.good
{
	color: #090;
	text-align: left;
}


table.rank, table.rank table{border:0px none #FFF;border-collapse:collapse}
table.rank{margin:0.3em auto;}
table.rank select{width:99%;min-width:10em;padding-left:0.3em;}
table.rank td{border:1px solid #D5DBE7}
table.rank table td{border:0px none #D5DBE7}

/* DEFINED ABOVE UNDER "General list styles" - - - - -
.list-radio-flexible
.list-radio
*/

  ul.cols-2 , table.cols-2
, ul.cols-3 , table.cols-3
, ul.cols-4 , table.cols-4
, ul.cols-5 , table.cols-5
, ul.cols-6 , table.cols-6
, ul.cols-7 , table.cols-7
, ul.cols-8 , table.cols-8
{
	width: 98%;
	margin: 0% auto 0% auto;
}
  ul.cols-2 li , ul.cols-2-ul
, ul.cols-3 li , ul.cols-3-ul
, ul.cols-4 li , ul.cols-4-ul
, ul.cols-5 li , ul.cols-5-ul
, ul.cols-6 li , ul.cols-6-ul
, ul.cols-7 li , ul.cols-7-ul
, ul.cols-8 li , ul.cols-8-ul
{
	float: left;
	padding: 0;
	white-space: normal
}
  ul.cols-2 li , ul.cols-2-ul li
, ul.cols-3 li , ul.cols-3-ul li
, ul.cols-4 li , ul.cols-4-ul li
, ul.cols-5 li , ul.cols-5-ul li
, ul.cols-6 li , ul.cols-6-ul li
, ul.cols-7 li , ul.cols-7-ul li
, ul.cols-8 li , ul.cols-8-ul li
{
	padding: 0 0.5em;
}
ul.cols-2 li , ul.cols-2-ul , table.cols-2 td { width: 48%; }
ul.cols-3 li , ul.cols-3-ul , table.cols-3 td { width: 30.5%; }
ul.cols-4 li , ul.cols-4-ul , table.cols-4 td { width: 23%; }
ul.cols-5 li , ul.cols-5-ul , table.cols-5 td { width: 19%; }
ul.cols-6 li , ul.cols-6-ul , table.cols-6 td { width: 15%; }
ul.cols-7 li , ul.cols-7-ul , table.cols-7 td { width: 13%; }
ul.cols-8 li , ul.cols-8-ul , table.cols-8 td { width: 11.5%; }


.list-dropdown-flexible p.question, .list-dropdown p.question
{
text-align:center;
}

/* STYLES NOT YET DEFINED - - - - -
.list-dropdown {}
*/
.list-with-comment div.list
{
	width: 47%;
	float: left;
	padding: 0.5em;
}
.list-with-comment p.select
{
	width: 47%;
	float: left;
	padding: 0.5em;
	margin: 0%;
}
.list-with-comment div.list p
{
	margin: 0%;
	text-align: left;
}
.list-with-comment p.comment
{
	margin: 0%;
	padding: 0.5em;
	text-align: left;
	float: left;
	width: 47%;
}
.list-with-comment p.comment textarea
{
	width: 100%;
}

/* The following styles only apply to modern (relatively) complete CSS2 compliant browsers. (Not less than IE 8) */
 .multiple-opt-comments td.answer
,.multiple-short-txt td.answer
,.numeric-multi td.answer
{
}
 .multiple-opt-comments ul
,.multiple-short-txt ul
,.numeric-multi ul
,.multiple-opt ul
{
	padding: 0 0.5em;
	margin: 1em 0;
	width:99%;
}
.numeric-multi ul	{	}
.numeric-multi ul.computed
{
	float:left;
	padding-right: 2em;
}
.numeric-multi ul.slider.computed
{
	width: 14em;
}

.numeric-multi ul
,multiple-opt ul
,.multiple-opt-comments ul
,.multiple-short-txt ul
{
	display: block;
	width:99%;
}
.numeric-multi ul li
,.multiple-opt ul li
,.multiple-opt-comments ul li
,.multiple-short-txt ul li
{
	display: block;
}
.numeric-multi ul li label
,.multiple-opt-comments ul li span.option
,.multiple-short-txt ul li label
{
	float:left; 
	width:45%;
	padding: 0.3em 1em 0% 0%;
}
.numeric-multi ul li label
,.multiple-short-txt ul li label
{
	text-align:right;
	}
.multinum-slider{text-align:center;display:inline;}	
.numeric-multi ul li span.input
,.multiple-opt-comments ul li span.comment
,.multiple-short-txt ul li span
{
	text-align: left;
}

.numeric-multi ul.multiplenumerichelp span input {
    border: none;
    background-color: #fff;
    color: #222;
    padding: 0%;
    width: 7em;
}

.multiple-opt .answers ul li input.checkbox
, .list-radio .answers ul li input.radio
, .list-with-comment .answers ul li input.radio 
, .list-radio-flexible .answers ul li input.radio 
{
	margin-left:45%;
}


 .text-short input
 ,.text-short textarea
,.text-long textarea
,.text-huge textarea
{
	margin-left: 1em;
text-align:left;
}
 .text-short .question
 ,.text-short .answers
,.text-long .answers
,.text-huge .answers
{
text-align:center;
}
/* STYLES NOT YET DEFINED - - - - -
.yes-no {}
.gender {}
*/

/* Replacement of defautlt jquery-ui */
#progress-wrapper .ui-widget-content { border: 1px solid #161c28; background: #fefefe; color: #000; }
#progress-wrapper .ui-widget-header { border: 1px solid #161c28; background: #5670a1; color: #fefefe; font-weight: bold; }
.ui-slider{width:15em;	margin: 0.4em 0 0.2em;display:inline-block;	}
.slider_callout { 
    overflow: hidden; 
    position: absolute; 
    top: -1.2em;
    margin-left:0.8em;
    text-align:right;
    color:#5670a1;
}

#percentcomplete{height:2em;margin:0.5em 0;display:block;}
#progress-wrapper {
	height: 2em;
	margin: 0 auto;
}