/*
 *	CSS version 0.1
 *
 *	Copyright (c) 2019 Rodolphe Dupont
 *
 *	Dual licensed under the MIT and GPL licenses.
 *	http://en.wikipedia.org/wiki/MIT_License
 *	http://en.wikipedia.org/wiki/GNU_General_Public_License
 */
body, html{
	font-family: 'Montserrat',sans-serif;
	font-weight: 400;
	font-size: 15px;
	margin: 0;
	padding: 0;
	color: #000000;
	background-color: #293358;
}
.container{
}
.spacer{
	visibility: hidden;
	clear: both;
	overflow: hidden;
	height: 0;
	margin: 0;
	padding: 0;
}
.titrePage{
	font-size: 30px;
	font-weight: 600;
	line-height: 56px;
	margin-bottom: 20px;
	margin-top: 20px;
	color: #293358;
}
.container-in{
	margin: 0 auto;
	width: 100%;
	max-width: 882px;
}
.container-color{
	margin: 0 auto;
	width: 100%;
	padding: 30px 0;
}
.container-color.blueUspn{
	background-color: #293358;
}
.container-in .titreHolder{
	color: #ad947e;
	font-size: 30px;
	margin-bottom: 10px;
}
.introHolder{
	font-size: 14px;
}

.container-color.blueUspn, .container-color.blueUspn label{
	color: #FFFFFF;
}

.container-color.blueUspn input:not([type]):focus:not([readonly]), .container-color.blueUspn input[type="text"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="password"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="email"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="url"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="time"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="date"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="datetime"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="tel"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="number"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn input[type="search"]:not(.browser-default):focus:not([readonly]), .container-color.blueUspn textarea.materialize-textarea:focus:not([readonly]), .container-color.blueUspn input.select-dropdown.dropdown-trigger, .container-color.blueUspn textarea.materialize-textarea, .container-color.blueUspn input[type="text"] {
	color: #FFFFFF;
}
.container-color.blueUspn .select-wrapper .caret {
	fill: rgba(255, 255, 255, 0.87);
}
.dropdown-content li > a, .dropdown-content li > span {
	font-size: 14px;
	color: #FFFFFF;
}
.container-color.blueUspn .dropdown-content {
	background-color: #354878;
}
.container-color.blueUspn .select-dropdown li.disabled, .container-color.blueUspn .select-dropdown li.disabled > span, .container-color.blueUspn .select-dropdown li.optgroup {
  color: rgba(255, 255, 255, 0.3);
}

/******************** STYLE :	CONTENT ********************/
.separation10px, .separation15px, .separation20px, .separation30px, .separation40px, .separation50px{
	float: left;
	width: 100%;
}
.separation10px{
	height: 10px;
}
.separation15px{
	height: 15px;
}
.separation20px{
	height: 20px;
}
.separation30px{
	height: 30px;
}
.separation40px{
	height: 40px;
}
.separation50px{
	height: 50px;
}
.noFloat{
	float: none;
}
.marginTop40{
	margin-top: 40px;
}
.SectionDivider{
	overflow: hidden;
	width: 106%;
	height: 1px;
	margin: 20px -3% 30px;
	background-color: #D9DDE2;
}
.ContentWhiteBox{
	width: 100%;
	padding: 3%;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.ContentWhiteBox.noPadding{
	padding: 0;
}
.ContentWhiteBox.marginBottom10{
	margin-bottom: 10px;
}
.ContentWhiteBox.marginBottom20{
	margin-bottom: 20px;
}
.ContentWhiteBox.marginBottom30{
	margin-bottom: 30px;
}

/**/
.TitreSection{
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;
	height: 24px;
	color: #4897D8;
}
.TitreSection .material-icons{
	font-size: 20px;
	line-height: 24px;
	height: 24px;
	vertical-align: bottom;
}
.alignRight{
	text-align: right;
}

.smallModal{
	overflow-y: hidden;
}
/******************** STYLE :	NAVIGATION HAUT ********************/
nav.white .brand-logo{
	color: #383D40;
}
nav.white ul a{
	color: #7C7C7C;
}
nav.white ul a:hover{
	cursor: pointer;
}
nav.white ul a.sidenav-trigger{
	display: block;
}
.dropdown-content li > a{
	width: auto;
}
nav .brand-logo{
	font-size: 14px;
	padding: 0 0 0 20px;
}
nav .brand-logo:hover{
	cursor: default;
}

/********** NAVIGATION BOTTOM **********/
#NavMenuBottom{
	position: absolute;
	bottom: 0;
	width: 60px;
	max-height: 96px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #757575;
}
#NavMenuBottom li{
	float: left;
	width: 80px;
}
#NavHolder.Opened #NavMenuBottom{
	width: 240px;
}
#NavMenuBottom li .NavMenuIcon .material-icons, #NavMenuBottom li:hover .NavMenuIcon .material-icons{
	border-left: none!important;
}
#NavHolder #NavMenuBottom li .NavMenuIcon .material-icons{
	-webkit-transition: width 0.5s;
	        transition: width 0.5s;
}
#NavHolder.Opened #NavMenuBottom li .NavMenuIcon .material-icons{
	width: 80px;
}
#NavHolder #NavMenuBottom li{
	-webkit-transition: border 0.5s;
	        transition: border 0.5s;
	border-right: 1px solid #FFFFFF;
}
#NavHolder.Opened #NavMenuBottom li{
	border-right: 1px solid #757575;
}

/******************** STYLE :	CONTENT ********************/
#ContentHolder{
	display: block;
	float: left;
	width: 100%;
	min-height: 100%;
	margin: 0;
	margin-left: 0;
	-webkit-transition: margin 0.5s, width 0.5s;
	        transition: margin 0.5s, width 0.5s;
}

/******************** STYLE :	ICONES FICHIERS ********************/
#PiecesHolder tr td.ChangeColor{
	-webkit-transition: color 0.25s;
	        transition: color 0.25s;
}
#PiecesHolder .sousTexte{
	font-size: 11px;
}
#PiecesHolder .sousTexte a{
	-webkit-transition: color 0.5s;
	        transition: color 0.5s;
	color: #383D40;
}
#PiecesHolder .sousTexte a:hover{
	cursor: pointer;
	color: #4897D8;
}
#PiecesHolder .iconUploadFile.canUploadFile{
	-webkit-transition: color 0.5s;
	        transition: color 0.5s;
	color: #383D40;
}
#PiecesHolder .iconUploadFile.canUploadFile:hover, #PiecesHolder .iconViewFile.viewFile:hover, #PiecesHolder .iconCropFile.cropFile:hover{
	cursor: pointer;
	color: #4897D8;
}
#PiecesHolder .iconViewFile.viewFile, #PiecesHolder .iconCropFile.cropFile{
	-webkit-transition: color 0.5s;
	        transition: color 0.5s;
	cursor: pointer;
	color: #383D40;
}
#PiecesHolder .iconViewFile.noFile, #PiecesHolder .iconCropFile.noCrop, #PiecesHolder .iconUploadFile.noUploadFile{
	cursor: default;
	color: #C7C8C9;
}

