html {
	height: 100%;
	margin: 0px;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	color:#1b3768;
	font-size: 16px;
	height: 100%;
	margin:0px;
	background: #ffffff;
}



.upload-area{
	width: 70%;
	height: 200px;
	border: 2px solid lightgray;
	border-radius: 3px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
	overflow: auto;
	padding-top:10px;
	}
	
	.upload-area:hover{
	/*cursor: pointer;*/
	}
	
	#file{
	display: none;
	}
	
	.upload-area .progress { width:90%; margin:45px auto 0}
	

/* FRONT */
.front .container { margin:0 auto; background:#ffffff; padding-right:0px; padding-left:0px;}
.header { margin-bottom: 15px;}
.header img {display: block; margin: 0 auto; max-width:100%; width: 400px;}

.slider {background: url('../images/bg-photo.jpg') top center no-repeat; height: 495px;}
.slider .invitRond {display:block; margin:0 auto; padding-top: 200px;}

@media only screen and (max-width: 540px) {
 .slider { background-size: 170%; height: 380px;}
}

@media only screen and (max-width: 460px) {
 .slider { background-size: 170%; height: 315px;}
}




.upload-area .progress { width:90%; margin:45px auto 0}


.navfile {background:#f1f1f1; padding: 10px; margin-bottom:10px;}

.title {text-align: center; font-size: 22px; font-weight: normal; color:#78be20; padding-top: 20px;}
.title span {font-size:20px;}
.subtitle {text-align:center; margin: 25px auto 40px; color:#919388; font-size:14px; font-weight:bold;}
.subtitle span {background:#919388;  -webkit-border-radius: 20px; -moz-border-radius: 20px;  border-radius: 20px; padding: 12px 45px; color: #ffffff; text-transform: uppercase;}
.where {border-top:1px solid #78be20; border-bottom:1px solid #78be20; margin: 10px 25px; overflow: hidden;}
@media only screen and (max-width: 950px) {
 .where {margin: 10px 0px;}
  .title {margin: 10px 0px; padding-right: 0px; padding-left: 0px;}
}
@media only screen and (max-width: 768px) {
 .where {margin: 10px 30px;}
}
.where .title {font-size: 30px; padding-top:10px; margin:0px;}
.where .subtitle {color:#626261; font-size: 27px;margin:5px 0px;}
.adress .subtitle {margin-top:10px; margin-bottom:20px;}
.myvideo {width:100%; height:auto;}
#formInvit {width: 100%; margin:0 auto; overflow: hidden;  padding-bottom: 30px;}
#formInvit label {color:#78be20; font-weight:normal!important; padding-left:0px; margin-bottom:0px;}
.details {margin-bottom: 7px; line-height: 20px; text-align: center; font-size: 16px; color:#78be20;}
.details a {text-decoration:none; color:#78be20;}
.qui {margin-bottom: 42px; line-height: 20px; text-align: center; font-size: 15px; color:#000000;}
.qui a {color:#212121;}

.ligne {margin-bottom: 20px;}
.ligne.sup {display:none;}
label { text-align: left; padding-top: 3px;}
input {  font-size: 16px; padding: 2px;}
input#tosave {height: 35px; width: 140px; background: #78be20; color:#ffffff; border: none; margin:0 auto; border-radius: 2px; margin-top: 24px; display:block; font-size: 19px;}

.footer {margin-top: 0px; background:#ffffff; padding-bottom: 15px; }
.footer img {display:block; margin:0 auto; max-width:100%;}
.annotation {margin-top: 30px; font-size: 12px; text-align: justify; color:#919388; margin-bottom:30px;}


@media only screen and (max-width: 1200px) {
 .container {width: 100%;}
}

/* BACK OFFICE */
.login-panel {margin-top: 25%; border-radius: 5px;}
.panel-logo {text-align:center;}
.panel-title {text-align:center;}
.back-panel {margin-top:30px;}
.adminbox {text-align:center; margin-top:30px; border-top:1px solid #eeeeee; padding-top:20px;}
.back .description {text-align:center;}
.adduser input {width:100%;}