@import url(http://fonts.googleapis.com/css?family=Concert+One);

body {
				/* background:#777; */
				padding:0;
				margin:0;
				overflow:hidden;
				font-family: 'SelfModern-Regular';
				font-size: 28px;
			}

@font-face {
		  font-family: 'SelfModern-Regular';
		  src:
			url('font/SelfModern-Regular.otf')  format('opentype'),
			url('font/SelfModern-Regular.woff') format('woff'),
			 url('font/SelfModern-Regular.ttf')  format('truetype'),
			url('font/SelfModern-Regular.svg#SelfModern-Regular') format('svg');
		  font-weight: normal;
		  font-style: normal;
			}

@font-face {
			    font-family: 'bbc__06regular';
			    src: url('font/bbc_signe-webfont.woff2') format('woff2'),
			         url('font/bbc_signe-webfont.woff') format('woff'),
							 url('font/bbc_signe-webfont.ttf') format('truetype');
			    font-weight: normal;
			    font-style: normal;

}



#info {
				position: absolute;
				z-index: 2;
				width: 100%;
				color: #ffffff;
			}

			a {
				color: #ffffff;
			}

			#overlay {
				position: absolute;
				z-index: 1;
				margin: 0;
				width: 100%;
				height:100%;
				display: flex;
				opacity: 1;
				background-color: #000000;
				color: #ffffff;
				overflow-y: scroll;

			}

			#textOverlay {
				margin: 10px;
				font-size: 34.8px;
				font-family: 'SelfModern-Regular';
			}

			.startButton {
				background: transparent;
				color: #ffffff;
				border: 0px;
				cursor: pointer;
				text-indent: 5vw;
				font-size: 34.8px;
				font-family: 'SelfModern-Regular';
				text-decoration: underline;
			}

			.descriptif {
				 vertical-align: sub	;
				 font-size: 15px;
				 width: 50%;
				 display: inline-block;
				 text-indent: 0;
			}


			.versionning {
				width: 100%;
			}
			.versionningHead {
				width: 40%;
				display: inline-block;
				vertical-align: top;
			}

			.versionningDescriptif{
				width: 59%;
				display: inline-block;
				vertical-align: top;

			}

			ul{
				list-style: none;
				padding: 0;
				margin: 0;
			}

			 p {
				margin:0px;
			}

			p + p {
  			text-indent: 5vw;
			}

			.countup{
				position: absolute;
				right: 10px;
				top:5px;
				text-shadow:1px 1px 5px #000;

			}


			#date {
				position: absolute;
				left: 10px;
				top:5px;
				text-shadow:1px 1px 5px #000;

			}

			@media only screen and (max-width: 1248px) {
			  .startButton {
			    width:100%;
					text-align: left;
			  }
				.descriptif {
					margin-left: 5.5vw;
				}
			}

			@media only screen and (max-width: 1064px) {
			  .countup {
					top:42px;
					left: 10px;
			  }
			}

			#bottomBadges {
				bottom:10px;
				text-shadow:1px 1px 10px #000;
				position:absolute;
				width: 98.5%;
				margin-left:10px;
			}

			.bottomPart{
				padding-left: 1.6%;
				line-height: 0.7;
			}

			.BBCsign {
				font-family: 'bbc__06regular';
				font-size: 80px;
			}