/* RESET CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;color: #023F86;font-size: 14px;font-family: Helvetica, Arial, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

b, strong {font-weight: bold;}
i {font-style:italic;}

/* Default input styles */
input[type=name],
input[type=email],
input[type=password],
input[type=text],
textarea[type=text] {
	font-family: Helvetica, Arial, sans-serif;
	width: 100%;
	color: #373737;
	padding: 5px 10px 5px 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

::-webkit-input-placeholder { color:#999; }
::-webkit-textarea-placeholder { color:#999; }
::-moz-placeholder { color:#999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999; } /* ie */
:-ms-textarea-placeholder { color:#999; } /* ie */
input:-moz-placeholder { color:#999; }
textarea:-moz-placeholder { color:#999; }

input[type=name]:hover,
input[type=email]:hover,
input[type=password]:hover,
input[type=text]:hover,
textarea[type=text]:hover {
	outline: none;
	border: 1px solid #bbb;
	box-shadow: none;
}

input[type=name]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=text]:focus,
textarea[type=text]:focus {
	outline: none;
	border: 1px solid #00bce9;
	box-shadow: 0 0 5px #023F86;
}

textarea[type=text] {
	height: 200px;
}

input.highlight {
	border: 1px solid #ffcc33;
	box-shadow: 0 0 5px #ffff00;
}

input.error {
	border: 1px solid #dd212b;
	box-shadow: 0 0 5px #ed1b24;
}

input[type=submit], input[type=button], .bouton {margin: 0;color: #999; text-shadow: 0px 1px 0px rgba(255,255,255,0.59); padding: 6px 20px 7px 20px; outline: none; background: #ececec; border: 1px solid #d8d8d8; border-bottom: 1px solid #ccc; border-radius: 5px; cursor: pointer; overflow: visible; -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.57);}
button {margin: 0;color: #ffffff; padding: 6px 20px 7px 20px; outline: none; background: #ffffff; border: 0px solid #ffffff cursor: pointer; overflow: visible;}
input[type=submit]:hover, input[type=button]:hover, .bouton:hover {color: #023F86; text-shadow: 0px 1px 0px rgba(255,255,255,0.69); -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75); box-shadow: 0px 2px 2px rgba(0,0,0,0.027), inset 0px 1px 0px rgba(255,255,255,0.69), inset 0px -1px 0px rgba(0,0,0,0.0187), inset 0px 15px 14px rgba(255,255,255,0.75);}
input[type=submit]:active, input[type=button]:active, .bouton:active {color: #023F86; text-shadow: 0px 1px 0px rgba(255,255,255,0.53); border: 1px solid #d2d2d2; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); -moz-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); -o-box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20); box-shadow: 0px 1px 0px rgba(255,255,255,0.58), inset 0px 1px 6px rgba(0,0,0,0.07), inset 0px -15px 14px rgba(255,255,255,0.20);}

/* Default input styles */

/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; -webkit-overflow-scrolling: touch;} 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1em; display: block; padding: .405em 2.1em .405em 1em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }

span, p, label, div {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

body {
	width: 100%;
	height: 100%;
	background: URL(../img/fond.png);
	overflow: hidden;
}

#wrapper {
	top: 50%;
	left: 50%;
	position: absolute;
	width: 860px;
	height: 460px;
	padding: 20px;
	background: #ffffff;
	margin: -250px 0 0 -450px;
	-webkit-box-shadow:  10px 10px 10px 1px rgba(1, 34, 73, 1);
	box-shadow:  10px 10px 10px 1px rgba(1, 34, 73, 1);
	-webkit-border-radius: 20px 0px 0px 0px;
	border-radius: 20px 0px 0px 0px;
}

#animation {
	position: absolute;
	width: 860px;
	height: 260px;
	text-align: center;
	background: #ffffff;
	display: none;
	margin-top: 20px;
	padding-top: 180px;
	z-index: 999999;
}

.questionTexte {
	padding-top: 80px;
	text-align: left;
	width: 600px;
	height: 320px;
	margin: auto;
	position: relative;
	color: #002f5f;
}


.question {
	margin-bottom: 20px;
	text-align: center;
	width: 100%;
	height: 120px;
	margin: auto;
	position: relative;
}

.qsmall {
	height: 80px;
	margin-bottom: 0;
	padding: 0;
}

.qbig {
	height: 330px;
	margin-bottom: 0;
	padding: 0;
}

.qbig img {
	height: 260px;
}

.question .valignbottom {
	text-align: center;
	width: 100%;
	position: absolute;
	bottom: 0;
	font-size: 26px;
	font-weight: normal;
}

#reponse {
	margin: auto;
	width: 90%;
	padding: 20px 0 0 0;
	text-align: center;
}

#reponse.rsmall {
	padding: 5px 0 0 0;
}

#reponse .hidden {
	position: absolute;
	margin-left: -99999999px;
}

#reponse #sortable { list-style-type: none; margin: 0; padding: 0; width: 100%;}
#reponse #sortable li {
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 10px;
	padding-left: 1.5em;
	font-size: 20px;
	cursor: move;
	-webkit-border-radius: 20px 0px 0px 0px;
	border-radius: 20px 0px 0px 0px;
	background: #ffffff;
	border: 1px solid #999999;
	color: #999999;
}
#reponse #sortable li:hover {color: #122852; border: 1px solid #122852;}
#reponse #sortable li span { position: absolute; margin-left: -1.3em; margin-top: 4px; }
#reponse #sortable .ui-state-highlight { height: 1.4em; line-height: 1em; border: 1px solid #122852; background: #122852;}

#reponse label {
	width: 100%;
	border: 1px solid #999999;
	color: #999999;
	font-size: 20px;
	font-weight: normal;
	display: inline-block;
	margin: 0 0 5px 0;
	padding: 10px;
	-webkit-border-radius: 10px 0px 0px 0px;
	border-radius: 10px 0px 0px 0px;
}

#reponse label.image,
#reponse label.mot {
	float: left;
	width: 45%;
	overflow: hidden;
	padding: 5px 0 0 0;
}

#reponse label.image img {
	padding: 0;
	margin: 0;
}

