/****************************************************/
/* feuille de style utilisée par les questionnaires */
/****************************************************/
div.so-quest-loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding:0.5em;
	z-index: 100;
	background: url("images/ui-bg_flat_0_ffffff_40x100.png") repeat-x scroll 50% 50% #FFFFFF;
	opacity: 1.0;
	font-style:italic;
}
/* éléments d'un questionnaire */
div.so-quest {
   /*height:auto;*/
   /*overflow:auto;*/
   padding:0.1em 0;
   vertical-align:middle;
}
div.so-quest span.so-quest-warning,
div.so-quest span.so-quest-calendar,
div.so-quest span.so-quest-description,
div.so-quest label, 
div.so-quest input.so-input, 
div.so-quest select, 
div.so-quest .so-quest-unit {
   display: block;
   float:left;
   line-height: 1.6em;
}
div.so-quest .ui-spinner {
	display: block;
	float:left;
	font-size: 1em;
	background: #F5F5F5;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
div.so-quest input.so-spinner {
	margin: 1px 16px 0 0;
	padding: 0 0.2em;
	vertical-align: top;
	width:2em;
/*	height:18px;*/
	height:1.4em;
}
/* permet le passage à la ligne éventuel */
/* dans un questionnaire */
div.so-quest br {
   clear:left;
}
div.so-quest span.so-quest-warning {
   /* height=1.6em et width=26px */
   padding:0.8em 13px; 
   *padding:0.2em 13px; /* IE7 */ 
   background: url("../picture/no16.png") no-repeat center;
   /* background-size: contain; */
   visibility : visible; /* caché initialement */
}
div.so-quest span.so-quest-calendar {
   padding:0.8em 13px; 
   *padding:0.2em 13px; /* IE7 */ 
   background: url("../picture/calendar16.png") no-repeat center;
   visibility : visible;
	 cursor:pointer;
}
div.so-quest span.so-quest-description {
   /* height=1.6em et width=26px */
   padding:0.8em 13px; 
   background: url("../picture/question16.png") no-repeat center;
   visibility : visible; /* caché initialement */
}
div.so-quest label, 
div.so-quest .so-quest-unit {
   text-align: left;
   /* ne pas fixer height, libellés multilignes possibles */
}
div.so-quest-left label { 
   /* à adapter selon questionnaire */
   padding-right: 0.5em; 
   width: 15em;
   /*overflow:hidden;*/
}
div.so-quest label.so-option { 
   /* à adapter selon questionnaire */
   padding-left: 0.5em; 
   width: 15em;
}  
div.so-quest .so-quest-unit { 
   /* à adapter selon questionnaire */
   padding-left: 0.5em; 
}
div.so-quest input.so-input,
div.so-quest textarea,
div.so-quest select {
   -moz-box-sizing:border-box;
   -webkit-box-sizing:border-box;
   box-sizing:border-box;
   width: 10em;
}
div.so-quest input.so-input,
div.so-quest select {
   border: 1px solid #AAAAAA; 
   height: 1.6em;
}
div.so-quest
input.so-input[type="text"] {
   margin-top:0.2em; /* modif. 15/10 */
   background-color: #F5F5F5;
   padding: 0em 0.2em;
   border-radius: 3px;
}
div.so-quest
input.so-input[type="text"][readonly] {
   background:transparent;
   border:none;
   font-style:italic;
   color:gray;
}
div.so-quest
select {
   padding: 0.1em 0.2em;
}
div.so-quest
input.so-input[type="checkbox"] { 
   -webkit-appearance:checkbox;
   /*-moz-appearance: none;*/
   height:1.2em !important;
   width:1.2em !important; 
   margin: 0.2em 0em;
   padding:0.0em;
   border:none;
   background:transparent;
}
div.so-quest
input.so-input[type="radio"],
/* IE6 */
div.so-quest
input.so-input-radio-ie6
 { 
   /*-moz-appearance: none;*/
   border:none;
   height: 1.2em !important; 
   width: 1.2em !important; 
   margin: 0.2em 0em;
   padding:0.0em;
   background:transparent;
}
/* IE6 */
div.so-quest
input.so-input-chkbx-ie6
 { 
   /*-moz-appearance: none;*/
   border:none;
   height: 1.2em !important; 
   width: 1.2em !important; 
   margin: 0.2em 0em;
   padding:0.0em;
   background:transparent;
}
div.so-quest .so-quest-left {
   display: inline-block;
   zoom: 1;
	 *display: inline; /* IE7 */
   /*margin-top:0.2em;*/ /* ajout 15/10/14 */
   vertical-align:top;
   height:auto;
   overflow:auto;
}
div.so-quest .so-quest-right {
   display: inline-block;
   zoom: 1;
	 *display: inline; /* IE7 */
   vertical-align:top;
   height:auto;
   /*overflow:auto;*/
	 /*overflow:hidden;*/
}
/* calendrier jquery */
div.so-quest div.ui-datepicker-header {
   font-size: 12px;
}
div.so-quest table.ui-datepicker-calendar {
   font-size: 10px;
}

/* liste de sélection multicolonnes *****************************************************/
.so-quest.so-quest-stdmultiselect .so-cols {
	white-space:nowrap;
	background-color: #666666;
	border:1px solid #666666;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}
.so-quest.so-quest-stdmultiselect .so-menu {
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	padding:0.2em 2px;
	width:36px;
	text-align:center;
	white-space:nowrap;
}
.so-quest.so-quest-stdmultiselect .so-row-wrapper .so-menu {
	white-space:nowrap;
	background-color: white;
	border-right:1px solid #666666;
}
.so-quest.so-quest-stdmultiselect.so-disabled .so-row-wrapper .so-menu {
	background-color: #DDDDDD;
}
.so-quest.so-quest-stdmultiselect .so-row-wrapper .so-menu.so-row-selected {
	background-color: #8E8EB5;
	color:white;
}
.so-quest.so-quest-stdmultiselect.so-disabled .so-row-wrapper .so-menu.so-row-selected {
	opacity: 0.5;
}
.so-quest.so-quest-stdmultiselect .so-menu span.ui-icon {
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	text-indent:0px; /* IE7 */
	vertical-align:center;
	cursor:pointer;
}
.so-quest.so-quest-stdmultiselect .so-col {
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	color:white;
	padding:0.4em 0.4em;
	text-align:center;
	white-space:nowrap;
}
.so-quest.so-quest-stdmultiselect .so-rows {
	border:1px solid #666666;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background:#BBBBBB;
	overflow-x:hidden;
	vertical-align:top;
}
.so-quest.so-quest-stdmultiselect .so-row-wrapper {
	white-space:nowrap;
	background-color: white;
}
.so-quest.so-quest-stdmultiselect.so-disabled .so-row-wrapper {
	background-color: #DDDDDD;
}
.so-quest.so-quest-stdmultiselect .so-row {
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	cursor:default;
	vertical-align:top;
	text-align:right;
	background-color: white;
	padding:0.2em 0.4em; 
}
.so-quest.so-quest-stdmultiselect.so-disabled .so-row {
	background-color: #DDDDDD;
}
.so-quest.so-quest-stdmultiselect .so-row.so-row-selected {
	background-color: #8E8EB5;
	color:white;
}
.so-quest.so-quest-stdmultiselect.so-disabled .so-row.so-row-selected {
	opacity: 0.5;
}
.so-quest.so-quest-stdmultiselect .so-msg {
	border:1px solid #BBBBBB;
	vertical-align:top;
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
	background:#BBBBBB;
	text-align:center;
	cursor:default;
}
.so-quest.so-quest-stdmultiselect .so-msg div.so-middle {
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	vertical-align:middle;
	line-height:normal;
	margin:0.5em 0;
}
.so-quest.so-quest-stdmultiselect .so-msg span.so-middle{
 *zoom:1; /* IE7 */
}
.so-quest.so-quest-stdmultiselect .so-btns {
	padding:0.5em 0em;
}
/**************************************************/
/* calendrier jquery                              */
/* (non inclus dans div.so-quest)                 */
/* theme smoothness sélectionné                   */
/**************************************************/

div.ui-datepicker-header {
   font-size: 0.8em;
   font-family: "Verdana"; 
}
table.ui-datepicker-calendar {
   font-size: 0.8em;
   font-family: "Verdana"; 
}
/******************************************/
/* boîte de dialogue jquery personnalisée */
/******************************************/
/* retire le bouton close */
.no-close .ui-dialog-titlebar-close {
	display: none;
}
/* assure une hauteur correcte si title est une chaîne vide */
.ui-dialog-title {
	min-height:1em;
}
/* totalité de la boîte de dialogue */
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog {
	background:#EFEBE2;
  /*
  background: -prefixe-linear-gradient(top, rgba(215,209,198,1), rgba(239,235,226,1));
  background: -webkit-linear-gradient(rgba(215,209,198,1), rgba(239,235,226,1));
  background: -o-linear-gradient(rgba(215,209,198,1), rgba(239,235,226,1));
  background: -moz-linear-gradient(rgba(215,209,198,1), rgba(239,235,226,1));
  background: linear-gradient(rgba(215,209,198,1), rgba(239,235,226,1));
  */
	/*font-size:95%;*/
}
/* barre de titre */
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog
.ui-dialog-titlebar {
	background:#C0B8AB; /*#EEE8B7;*/
  /*opacity:0.5;*/
	border:1px solid #888888;
	padding:0.2em 0.5em;
}
/* barre des boutons */
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog
.ui-dialog-buttonpane {
	background-color:transparent;
	padding: 0.4em 0.5em;
}
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog
.ui-dialog-buttonpane
button {
	margin:0 0.4em 0 0;
	height:2em;
	background: #C0B8AB; /*#EEE8B7;*/
}
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog
.ui-dialog-buttonpane
button.ui-state-default {
	border:1px solid #888888;
}
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog
.ui-dialog-buttonpane
button.ui-state-hover {
	border:1px solid #222222;
}
/*.so-xxx.ui-dialog*/
.so-dialog.ui-dialog
.ui-dialog-buttonpane
button
.ui-button-text {
	padding:0.2em 0.5em;
}
/**************************************************/
/* boîte de dialogue associée au message d'erreur */
/**************************************************/
.ui-dialog-content.so-msgbox-content {
	/*padding-top:0.5em;*/
	white-space:nowrap;
}

/* image associée au message */
.so-msgbox-content
.so-msgbox-img {
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	width:40px;
	height:40px;
	vertical-align:top;
}
.so-msgbox-img.so-msgbox-warning {
	background: url("../picture/warning32.png") no-repeat 0em 0.2em;
}
.so-msgbox-img.so-msgbox-question {
	background: url("../picture/question32.png") no-repeat 0em 0.2em;
}
.so-msgbox-img.so-msgbox-information {
	background: url("../picture/info32.png") no-repeat 0em 0.2em;
}
.so-msgbox-img.so-msgbox-error {
	background: url("../picture/no32.png") no-repeat 0em 0.2em;
}

.so-msgbox-content
.so-msgbox-html {
	display:inline-block;
	zoom: 1;
	*display: inline;/* IE7 */
}


.so-msgbox-error .so-msgbox-txt {
	color:#FA860D;
}

.so-msgbox-txt .so-error-left {
	display: block;
	float:left;
	width: 5em;
}
.so-msgbox-txt .so-right {
	display: inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	padding-right:1em;
	vertical-align:top;
	height:auto;
	overflow:auto;
}
.so-msgbox-txt .so-alert {
	color:#FA860D;
}

/* validation d'un questionnaire */
.so-msgbox-html
.so-msgbox-questionnary-validate
.so-even {
	background-color:#EAEAEA;
}
.so-msgbox-html
.so-msgbox-questionnary-validate
.so-mouseover {
	 cursor:pointer;
	text-decoration: underline;
}

/***************************/
/* formattages spécifiques */
/***************************/
/*.ui-widget*/ button.so-button-small {
	font-size:85%;
	padding:0.2em 0.7em;
	border:none;
	border-radius:4px;
	background-color: #0078e7;
	color: #fff;
}
fieldset.so-fieldset {
	position: relative;
	top:0.9em;
	margin-bottom:1.2em;
	padding-top:0.9em;
	border:2px solid #666666;
	border-radius:5px;
	background:#DEDEDE;
}

fieldset.so-fieldset legend {
	position: absolute; 
	top: -0.9em;
	padding:0.2em 0.7em;
	border:none;
	border-radius:10px;
	background-color: #666666;
	color:white;
}

/******************************/
/* questionnaires spécifiques */
/******************************/
.so-pret-caracteristiques-left {
	float:left;
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	padding-right:5px;
	border-right:2px solid #AAAAAA;
}
.so-pret-caracteristiques-right {
	float:left;
	display:inline-block;
	zoom: 1;
	*display: inline; /* IE7 */
	padding-left:1em;
}

/* bouton */
/*
.mybtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  font-family: Arial;
  color: #666666;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  border: solid #1f628d 2px;
  text-decoration: none;
}

.mybtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
*/

.myButton {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.myButton:active {
	position:relative;
	top:1px;
}