* {
		padding:0;
		margin:0;
	}
	
html, body {
		height:100%;
		
	}
	
/* Smooth scrolling sur l'entièreté du site */
html {
	scroll-behavior: smooth;
	text-overflow: ellipsis;
	word-wrap: break-word;
}

body {
		font-family:verdana, sans-serif;
		background-image: url(../img/fond01.jpg); 
		background-repeat: repeat-y;
		background-size: 100%;
		
		color:grey;
		
	}

@font-face {
  font-family: 'Amatic SC';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/amatic-sc-v24-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/amatic-sc-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/amatic-sc-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/amatic-sc-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/amatic-sc-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/amatic-sc-v24-latin-regular.svg#AmaticSC') format('svg'); /* Legacy iOS */
	
	}


	
h1 {	
		text-align: center;
		font-family:Amatic SC, normal;
		font-weight:normal;
		color:rgba(0, 0, 0, 0.8);
		font-size : 150px;
		line-height : 1em;
	}
	
h2 {	
		text-align: center;
		font-family:Amatic SC, normal;
		font-weight:normal;
		color:rgba(0, 0, 0, 0.8);
		font-size : 100px;
		line-height : 1em;
		margin-top : 80px;
		margin-bottom : 0px;
	}

p {		
		text-align: justify;
		margin-top: 40px;
		margin-bottom: 40px;
		
}

li {		
		margin-top: 40px;
		margin-bottom: 40px;
		text-decoration:none;
		
}
	
.cadre01 {
		text-align:center;
		margin:auto;
		margin-top: 50px;
		margin-bottom: 50px;
		width:95%;
		max-width:800px;
	}

.texte {
		font-size:1.5em;
		margin:auto;
		margin-top: 50px;
		margin-bottom: 50px;
		width:95%;
		max-width:800px;
	}
	
.cadre02 {
		margin:auto;
		width:95%;
		max-width:800px;
		background-color:rgba(0, 0, 0, 0.5);
		border-radius: 10px;
	}

.texte2 {
		margin:auto;
		padding:20px 0 20px 0;
		font-size:1em;
		text-align:left;
		width:80%;
		color:white;
	}
	
.texte3 {
		
		font-size:1em;
		margin:auto;
		margin-top:40px;
		width:70%;
	}
	
.ombre {
		max-width:800px;
		box-shadow: 20px 20px 15px 0px rgba(0, 0, 0, 0.3);
	}

	
.boutton_menu {
	display:inline-block;
	color:white;
	background-color:rgb(133, 160, 181);
	padding:15px;
	margin:5px;
	border-radius: 10px;
}

.boutton_achat {
	margin:5px;
	display:inline-block;
	width:50px;
	vertical-align: middle;
}

.boutton_menu_gris {
	display:inline-block;
	color:white;
	background-color:rgb(192,192,192);
	padding:15px;
	margin:5px;
	border-radius: 10px;
}
	
.bas_page {	
		text-align:center;
		font-size:normal;
		margin:auto;
		margin-bottom: 50px;
		width:95%;
		max-width:800px;
	}
	
.bas_chapitre {	
		text-align:center;
		font-size:normal;
		margin:auto;
		margin-bottom: -10px;
		width:100%;
		max-width:800px;
	}

.separation {	
		width:100%;
		max-width:800px;
		margin:auto;
	}
	
.velo {	
		margin:50px;
	}
	
.bouton {
		
		display: inline-block;
		border-radius: 20px;
		border:1px solid black;
		padding-top:30px;
		padding-bottom:30px;
		padding-left:50px;
		padding-right:50px;
		background-color: rgb(131, 168, 213);
		box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.3);
		font-size:40px;
		color:white;
		margin-bottom:50px;
	}

.marge {	
		height:100px;
	}