#reponse label.image:nth-child(even),
#reponse label.mot:nth-child(even) {
	float: right;
}

#reponse label.mot {
	padding: 5px 0 5px 0;
}

#reponse label:hover {
	border: 1px solid #122852;
	color: #122852;
	cursor: pointer;
}

#reponse label.active,
#reponse label.active:hover {
	border: 1px solid #122852;
	background: #122852;
	color: #ffffff;
	cursor: pointer;
}



/*
* Gestion des couleurs par domaine
*/
/*
* Questo
*/
body.questo, .questo div, .questo span, .questo applet, .questo object, .questo iframe, .questo h1, .questo h2, .questo h3, .questo h4, .questo h5, .questo h6, .questo p, .questo blockquote, .questo pre, .questo a, .questo abbr, .questo acronym, .questo address, .questo big, .questo cite, .questo code, .questo del, .questo dfn, .questo em, .questo img, .questo ins, .questo kbd, .questo q, .questo s, .questo samp, .questo small, .questo strike, .questo strong, .questo sub, .questo sup, .questo tt, .questo var, .questo b, .questo u, .questo i, .questo center, .questo dl, .questo dt, .questo dd, .questo ol, .questo ul, .questo li, .questo fieldset, .questo form, .questo label, .questo legend, .questo table, .questo caption, .questo tbody, .questo tfoot, .questo thead, .questo tr, .questo th, .questo td, .questo article, .questo aside, .questo canvas, .questo details, .questo embed, .questo figure, .questo figcaption, .questo footer, .questo header, .questo hgroup, .questo menu, .questo nav, .questo output, .questo ruby, .questo section, .questo summary, .questo time, .questo mark, .questo audio, .questo video {color: #934293;}
.questo input[type=name]:focus,
.questo input[type=email]:focus,
.questo input[type=password]:focus,
.questo input[type=text]:focus,
.questo textarea[type=text]:focus {
	border: 1px solid #934293;
	box-shadow: 0 0 5px #934293;
}

.questo input[type=submit]:hover,
.questo input[type=button]:hover,
.questo .bouton:hover {
	color: #934293;
}
.questo input[type=submit]:active,
.questo  input[type=button]:active,
.questo  .bouton:active {
	color: #934293;
}

.questo .ui-widget-content {
	background: #ffffff url(predom/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
	color: #934293;
}
.questo .ui-widget-content a {
	color: #934293;
}
.questo .ui-state-hover,
.questo .ui-widget-content .ui-state-hover,
.questo .ui-widget-header .ui-state-hover,
.questo .ui-state-focus,
.questo .ui-widget-content .ui-state-focus,
.questo .ui-widget-header .ui-state-focus {
	color: #934293;
}
.questo .ui-state-hover a,
.questo .ui-state-hover a:hover,
.questo .ui-state-hover a:link,
.questo .ui-state-hover a:visited {
	color: #934293;
}
.questo .ui-state-active,
.questo .ui-widget-content .ui-state-active,
.questo .ui-widget-header .ui-state-active {
	color: #934293;
}
.questo .ui-state-active a,
.questo .ui-state-active a:link,
.questo .ui-state-active a:visited {
	color: #934293;
}

.questo .ui-state-highlight,
.questo .ui-widget-content .ui-state-highlight,
.questo .ui-widget-header .ui-state-highlight {
	border: 1px solid #934293;
	color: #934293;
}
.questo .ui-state-highlight a,
.questo .ui-widget-content .ui-state-highlight a,
.questo .ui-widget-header .ui-state-highlight a {
	color: #934293;
}
.questo .ui-icon,
.questo .ui-widget-content .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.questo .ui-state-hover .ui-icon,
.questo .ui-state-focus .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.questo .ui-state-active .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.questo .ui-state-highlight .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.questo .ui-widget-shadow {
	background: #934293 url(predom/images/ui-bg_flat_0_023F86_40x100.png) 50% 50% repeat-x;
}
.questo .questionTexte{
	color: #934293;
}
.questo .separator {
	background: #934293;
}
.questo #reponse #sortable li:hover {color: #934293; border: 1px solid #934293;}
.questo #reponse #sortable .ui-state-highlight { height: 1.4em; line-height: 1em; border: 1px solid #934293; background: #934293;}

.questo #reponse label:hover {
	border: 1px solid #934293;
	color: #934293;
}

