/* Poisson d'avril */
.logo .logo-application {
	background-image: url('https://dsi-dev.grenoble-inp.fr/distribute/Goldfish3.png');
	background-repeat: no-repeat;
	background-position: left center;
}

body {
	padding: 1ex 1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 2.3ex;
}

h1 {
	font-weight: bold;
	font-size: 160%;
	text-align: center;
	clear: both;
	margin: 3ex 0 1.7ex 0;
	color: #A2000C; /* S23 */
}

h2 {
	font-weight: bold;
	font-size: 130%;
	text-align: center;
	clear: both;
	margin: 2ex 0 1.4ex 0;
	color: #A2000C; /* S23 */
}

h3 {
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	clear: both;
	margin: 2ex 0 1.4ex 0;
	color: #A2000C; /* S23 */
}

h2 span {
	width: .6ex;
	height: .6ex;
	margin-right: 1em;
	padding: .3ex;
	display: inline-block;
	background-color: #A2000C; /* S23 */
	border: 1px solid #BA2F39; /* S22 */
}

p {
	text-align: justify;
	margin-top: .5ex;
	margin-bottom: .8ex;
}

a {
	color: #1E776D; /* P2 */
}

th {
	font-weight: bold;
}

ul {
	margin-left: 2em;
}

dl {
	margin-top: 1ex;
	margin-bottom: 1ex;
}

dt {
	font-weight: bold;
}

dd {
	padding-left: 2em;
	margin-bottom: 1ex;
}

address {
	white-space: pre;
}

code {
	font-family: monospace;
}

/* ------------------------------------------------------------------------------- */
.logo {
	background-color: #A66C00; /* S13 */
	border: 1px outset #FFA500; /* S11 */
}

.logo table {
	border: none;
	width: 100%;
}

.logo .logo-campaign {
	border: none;
	text-align: left;
}

.logo .logo-campaign img {
	margin: .5ex .5em;
	background-color: white;
	border-radius: .5em;
	-moz-border-radius: .5em;
}

.logo .logo-application {
	border: none;
	text-align: center;
}

.logo .logo-application a {
	text-decoration: none;
	font-size: 1.4em;
	color: #A66C00; /* S13 */
	border: 1px solid white;
	border-radius: .3em;
	padding: .4em;
	background-color: white;
	line-height: 1.8em;
}

.logo .logo-more {
	text-align: right;
	padding-right: 1em;
}

#applicationHelp ul {
	padding: 3ex 3em;
	background-color: #fed;
	margin: 0;
}

#applicationHelp > ul > li {
	margin: 2ex 0;
}

/* ------------------------------------------------------------------------------- */
#languageSelector {
	float: left;
	border: none;
	margin: 0;
	padding: .3ex 1em .3ex 0;
}

/* ------------------------------------------------------------------------------- */
#breadcrumbs {
	font-size: 90%;
	float: left;
}

#breadcrumbs .last {
	font-weight: bold;
}

/* ------------------------------------------------------------------------------- */
.identification {
	background-color: #A66C00; /* S13 */
	border: 1px outset #FFA500; /* S11 */
	float: right;
	padding: .3ex .3em;
	border-top: none;
	font-size: 80%;
	border-radius: 0 0 .5em .5em;
	-moz-border-radius: 0 0 .5em .5em;
	margin-bottom: 1ex;
}

.withUser {
	background-color: #FFA500 !important; /* S11 */
	border: 1px outset #FFA500 !important; /* S11 */
	border-top: none !important;
}

.identification .name {
	font-weight: bold;
}

.identification .code {
	font-weight: normal;
}

.identification .code:before {
	content: '(';
}

.identification .code:after {
	content: ')';
}

.candidateCode .code {
	font-weight: bold;
	color: #A2000C; /* S23 */
}

.identification img {
	vertical-align: sub;
}

.identification a.user {
	text-decoration: none;
	color: inherit;
}

.withUser .candidate {
	background-color: #A66C00; /* S13 */
	padding: .3ex .3em;
}

.identification .action {
	border: none;
	margin: 0;
}

.identification .action:after {
	content: '';
}

.identification .user.switch {
	border: 1px outset #ffa500;
	border-radius: 4px;
	margin: 1px;
	padding: 1px;
}

.identification .user.switch + form {
	display: inline-block;
}

.identification .user.switch + form input {
	font-size: 85%;
}

/* ------------------------------------------------------------------------------- */
.flash {
	clear: both;
	margin: .3ex 0;
}