#PiecesHolder .iconCol, #PiecesHolder .iconColFile, #DocumentsContentHolder .iconColFile{
	width: 50px;
}
#PiecesHolder .iconCol > .material-icons{
	font-size: 26px;
	line-height: 42px;
	width: 50px;
	height: 42px;
}
#PiecesHolder .material-icons.accepted{
	cursor: default;
	color: #4897D8;
}
#PiecesHolder .material-icons.wait{
	color: #383D40;
}
#PiecesHolder .material-icons.wait.noFile{
	color: #C7C8C9;
}
#PiecesHolder .material-icons.refused{
	color: #D83E22;
}


.icone{
	width: 26px;
	height: 34px;
	margin: 8px auto 0;
	background-image: url('https://static.univ-paris13.fr/img/icones/default.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px 34px;
}
.icone.aac, .icone.ac3, .icone.flac, .icone.mp3, .icone.wav{
	background-image: url('https://static.univ-paris13.fr/img/icones/music.png')!important;
}
.icone.ae{
	background-image: url('https://static.univ-paris13.fr/img/icones/ae.png')!important;
}
.icone.ai{
	background-image: url('https://static.univ-paris13.fr/img/icones/ai.png')!important;
}
.icone.avi, .icone.mkv, .icone.mov, .icone.mp4, .icone.mpeg, .icone.mpg{
	background-image: url('https://static.univ-paris13.fr/img/icones/movie.png')!important;
}
.icone.bmp, .icone.jpeg, .icone.jpg, .icone.tiff, .icone.eps{
	background-image: url('https://static.univ-paris13.fr/img/icones/picture.png')!important;
}
.icone.gif{
	background-image: url('https://static.univ-paris13.fr/img/icones/gif.png')!important;
}
.icone.css{
	background-image: url('https://static.univ-paris13.fr/img/icones/css.png')!important;
}
.icone.doc, .icone.docx{
	background-image: url('https://static.univ-paris13.fr/img/icones/doc.png')!important;
}
.icone.fla{
	background-image: url('https://static.univ-paris13.fr/img/icones/fla.png')!important;
}
.icone.fw{
	background-image: url('https://static.univ-paris13.fr/img/icones/fw.png')!important;
}
.icone.html{
	background-image: url('https://static.univ-paris13.fr/img/icones/html.png')!important;
}
.icone.id{
	background-image: url('https://static.univ-paris13.fr/img/icones/id.png')!important;
}
.icone.js{
	background-image: url('https://static.univ-paris13.fr/img/icones/js.png')!important;
}
.icone.otf{
	background-image: url('https://static.univ-paris13.fr/img/icones/otf.png')!important;
}
.icone.pdf{
	background-image: url('https://static.univ-paris13.fr/img/icones/pdf.png')!important;
}
.icone.php{
	background-image: url('https://static.univ-paris13.fr/img/icones/php.png')!important;
}
.icone.png{
	background-image: url('https://static.univ-paris13.fr/img/icones/png.png')!important;
}
.icone.pp{
	background-image: url('https://static.univ-paris13.fr/img/icones/pp.png')!important;
}
.icone.pps, .icone.ppt, .icone.pptx{
	background-image: url('https://static.univ-paris13.fr/img/icones/ppt.png')!important;
}
.icone.psd{
	background-image: url('https://static.univ-paris13.fr/img/icones/psd.png')!important;
}
.icone.rar, .icone.tar, .icone.zip, .icone.gz, .icone.bz2, .icone.xz{
	background-image: url('https://static.univ-paris13.fr/img/icones/archive.png')!important;
}
.icone.svg{
	background-image: url('https://static.univ-paris13.fr/img/icones/svg.png')!important;
}
.icone.swf{
	background-image: url('https://static.univ-paris13.fr/img/icones/swf.png')!important;
}
.icone.ttf{
	background-image: url('https://static.univ-paris13.fr/img/icones/ttf.png')!important;
}
.icone.txt{
	background-image: url('https://static.univ-paris13.fr/img/icones/txt.png')!important;
}
.icone.xls, .icone.xlsx{
	background-image: url('https://static.univ-paris13.fr/img/icones/xls.png')!important;
}

/******************** STYLE :	PIECES JOINTES ********************/
#PiecesHolder .fixed-action-btn.direction-left{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#PiecesHolder .fixed-action-btn.direction-left > .btn-floating.btn-large.transparent{
	width: 100%;
	height: 100%;
	-webkit-box-shadow: none;
	        box-shadow: none;
}
#PiecesHolder .fixed-action-btn.direction-left ul li{
	margin: 17px 15px 0 0;
}