.questo #reponse label.active,
.questo #reponse label.active:hover {
	border: 1px solid #934293;
	background: #934293;
	color: #ffffff;
}

.questo #wrapper {
	-webkit-box-shadow:  10px 10px 10px 1px rgba(147, 66, 147, 1);
	box-shadow:  10px 10px 10px 1px rgba(147, 66, 147, 1);
}

.questo input[type=submit]:hover, .questo input[type=button]:hover, .questo .bouton:hover {
	color: #ffffff;
	background: #934293;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.69);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}


/*
* Teltest
*/
body.teltest, .teltest div, .teltest span, .teltest applet, .teltest object, .teltest iframe, .teltest h1, .teltest h2, .teltest h3, .teltest h4, .teltest h5, .teltest h6, .teltest p, .teltest blockquote, .teltest pre, .teltest a, .teltest abbr, .teltest acronym, .teltest address, .teltest big, .teltest cite, .teltest code, .teltest del, .teltest dfn, .teltest em, .teltest img, .teltest ins, .teltest kbd, .teltest q, .teltest s, .teltest samp, .teltest small, .teltest strike, .teltest strong, .teltest sub, .teltest sup, .teltest tt, .teltest var, .teltest b, .teltest u, .teltest i, .teltest center, .teltest dl, .teltest dt, .teltest dd, .teltest ol, .teltest ul, .teltest li, .teltest fieldset, .teltest form, .teltest label, .teltest legend, .teltest table, .teltest caption, .teltest tbody, .teltest tfoot, .teltest thead, .teltest tr, .teltest th, .teltest td, .teltest article, .teltest aside, .teltest canvas, .teltest details, .teltest embed, .teltest figure, .teltest figcaption, .teltest footer, .teltest header, .teltest hgroup, .teltest menu, .teltest nav, .teltest output, .teltest ruby, .teltest section, .teltest summary, .teltest time, .teltest mark, .teltest audio, .teltest video {color: #e9861b;}
.teltest input[type=name]:focus,
.teltest input[type=email]:focus,
.teltest input[type=password]:focus,
.teltest input[type=text]:focus,
.teltest textarea[type=text]:focus {
	border: 1px solid #e9861b;
	box-shadow: 0 0 5px #e9861b;
}

.teltest input[type=submit]:hover,
.teltest input[type=button]:hover,
.teltest .bouton:hover {
	color: #e9861b;
}
.teltest input[type=submit]:active,
.teltest  input[type=button]:active,
.teltest  .bouton:active {
	color: #e9861b;
}

.teltest .ui-widget-content {
	background: #ffffff url(predom/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
	color: #e9861b;
}
.teltest .ui-widget-content a {
	color: #e9861b;
}
.teltest .ui-state-hover,
.teltest .ui-widget-content .ui-state-hover,
.teltest .ui-widget-header .ui-state-hover,
.teltest .ui-state-focus,
.teltest .ui-widget-content .ui-state-focus,
.teltest .ui-widget-header .ui-state-focus {
	color: #e9861b;
}
.teltest .ui-state-hover a,
.teltest .ui-state-hover a:hover,
.teltest .ui-state-hover a:link,
.teltest .ui-state-hover a:visited {
	color: #e9861b;
}
.teltest .ui-state-active,
.teltest .ui-widget-content .ui-state-active,
.teltest .ui-widget-header .ui-state-active {
	color: #e9861b;
}
.teltest .ui-state-active a,
.teltest .ui-state-active a:link,
.teltest .ui-state-active a:visited {
	color: #e9861b;
}

.teltest .ui-state-highlight,
.teltest .ui-widget-content .ui-state-highlight,
.teltest .ui-widget-header .ui-state-highlight {
	border: 1px solid #e9861b;
	color: #e9861b;
}
.teltest .ui-state-highlight a,
.teltest .ui-widget-content .ui-state-highlight a,
.teltest .ui-widget-header .ui-state-highlight a {
	color: #e9861b;
}
.teltest .ui-icon,
.teltest .ui-widget-content .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.teltest .ui-state-hover .ui-icon,
.teltest .ui-state-focus .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.teltest .ui-state-active .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.teltest .ui-state-highlight .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.teltest .ui-widget-shadow {
	background: #e9861b url(predom/images/ui-bg_flat_0_023F86_40x100.png) 50% 50% repeat-x;
}

.teltest .questionTexte{
	color: #e9861b;
}
.teltest .separator {
	background: #e9861b;
}

.teltest #reponse #sortable li:hover {color: #e9861b; border: 1px solid #e9861b;}
.teltest #reponse #sortable .ui-state-highlight { height: 1.4em; line-height: 1em; border: 1px solid #e9861b; background: #e9861b;}

.teltest #reponse label:hover {
	border: 1px solid #e9861b;
	color: #e9861b;
}

.teltest #reponse label.active,
.teltest #reponse label.active:hover {
	border: 1px solid #e9861b;
	background: #e9861b;
	color: #ffffff;
}


