html, body {
	margin:0;
	padding:0;
	outline:0;
	height: 100%;
	width:100%;
}

body {
	font-size: 100%;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

* {
	box-sizing: border-box;
}

a {
	text-decoration:inherit;
	color:inherit;
}

ul {
	list-style-type:'';
}

#menubar {
	width:100%;
	height:60px;
	position:fixed;
	top:0;
	margin:0;
	padding:0;
	background-color:#222;
	color:white;
	z-index:1;
}

nav {
	position:relative;
	top:0;
	left:0;
	width:920px;
	height:100%;
	margin:0 auto;
	font-size:16px;
}

nav .left, nav .right {
	bottom:0;
	position:absolute;
	width:200px;
	display:block;
}

nav .right {
	right:0;

}

nav .left {
	left:0;
	width:750px;
}

nav .flex {
	width:100%;
	height:100%;
	display:flex;
	justify-content:flex-end;
	flex-direction:row;
	align-items:center;
}

nav .left .flex {
	justify-content:flex-start;
}

nav .categ /*input[type=submit]*/ {
	font:inherit;
	border:none;
	outline:none;
	background-color:inherit;
	color:white;
	font-size:inherit;
	cursor:pointer;
	font-weight:bold;
	padding:15px;
	padding-right:30px;
}

nav .right .categ {
	text-align:right;
	padding:15px;
	padding-left:30px;
}

.dropdownContent {
	position:absolute;
	display:none;
	background-color:#fff;
	border:1px solid rgba(27,31,35,0.15);
	border-radius:3px;
	box-shadow:0 3px 12px rgba(27,31,35,0.15);
	min-width:160px;
	z-index:2;
	padding:5px;
	margin-top:10px;
	right:0;
}

.dropdownContent::before {
	content:' ';
	position:absolute;
	top:-7px;
	right:15px;
	background-color:#fff;
	width:10px;
	height:10px;
	border-left:1px solid rgba(27,31,35,0.15);
	border-top:1px solid rgba(27,31,35,0.15);
	transform:rotate(45deg);
}

.dropdownContent p, .dropdownContent form {
	color:#24292e;
	overflow:hidden;
	text-overflow:ellipsis;
	text-decoration:none;
	font-size:14px;
	display:block;
	padding:4px 10px 4px 15px;
	margin:0;
	text-align:left;
}

.dropdownContent button {
	border:0;
	padding:0;
	display:inline;
	background:none;
	text-decoration:inherit;
	color:inherit;
	cursor:pointer;
	font:inherit;
	margin:0;
	width:auto;
}

#main {
	width:100%;
	position:relative;
	top:60px;
}

.centeredContent {
	width:920px;
	margin:auto;
	position:relative;
	margin-top:10px;
}

.lightBlueBorder {
	border:1px solid #c8e1ff;
}

.lightBlueBackground {
	background-color:#f1f8ff;
}

.masterCategorie, .boite, .dossier, .sousDossier {
	padding:0;
	border-radius:3px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	color:#222;
	background-color:white;
}

.bandeau {
	display:flex;
	top:0;
	left:0;
	right:0;
	position:relative;
	flex-direction:row;
	justify-content:space-between;
	align-items:center;
	width:100%;
	border-bottom:1px solid #c8e1ff;
}

.bandeau h1, .bandeau h2, .bandeau h3, .bandeau h4 {
	margin-left:5px;
}

.bandeau .voirPlus {
	margin-right:5px;
	color:blue;
}

.masterCategorie p, .boite p, .dossier p, .sousDossier p {
	padding:5px;
}

.titrePar {
	font-weight:bold;
}