/******************** STYLE :	UPLOAD ********************/
#UpFile{
	display: none;
}
#ProgressHolder{
	position: fixed;
	top: calc(50% - 47px);
	left: calc(50% - 150px);
	display: none;
	width: 300px;
	height: 94px;
	padding: 20px;
	border-radius: 5px;
	background-color: #FFFFFF;
}
#ProgressDiv{
	display: block;
	margin-top: 8px;
	padding: 0;
}
#ProgressBox{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	border: 0 solid #4897D8;
	border-radius: 3px;
	background-color: #EAEAEC;
}
#ProgressBar{
	width: 0;
	height: 3px;
	border-radius: 3px;
	background-color: #4897D8;
}
.UpFileLineContent.FileHandler{
	height: 50px;
	margin: 20px 0 40px 0;
}
.UpFileChoosenCol1{
	float: left;
	width: 38px;
	height: 50px;
}
.UpFileChoosenCol2{
	float: left;
	width: calc(100% - 54px);
	height: 50px;
}
.UpFileChoosenCol3{
	float: left;
	width: 16px;
	height: 50px;
	text-align: right;
}
.UpFileChoosenCol1 .UpFileIcon.icone{
	width: 26px;
	height: 34px;
	margin: 8px auto 0;
	background-image: url('../img/icones/default.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px 34px;
}
.UpFileChoosenCol2 .line1{
	float: left;
	width: 100%;
	height: 20px;
	overflow: hidden;
}
.UpFileChoosenCol2 .line2{
	line-height: 15px;
	float: left;
	width: 100%;
	height: 15px;
}
.UpFileChoosenCol2 .line2 .UpFileEtat, .UpFileChoosenCol2 .line2 .UpFilePoids{
	font-size: 10px;
	font-style: italic;
	line-height: 15px;
	float: left;
	width: 50%;
	height: 15px;
}
.UpFileChoosenCol2 .line2 .UpFilePoids{
	text-align: right;
}

.UpFileChoosenCol2 .line3{
	float: left;
	width: 100%;
	height: 15px;
}
.UpFileChoosenCol3 .material-icons{
	font-size: 11px;
	width: 12px;
	height: 12px;
	margin-top: 39px;
	text-align: right;
}
.UpFileChoosenCol3 .material-icons:hover{
	cursor: pointer;
}

/******************** STYLE :	MAGNIFIC POPUP ********************/
.mfp-bg{
	position: fixed;
	z-index: 14200;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background: #0B0B0B;
}

.mfp-wrap{
	position: fixed;
	z-index: 14300;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none !important;

	-webkit-backface-visibility: hidden;
}

.mfp-container{
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	text-align: center;
}

.mfp-container:before{
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before{
	display: none;
}

.mfp-content{
	position: relative;
	z-index: 145;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur{
	cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{
	cursor:    -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor:         zoom-out;
}

.mfp-zoom{
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor:    -moz-zoom-in;
	cursor:         zoom-in;
}

.mfp-auto-cursor .mfp-content{
	cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
}

.mfp-loading.mfp-figure{
	display: none;
}

.mfp-hide{
	display: none !important;
}

.mfp-preloader{
	position: absolute;
	z-index: 144;
	top: 50%;
	right: 8px;
	left: 8px;
	width: auto;
	margin-top: -0.8em;
	text-align: center;
	color: #CCCCCC;
}
.mfp-preloader a{
	color: #CCCCCC;
}
.mfp-preloader a:hover{
	color: #FFFFFF;
}

.mfp-s-ready .mfp-preloader{
	display: none;
}

.mfp-s-error .mfp-content{
	display: none;
}

button.mfp-close, button.mfp-arrow{
	z-index: 146;
	display: block;
	overflow: visible;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;

	-webkit-appearance: none;
	touch-action: manipulation;
}

button::-moz-focus-inner{
	padding: 0;
	border: 0;
}

.mfp-close{
	font-family: Arial, Baskerville, monospace;
	font-size: 28px;
	font-style: normal;
	line-height: 44px;
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0 0 18px 10px;
	text-align: center;
	text-decoration: none;
	opacity: 0.65;
	color: #FFFFFF;
}
.mfp-close:hover, .mfp-close:focus{
	opacity: 1;
}
.mfp-close:active{
	top: 1px;
}

.mfp-close-btn-in .mfp-close{
	color: #333333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{
	right: -6px;
	width: 100%;
	padding-right: 6px;
	text-align: right;
	color: #FFFFFF;
}

.mfp-counter{
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	white-space: nowrap;
	color: #CCCCCC;
}

.mfp-arrow{
	position: absolute;
	top: 50%;
	width: 90px;
	height: 110px;
	margin: 0;
	margin-top: -55px;
	padding: 0;
	opacity: 0.65;

	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active{
	margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus{
	opacity: 1;
}
.mfp-arrow:before, .mfp-arrow:after{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 0;
	margin-top: 35px;
	margin-left: 35px;
	content: '';
	border: medium inset transparent;
}
.mfp-arrow:after{
	top: 8px;
	border-top-width: 13px;
	border-bottom-width: 13px;
}
.mfp-arrow:before{
	opacity: 0.7;
	border-top-width: 21px;
	border-bottom-width: 21px;
}

.mfp-arrow-left{
	left: 0;
}
.mfp-arrow-left:after{
	margin-left: 31px;
	border-right: 17px solid #FFFFFF;
}
.mfp-arrow-left:before{
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right{
	right: 0;
}
.mfp-arrow-right:after{
	margin-left: 39px;
	border-left: 17px solid #FFFFFF;
}
.mfp-arrow-right:before{
	border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder{
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content{
	line-height: 0;
	width: 100%;
	max-width: 900px;
	height: 100%;
}
.mfp-iframe-holder .mfp-close{
	top: -40px;
}

.mfp-iframe-scaler{
	overflow: hidden;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: #000000;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Main image in popup */
img.mfp-img{
	line-height: 0;
	display: block;
	box-sizing: border-box;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 40px;
}

/* The shadow behind the image */
.mfp-figure{
	line-height: 0;
}
.mfp-figure:after{
	position: absolute;
	z-index: -1;
	top: 40px;
	right: 0;
	bottom: 40px;
	left: 0;
	display: block;
	width: auto;
	height: auto;
	content: '';
	background: #444444;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.mfp-figure small{
	font-size: 12px;
	line-height: 14px;
	display: block;
	color: #BDBDBD;
}
.mfp-figure figure{
	margin: 0;
}

.mfp-bottom-bar{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	margin-top: -36px;
	cursor: auto;
}

.mfp-title{
	line-height: 18px;
	padding-right: 36px;
	text-align: left;
	word-wrap: break-word;
	color: #F3F3F3;
}

.mfp-image-holder .mfp-content{
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure{
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px){
	/**
       * Remove all paddings around the image on small screen
       */
	.mfp-img-mobile .mfp-image-holder{
		padding-right: 0;
		padding-left: 0;
	}
	.mfp-img-mobile img.mfp-img{
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after{
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small{
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar{
		position: fixed;
		top: auto;
		bottom: 0;
		box-sizing: border-box;
		margin: 0;
		padding: 3px 5px;
		background: rgba(0, 0, 0, 0.6);
	}
	.mfp-img-mobile .mfp-bottom-bar:empty{
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter{
		top: 3px;
		right: 5px;
	}
	.mfp-img-mobile .mfp-close{
		line-height: 35px;
		position: fixed;
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		padding: 0;
		text-align: center;
		background: rgba(0, 0, 0, 0.6);
	}
}

@media all and (max-width: 900px){
	.mfp-arrow{
		-webkit-transform: scale(0.75);
		        transform: scale(0.75);
	}
	.mfp-arrow-left{
		-webkit-transform-origin: 0;
		        transform-origin: 0;
	}
	.mfp-arrow-right{
		-webkit-transform-origin: 100%;
		        transform-origin: 100%;
	}
	.mfp-container{
		padding-right: 6px;
		padding-left: 6px;
	}
}

/******************** STYLE :	PAGINATION ********************/
.paginationHolderWrapper{
	float: left;
	width: 100%;
	margin: 10px 0 10px 0;
	text-align: center;
}
.paginationHolder{
	font-family: 'Oxygen Light'!important;
	font-size: 11px!important;
	overflow: hidden;
	width: 100%;
	margin: 5px auto 5px auto;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.paginationHolder a, .paginationHolder span{
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	overflow: hidden;
	min-width: 40px;
	height: 40px;
	margin: 0 0.2em;
	padding: 0;
	cursor: pointer;
	-webkit-transition: background-color 0.5s;
	        transition: background-color 0.5s;
	color: #383D40;
	border: 1px solid #E6E6E6;
}

.paginationHolder .material-icons{
	font-size: 20px;
	line-height: 40px;
	width: 100%;
	height: 40px;
}
.paginationHolder a:hover{
	color: #383D40;
	background-color: #F2F2F2;
}
.paginationHolder a.jp-previous, .paginationHolder a.jp-next, .paginationHolder a.jp-first, .paginationHolder a.jp-last{
	overflow: hidden;
}

.paginationHolder a.jp-current, .paginationHolder a.jp-current:hover, .paginationHolder a i.jp-current, .paginationHolder a i.jp-current:hover{
	font-weight: bold;
	color: #4897D8;
	background-color: #FFFFFF;
}
.paginationHolder a.jp-disabled, .paginationHolder a.jp-disabled:hover, .paginationHolder a i.jp-disabled, .paginationHolder a i.jp-disabled:hover{
	color: #E5E5E5;
	border: 1px solid #E6E6E6;
	background-color: #FFFFFF;
}
.paginationHolder a.jp-current, .paginationHolder a.jp-current:hover, .paginationHolder a.jp-disabled, .paginationHolder a.jp-disabled:hover, .paginationHolder a i.jp-disabled, .paginationHolder a i.jp-disabled:hover{
	cursor: default;
}
.paginationHolder.no-space{
	display: inline-block;
}
.paginationHolder.no-space a, .paginationHolder.no-space span{
	margin: 0;
	border-right: 1px solid #E6E6E6;
}
.paginationHolder.no-space a:last-of-type{
	border-right: none;
}
.paginationHolder.no-space a, .paginationHolder.no-space span{
	padding: 0;
	border: none;
}
.paginationHolder.no-space a.jp-disabled, .paginationHolder.no-space a.jp-disabled:hover, .paginationHolder.no-space a i.jp-disabled, .paginationHolder.no-space a i.jp-disabled:hover{
	border: none;
}
.paginationHolder.no-space a.jp-first, .paginationHolder.no-space a.jp-previous, .paginationHolder.no-space a i.jp-first, .paginationHolder.no-space a i.jp-previous{
	float: left;
}
.paginationHolder.no-space a.jp-last, .paginationHolder.no-space a.jp-next, .paginationHolder.no-space a i.jp-last, .paginationHolder.no-space a i.jp-next{
	float: right;
}

/******************** STYLE :	LISTE CONTRAT ********************/
#EnteteListeContrat{
	margin-top: 20px;
	padding: 0;
}
#EnteteLigneTop{
	height: 50px;
	border-bottom: 1px solid #E5E5E5;
}
#EnteteLigneTop .NbreContrats{
	font-size: 12px;
	margin: 17px 0 0 20px;
	color: #B6B6B6;
}
#EnteteLigneTop .IconsHolder{
	float: right;
	margin: 14px 10px 0 0;
}
#EnteteLigneTop .IconsHolder .material-icons{
	margin: 0 0 0 10px;
	-webkit-transition: color 0.5s;
	        transition: color 0.5s;
	color: #B6B6B6;
}
#EnteteLigneTop .IconsHolder .material-icons:hover{
	cursor: pointer;
	color: #4897D8;
}
.profilPhoto{
	overflow: hidden;
	width: 65px;
	height: 65px;
	margin: 18px auto 0;
	border: 1px #E5E5E5 solid;
	border-radius: 50%;
	background-color: #F4F7F9;
}
#EnteteLigneBottom .NameHolder{
	font-size: 13px;
	font-weight: bold;
	float: left;
	width: 100%;
	margin: 10px 0 30px 0;
	text-align: center;
}
h6 .material-icons{
	font-size: 20px;
	margin-right: 5px;
	vertical-align: text-bottom;
}

/******************** STYLE :	CARTE CONTRAT ********************/
.ContratFolder{
	position: relative;
	float: left;
	width: 180px;
	min-height: 260px;
	margin: 10px;
	-webkit-transition: background-color 0.5s;
	        transition: background-color 0.5s;
	border-radius: 3px;
	background-color: #FAFAFA;
	-webkit-box-shadow: 0 1px 3px #9B9B9B;
	   -moz-box-shadow: 0 1px 3px #9B9B9B;
	        box-shadow: 0 1px 3px #9B9B9B;
}
.ContratFolder:hover{
	background-color: #F7F7F7;
}
.ContratFolderHolder{
	width: 100%;
	height: 330px;
}
.ContratFolderIconContent{
	float: left;
	width: 100%;
}
.ContratFolderIconBackHolder{
	overflow: hidden;
	width: 100%;
	height: 90px;
}
.ContratFolderIconBack{
	width: 100%;
	height: 90px;
	margin-top: -20px;
	transform: skewY(-9deg);
	background-color: #3BBEC0;
}
.ContratFolderIconBack.variante{
	background-color: #67B0D1;
}
.ActionFolderIcon{
	position: absolute;
	width: 62px;
	height: 62px;
	margin: -50px 0 0 94px;
	text-align: center;
	border: 3px solid #E5E5E5;
	border-radius: 40px;
	background-color: #FDFDFD;
}
.ActionFolderIcon .material-icons{
	font-size: 46px;
	line-height: 56px;
}
.ActionFolderIcon.no{
	color: #D83E22;
}
.ActionFolderIcon.wait{
	color: #828286;
}
.ActionFolderIcon.valid_comp{
	color: #E87352;
}
.ActionFolderIcon.valid_drh{
	color: #E9C045;
}
.ActionFolderIcon.valid_drh.signePres{
	color: #4897D8;
}
.ContratFolderYear{
	font-size: 18px;
	line-height: 20px;
	float: left;
	width: 100%;
	height: 20px;
	text-align: center;
}
.addDeclaration .ContratFolderYear{
	font-size: 14px;
}
.ContratFolderType{
	font-size: 18px;
	line-height: 20px;
	float: left;
	width: 100%;
	height: 20px;
	margin: 32px 0 20px;
	text-align: center;
}
.ContratFolderDate{
	font-size: 10px;
	line-height: 20px;
	float: left;
	width: 100%;
	height: 20px;
	margin: 0 0 35px;
	text-align: center;
	color: #B6B6B6;
}
.ContratFolderBouton, .ContratFolderBoutonErase{
	font-size: 11px;
	line-height: 28px;
	float: left;
	width: 155px;
	height: 28px;
	margin: 0 12px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	border-radius: 2px;
}
.ContratFolderBoutonErase{
	margin: 10px 12px;
}
.ContratFolderBouton:hover, .ContratFolderBoutonErase:hover{
	cursor: pointer;
}
.ContratFolder.new{
	width: 250px;
	min-height: 330px;
	background-color: #FFFFFF;
}
.ContratFolder.new .ContratFolderBouton, .ContratFolder.new .ContratFolderBoutonErase{
	width: 130px;
	margin: 10px 60px 0;
}

/******************** STYLE :	CONTRAT FORM ********************/
.stepContent{
	display: none;
}
#formStep1.stepContent{
	display: block;
}
.stepHolder{
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
.stepHolder:hover{
	cursor: pointer;
}
.stepNumber{
	font-size: 14px;
	line-height: 21px;
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 10px;
	-webkit-transition: color 0.5s, border 0.5s;
	        transition: color 0.5s, border 0.5s;
	text-align: center;
	color: #383D40;
	border: 1px solid #383D40;
	border-radius: 50%;
}
.stepText{
	font-size: 15px;
	line-height: 23px;
	float: left;
	height: 24px;
	-webkit-transition: color 0.5s, border 0.5s;
	        transition: color 0.5s, border 0.5s;
	color: #383D40;
}
.stepHolder.active .stepNumber, .stepHolder:hover .stepNumber{
	color: #4897D8;
	border: 1px solid #4897D8;
}
.stepHolder.active .stepText, .stepHolder:hover .stepText{
	color: #4897D8;
}
.stepHolder.hasError .stepNumber{
	color: #D83E22;
	border: 1px solid #D83E22;
}
.stepHolder.hasError .stepText{
	color: #D83E22;
}

#DocumentsContentHolder .documentLine{
	cursor: pointer;
}

/******************** STYLE :	LIST ********************/
.viamodele{
	display: none;
}
.annotated-list .sort{
	font-size: 12px;
	display: inline-block;
	margin: 0;
	padding: 3px 20px;
	-webkit-transition: color 0.5s, background-color 0.5s;
	        transition: color 0.5s, background-color 0.5s;
	text-decoration: none;
	text-transform: initial!important;
	color: #383D40;
	border-left: none;
	border-top: none;
	border-bottom: none;
	border-right: 1px solid #828286;
	background-color: transparent;
}
.annotated-list .sort:last-child{
	border-right: 0px solid #828286;
}
.annotated-list .sort:hover{
	text-decoration: none;
	color: #4897D8;
}
.annotated-list .sort:focus{
	outline: medium none;
}
.annotated-list .sort::after{
	position: relative;
	top: -10px;
	right: -4px;
	width: 0;
	height: 0;
	content: '';
	border-right: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid transparent;
}
.annotated-list .sort.asc::after{
	position: relative;
	top: 11px;
	right: -4px;
	width: 0;
	height: 0;
	content: '';
	border-top: 4px solid #383D40;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}
.annotated-list .sort.desc::after{
	position: relative;
	top: -9px;
	right: -4px;
	width: 0;
	height: 0;
	content: '';
	border-right: 4px solid transparent;
	border-bottom: 4px solid #383D40;
	border-left: 4px solid transparent;
}

/******************** STYLE :	COMMUN ********************/
.modal-overlay{
	/*z-index: 11002!important;*/
}
.modal.open{
	/*z-index: 11003!important;*/
}
.dropdown-content{
	/*z-index: 94!important;*/
}
#toast-container{
	z-index: 10095;
}
.spanCheckHolder{
	margin: 0 20px 0 10px;
}
.topMargin10px{
	margin-top: 10px;
}
.topMargin20px{
	margin-top: 20px;
}
.topMargin30px{
	margin-top: 30px;
}

/******************** STYLE :	ATER ********************/
.soustitreSection{
	font-weight: bold;
	font-size: 14px;
}
.aterIndication{
	font-style: italic;
	font-size: 12px;
}
.listeTableHolder .iconCol{
    width: 30px;
}
.listeTableHolder .modifyLigne,
.listeTableHolder .deleteLigne{
	opacity: 0;
	-webkit-transition: color 0.5s, opacity 0.5s;
	        transition: color 0.5s, opacity 0.5s;
}
.listeTableHolder tr:hover .modifyLigne,
.listeTableHolder tr:hover .deleteLigne{
	opacity: 1;
}
.listeTableHolder .modifyLigne:hover,
.listeTableHolder .deleteLigne:hover{
	color: #4897D8;
	cursor: pointer;
}
.listeTableHolder .deleteLigne:hover{
	color: #D83E22;
}
.btnAddLigne{
	-webkit-transition: color 0.5s;
	transition: color 0.5s;
}
.btnAddLigne:hover {
	color: #4897D8;
	cursor: pointer;
}
.btnAddLigne .material-icons {
	vertical-align: bottom;
	font-size: 20px;
	margin-right: 5px;
}
#sAterMilitaire1, #sAterMilitaire3{
	display: none;
}
@media only screen and (max-width: 993px) {
	#PageAterContent .stepHolder .stepText{
		display: none;
	}
}

/******************** STYLE :	DROPZONE ********************/
.dropzone, .dropzone *{
	box-sizing: border-box;
}
.dropzone{
	position: relative;
	float: left;
	width: 100%;
}
.dropzone .dz-preview, .dropzone-previews .dz-preview{
	position: relative;
	display: inline-block;
	width: 120px;
	margin: 0.5em;
}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress{
	display: block;
	height: 15px;
	border: 1px solid #AAAAAA;
}
.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload{
	display: block;
	width: 0;
	height: 100%;
	background: green;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message{
	display: none;
	color: red;
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-message, .dropzone-previews .dz-preview.dz-error .dz-error-mark{
	display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark{
	display: block;
}
.dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-success-mark{
	position: absolute;
	top: 30px;
	left: 30px;
	left: 50%;
	display: none;
	width: 54px;
	height: 58px;
	margin-left: -27px;
}
@-webkit-keyframes passing-through{
	0%{
		-webkit-transform: translateY(40px);
		   -moz-transform: translateY(40px);
		    -ms-transform: translateY(40px);
		     -o-transform: translateY(40px);
		        transform: translateY(40px); 
		opacity: 0;
	}
	30%, 70%{
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
	100%{
		-webkit-transform: translateY(-40px);
		   -moz-transform: translateY(-40px);
		    -ms-transform: translateY(-40px);
		     -o-transform: translateY(-40px);
		        transform: translateY(-40px); 
		opacity: 0;
	}
}
@-moz-keyframes passing-through{
	0%{
		-webkit-transform: translateY(40px);
		   -moz-transform: translateY(40px);
		    -ms-transform: translateY(40px);
		     -o-transform: translateY(40px);
		        transform: translateY(40px); 
		opacity: 0;
	}
	30%, 70%{
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
	100%{
		-webkit-transform: translateY(-40px);
		   -moz-transform: translateY(-40px);
		    -ms-transform: translateY(-40px);
		     -o-transform: translateY(-40px);
		        transform: translateY(-40px); 
		opacity: 0;
	}
}
@keyframes passing-through{
	0%{
		-webkit-transform: translateY(40px);
		   -moz-transform: translateY(40px);
		    -ms-transform: translateY(40px);
		     -o-transform: translateY(40px);
		        transform: translateY(40px); 
		opacity: 0;
	}
	30%, 70%{
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
	100%{
		-webkit-transform: translateY(-40px);
		   -moz-transform: translateY(-40px);
		    -ms-transform: translateY(-40px);
		     -o-transform: translateY(-40px);
		        transform: translateY(-40px); 
		opacity: 0;
	}
}
@-webkit-keyframes slide-in{
	0%{
		-webkit-transform: translateY(40px);
		   -moz-transform: translateY(40px);
		    -ms-transform: translateY(40px);
		     -o-transform: translateY(40px);
		        transform: translateY(40px); 
		opacity: 0;
	}
	30%{
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
}
@-moz-keyframes slide-in{
	0%{
		-webkit-transform: translateY(40px);
		   -moz-transform: translateY(40px);
		    -ms-transform: translateY(40px);
		     -o-transform: translateY(40px);
		        transform: translateY(40px); 
		opacity: 0;
	}
	30%{
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
}
@keyframes slide-in{
	0%{
		-webkit-transform: translateY(40px);
		   -moz-transform: translateY(40px);
		    -ms-transform: translateY(40px);
		     -o-transform: translateY(40px);
		        transform: translateY(40px); 
		opacity: 0;
	}
	30%{
		-webkit-transform: translateY(0px);
		   -moz-transform: translateY(0px);
		    -ms-transform: translateY(0px);
		     -o-transform: translateY(0px);
		        transform: translateY(0px); 
		opacity: 1;
	}
}
@-webkit-keyframes pulse{
	0%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
	10%{
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	20%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
}
@-moz-keyframes pulse{
	0%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
	10%{
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	20%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes pulse{
	0%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
	10%{
		-webkit-transform: scale(1.1);
		   -moz-transform: scale(1.1);
		    -ms-transform: scale(1.1);
		     -o-transform: scale(1.1);
		        transform: scale(1.1);
	}
	20%{
		-webkit-transform: scale(1);
		   -moz-transform: scale(1);
		    -ms-transform: scale(1);
		     -o-transform: scale(1);
		        transform: scale(1);
	}
}
.dropzone, .dropzone *{
	box-sizing: border-box;
}
.dropzone{
	min-height: 150px;
	padding: 20px 20px;
	border: 1px dashed #DFE2E3;
	background: white;
}
.dropzone.dz-clickable{
	cursor: pointer;
}
.dropzone.dz-clickable *{
	cursor: default;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message *{
	cursor: pointer;
}
.dropzone.dz-started .dz-message{
	display: none;
}
.dropzone.dz-drag-hover{
	border-style: solid;
}
.dropzone.dz-drag-hover .dz-message{
	opacity: 0.5;
}
.dropzone .dz-message{
	margin: 0;
	text-align: center;
}
.dropzone .dz-preview, .dropzone-previews .dz-preview{
	position: relative;
	display: inline-block;
	min-height: 100px;
	margin: 16px;
	vertical-align: top;
}
.dropzone .dz-preview:hover, .dropzone-previews .dz-preview:hover{
	z-index: 1000;
}
.dropzone .dz-preview:hover .dz-details, .dropzone-previews .dz-preview:hover .dz-details{
	opacity: 1;
}
.dropzone .dz-preview.dz-file-preview .dz-image, .dropzone-previews .dz-preview.dz-file-preview .dz-image{
	border-radius: 20px;
	background: #999999;
	background: linear-gradient(to bottom, #EEEEEE, #DDDDDD);
}
.dropzone .dz-preview.dz-file-preview .dz-details, .dropzone-previews .dz-preview.dz-file-preview .dz-details{
	opacity: 1;
}
.dropzone .dz-preview.dz-image-preview, .dropzone-previews .dz-preview.dz-image-preview{
	background: white;
}
.dropzone .dz-preview.dz-image-preview .dz-details, .dropzone-previews .dz-preview.dz-image-preview .dz-details{
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	    -ms-transition: opacity 0.2s linear;
	     -o-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
}
.dropzone .dz-preview .dz-remove, .dropzone-previews .dz-preview .dz-remove{
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	z-index: 100;
	bottom: 0;
	display: block;
	width: 120px;
	height: 22px;
	cursor: pointer;
	-webkit-transition: opacity 0.5s, background-color 0.5s;
	        transition: opacity 0.5s, background-color 0.5s;
	text-align: center;
	opacity: 0.3;
	color: #FFFFFF;
	border: none;
	background-color: #828286;
}
.dropzone .dz-preview:hover .dz-remove, .dropzone-previews .dz-preview:hover .dz-remove{
	opacity: 1;
	background-color: #D83E22;
}
.dropzone .dz-preview:hover .dz-details, .dropzone-previews .dz-preview:hover .dz-details{
	opacity: 1;
}
.dropzone .dz-preview .dz-details, .dropzone-previews .dz-preview .dz-details{
	font-size: 13px;
	line-height: 150%;
	position: absolute;
	z-index: 20;
	top: 0;
	left: 0;
	min-width: 100%;
	max-width: 100%;
	padding: 2em 1em;
	text-align: center;
	opacity: 0;
	color: rgba(0, 0, 0, 0.9);
}
.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size{
	font-size: 16px;
	margin-bottom: 1em;
}
.dropzone .dz-preview .dz-details .dz-filename, .dropzone-previews .dz-preview .dz-details .dz-filename{
	white-space: nowrap;
}
.dropzone .dz-preview .dz-details .dz-filename:hover span, .dropzone-previews .dz-preview .dz-details .dz-filename:hover span{
	border: 0 solid rgba(200, 200, 200, 0.8);
	background-color: rgba(255, 255, 255, 0.8);
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover), .dropzone-previews .dz-preview .dz-details .dz-filename:not(:hover){
	overflow: hidden;
	text-overflow: ellipsis;
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span, .dropzone-previews .dz-preview .dz-details .dz-filename:not(:hover) span{
	border: 0 solid transparent;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span, .dropzone-previews .dz-preview .dz-details .dz-filename span, .dropzone-previews .dz-preview .dz-details .dz-size span{
	padding: 0 0.4em;
	background-color: rgba(255, 255, 255, 0.4);
}
.dropzone .dz-preview:hover .dz-image img, .dropzone-previews .dz-preview:hover .dz-image img{
	-webkit-transform: scale(1.05, 1.05);
	   -moz-transform: scale(1.05, 1.05);
	    -ms-transform: scale(1.05, 1.05);
	     -o-transform: scale(1.05, 1.05);
	        transform: scale(1.05, 1.05);

	-webkit-filter: blur(8px);
	        filter: blur(8px);
}
.dropzone .dz-preview .dz-image, .dropzone-prviews .dz-preview .dz-image{
	position: relative;
	z-index: 10;
	display: block;
	overflow: hidden;
	width: 120px;
	height: 120px;
	border-radius: 20px;
}
.dropzone .dz-preview .dz-image img, .dropzone-previews .dz-preview .dz-image img{
	display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark, .dropzone-previews .dz-preview.dz-success .dz-success-mark{
	-webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	   -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	    -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	     -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
	        animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
}
.dropzone .dz-preview.dz-error .dz-error-mark, .dropzone-previews .dz-preview.dz-error .dz-error-mark{
	-webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	   -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	    -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	     -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
	        animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1); 
	opacity: 1;
}
.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark, .dropzone-previews .dz-preview .dz-success-mark, .dropzone-previews .dz-preview .dz-error-mark{
	position: absolute;
	z-index: 500;
	top: 50%;
	left: 50%;
	display: block;
	margin-top: -27px;
	margin-left: -27px;
	pointer-events: none;
	opacity: 0;
}
.dropzone .dz-preview .dz-success-mark svg, .dropzone .dz-preview .dz-error-mark svg, .dropzone-previews .dz-preview .dz-success-mark svg, .dropzone-previews .dz-preview .dz-error-mark svg{
	display: block;
	width: 54px;
	height: 54px;
}
.dropzone .dz-preview.dz-processing .dz-progress, .dropzone-previews .dz-preview.dz-processing .dz-progress{
	-webkit-transition: all 0.2s linear;
	   -moz-transition: all 0.2s linear;
	    -ms-transition: all 0.2s linear;
	     -o-transition: all 0.2s linear;
	        transition: all 0.2s linear;
	opacity: 1;
}
.dropzone .dz-preview.dz-complete .dz-progress, .dropzone-previews .dz-preview.dz-complete .dz-progress{
	-webkit-transition: opacity 0.4s ease-in;
	   -moz-transition: opacity 0.4s ease-in;
	    -ms-transition: opacity 0.4s ease-in;
	     -o-transition: opacity 0.4s ease-in;
	        transition: opacity 0.4s ease-in;
	opacity: 0;
}
.dropzone .dz-preview .dz-progress, .dropzone-previews .dz-preview .dz-progress{
	position: absolute;
	z-index: 1000;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 80px;
	height: 16px;
	margin-top: -8px;
	margin-left: -40px;
	-webkit-transform: scale(1);
	pointer-events: none;
	opacity: 1;
	border-radius: 8px;
	background: rgba(255, 255, 255, 0.9);
}
.dropzone .dz-preview .dz-progress .dz-upload, .dropzone-previews .dz-preview .dz-progress .dz-upload{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	-webkit-transition: width 300ms ease-in-out;
	   -moz-transition: width 300ms ease-in-out;
	    -ms-transition: width 300ms ease-in-out;
	     -o-transition: width 300ms ease-in-out;
	        transition: width 300ms ease-in-out;
	background: #333333;
	background: linear-gradient(to bottom, #666666, #444444);
}
.dropzone .dz-preview.dz-error .dz-error-message, .dropzone-previews .dz-preview.dz-error .dz-error-message{
	display: block;
}
.dropzone .dz-preview.dz-error:hover .dz-error-message, .dropzone-previews .dz-preview.dz-error:hover .dz-error-message{
	pointer-events: auto;
	opacity: 1;
}
.dropzone .dz-preview .dz-error-message, .dropzone-previews .dz-preview .dz-error-message{
	font-size: 13px;
	position: absolute;
	z-index: 1000;
	top: 50px;
	left: 10px;
	display: block;
	display: none;
	width: 140px;
	padding: 0.5em 1.2em;
	-webkit-transition: opacity 0.3s ease;
	   -moz-transition: opacity 0.3s ease;
	    -ms-transition: opacity 0.3s ease;
	     -o-transition: opacity 0.3s ease;
	        transition: opacity 0.3s ease;
	pointer-events: none;
	opacity: 0;
	color: white;
	border-radius: 8px;
	background: #BE2626;
}
.dropzone .dz-preview .dz-error-message:after, .dropzone-previews .dz-preview .dz-error-message:after{
	position: absolute;
	top: -6px;
	left: 64px;
	width: 0;
	height: 0;
	content: '';
	border-right: 6px solid transparent;
	border-bottom: 6px solid #BE2626;
	border-left: 6px solid transparent;
}
.dropzone figure{
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto 10px;
	padding: 20px;
	-webkit-transition: background-color 0.5s;
	        transition: background-color 0.5s;
	border-radius: 50%;
	background-color: #BCBCBC;
}
.dropzone:hover figure{
	background-color: #67B0D1;
}
.dropzone span{
	font-weight: bold;
	-webkit-transition: color 0.5s;
	        transition: color 0.5s;
	color: #383D40;
}
#transfertfichiers_dropzone span{
	color: #BCBCBC;
}
#transfertfichiers_dropzone:hover span{
	color: #67B0D1;
}
.dropzone .dz-details span{
	color: #383D40!important;
}
.dropzone:hover span{
	color: #67B0D1;
}
.dropzone .dz-error-message span{
	color: #FFFFFF!important;
}
.dropzone{
	-webkit-transition: border 0.5s;
	        transition: border 0.5s;
}
.dropzone:hover{
	border: 1px dashed #67B0D1;
}
.dropzone svg{
	width: 100%;
	height: 100%;
	margin-top: -0.25em;
	margin-right: 0.25em;
	vertical-align: middle;

	fill: #FFFFFF;
}
.dropzone-previews{
	float: left;
	width: 100%;
	padding: 0 3%;
}
.dropzone-previews .UpFileChoosenCol1{
	float: left;
	width: 38px;
	height: 50px;
}
.dropzone-previews .UpFileChoosenCol2{
	float: left;
	width: calc(100% - 54px);
	height: 50px;
}
.dropzone-previews .UpFileChoosenCol3{
	float: left;
	width: 16px;
	height: 50px;
	text-align: right;
}
.dropzone-previews .dz-preview{
	width: 100%;
	height: 50px;
	min-height: 50px;
	margin: 0;
	margin: 0 0 20px 0;
}
.dropzone-previews .dz-preview.dz-error .UpFileChoosenCol1, .dropzone-previews .dz-preview.dz-error .UpFileChoosenCol2 .dz-details, .dropzone-previews .dz-preview.dz-error .UpFileChoosenCol2 .dz-progress, .dropzone-previews .dz-preview.dz-error .UpFileChoosenCol3{
	opacity: 0.5;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image{
	float: left;
	width: 38px;
	height: 50px;
	margin: 0;
	border-radius: 0;
	background-image: url('https://static.univ-paris13.fr/img/icones/default.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 26px 34px;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.aac, .dropzone-previews .dz-preview.dz-file-preview .dz-image.ac3, .dropzone-previews .dz-preview.dz-file-preview .dz-image.flac, .dropzone-previews .dz-preview.dz-file-preview .dz-image.mp3, .dropzone-previews .dz-preview.dz-file-preview .dz-image.wav{
	background-image: url('https://static.univ-paris13.fr/img/icones/music.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.ae{
	background-image: url('https://static.univ-paris13.fr/img/icones/ae.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.ai{
	background-image: url('https://static.univ-paris13.fr/img/icones/ai.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.avi, .dropzone-previews .dz-preview.dz-file-preview .dz-image.mkv, .dropzone-previews .dz-preview.dz-file-preview .dz-image.mov, .dropzone-previews .dz-preview.dz-file-preview .dz-image.mp4, .dropzone-previews .dz-preview.dz-file-preview .dz-image.mpeg, .dropzone-previews .dz-preview.dz-file-preview .dz-image.mpg{
	background-image: url('https://static.univ-paris13.fr/img/icones/movie.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.bmp, .dropzone-previews .dz-preview.dz-file-preview .dz-image.jpeg, .dropzone-previews .dz-preview.dz-file-preview .dz-image.jpg, .dropzone-previews .dz-preview.dz-file-preview .dz-image.tiff, .dropzone-previews .dz-preview.dz-file-preview .dz-image.eps{
	background-image: url('https://static.univ-paris13.fr/img/icones/picture.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.gif{
	background-image: url('https://static.univ-paris13.fr/img/icones/gif.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.css{
	background-image: url('https://static.univ-paris13.fr/img/icones/css.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.doc, .dropzone-previews .dz-preview.dz-file-preview .dz-image.docx{
	background-image: url('https://static.univ-paris13.fr/img/icones/doc.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.fla{
	background-image: url('https://static.univ-paris13.fr/img/icones/fla.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.fw{
	background-image: url('https://static.univ-paris13.fr/img/icones/fw.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.html{
	background-image: url('https://static.univ-paris13.fr/img/icones/html.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.id{
	background-image: url('https://static.univ-paris13.fr/img/icones/id.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.js{
	background-image: url('https://static.univ-paris13.fr/img/icones/js.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.otf{
	background-image: url('https://static.univ-paris13.fr/img/icones/otf.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.pdf{
	background-image: url('https://static.univ-paris13.fr/img/icones/pdf.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.php{
	background-image: url('https://static.univ-paris13.fr/img/icones/php.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.png{
	background-image: url('https://static.univ-paris13.fr/img/icones/png.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.pp{
	background-image: url('https://static.univ-paris13.fr/img/icones/pp.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.pps, .dropzone-previews .dz-preview.dz-file-preview .dz-image.ppt, .dropzone-previews .dz-preview.dz-file-preview .dz-image.pptx{
	background-image: url('https://static.univ-paris13.fr/img/icones/ppt.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.psd{
	background-image: url('https://static.univ-paris13.fr/img/icones/psd.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.rar, .dropzone-previews .dz-preview.dz-file-preview .dz-image.tar, .dropzone-previews .dz-preview.dz-file-preview .dz-image.zip, .dropzone-previews .dz-preview.dz-file-preview .dz-image.gz, .dropzone-previews .dz-preview.dz-file-preview .dz-image.bz2, .dropzone-previews .dz-preview.dz-file-preview .dz-image.xz{
	background-image: url('https://static.univ-paris13.fr/img/icones/archive.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.svg{
	background-image: url('https://static.univ-paris13.fr/img/icones/svg.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.swf{
	background-image: url('https://static.univ-paris13.fr/img/icones/swf.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.ttf{
	background-image: url('https://static.univ-paris13.fr/img/icones/ttf.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.txt{
	background-image: url('https://static.univ-paris13.fr/img/icones/txt.png')!important;
}
.dropzone-previews .dz-preview.dz-file-preview .dz-image.xls, .dropzone-previews .dz-preview.dz-file-preview .dz-image.xlsx{
	background-image: url('https://static.univ-paris13.fr/img/icones/xls.png')!important;
}
.dropzone-previews .dz-preview .dz-details{
	line-height: 1;
	position: relative;
	float: left;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	padding: 0;
	text-align: left;
	opacity: 1;
	color: #383D40;
}
.dropzone-previews .dz-preview .dz-details .dz-filename{
	float: left;
	width: 100%;
	height: 20px;
	padding: 0;
}
.dropzone-previews .dz-preview .dz-details .UpFileEtat{
	font-size: 10px;
	font-style: italic;
	line-height: 15px;
	float: left;
	width: 50%;
	height: 15px;
}
.dropzone-previews .dz-preview .dz-details .dz-size{
	font-size: 10px;
	font-style: italic;
	line-height: 15px;
	float: left;
	width: 50%;
	height: 15px;
	margin-bottom: 0;
	text-align: right;
}
.dropzone-previews .dz-preview .dz-remove{
	position: relative;
	display: block;
	float: left;
	width: 16px;
	height: 12px;
	margin-top: 39px;
	cursor: pointer;
	text-align: right;
	opacity: 1;
	color: #383D40;
	border: none;
	background-color: #FFFFFF;
}
.dropzone-previews .dz-preview:hover .dz-remove{
	background-color: #FFFFFF;
}
.dropzone-previews .dz-preview .dz-remove .material-icons{
	font-size: 11px;
	margin-top: 0;
}
.dropzone-previews .dz-preview .dz-progress{
	position: initial;
	display: block;
	float: left;
	overflow: hidden;
	width: 100%;
	height: 3px;
	margin: 8px 0 0 0;
	padding: 0;
	padding: 0;
	text-align: left;
	border: 0 solid #4897D8;
	border-radius: 0;
	border-radius: 3px;
	background-color: #EAEAEC;
}
.dropzone-previews .dz-preview .dz-progress .dz-upload{
	background: #4897D8;
}


/******************** STYLE :	DROPZONE ********************/
#TicketSend{
	position: relative;
	margin-top: 250px;
	display: none;
}
.textTicketSend{
	text-align: center;
	font-size: 18px;
}
.letter-image{
	width: 200px;
	height: 160px;
	/*  position: absolute;
  top: 50%;
  left: 50%;
*/
	margin-left: 50%;
	cursor: pointer;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

.letter-image .animated-mail{
	position: absolute;
	width: 200px;
	height: 150px;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;
	        transition: 0.4s;
}
.letter-image .animated-mail .body{
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 0;
	height: 0;
	border-width: 0 0 100px 200px;
	border-style: solid;
	border-color: transparent transparent #8B7D6D transparent;
}
.letter-image .animated-mail .top-fold{
	position: absolute;
	z-index: 2;
	top: 50px;
	width: 0;
	height: 0;
	-webkit-transition: transform 0.4s 0.4s, z-index 0.2s 0.4s;
	   -moz-transition: transform 0.4s 0.4s, z-index 0.2s 0.4s;
	        transition: transform 0.4s 0.4s, z-index 0.2s 0.4s;
	-webkit-transform-origin: 50% 0;
	   -moz-transform-origin: 50% 0;
	        transform-origin: 50% 0;
	border-width: 50px 100px 0 100px;
	border-style: solid;
	border-color: #73675A transparent transparent transparent;
}
.letter-image .animated-mail .back-fold{
	position: absolute;
	z-index: 0;
	bottom: 0;
	width: 200px;
	height: 100px;
	background: #73675A;
}
.letter-image .animated-mail .left-fold{
	position: absolute;
	z-index: 2;
	bottom: 0;
	width: 0;
	height: 0;
	border-width: 50px 0 50px 100px;
	border-style: solid;
	border-color: transparent transparent transparent #7D7062;
}
.letter-image .animated-mail .letter{
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 20px;
	overflow: hidden;
	width: 160px;
	height: 60px;
	-webkit-transition: 0.4s 0.2s;
	   -moz-transition: 0.4s 0.2s;
	        transition: 0.4s 0.2s;
	background: white;
}
.letter-image .animated-mail .letter .letter-border{
	width: 100%;
	height: 10px;
	background: repeating-linear-gradient(-45deg, #8B7D6D, #8B7D6D 8px, transparent 8px, transparent 18px);
}
.letter-image .animated-mail .letter .letter-title{
	width: 40%;
	height: 10px;
	margin-top: 10px;
	margin-left: 5px;
	background: #8B7D6D;
}
.letter-image .animated-mail .letter .letter-context{
	width: 20%;
	height: 10px;
	margin-top: 10px;
	margin-left: 5px;
	background: #8B7D6D;
}
.letter-image .animated-mail .letter .letter-stamp{
	width: 30px;
	height: 30px;
	margin-top: 30px;
	margin-left: 120px;
	opacity: 0.3;
	border-radius: 100%;
	background: #B3A697;
}
.letter-image .shadow{
	position: absolute;
	top: 200px;
	left: 50%;
	width: 400px;
	height: 30px;
	-webkit-transition: 0.4s;
	   -moz-transition: 0.4s;
	        transition: 0.4s;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-radius: 100%;
	background: radial-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
}
.letter-image:hover .animated-mail, .letter-image.open .animated-mail{
	-webkit-transform: translateY(50px);
	   -moz-transform: translateY(50px);
	        transform: translateY(50px);
}
.letter-image:hover .animated-mail .top-fold, .letter-image.open .animated-mail .top-fold{
	z-index: 0;
	-webkit-transition: transform 0.4s, z-index 0.2s;
	   -moz-transition: transform 0.4s, z-index 0.2s;
	        transition: transform 0.4s, z-index 0.2s;
	-webkit-transform: rotateX(180deg);
	   -moz-transform: rotateX(180deg);
	        transform: rotateX(180deg);
}
.letter-image:hover .animated-mail .letter, .letter-image.open .animated-mail .letter{
	height: 180px;
}
.letter-image:hover .shadow, .letter-image.open .shadow{
	width: 250px;
}
.intituleFormationHolder, .concerneHolder{
	display: none;
}