@import 'fonts.css';
body, input, textarea, select, option {
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: 300;
	margin: 0;
	padding: 0;
	line-height: 1.2em;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: 300;
}
p {
	margin: 0.5em 0;
}
strong, b {
	font-weight: 500;
}
ol,
ul {
	margin: 1em 0;
	padding: 0;
	margin-left: 2em;
}
ol li,
ul li {
	margin: 0.5em 0 ;
}
ul li {
	list-style-type: square;
}
em {
	font-style: normal;
	font-weight: 500;
}
acronym {
	text-decoration: none;
	border-bottom: 1px solid #ccc;
}

div#navigation {
	text-align: center;
	background: #999;
	border: 1px solid #000;
	line-height: 1.4em;
	color: #fff;
	font-weight: 500;
	padding: 1px 0;
}
div#navigation a {
	padding: 0 3px;
	color: #000 ;
	text-decoration: none;
	font-weight: 500;
}
div#navigation a:visited {
	color: #000 ;
}
div#navigation a:hover {
	color: #000 ;
	background: #fff;
}
div#identification {
	padding-left: 0.3em;
	margin-bottom: 1px;
	border-bottom: 1px solid #777;
}

#chemin {
	padding: 0.3em 0.5em;
	border-bottom: 2px solid #000;
	font-weight: 500;
	margin-bottom: 2em;
}

.arr {
	padding: 0 0.5em;
}
#page {
	margin: 1em;
}
.encadre {
	padding: 0 1em;
	margin-left: 1em;
	margin-top: 1em;
	border: 1px solid #ccc;
}

a {
	color: #009;
	text-decoration: underline;
}
a:visited {
	color: #600;
}
a:hover {
	color: #000;
}

.bl {
	display: block;
}
.aide {
	cursor: help;
	background: #000 ;
	color: #fff;
	border: 1px solid #ccc;
	padding: 0px 3px;
	font-weight: 500;
	font-size: smaller;
	line-height: 1em;
}
.majuscules {
	text-transform: uppercase;
}
.normal {
	font-weight: 300;
}
.espace {
	font-size: 80%;
	padding: 0 0.2em;
}
.champ {
	font-weight: 300;
	color: #555;
}
.chp1,
.chp {
	font-weight: 300;
}
div.champ {
	border-bottom: 1px solid #ccc;
}
.chp1,
th .chp {
	color: #777;
}
th.rotate {
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
}
.msgok {
	font-weight: 500;
	color: #090;
}
.erreur {
	font-weight: 500;
	color: #c00;
}
.erreur_champ {
	color: #555;
	font-weight: 300;
}
ul.erreur li {
	margin: 0.3em 0 ;
}

.navig a {
	font-weight: 500;
	margin: 0 1em;
}

table.tableau td.r,
.r {
	text-align: right;
}
table.tableau td.c,
.c {
	text-align: center;
}
acronym,
.help {
	cursor: help;
}

p.c input {
	font-weight: 500;
}

h1 {
	text-align: center;
	margin-top: 0;
	font-size: 1.6em;
}
h1.fin {
	font-weight: 300;
}

hr.clear {
	clear: both;
	color: #ccc;
	background: #ccc;
	margin: 2em 0em ;
}
h2 {
	font-size: 1.2em ;
}
h3 {
	font-size: 1.1em ;
}
h2, h3 {
	margin-top: 1em;
	margin-bottom: 0.2em;
}

hr.saut {
	color: #000;
	background: #000;
	margin: 4em 0 ;
}

.dossier_candidature div.recherche {
	float: right;
	width: 33%;
	margin: 0 ;
	padding: 0;
}
.dossier_candidature div.historique {
	float: right;
	margin: 0 ;
	padding: 0;
	font-size: smaller;
}
.dossier_candidature div.historique div,
.dossier_candidature div.recherche div {
	margin-left: 1em;
	padding: 0 1em;
	border: 1px solid #ccc;
	background: #fff;
}

