	* {
		box-sizing:border-box;
		font-family:Segoe, Segoe UI, DejaVu Sans, Trebuchet MS, Verdana," sans-serif";
	}
	html {
		scroll-behavior: smooth;
	}
	body {
		margin:0;
		padding:0;
		overflow-x:hidden;
		overflow-y:scroll;		
	}

	.sectitre {
		color:#FFFFFF;
		background: linear-gradient(45deg, #1b8a91 0%, #32caba 100%);
		margin: 50px 0;
	}
	.section .illustration {
		width:100%;
		margin: 0 auto;
	}


	.text {
		padding:15px;
	}
	h1, h2 {
		font-size:2em;
		text-transform:uppercase;
	}
	h3 {
		width:100%;
		text-transform:uppercase;
		font-weight: normal;
		font-size:1em;
	}
	strong {
		display:block;
		font-size:1.5em;
		font-weight: normal;
		padding:15px 0;
	}

	.bouton {
		display:block;
		text-decoration: none;
		width:135px;
		margin: 35px 0 21px 0;
		padding: 5px;
		text-align: center;
		border-radius: 16px;
		cursor : pointer;
	}
	.btblanc {
		border:solid 1px #FFFFFF;
		color : #FFFFFF;
	}
	.btblanc:hover {	
		background-color:#FFFFFF;
		border:solid 1px #FFFFFF;
		color : #1b8a91;
	}
	.btnoir {
		border:solid 1px #000000;		
		color : #000000;
	}
	.btnoir:hover {
		background-color:#000000;
		border:solid 1px #000000;
		color : #FFFFFF;
	}	

	.offre {
		width:100%;		
		background-color:#FFFFFF;
		border-radius: 10px;
	}
	.offre ul {
		list-style: none;
 		padding-left: 0px;
	}
	.offre li {
		text-align:center;
	}

	.slidecmd {
		display:flex;
		flex-direction: row;
		justify-content: center;
		margin:0;
		padding:0 0 50px 0;
	}
	.slidebouton:hover {
		transform: scale(2);
	}
	.slidebouton {
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		width:10px;
		height:10px;
		border-radius:5px;
		cursor:pointer;
		margin:0 5px;
		transition: transform 0.2s;
	}

	.pied {
		box-shadow: 0 0 1px 1px rgba(29,17,51,.04),0 0 3px 2px rgba(9,32,77,.12),0 0 2px -3px rgba(29,17,51,.12);
	}
	.pied ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.pied li {
		padding : 2px 0;
	}
	.pied a {
		text-decoration:none;
		color:#FFFFFF;
	} 

	.point {
		transition : transform 0.5s;
	}
	.point:hover {
		transform: translateY(-5px);
		-webkit-transform: translateY(-5px);
	}