.teltest #wrapper {
	-webkit-box-shadow:  10px 10px 10px 1px rgba(233, 134, 27, 1);
	box-shadow:  10px 10px 10px 1px rgba(233, 134, 27, 1);
}

.teltest input[type=submit]:hover, .teltest input[type=button]:hover, .teltest .bouton:hover {
	color: #ffffff;
	background: #e9861b;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.69);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

/*
* Selltest
*/
body.selltest, .selltest div, .selltest span, .selltest applet, .selltest object, .selltest iframe, .selltest h1, .selltest h2, .selltest h3, .selltest h4, .selltest h5, .selltest h6, .selltest p, .selltest blockquote, .selltest pre, .selltest a, .selltest abbr, .selltest acronym, .selltest address, .selltest big, .selltest cite, .selltest code, .selltest del, .selltest dfn, .selltest em, .selltest img, .selltest ins, .selltest kbd, .selltest q, .selltest s, .selltest samp, .selltest small, .selltest strike, .selltest strong, .selltest sub, .selltest sup, .selltest tt, .selltest var, .selltest b, .selltest u, .selltest i, .selltest center, .selltest dl, .selltest dt, .selltest dd, .selltest ol, .selltest ul, .selltest li, .selltest fieldset, .selltest form, .selltest label, .selltest legend, .selltest table, .selltest caption, .selltest tbody, .selltest tfoot, .selltest thead, .selltest tr, .selltest th, .selltest td, .selltest article, .selltest aside, .selltest canvas, .selltest details, .selltest embed, .selltest figure, .selltest figcaption, .selltest footer, .selltest header, .selltest hgroup, .selltest menu, .selltest nav, .selltest output, .selltest ruby, .selltest section, .selltest summary, .selltest time, .selltest mark, .selltest audio, .selltest video {color: #426ad5;}
.selltest input[type=name]:focus,
.selltest input[type=email]:focus,
.selltest input[type=password]:focus,
.selltest input[type=text]:focus,
.selltest textarea[type=text]:focus {
	box-shadow: 0 0 5px #426ad5;
}

.selltest input[type=submit]:hover,
.selltest input[type=button]:hover,
.selltest .bouton:hover {
	color: #426ad5;
}
.selltest input[type=submit]:active,
.selltest  input[type=button]:active,
.selltest  .bouton:active {
	color: #426ad5;
}

.selltest .ui-widget-content {
	background: #ffffff url(predom/images/ui-bg_flat_100_ffffff_40x100.png) 50% 50% repeat-x;
	color: #426ad5;
}
.selltest .ui-widget-content a {
	color: #426ad5;
}
.selltest .ui-state-hover,
.selltest .ui-widget-content .ui-state-hover,
.selltest .ui-widget-header .ui-state-hover,
.selltest .ui-state-focus,
.selltest .ui-widget-content .ui-state-focus,
.selltest .ui-widget-header .ui-state-focus {
	color: #426ad5;
}
.selltest .ui-state-hover a,
.selltest .ui-state-hover a:hover,
.selltest .ui-state-hover a:link,
.selltest .ui-state-hover a:visited {
	color: #426ad5;
}
.selltest .ui-state-active,
.selltest .ui-widget-content .ui-state-active,
.selltest .ui-widget-header .ui-state-active {
	color: #426ad5;
}
.selltest .ui-state-active a,
.selltest .ui-state-active a:link,
.selltest .ui-state-active a:visited {
	color: #426ad5;
}

.selltest .ui-state-highlight,
.selltest .ui-widget-content .ui-state-highlight,
.selltest .ui-widget-header .ui-state-highlight {
	border: 1px solid #426ad5;
	color: #426ad5;
}
.selltest .ui-state-highlight a,
.selltest .ui-widget-content .ui-state-highlight a,
.selltest .ui-widget-header .ui-state-highlight a {
	color: #426ad5;
}
.selltest .ui-icon,
.selltest .ui-widget-content .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.selltest .ui-state-hover .ui-icon,
.selltest .ui-state-focus .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.selltest .ui-state-active .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.selltest .ui-state-highlight .ui-icon {
	background-image: url(predom/images/ui-icons_023F86_256x240.png);
}
.selltest .ui-widget-shadow {
	background: #426ad5 url(predom/images/ui-bg_flat_0_023F86_40x100.png) 50% 50% repeat-x;
}

.selltest .questionTexte{
	color: #426ad5;
}
.selltest .separator {
	background: #426ad5;
}
.selltest #reponse #sortable li:hover {color: #426ad5; border: 1px solid #426ad5;}
.selltest #reponse #sortable .ui-state-highlight { height: 1.4em; line-height: 1em; border: 1px solid #426ad5; background: #426ad5;}

.selltest #reponse label:hover {
	border: 1px solid #426ad5;
	color: #426ad5;
}

.selltest #reponse label.active,
.selltest #reponse label.active:hover {
	border: 1px solid #426ad5;
	background: #426ad5;
	color: #ffffff;
}