.flash .flashError {
	padding: .3ex .5em;
	background-color: #FC717B; /* P5 */
	color: white;
	font-weight: bold;
}

.flash .flashSuccess {
	padding: .3ex .5em;
	background-color: #5DCF93;
	color: white;
	font-weight: bold;
}

/* ------------------------------------------------------------------------------- */
.footer {
	font-size: 90%;
	padding: .3ex .3em;
	margin-top: 1ex;
	background-color: #A66C00; /* S13 */
	clear: both;
}

.footer .identification {
	background-color: inherit;
	float: none;
	padding: inherit;
	border: none;
	border-radius: 0;
	font-size: 100%;
	-moz-border-radius: 0;
	margin-bottom: inherit;
	text-align: right;
	font-style: italic;
}

.footer .contact {
	width: 80%;
	text-align: right;
	margin-left: 20%;
}

.footer .contact code {
	white-space: pre;
}

.footer .legal {
	float: left;
}

/* ------------------------------------------------------------------------------- */
.statusBar {
	position: fixed;
	top: 1ex;
	z-index: 10;
	width: 100%;
}

.statusBar .saving {
	width: 18em;
	border: 1px solid #54bd06;
	height: 1.2em;
	display: none;
	color: #060;
	font-weight: bold;
	text-align: center;
	background-color: #b4ff7d;
}

.statusBar .saving.state1 {
	display: block;
	background-image: url('../images/save-bg1.png');
	background-repeat: repeat-y;
	background-position: 33% 0;
}

.statusBar .saving.state2 {
	display: block;
	background-image: url('../images/save-bg2.png');
	background-repeat: repeat-y;
	background-position: 66% 0;
}

.statusBar .saving.state3 {
	display: block;
	background-image: url('../images/save-bg3.png');
	background-repeat: repeat-y;
	background-position: 100% 0;
}

.statusBar .saving.stateError {
	display: block;
	background: #c88;
	border-color: #c00;
	color: #c00;
}

.statusBar .error {
	display: none;
	width: 96%;
	border: 3px solid #c00;
	height: 1.2em;
	color: #c00;
	font-weight: bold;
	background-color: #fee;
	padding: .9ex .3em;
}

.statusBar .error.visible {
	display: block;
}

.statusBar .success {
	display: none;
	width: 96%;
	border: 1px solid #54bd06;
	height: 1.2em;
	color: #060;
	font-weight: bold;
	background-color: #54bd06;
	padding: .2ex .3em;
}

.statusBar .success.visible {
	display: block;
}

.authError {
	border: 3px solid #c00;
	height: 1.2em;
	color: #c00;
	font-weight: bold;
	background-color: #fee;
	padding: .9ex .3em;
}

/* ------------------------------------------------------------------------------- */
#editApplication .description {
	border: 1px solid #FFA500; /* S11 */
	border-bottom: none;
	margin: 0;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: .5ex;
	background-color: #ffce73;
}

/* ------------------------------------------------------------------------------- */
.usedVolume {
	margin: 0 0 2ex 0;
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1ex;
	padding-top: 1ex;
	border: 1px solid #FFA500; /* S11 */
	border-top: none;
}

.usedVolume .meter {
	display: inline-block;
	width: 300px;
	border: 1px solid black;
	text-align: center;
	font-size: 90%;
	font-weight: bold;
	color: #333;
	background-color: #b4ff7d;
	background-image: url('../images/meter-green.png');
	background-repeat: repeat-y;
}

.usedVolume .meter .part1,.usedVolume .meter .part2 {
	width: 140px;
	display: inline-block;
	text-align: right;
}

.usedVolume .meter .part2 {
	text-align: left;
}

.usedVolume .meter .separator {
	width: 20px;
	display: inline-block;
}

.usedVolume .meter.part0 {
	background-position: 100% 0%;
}

.usedVolume .meter.part1 {
	background-position: 90% 0%;
}

.usedVolume .meter.part2 {
	background-position: 80% 0%;
}

.usedVolume .meter.part3 {
	background-position: 70% 0%;
}

.usedVolume .meter.part4 {
	background-position: 60% 0%;
}

.usedVolume .meter.part5 {
	background-position: 50% 0%;
}

.usedVolume .meter.part6 {
	background-position: 40% 0%;
}

.usedVolume .meter.part7 {
	background-position: 30% 0%;
	background-image: url('../images/meter-orange.png');
}

.usedVolume .meter.part8 {
	background-position: 20% 0%;
	background-image: url('../images/meter-orange.png');
}

