@media all and (max-device-width: 768px)
		{
		  * {
			afont-size: 120%;
			}
		}
		
	html
		{
		scroll-behavior: smooth;
		}

	body
		{
		background-color: black;
		abackground-image: url("fond.jpg");
		background-size: cover;
		background-attachment: fixed;
		padding-bottom: 50px;
		overflow-x: hidden;
		}

	h1
		{
		color: #FCCE1C;
		}
		
	h1, h2
		{
		padding: 0px;
		margin: 0px;
		}
		
	h2
		{
		color: red;
		}
		
	h3
		{
		color: #FCCE1C;
		font-size: 500%;
		}

	h4
		{
		color: black;
		font-weight: bold;
		font-size: 25px;
		}

	h5
		{
		color: black;
		font-size: 20px;
		}

	p, li
		{
		color: white;
		font-size: 20px;
		text-align: justify;
		}

	#services p, #services li, #ensavoirplus li
		{
		color: black;
		font-size: 18px;
		}

	#ensavoirplus p, #ensavoirplus li
		{
		font-size: 16px;
		color: white;
		}
		
	.ensavoirplus-faq
		{
		display: inline-block;
		vertical-align: top;
		background-color: white;
		margin: 30px;
		margin-top: 0px;
		border-style: solid;
		border-width: 3px;
		border-color: #FCCE1C;
		width: 40%;
		padding: 25px;
		text-align: justify;
		}
	
	@media all and (max-width: 768px)
		{
		.ensavoirplus-faq
			{
			width: 100%;
			padding: 10px;
			}
		}

	td
		{
		position: relative;
		}
		
	ul
		{
		padding-left: 10px;
		}

	iframe
		{
		padding: 7.5px;
		background-color: red;
		border-radius: 10px;
		}

	.btn-continuer
		{
		position: absolute;
		bottom: -3px;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		font-weight: bold;
		background-color: red;
		color: #FCCE1C;
		cursor: pointer;
		transition: all 0.33s ease-in-out;
		}

	.btn-continuer:hover
		{
		transform: scale(1.1);
		color: #FFCC29;
		}

	.btn-suite
		{
		background-color: red;
		color: #FCCE1C;
		border-width: 0px;
		font-size: 20px;
		transition: all 0.33s ease-in-out;
		}

	.btn-suite:hover
		{
		transform: scale(1.1);
		color: #FFCC29;
		}
		
	#content
		{
		top: 100%;
		margin-top: -53px;
		background-color: black;
		z-index: 2;
		position: absolute;
		width: 100%;
		}
		
	@media all and (max-width: 768px)
		{
		#content
			{
			margin-top: -80px;
			}
		}

	#menu
		{
		background-color: #FCCE1C;
		padding: 10px;
		color: black;
		border-style: dashed;
		border-color: black;
		border-width: 0px;
		border-bottom-width: 2.5px;
		}

	.options
		{
		font-size: 18px;
		display: inline-block;
		padding-left: 3.33%;
		padding-right: 3.33%;
		transition: all 0.25s ease-in-out;
		}

	.options:hover
		{
		color: red;
		cursor: pointer;
		transform: scale(1.025);
		}

	.options a
		{
		color: black;
		}

	.options a:hover
		{
		color: red;
		text-decoration: none;
		}
		
	.suitscroll 
		{
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 2;
		}
		
	#logo-avl
		{
		width: 25%;
		}
		
	.home-services
		{
		position: absolute;
		bottom: 100px;
		left: 20px;
		padding: 20px;
		background-color: black;
		color: white;
		width: 25%;
		border-radius: 5px;
		}
		
	.home-services-fa
		{
		background-color: #FCCE1C;
		color: red;
		padding: 5px;
		font-size: 30px;
		width: 40px;
		border-radius: 100%;
		}
		
	#home-services-transport
		{
		left: inherit;
		right: 40px;
		}
		
	#logo-avl-ext
		{
		position: absolute;
		top: 200px;
		color: #FCCE1C;
		left: 0px;
		right: 0px;
		margin-left: auto;
		margin-right: auto;
		}
		
	#jobs-engageons
		{
		position: absolute;
		background-color: red;
		top: 0px;
		right: 0px;
		color: #FCCE1C;
		padding: 10px;
		font-size: 18px;
		font-weight: bold;
		border-radius: 0px 0px 0px 8px;
		cursor: pointer;
		transition: all 0.33s ease-in-out;
		}
		
	#jobs-engageons:hover
		{
		transform: scale(1.05);
		}
		
	#majordome
		{
		position: fixed;
		width: 250px;
		bottom: -50%;
		aleft: 10%;
		aleft: 0px;
		left: 50px;
		z-index: 2;
		cursor: pointer;
		transition: all 0.5s ease-in-out;
		}
	
	#majordome:hover
		{
		transform: scale(1.05);
		}

	@media all and (max-width: 768px)
		{
		.home-services
		    {
			width:100%;
			position: relative;
			left: initial !important;
			right: initial !important;
			top: initial;
			bottom: initial;
			right: initial;
			border-radius: 0px;
			font-size: 12px;
			padding: 5px;
			}
			
		.home-services h1, .home-services h2
			{
			font-size: 18px;
			}
			
		#logo-avl-ext
			{
			top: initial;
			bottom: 25%;
			}

		#logo-avl
			{
			width: 66%;
			}

		#jobs-engageons
			{
			top: 275px;
			right: 10px;
			border-radius: 7.5px;
			font-size:12px;
			}
			
		#majordome-ext
			{
			display: none;
			}

		#majordome
			{
			width: 200px;
			}
			
		#truck
			{
			display: none;
			}
		}

	.flotte-block-ext
		{
		position: relative;
		text-align: center;
		}

	.flotte-block
		{
		width: 85%;
		margin-bottom: 30px;
		}

	.flotte-block-description
		{
		position: absolute;
		top: 0px;
		background-color: rgba(255,255,255,0.75);
		color: white;
		padding: 10px;
		height: 100%;
		width: 85%;
		text-align: left;
		display: none;
		}
		
	.flotte-block-description td
		{
		color: black;
		text-align: left;
		padding: 3px;
		font-size: 85%;
		}
		
	@media all and (max-width: 768px)
		{
		.flotte-block-description td
			{
			font-size: 66%;
			}
			
		.flotte-block h4
			{
			font-size: 66% !important;
			}
		}
		
	.flotte-element
		{
		position: absolute;
		top: 0px;
		left: 0px;
		background-color: red;
		padding: 5px;
		display: none;
		}
		
	.flotte-block-description-infos-velo-fa-youtube
		{
		position: absolute;
		bottom: 40px;
		left: 42%;
		color: red;
		font-size: 50px;
		cursor: pointer;
		adisplay: none;
		}

	.presentation-chiffres
		{
		color: #FCCE1C;
		text-align:center;
		font-size: 125%;
		transition: all 0.33s ease-in-out;
		}
		
	.presentation-chiffres:hover
		{
		atransform: scale(1.1);
		color: #FFCC29;
		}

	.presentation-chiffres-fa
		{
		font-size: 500%;
		}
		
	.stockage-block
		{
		display: inline-block;
		width: 33%;
		abackground-color: rgba(255,255,255,1);
		background-color: rgba(0,0,0,1);
		border-radius: 5px;
		margin: 50px;
		padding: 20px;
		acolor: black;
		color: white;
		vertical-align: top;
		font-size: 20px;
		}
		
	@media all and (max-width: 768px)
		{
		.stockage-block
			{
			width: 80%;
			margin-bottom: 0px;
			}
			
		#majordome-bulle-trait
			{
			display: none;
			}
		}
		
	.fa-big
		{
		font-size: 200%;
		}
		
	#footer a
		{
		color: #FFCC29;
		}
		
	.truckgo
		{	
		-webkit-animation-name: truckanim;
		-webkit-animation-duration: 50s;
		-moz-animation-name: truckanim;
		-moz-animation-duration: 50s;
		animation-name: truckanim;
		animation-duration: 50s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
		animation-delay: 0s;
		animation-iteration-count: 1;
		}
		
	@keyframes truckanim
		{
		0%
			{
			left: -20%;
			}
			
		100%
			{
			left: 300%;
			}
		}
		
	.theme-block
		{
		color: black;
		background-color: #FCCE1C;
		padding: 10px;
		font-size: 20px;
		width: 200px;
		display: inline-block;
		vertical-align: top;
		margin: 10px;
		border-radius: 3px;
		cursor: pointer;
		transition: all 0.33s ease-in-out;
		}

	.theme-block:hover
		{
		transform: scale(1.1);
		color: black;
		box-shadow: 3px 3px 3px rgb(0,0,0,0.25);
		}
		
	.qcm-choice
		{
		border-style: solid;
		border-color: white;
		border-width: 2px;
		padding: 5px;
		margin-top: 20px;
		cursor: pointer;
		transition: all 0.33s ease-in-out;
		}

	.qcm-choice:hover
		{
		background-color: white;
		color: black;
		border-color: white;
		transform: scale(1.01);
		}
		
	#qcm-time
		{
		position: fixed;
		bottom: 6%;
		top: inherit;
		right: 5px;
		font-size: 100px;
		color: white;
		}
		
	@media all and (max-width: 768px)
		{
		#qcm-time
			{
			bottom: inherit;
			top: 0px;
			background-color: rgba(0,0,0,0.5);
			}
		}

	.majordomego
		{	
		-webkit-animation-name: majordomeanim;
		-webkit-animation-duration: 3s;
		-moz-animation-name: majordomeanim;
		-moz-animation-duration: 3s;
		animation-name: majordomeanim;
		animation-duration: 3s;
		-webkit-animation-delay: 0s;
		-moz-animation-delay: 0s;
		animation-delay: 0s;
		animation-iteration-count: 1;
		animation: majordomeanim 3s;
		animation-fill-mode: forwards;
		}

	@keyframes majordomeanim
		{
		0%
			{
			bottom: -50%;
			}
			
		100%
			{
			bottom: 0px;
			}
		}