.selltest #wrapper {
	-webkit-box-shadow:  10px 10px 10px 1px rgba(66, 106, 213, 1);
	box-shadow:  10px 10px 10px 1px rgba(66, 106, 213, 1);
}

.selltest input[type=submit]:hover, .selltest input[type=button]:hover, .selltest .bouton:hover {
	color: #ffffff;
	background: #426ad5;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.69);
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.timer {
	position: absolute;
	bottom: 30px;
	width: 540px;
	margin-left: 40px;
	text-align: center;
}

/*#progressBar {
    width: 400px;
    height: 22px;
    border: 1px solid #111;
    background-color: #292929;
}

#progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    /*width: 0;
    background-color: #0099ff;
}*/

#progressBar {
	width: 100%;
	position: relative;
	padding: 3px;
	height: 5px !important;
	background-image:-moz-linear-gradient(53% 13% -90deg,rgb(58,64,80) 0%,rgb(58,64,80) 47%,rgb(46,50,62) 48%,rgb(46,50,62) 100%);
	background-image:-webkit-gradient(linear,53% 13%,53% 79%,color-stop(0, rgb(58,64,80)),color-stop(0.47, rgb(58,64,80)),color-stop(0.48, rgb(46,50,62)),color-stop(1, rgb(46,50,62)));
	background-image:-webkit-linear-gradient(-90deg,rgb(58,64,80) 0%,rgb(58,64,80) 47%,rgb(46,50,62) 48%,rgb(46,50,62) 100%);
	background-image:linear-gradient(-180deg,rgb(58,64,80) 0%,rgb(58,64,80) 47%,rgb(46,50,62) 48%,rgb(46,50,62) 100%);
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}

#progressBar div {
	height: 100%;
	width: 0;
	font-family: arial;
	font-size: 3px;
	color: white;
	text-align: right;
	text-shadow: 0px 0px 2px #000;
	text-indent: 9999px;
	overflow: hidden;
	background: #669900;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Webkit */
	border-radius: 10px;
}