.usedVolume .meter.part9 {
	background-position: 10% 0%;
	background-image: url('../images/meter-red.png');
}

.usedVolume .meter.part10 {
	background-position: 0% 0%;
	background-image: url('../images/meter-red.png');
}

/* ------------------------------------------------------------------------------- */
.applicationData {
	margin: 1ex 0;
	border: 1px solid black;
	border-radius: 0;
}

.applicationData .tool.save {
	background-color: #ccc;
	padding: .3ex .5em .3ex 2em;
}

.applicationData .mandatory,.applicationData .recommended,.applicationData .optional
	{
	font-weight: bold;
	color: inherit;
	margin: inherit;
}

.applicationData .mandatory:after {
	content: '*';
	color: #A2000C; /* S23 */
	font-weight: bold;
	margin-left: .1em;
}

.applicationData .recommended:after {
	content: 'R';
	color: #A66C00; /* S13 */
	font-weight: bold;
	margin-left: .2em;
	font-size: 50%;
	line-height: 50%;
	vertical-align: super;
}

.applicationData .optional:after {
	content: ' ';
	color: #A66C00; /* S13 */
	font-weight: bold;
	margin-left: .2em;
	font-size: 50%;
	line-height: 50%;
	vertical-align: super;
}

.ui-tabs-nav>li>a>.fieldLabel {
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.ui-tabs-nav>li>a>.mandatory:after,.ui-tabs-nav>li>a>.recommended:after,.ui-tabs-nav>li>a>.optional:after
	{
	margin-left: 0em;
	margin-right: 0em;
}

.applicationData .rootfield {
	padding: 1ex 0em;
}

.applicationData .fieldLabel.stripTitle {
	display: none;
}

.applicationData .missing>.fieldLabel,.ui-tabs-nav>li>a>.fieldLabel.missing
	{
	background-color: #FC717B !important; /* S25 */
}

.applicationData .isvisibletocandidates {
	background-image: url('../images/strips.png');
}

.applicationData .field>.hint {
	margin-left: .3em;
	cursor: help;
}

.applicationData .fieldlong-text>.hint {
	vertical-align: top;
}

.applicationData .fieldlong-text .value {
	white-space: pre-wrap;
}

.applicationData .fieldlist>.hint {
	float: right;
}

.applicationData span.value {
	vertical-align: middle;
}

.applicationData .clearfloat {
	visibility: hidden;
	height: 0;
	clear: both;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldlist {
	background-color: #fffdf8;
	border: 1px solid #FFBC40;
	padding: .3ex 1px;
	margin: 1ex 0;
}

.applicationData .fieldlist>.fieldLabel {
	border: 1px solid #eee;
	background-color: #eee;
	border-radius: 0 0 .3em 0;
	font-style: italic;
	border-radius: 0 0 .3em 0;
	padding: .3ex .5em;
}

.applicationData .fieldlist>.fieldLabel>.arity {
	font-weight: normal;
	font-size: 90%;
	font-style: normal;
}

.viewingApplication .applicationData .fieldlist>.fieldLabel>.arity {
	display: none;
}

.applicationData .fieldlist>.fieldhint {
	display: inline-block;
	font-style: italic;
	font-size: 90%;
	padding: 0 1em;
}

.viewingApplication .applicationData .fieldlist>.fieldhint {
	display: none;
}

.applicationData ol.list {
	margin-bottom: .5ex;
	list-style-position: inside;
	list-style-type: none;
}

.applicationData ol.list>li {
	border: 1px solid #ccc;
	border-radius: 0 .5em .5em 0;
	margin: 1ex 1em;
	border-left: .7em solid #eee;
	padding-left: .1em;
}

.applicationData ol.list>li+li {
	border-left-color: #ccc;
}

.applicationData ol.list>li+li+li {
	border-left-color: #aaa;
}

.applicationData ol.list>li+li+li+li {
	border-left-color: #888;
}

.applicationData ol.list>li+li+li+li+li {
	border-left-color: #666;
}

.applicationData ol.list>li+li+li+li+li+li {
	border-left-color: #444;
}

.applicationData ol.list>li+li+li+li+li+li+li {
	border-left-color: #222;
}

.applicationData ol.list>li+li+li+li+li+li+li+li {
	border-left-color: #000;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li {
	border-left-color: #222;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li+li {
	border-left-color: #444;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li+li+li {
	border-left-color: #666;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li+li+li+li {
	border-left-color: #888;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li+li+li+li+li {
	border-left-color: #aaa;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li+li+li+li+li+li {
	border-left-color: #ccc;
}

.applicationData ol.list>li+li+li+li+li+li+li+li+li+li+li+li+li+li+li {
	border-left-color: #eee;
}

.applicationData ol.list>li>.tool.remove {
	float: right;
	background-color: #ccc;
	padding: .3ex .3em;
	border-radius: 0 .5em;
}

.applicationData ol.list>li.addNew {
	border-color: #FFBC40;
	display: inline-block;
	border-radius: .5em;
	border-left-width: 1px;
	border-style: outset;
	background-color: #fffbf2;
}

.applicationData ol.list>li.addNew .tool.add {
	padding: .5ex .5em;
	border-radius: .5em;
	display: inline-block;
	cursor: pointer;
	color: #A66C00;
	font-size: 90%;
}

.applicationData ol.list>li.addNew .tool.add img {
	vertical-align: top;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldstruct>.fieldLabel {
	font-style: italic;
	background-color: #e6b24f;
	border-radius: 0 0 .3em 0;
	padding: .3ex .5em;
}

.applicationData .notabs .fieldstruct>.fieldLabel {
	background-color: #d9a036;
}

.applicationData .notabs .notabs .fieldstruct>.fieldLabel {
	background-color: #c98e1e;
}

.applicationData .rootfield>.fieldLabel {
	border: 1px solid white;
}

.applicationData .fieldstruct>.fieldhint {
	display: inline-block;
	font-style: italic;
	font-size: 90%;
	padding: 0 1em;
}

.viewingApplication .applicationData .fieldstruct>.fieldhint {
	display: none;
}

.applicationData ul.structure {
	list-style-position: inside;
	list-style-type: none;
	margin-top: 1ex;
	margin-bottom: 1ex;
	margin-left: 1em;
	margin-right: 1em;
}

.applicationData .notabs {
	border: 1px solid black;
	padding: 0.3ex 1px;
	margin: 1ex 0;
	background-color: #ffedcc;
}

.applicationData .notabs .notabs {
	background-color: #f2d9aa;
}

.applicationData .notabs .notabs .notabs {
	background-color: #e4c488;
}

.applicationData .notabs.rootfield {
	border: none;
	padding: .4ex 0;
	margin: 0;
	background-color: white;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldtext,.applicationData .fieldlong-text,.applicationData .fielddate,.applicationData .fieldchoice
	{
	margin-top: .3ex;
	margin-bottom: .3ex;
}

.applicationData .fieldtext>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	float: left;
}

.applicationData .fieldlong-text>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	margin-right: .5em;
	float: left;
}

.applicationData .fielddate>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	float: left;
}

.applicationData .fieldchoice>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	float: left;
}

