@font-face {
			font-family: 'Corbel';
			src: url('fonts/Corbel.ttf');
			src: url('fonts/Corbel.eot');
			src: url('fonts/Corbel.eot?#iefix') format('embedded-opentype'),
				 url('fonts/Corbel.woff') format('woff');
			font-weight: normal;
			font-style: normal;
			}
		
		body{
			background-color:#E3F5FF;
		}
		
		header h3{
			font-family:'Corbel';
			font-size: 20pt;
					
		}
		.titre{
			color:#f6821f;
		}
		.cat{
			color:#456b82;
			margin-top:-18px;
		}
		
		.logo{
			display:block;
			margin:auto;
		}
		#slogan{
			display:block;
			text-align:center;
		}
		hr{
			width:85%;
			height: 12px;
			border: 0;
			box-shadow: inset 0 12px 12px -12px;
			margin-top:20px;
		}
		h1{
			font-family:'Corbel';
			font-size: 16pt;
			color:#f6821f;
			margin-left:150px;
		}
		h3{
			font-family:'Corbel';
			font-size: 14pt;
			color:black;
			text-align:center;
			
		
		}
		p{
			font-family:'Corbel';
			font-size: 10pt;
			color:#f6821f;
			text-align:center;
		}
		#prog{
			
			width:75%;
			height:auto;
			margin:auto;
		}
		#visu{
			display:table-cell;
			width:300px;
			padding-left:100px;
			padding-top:20px;
			
		}
		#bouton{
			display:table-cell;
			width:300px;
			vertical-align:middle;
			padding-left: 150px;
		}
		button {
			font-family:'Corbel';
			font-size: 22px;
			border: 2px solid #f6821f;
			background-color:#456b82;
			width: 300px;
			height: 100px;
			color: #f6821f;
			
			
		}
		button:hover{
			font-family:'Corbel';
			font-size: 22px;
			border: 2px solid #f6821f;
			background-color:#ffffff;
			width: 300px;
			height: 100px;
			color: #f6821f;
			-webkit-animation: button 1s ease;
			animation: button 1s ease;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
			
		}
		button:active {
			font-size: 22px;
			border: 5px solid #456b82;
			width: 300px;
			height: 100px;
		}
		
		@-webkit-keyframes button
			{
				15%
				{
					-webkit-transform: translateX(5px);
					transform: translateX(5px);
				}
				30%
				{
					-webkit-transform: translateX(-5px);
				   transform: translateX(-5px);
				} 
				50%
				{
					-webkit-transform: translateX(3px);
					transform: translateX(3px);
				}
				65%
				{
					-webkit-transform: translateX(-3px);
					transform: translateX(-3px);
				}
				80%
				{
					-webkit-transform: translateX(2px);
					transform: translateX(2px);
				}
				100%
				{
					-webkit-transform: translateX(0);
					transform: translateX(0);
				}
			}
			@keyframes button
			{
				15%
				{
					-webkit-transform: translateX(5px);
					transform: translateX(5px);
				}
				30%
				{
					-webkit-transform: translateX(-5px);
					transform: translateX(-5px);
				}
				50%
				{
					-webkit-transform: translateX(3px);
					transform: translateX(3px);
				}
				65%
				{
					-webkit-transform: translateX(-3px);
					transform: translateX(-3px);
				}
				80%
				{
					-webkit-transform: translateX(2px);
					transform: translateX(2px);
				}
				100%
				{
					-webkit-transform: translateX(0);
					transform: translateX(0);
				}
			}