.dossier_candidature h1 {
	text-align: left;
	margin-bottom: 0.2em;
	font-weight: 300;
}
.dossier_candidature h2 {
	border-bottom: 1px solid #aaa;
	font-weight: 300;
}
.dossier_candidature p {
	margin: 0.7em 0;
}
.dossier_candidature table.tableau {
	margin: 0 ;
}
.dossier_candidature table.tableau th  {
	text-align: center;
	color: #777;
}
.dossier_candidature div {
	margin-top: 0.7em;
	margin-bottom: 0.1em;
}

table {
	border-collapse: collapse;
}
td {
	padding: 1px 3px;
	border: 2px solid #fff;
}
/*
	margin : 1em auto;
	text-align: center;
*/
table.donnees {
	margin: 0.7em 0 0 0;
}
table.donnees th {
	line-height: 1.2em;
	vertical-align: top;
	text-align: right;
	font-weight: 300;
	padding: 1px 2px 1px 0;
}
table.donnees td {
	line-height: 1em;
	vertical-align: top;
	padding: 1px 2px;
	color: #000;
}

table.criteres {
	padding: 1px;
	background: #000;
}
table.data {
	margin : 0 auto;
}
table.data tr {
	background: #dfdfdf;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
.aex,
table.formulaire tr.aex {
	background: #cfc;
}
table.data tr.sous,
table.formulaire tr.sous {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
table.data th {
	text-align: right;
	vertical-align : top;
	padding: 2px 5px;
	font-weight: 500;
	border: 1px solid #fff;
	border-left: 0px;
}
table.data td {
	text-align: left;
	padding: 2px 5px;
	border-right: 0px;
}
table.donnees, th
table.data th,
table.data td strong {
	color: #333;
}
table.data td p {
	margin: 4px 0;
}

table.tableau th.annee,
.annee {
	background: #333;
	color: #fff;
	text-align: right;
	font-style: normal;
}

label {
	display: inline;
}
textarea,
input {
	padding: 1px 2px;
}
input.b {
	font-weight: 500;
}
optgroup {
	background: #ccc;
	text-align: right;
	font-style: normal;
}
optgroup option {
	background: #fff;
	text-align: left;
	color: #000;
}
.Oui {
	background: #0f0 ;
}
.Non {
	background: #f33 ;
}

table.tableau {
	margin: 0 auto;
	text-align: center;
}
table.tableau caption {
	margin: 0.5em auto;
	text-align: center;
	font-weight: 300;
}
table.tableau tr.pair {
	background: #ddd;
}
table.tableau thead th {
	background: #bbb;
	background: #ffad4d;
	background: #999;
}
table.tableau th,
table.tableau td {
	margin: 2px;
	padding: 2px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #ccc;
	font-weight: 300;
}
table.tableau thead th {
	text-align: center;
	color: #fff;
}

.conteneur {
	float: left;
	margin: 0 1em;
}
table.stats thead th.invisible,
table.tableau thead th.invisible {
	background: #fff;
	border: 0px;
}
table.stats td.invisible,
table.tableau td.invisible {
	background: #fff;
	border: 0px;
}
tr.invisible, td.invisible {
	background: #fff;;
}


table.pres {
	margin: 1em auto;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border: 1px solid #ccc;
}
table.pres caption {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	border: 1px solid #ccc;
}
table.pres table.stats caption {
	border: 0px;
}
table.pres th,
table.pres td {
	text-align: center;
	vertical-align: top;
}

table.stats {
	margin: 0 auto;
	text-align: center;
}
table.stats caption {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: 500;
	margin-bottom: 0.2em;
}
table.stats thead,
table.stats tbody,
table.stats tfoot {
/*
	border: 2px solid #999;
*/
}
table.stats th,
table.stats td {
	border: 1px solid #999;
	padding: 1px 3px;
}
table.stats th {
	font-weight: 500;
	font-size: 0.9em;
}
table.stats td {
	text-align: right;
}
table.stats td.l {
	text-align: left;
}
table.stats tbody th {
	text-align: left;
}
table.stats th.total {
	text-align: right;
}
table.stats tfoot th.nob {
	border: 0px;
}

table.data {
}

table.imput {
	margin: 1em auto;
}
table.imput tbody {
	margin: 1em auto;
}
table.imput th, table.imput td {
	vertical-align: top;
	padding: 1px 2px;
}
table.imput th {
	text-align: right;
	font-weight: 300;
}
table.imput td {
}

table.candidature {
	font-size: small;
}
table.candidature td {
	background: #eaeaea;
	vertical-align: top;
}
table.candidature {
}

.nonetudie {
	background: #fff;
}
.allocataire {
	background: #0a3;
}
.payant {
	background: #09e;
}
.enattente {
	background: #f90;
}
.admisecrit {
	background: #9f9;
}
.admisoral {
	background: #0f0;
}
.refuse {
	background: #f00;
}
.atransferer {
	background: #ff0;
}
.desiste {
	background: #963;
}
.confirmea {
	background: #090;
}
.confirmep {
	background: #06f;
}
.cas1 {
	background: #ccc;
}
.cas2 {
	background: #999;
}
.cas3 {
	background: #666;
}

.transferts {
	font-weight: 500;
	padding: 0 3px;
}

.pwd0 {
	background: #f33;
}
.pwd1 {
	background: #f73;
}

table.tableau tbody tr:hover .pwd0,
table.tableau tbody tr:hover .pwd1,
table.stats tbody tr:hover,
table.stats tbody tr.pair:hover,
table.tableau tbody tr:hover,
table.tableau tbody tr.pair:hover,
table.donnees tbody tr:hover,
table.donnees tbody tr.pair:hover,
table.tableau tr:hover .nonetudie,
table.tableau tr:hover .allocataire,
table.tableau tr:hover .payant,
table.tableau tr:hover .enattente,
table.tableau tr:hover .admisecrit,
table.tableau tr:hover .admisoral,
table.tableau tr:hover .refuse,
table.tableau tr:hover .atransferer,
table.tableau tr:hover .desiste,
table.tableau tr:hover .cas1,
table.tableau tr:hover .cas2,
table.tableau tr:hover .cas3,
table.donnees tr:hover .nonetudie,
table.donnees tr:hover .allocataire,
table.donnees tr:hover .payant,
table.donnees tr:hover .enattente,
table.donnees tr:hover .admisecrit,
table.donnees tr:hover .admisoral,
table.donnees tr:hover .refuse,
table.donnees tr:hover .atransferer,
table.donnees tr:hover .desiste,
table.donnees tr:hover .cas1,
table.donnees tr:hover .cas2,
table.donnees tr:hover .cas3,
table.stats tr:hover .nonetudie,
table.stats tr:hover .allocataire,
table.stats tr:hover .payant,
table.stats tr:hover .enattente,
table.stats tr:hover .admisecrit,
table.stats tr:hover .admisoral,
table.stats tr:hover .refuse,
table.stats tr:hover .atransferer,
table.stats tr:hover .desiste,
table.stats tr:hover .cas1,
table.stats tr:hover .cas2,
table.stats tr:hover .cas3
{
	background: #ffc;
}
table.examens tbody tr:hover {
}

table.simple td {
	border: 1px solid #777;
}

.particulier {
	background: #fc0;
}
.mono,
code {
	font-family: 'courier new', monospace;
	font-weight: 500;
	color: #444;
}
kbd {
	font-family: 'courier new', monospace;
	font-weight: 500;
}

.cadre,
.apercu {
	border: 1px solid #999;
	padding: 7px 5px 3px 5px;
	margin: 3px;
	background: #fff;
}
.cv {
}
div.res {
	border: 2px solid #ccc;
	padding: 0.5em;
	margin: 0.5em 0;
	background: #eee;
}
div.res:hover {
	border: 2px solid #333;
	background: #fff;
}
.res a.critere {
	text-decoration: none;
	line-height: 1em;
	padding: 0 1px;
	border: 1px solid #999;
	background: #ddd;
}
.res a.critere:hover {
	border: 1px solid #333;
	background: #fff;
}
sup.m {
	font-family: 'courier new', monospace;
}

.pagination strong {
	position: relative;
	top: -10px;
}
.pagination a {
	padding: 0 5px;
}
.pagination a img {
	border: 1px solid #fff;
	opacity: 0.5;
}
.pagination a img:hover {
	opacity: 1;
}
.sep {
	padding: 0 0.5em;
}

.examen {
	font-family: 'courier new', monospace;
}
span.examen span {
	background: #000;
	color: #fff;
}
.ampmoui {
	background: #999;
}
.addexam {
	text-align: right;
	font-size: smaller;
	padding-bottom: 3px;
}
div.groupe {
	background: #aaa;
	text-align: right;
	font-weight: 500;
}
div.niveau {
	background: #bbb;
	text-align: right;
	font-weight: 500;
}
tr.groupe td {
	background: #ccc;
	font-weight: 500;
	text-align: right;
}

.plusieurs {
	font-size: 0.85em;
	font-weight: 300;
}





/* Responsive */
.dossier_candidature div.img,
.dossier_candidature div.img-jointe {
	margin: 3px 0 1em 0;
}
div.img-jointe {
	display: inline-block;
}
.img-jointe img,
.logo {
	box-sizing: border-box;
	width: 100%;
	height: auto;
}
div.header {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 1em;
}
.logo {
	max-width: 400px;
}
.img-jointe img {
}
div.r-page {
	margin: 0 auto;
	max-width: 900px;
}
hgroup {
	margin: 1em auto 1.4em auto;
	max-width: 1200px;
}
hgroup h1, hgroup h2 {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	line-height: 1em;
	font-weight: 300;
}
hgroup h1 span,
hgroup h2 small,
hgroup h2 span {
	font-weight: 300;
}
hgroup h2 span {
}
hgroup h2 small {
}
hgroup h2 small a {
	display: inline-block;
}
hgroup h1 {
	padding: 0.3em 2px;
	font-size: 1.5em;
}
hgroup h2 {
	font-size: 1.2em;
}

form.r-form {
}
.r-page em, .r-page b {
	font-weight: 300;
}
.r-page strong.btn {
	color: #333;
}

label {
	font-weight: 500;
	color: #555;
	line-height: 1em;
}
.r-form label {
	font-weight: 300;
}

.r-page p {
	margin: 1em 3px;
}
.r-page p.consignes {
	margin: 0.2em 3px;
}
.r-page p.consignes strong{
	color: #333;
}
.r-page .sformulaire p {
	margin: 0;
	padding: 3px;
}
textarea {
	box-sizing: border-box;
	width: 100%;
	overflow: auto;
	resize: vertical;
	vertical-align: bottom;
}
input {
	box-sizing: border-box;
}
input, textarea, select {
	box-sizing: border-box;
	line-height: 1.2em;
	padding: 2px 4px;
	margin: 0;
	outline: none;
	background: #fff;
	background-image: linear-gradient(to bottom, #fff 0%,#fff 100%);
	border: 2px solid #888;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.r-form input, .r-form textarea, .r-form select {
	background: #def;
	background-image: linear-gradient(to bottom, #def 0%,#def 100%);
}
input:focus,
textarea:focus,
select:focus,
input[type="submit"]:hover {
	border: 2px solid #000;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}
input:focus,
textarea:focus,
select:focus {
	background: #fff;
	background-image: linear-gradient(to bottom, #fff 0%,#fff 100%);
}
/*
select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}
*/
input, select {
	vertical-align: middle;
}
input {
	filter: none;
}
input[type="submit"] {
	width: auto;
	font-weight: 500;
	padding: 2px 7px;
	border-radius: 7px;
	cursor: pointer;
}
input[type="submit"]:hover {
	background: #fff;
	color: #000;
}
input::placeholder {
}
h2.formulaire,
.r-form h2.formulaire {
	margin: 1em 0 3px 0;
	padding: 3px 3px 1px 5px;
	text-align: left;
	font-size: 1.2em;
	font-weight: 300;
	border-bottom: 1px solid #aaa;
}
/*
	background: #555;
	color: #fff;
*/

.formulaire caption span,
.tformulaire caption span,
legend span,
label span,
span.erreur_champ span,
.r-form table.formulaire th span {
	font-weight: 300;
	font-size: 0.9em;
	color: #555;
}


table.formulaire tr {
	background: #e5e5e5;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
div.sformulaire,
.r-form table.formulaire tr,
.r-form table.tformulaire tr {
	background: #fff;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
}
table.formulaire {
	border: 0px;
	margin: 0 auto;
}
table.tformulaire {
	width: 100%;
	margin: 1em auto;
	border: 0px;
}
table.tformulaire.fin {
	width: 100%;
	margin: 0;
}
table.formulaire caption,
table.tformulaire caption {
	font-weight: 300;
	text-align: left;
	font-size: 1em;
	padding: 1px 3px 1px 3px;
	color: #000;
}
table.formulaire th,
table.formulaire td,
table.tformulaire th,
table.tformulaire td {
	padding: 3px 3px;
	vertical-align: top;
	border: 0px;
}
table.formulaire th,
table.tformulaire th {
	padding: 3px 3px 0px 3px;
	color: #555;
	font-weight: 500;
}
.r-form table.formulaire th,
.r-form table.tformulaire th {
	font-weight: 300;
}
table.formulaire th {
	text-align: right;
	border-right: 3px solid #fff;
}
table.tformulaire th,
table.tformulaire td {
	border-right: 3px solid #fff;
}
table.tformulaire th.dernier,
table.tformulaire td.dernier {
	border-right: 0px;
}
table.tformulaire th {
	text-align: center;
}
.r-page table.formulaire td div {
	margin-top: 5px;
}
table.tformulaire td {
}

.r-page table.tableau {
	margin: 1em 0 0 0;
}
.r-page table.tableau caption,
.r-page table.donnees caption {
	font-weight: 300;
	text-align: left;
	margin: 0;
	color: #555;
}

.r-form table.formulaire tbody th {
	width: 13em;
	box-sizing: border-box;
}


@media (max-width: 600px)
{
	.r-form table.tformulaire,
	.r-form table.formulaire {
	}
	.r-form table.tformulaire tr,
	.r-form table.formulaire tr {
		border-top: 3px solid #fff;
		border-bottom: 0px;
		display: block;
	}
	.r-form table.tformulaire tr {
		display: block;
	}
	.r-form table.tformulaire th,
	.r-form table.tformulaire td,
	.r-form table.formulaire th,
	.r-form table.formulaire td {
		display: block;
		text-align: left;
		border: 0px;
		margin: 0;
	}
	.r-form table.formulaire th {
	}
	.r-form table.formulaire td {
	}
	.r-form table.tformulaire thead {
		display: none;
	}
	.r-form table.tformulaire tbody td:before {
		content: attr(data-label);
		display: block;
		font-weight: 300;
		color: #555;
		line-height: 1em;
	}
	input[type="text"] {
		box-sizing: border-box;
		width: 100%;
	}
	.formulaire label {
		display: block;
	}
	.formulaire label.r-inline {
		display: inline;
	}
	.r-form table.donnees tr {
		display: block;
	}
	.r-form table.donnees th,
	.r-form table.donnees td {
		display: inline;
		line-height: 1.2em;
	}
	.r-form table.formulaire tbody th {
		width: auto;
	}
}