.applicationData .fieldtext>.fieldhint,.applicationData .fieldlong-text>.fieldhint,.applicationData .fieldchoice>.fieldhint,.applicationData .fieldfile>.fieldhint,.applicationData .fielddate>.fieldhint
	{
	font-style: italic;
	font-size: 95%;
	margin-left: .3em;
}

.applicationData .fieldtext input.value.toolong, .applicationData .fieldlong-text textarea.value.toolong {
	border-color: red;
	border-right-width: 1em;
}

.applicationData .fieldfile>.filemodel {
	font-style: italic;
	font-size: 95%;
	margin-left: .3em;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldfile {
	margin-top: .3ex;
	margin-bottom: .3ex;
}

.applicationData .fieldfile>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	float: left;
}

.applicationData .fieldfile a img {
	vertical-align: middle;
	padding-right: .2em;
}

.applicationData .fieldfile .tool.remove {
	margin-left: .5em;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldreco {
	border: 1px solid #00675C; /* P3 */
	margin: 1ex 1em 1ex 0;
	background-color: #fcfffe;
}

.applicationData .fieldreco>.fieldLabel {
	padding: 0;
	padding-right: .5em;
	margin: 0;
	border-bottom: 1px solid #00675C;
	color: #00675C;
}

.applicationData .fieldreco>.fieldLabel:before {
	content: 'R';
	background: #00675C; /* P3 */
	color: white;
	padding-left: .2em;
	padding-right: .2em;
	font-weight: bold;
	margin-right: .5em;
}

.applicationData .fieldreco>.fieldhint {
	display: inline-block;
	font-style: italic;
	font-size: 90%;
	padding: 0 1em;
}

.viewingApplication .applicationData .fieldreco>.fieldhint {
	display: none;
}

.applicationData .fieldreco ul {
	list-style: none;
}

.applicationData .fieldreco .value.empty,.applicationData .fieldreco .value.full
	{
	font-style: italic;
}

.applicationData .fieldreco .sendMailReferee {
	font-size: 90%;
	cursor: pointer;
}

.applicationData .fieldreco .missing>.sendMailReferee,.applicationData .fieldreco .modified>.sendMailReferee
	{
	display: none;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldchoice-dependent {
	border: 1px solid #00675C; /* P3 */
	margin: 1ex 0;
	background-color: #f0f7f7;
}

.applicationData .fieldchoice-dependent>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	margin-right: .5em;
	float: left;
}

.applicationData .fieldchoice-dependent>.fieldhint {
	font-style: italic;
	font-size: 90%;
	margin-left: .3em;
}

.applicationData .fieldchoice-dependent>.switch {
	list-style-type: none;
	padding: 0;
	margin-left: 1em;
	margin-right: 1em;
}

.applicationData .fieldchoice-dependent>.switch>.alternative {
	display: none;
}

.applicationData .fieldchoice-dependent>.switch>.alternative.selected {
	display: list-item;
}

/* ------------------------------------------------------------------------------- */
.applicationData .fieldcheckbox {
	margin-top: .3ex;
	margin-bottom: .3ex;
}

.applicationData .fieldcheckbox>.fieldLabel {
	text-align: right;
	min-width: 8em;
	display: inline-block;
	width: 13em;
	margin-right: .5em;
	vertical-align: top;
	float: left;
}

.applicationData .fieldcheckbox>.fieldhint {
	font-style: italic;
	font-size: 90%;
	margin-left: .3em;
}

/* ------------------------------------------------------------------------------- */
.applicationData .structure>li.separator:before {
	content: " ";
	height: .4ex;
	display: block;
	background-image: url('../images/bg-hr.png');
	background-repeat: repeat-x;
	background-position: 50% 50%;
}

/* ------------------------------------------------------------------------------- */
#pageHelpButton {
	position: absolute;
	left: 0;
	top: 180;
	cursor: pointer;
}

