html
	{
	height: 100%;
	}

*
	{
	font-family: 'Cuprum';
	}

body
	{
	padding: 0px;
	margin: 0px;
	background-color: white;
	color: black;
	height: 100%;
	overflow-x: hidden;
	}

input,textarea
	{
	color: black;
	}

#fondfenetre
	{
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	z-index: 4;
	display: none;
	}

#chargement
	{
	position: fixed;
	top: 0px;
	padding: 50px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.75);
	display: none;
	}
	
h1
	{
	color: black;
	font-size: 300%;
	margin: 0px;
	padding: 0px;
	apadding-top: 5%;
	letter-spacing: 3px;
	text-transform: uppercase;
	}
	
h2
	{
	acolor: white;
	acolor: black;
	color: #FCCE1C;
	text-align: center;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	abackground-color: #FCCE1C;
	background-color: black;
	font-size: 50px;
	aborder-style: solid;
	border-width: 3px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
    border-style: dashed;
	aborder-color: black;
	border-color: white;
	aborder-color: rgb(255, 250, 0);
	font-family: 'Cuprum';
	}
	
h3
	{
	font-size: 300%;
	text-align: center;
	padding: 0px;
	margin: 0px;
	color: black;
	background-color: #FCCE1C;
	font-family: 'Cuprum';
	}
	
li
	{
	afont-size: 16px;
	font-size: 18px;
	}
	
td
	{
	vertical-align: top;
	font-size: 16px;
	padding: 5px;
	}

label
	{
	abackground-color: rgb(0, 150, 255);
	background-color: #FCCE1C;
	acolor: white;
	color: black;
	padding: 2px;
	font-size: 16px;
	}

option
	{
	font-family: 'Arial';
	}

a:hover
	{
	text-decoration: none;
	}
	
#menu
	{
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 3;
	}
	
.menu-options
	{
	padding: 5px;
	display: inline-block;
	color: black;
	background-color: white;
	font-size: 20px;
	letter-spacing: 1.5px;
	}
	
#content
	{
	position: relative;
	z-index: 2;
	margin-top: 24%;
	}

#content2
	{
	margin: 2%;
	padding: 5.5%; padding-top: 0px; padding-bottom: 2%;
	margin-top: 0px;
	background-color: white;
	font-size: 18px;
	text-align: justify;
	}

#offres
	{
	abackground-color: rgb(0, 150, 255);
	background-color: white;
	padding-top: 5%;
	padding-bottom: 5%;
	}

.offresblocks
	{
	width: 375px;
	display: inline-block;
	background-color: white;
	margin: 2.5%;
	margin-right: 2%;
	margin-left: 3%;
	padding: 2%;
	font-family: 20px;
	vertical-align: top;
	text-align: left;
	border-radius: 5px;
    border-width: 2px;
    border-style: dashed;
    border-color: #DDD;
    box-shadow: none;
	}
	
.offresblocks-btn
	{
	margin-top: 10%;
	}
	
.optionblock
	{
	color: white;
	abackground-color:  rgb(0, 150, 255);
	background-color: #FCCE1C;
	margin: 5px;
	padding: 3px;
	}
	
.format-txt
	{
	position: absolute;
	top: 2px;
	left: 17.5px;
	color: rgb(0,150,255);
	abackground-color: white;
	padding: 3px;
	}
	
.img-illustration
	{
	background-color: white;
	color: grey;
	width: 100%;
	height: 100px;
	text-align: center;
	font-size: 35px;
	cursor: pointer;
	}

#footer
	{
	background-color: black;
	color: white;
	text-align: center;
	padding-top: 1%;
	padding-bottom: 1%;
	}
	
@media (max-width: 768px)
	{
	h1
		{
		font-size: 200%;
		}

	#home-img h3
		{
		font-size: 150%;
		}

	#menu
		{
		top: auto;
		bottom: 0px;
		background-color: white;
		width: 100%;
		}

	#content
		{
		margin-top: 30%;
		}
	}