html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, input, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, summary,
time, mark, audio, video, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
a {
	text-decoration: none;
	color: black;
}

/*-------------------------GENERAL-----------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
		h1 {
		    font-family: Raleway, sans-serif;
		    font-weight: 600;
		    color: #2C98D6;
		    font-size: 1.5em;
		    margin-bottom: 2%;
		}
		h2 {
			margin-top: 2%;
			margin-bottom: 2%;
			font-family: Raleway, sans-serif;
			font-weight: 400;
			color: #2C98D6;
			font-size: 1.3em;
		}
		h3 {
			margin: 2%;
		    font-family: Raleway, sans-serif;
		    font-weight: 400;
		    color: #2C98D6;
		    font-size: 1.1em;
		}
		h4	{
			color: #343434;
			margin-left: 4%;
			margin-bottom: 1%;
			font-family: Raleway, sans-serif;
			font-weight: 600;
			font-size: 1.1em;
		}
		.block {
			width: 100%;
			float: left;
			display: block;
			font-family: Lato, sans-serif;
			padding-top: 55px;
		}

/*-------------------------Menu-------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
	nav	{
		background-color: #2C98D6;
		height: 55px;
		color: #efefef;
		width: 100%;
		position: fixed;
		top: 0;	
		border-bottom: 4px #fff solid;
		text-align: center;
		z-index: 100;

	}
	.menu a{
		color: white;
	}
		.menu ul {
			margin-top: 10px;
		}
		.menu li {
			display: inline-block;
			font-family: Raleway, sans-serif;
			font-weight: 600;
			font-size: 0.8em;
			padding: 10px;
			border-bottom: 2px #2C98D6 solid;
			margin-left: 10px;
			margin-right: 10px;
		}
		.menu li:hover {
		    border-bottom: 2px #efefef solid;
		    color: #efefef;
		}
		.logo_menu {
			width: 40px;
		}
		.return_homepage{
			float: left;
			margin-left: 5%;
			margin-top: 15px;
			display: inline-block;
		}

}

/*-------------------------BLOC1-------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
	#block1 {
		background-color: #efefef;
		width: 100%;
	}
	.block1_img {
		display: inline-block;
		overflow: hidden;
		width: 500px;
		padding-left: 15%;
	}
	.block1_img img {
		width: 499px;
	}
	.block1_txt {
		display: inline-block;
		width: 500px;
		margin-left: 2%;
	}
	.block1_txt p {
		color: #2C98D6;
	}
/*-------------------------BLOC3-------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
	#block3 {
		width: 1000px;
		padding-right: 15%;
		padding-left: 15%;
	}
	#block3 ul {
		margin-left: 4%;
		margin-bottom: 3%;
	}
	#block3 p {
		padding-left: 4%;
	}
	.block3_button {
		padding-left: 45%;
		padding-top: 10%;
	}
	#block3 button {
		text-transform: uppercase;
		color: #2C98D6;
		border: 3px #2C98D6 solid;
		font-size: 1.3em;
		padding: 2%;
		background-color: #fff;
	}
		#block3 button:hover {
		text-transform: uppercase;
		color: #fff;
		border: 3px #fff solid;
		font-size: 1.3em;
		padding: 2%;
		background-color: #2C98D6;
		transition: 0.5s;
	}
/*-------------------------BLOC4-------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
	#block4 {
		width: 100%;
		height: auto;
	}
	.h2_tableau {
		color: #efefef;
		padding-top: 2%;
	}
	.container_tableau {
		background-color: #2C98D6;
		padding-left: 10%;
	}
	.tableau {
		background-color: #fff;
		display: inline-block;
		text-align: center;
		padding: 1%;
		margin-left: 2%;
		margin-right: 2%;
		margin-bottom: 2%;
		width: auto;
	}
	.tableau h4 {
		padding: 1%;
		border-bottom: 1px #2C98D6 solid;
	}
	.tableau td {
		padding: 3%;
		border:2px #fff solid;
		width: 40px;
		text-align: center;
	}
	.tableau_jour {
		font-weight: 600;
	}
	.tableau_reserved {
		background-color: #db493e;
		color: #efefef;
	}
	.tableau_froid {
		background-color: #BB93F2;
		color: #efefef;
	}
	.tableau_tiede {
		background-color: #80A2F2;
		color: #efefef;
	}
	.tableau_chaud {
		background-color: #4DC663;
		color: #efefef;
	}
	.tableau_vierge {
		color: #fff;
	}
	.container_tableau p {
		color: #efefef;
		font-size: 1.1em;
		font-weight: 600;
		float: left;
		margin-top: 10px;
	}
	.bloc_couleur1 {
		float: left;
		background-color: #BB93F2;
		width: 40px;
		height: 35px;
		margin-right: 10px;
	}
	.bloc_couleur2 {
		float: left;
		background-color: #80A2F2;
		width: 40px;
		height: 35px;
		margin-right: 10px;
	}
	.bloc_couleur3 {
		float: left;
		background-color: #4DC663;
		width: 40px;
		height: 35px;
		margin-right: 10px;
	}
	.bloc_couleur4 {
		float: left;
		background-color: #db493e;
		width: 40px;
		height: 35px;
		margin-right: 10px;
	}
	.bloc_tarif {
		width: 13%;
		height: 50px;
		vertical-align: middle;
		margin-bottom: 3%;
		display: inline-block;
	}
	.bloc_tarif2 {
		width: 14%;
		height: 50px;
		vertical-align: middle;
		margin-bottom: 3%;
		display: inline-block;
		border: 2px #fff solid;
		padding-left: 10px;
	}
/*-------------------------BLOC5-------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
	#block5 p {
		margin-left: 19%;
		text-transform: uppercase;
		font-weight: 400;
		margin-bottom: 4%;
	}
	.contact_h2 {
		margin-left: 15%;
	}
	#block6 {
		background-color: #2C98D6;
		color: #efefef;
		text-align: center;
		font-size: 1.1em;
		font-weight: 300;;
		margin-top: 2%;
	}
	#block6 ul {
		margin-bottom: 2%;
		font-family: Raleway, sans-serif;
	}
	#block6 h2 {
		color: #efefef;
		margin-top: -2%;
	}
	#block6 li {
		margin-bottom: 10px;
	}
	#block6 p {
		font-weight: 300;
		font-size: 1em;
	}

/*-------------------------FOOTER-------------------------------
---------------------------------------------------------------
---------------------------------------------------------------
---------------------------------------------------------------*/
		footer {
			padding-top: 10px;
			padding-bottom: 10px;
			text-align: center;
			float: left;
			width: 100%;
		}
		footer p {
			font-family: Lato, sans-serif;
		    font-weight: 400;
		    color: #000;
		    font-size: 0.8em;
		    margin-top: 1%;
	}