/* ------------------------------------------------------------------------------- */
.objectDetail {
	clear: both;
	width: auto;
	border: 1px outset black;
	margin: 1ex auto;
	padding: 1ex 1em;
	background-color: #eee;
}

.objectDetail td,.objectDetail th {
	padding: .5ex .5em;
}

.objectDetail tbody th {
	background-color: #FFCE73; /* S15 */
}

.objectDetail tbody td {
	background-color: white;
}

.objectDetail tbody tr>* {
	padding-top: 1ex;
	padding-bottom: 1ex;
}

.objectDetail tbody tr+tr>* {
	border-top: 1px solid #999;
}

.objectDetail tfoot tr>* {
	border-top: 2px solid black;
	padding-top: 1ex;
}

.objectDetail .action {
	text-align: center;
	padding-top: 3ex;
	padding-bottom: 2ex;
}

.objectDetail .expectedNumber {
	font-weight: normal;
	font-size: 90%;
}

.objectDetail.shrink,.objectDetail.shrink input,.objectDetail.shrink option {
	font-size: 90%;
}

.objectDetail.shrink tr>td,.objectDetail.shrink tr>th {
	padding: .2ex .3em;
}

/* ------------------------------------------------------------------------------- */
.querytool .userinput .title {
	font-variant: small-caps;
}

.querytool .suggestions li {
	cursor: pointer;
	padding: 1px 2px;
	margin: 1px 2px;
}

.querytool .suggestions li:hover {
	background-color: #FFCE73; /* S15 */
}

.querytool .suggestions li img {
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin-left: .5em;
	vertical-align: middle;
	border: 1px solid transparent;
}

.querytool .suggestions li img:hover {
	border: 1px solid black;
}

#querytool1 {
	clear: both;
	padding: .3ex .3em;
	border-bottom: none;
	border-top: none;
}

#querytool1 .suggestions {
	position: absolute;
	z-index: 3;
	background-color: white;
	border: 1px solid #ddd;
	list-style-type: none;
	padding: .2ex .2em;
}

#querytool2 .suggestions {
	margin: 0;
	background-color: white;
	border: 1px solid #ddd;
	list-style-type: none;
	padding: .2ex .2em;
}

/* ------------------------------------------------------------------------------- */
.invisible {
	display: none;
}