.blueButton {
	background-color:#0361cc;
	border:1px solid #0754aa;
	border-radius:3px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

.submitButton {
	text-align:center;
	padding:6px 12px;
	cursor:pointer;
}

.checkboxContainer {
	text-align:center;
	padding:6px 12px;
	cursor:pointer;
}

.checkboxEmptyLabel {
	width:24px;
	height:24px;
	padding:4px;
}

/* test --------------- */
.checkboxContainer input[type=checkbox] {
	position:absolute;
	z-index: -1000;
	margin-left:-9999px;
}

.checkboxContainer input[type=checkbox] + span {
	width:14px;
	height:14px;
	border:2px solid white;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	margin-right:6px;
}

.checkboxContainer input[type=checkbox]:checked + span {
	background-color:white;
}
/* end test --------------- */

/*
.checkboxContainer input[type=checkbox] {
	position:absolute;
	z-index: -1000;
	margin-left:-9999px;
}

.checkboxContainer label {
	cursor:pointer;
}

.checkboxContainer input[type=checkbox] + label span {
	width:14px;
	height:14px;
	border:2px solid white;
	border-radius:3px;
	display:inline-block;
	text-align:center;
	margin-right:6px;
}

.checkboxContainer input[type=checkbox]:checked + label span {
	background-color:white;
}
*/

.boxedWord {
	border-radius:2px;
	padding:1px 2px;
}

.motclef {
	background-color:#ddd;
	border:1px solid #ccc;
}

.numeriseOui {
	background-color:#a6e22e;
	border:1px solid #86c20e;
}

.numerisePartiellement {
	background-color:#f39539;
	border:1px solid #d37519;
}

.numeriseNon {
	background-color:#f9d2d8;
	border:1px solid #d9b2b8;
}

.galerieContainer {
	border:1px solid #c8e1ff;
	margin:5px;
}

.galerieTitre {
	font-weight:bold;
	border-bottom:1px solid #c8e1ff;
	background-color:#f1f8ff;
	padding:5px;
}

.galerieMain {
	padding:5px;
	overflow:auto;
}

.galerieItem {
	padding:5px;
	margin:5px;
	border:1px solid #c8e1ff;
	width:138px;
	height:auto;
	float:left;
}

.galerieItem .imgContainer {
	width:128px;
	height:128px;
	position:relative;
	white-space:nowrap;
	text-align:center;
}

.galerieItem .imgContainer:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

.galerieItem img {
	max-width:100%;
	max-height:100%;
	vertical-align:middle;
}

.galerieItem .description {
	padding:5px;
	text-align:center;
}

.slideshowContainer {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	background-color:#000;
	z-index:10;
}

.slide {
	display:none;
	position:relative;
	margin:auto;
	width:80%;
	height:80%;
	top:5%;
	text-align:center;
	white-space:nowrap;
}

.slide:before, .slide_before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

.slide img {
	max-width:98%;
	max-height:98%;
	vertical-align:middle;
}

.slideNumber {
	color:#f2f2f2;
	font-size:12px;
	padding:8px 12px;
	position:absolute;
	top:0;
}

.previous, .next {
	cursor:pointer;
	position:absolute;
	top:45%;
	width:auto;
	padding:16px;
	margin-top:-50px;
	color:white;
	font-weight:bold;
	font-size:20px;
	border-radius:0 3px 3px 0;
}

.next {
	right:0;
	border-radius:3px 0 0 3px;
}

.hideSlideshow {
	cursor:pointer;
	position:absolute;
	top:5%;
	right:5%;
	color:white;
	font-weight:bold;
	font-size:30px;
}

.caption {
	text-align:center;
	width:80%;
	left:10%;
	padding:2px 12px;
	color:white;
	font-size:12px;
	display:none;
	position:absolute;
	top:85%;
}

.caption p {
	position:relative;
	margin:auto;
}

.form fieldset {
	margin:auto;
	position:relative;
	border:1px solid #c8e1ff;
	border-radius:3px;
	margin-top:100px;
}

.connexion-form fieldset {
	width:500px;
}

.form legend {

}

.form input[type=submit] {
	margin-right:5px;
	cursor:pointer;
	margin-top:15px;
	float:right;
}

.connexion-form input[type=text], .connexion-form input[type=password] {
	width:250px;
}

.form .col-left, .form .col-right {
	float:left;
	width:25%;
	text-align:right;
	margin-right:16px;
	margin-top:8px;
}

.form .col-right {
	width:70%;
	text-align:left;
	margin-right:0;
}

.form .row:after {
	content:"";
	display:table;
	clear:both;
}

.form label {
	display:inline-block;
}

.confirm-download-line {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	margin-top:15px;
}

.confirm-download-line .checkboxContainer, .confirm-download-line .dossier {
	display:block;
	position:relative;
}

.confirm-download-line .checkboxContainer {
	margin:0;
	margin-right:30px;
}

.confirm-download-line .dossier {

}

img.loading {
	/*
	border:5px solid #f2f2f2;
	border-top:5px solid #222;
	border-radius:50%;
	width:50px;
	height:50px;
	content:"";
	animation:spin 2s linear infinite;
	text-indent:-9999px;
	*/
	background: transparent url('img/loading.gif') center no-repeat;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.show {
	display:block;
}