﻿

	body{
		margin:0px;
		background-image:linear-gradient(340deg, #62A6FF, #ffffff, #62A6FF);
		text-align:center;
	}




	.sommaire{
		float:left;
		background-image:url(kit_1.png);
		position:fixed;
		top:0px;
		height:auto;
		width:auto;
		color:white;
		padding:10px;
		margin:10px;
		font-family:arial;
		font-size:17px;
		letter-spacing:2px;
		font-style:italic;
		border-radius:17px 20px 40px 10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.1);
		border-bottom:2px solid #FFCE58;
		border-right:2px solid #FFE6B0;
	}


	.sommaire a{
		color:#ffffff;
		text-decoration:none;
	}




	.titre_sommaire{
		float:left;
		position:relative;
		text-align:left;
		font-family:arial;
		font-size:24px;
		color:blue;
		padding:40px;
		width:auto;
	}



	.info_accueil{
		float:left;
		position:relative;
		top:0px;
		left:0px;	
		padding:10px;
		margin:60px;
		text-align:left;
		font-family:arial;
		font-size:20px;
		color:blue;
	}




	.sommaire_accueil{
		float:left;
		position:relative;
		top:0px;
		left:0px;	
		padding:10px;
		margin:20px;
		margin-left:80px;
		text-align:left;
		font-family:arial;
		font-size:20px;
		color:blue;
		line-height:40px;
	}



	.image_3d{		
		width:100%;
		height:auto;
	}





	.nav{
		float:left;
		background-image:url(kit_1.png);
		width:200px;
		color:white;
		padding:10px;
		margin:10px;
		font-family:arial;
		font-size:24px;
		letter-spacing:5px;
		font-style:italic;
		border-radius:17px 20px 40px 10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.1);
		border-bottom:2px solid #FFCE58;
		border-right:2px solid #FFE6B0;
	}



	.nav_choix{
		float:left;
		background-image:url(kit_1.png);
		width:200px;
		color:white;
		padding:10px;
		margin:10px;
		font-family:arial;
		font-size:24px;
		letter-spacing:5px;
		font-style:italic;
		border-radius:17px 20px 40px 10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.1);
		border-bottom:2px solid #2DEB00;
		border-right:6px solid #2DEB00;

	}



	.produit_1{
		float:left;
		color:#00A6ED;
		font-family:arial;
		font-size:24px;
		letter-spacing:1px;
		width:100%;
		background-image:linear-gradient(-10deg, #62A6FF, #ffffff, #62A6FF);
	}


	.service_1{
		float:left;
		margin-top:0px;
		color:#00A6ED;
		font-family:arial;
		font-size:48px;
		letter-spacing:4px;
		width:100%;
		background-image:linear-gradient(-10deg, #62A6FF, #ffffff, #62A6FF);
	}


	.texte_1{
		color:#ffffff;
		font-family:arial;
		font-size:48px;
		letter-spacing:4px;
		padding:40px;
	}




	.contact{
		float:left;
		padding-top:110px;
		padding-bottom:110px;
		background-image:linear-gradient(-10deg, #62A6FF, #ffffff, #62A6FF);
		width:100%;
		color:#00A6ED;
		font-family:arial;
		font-size:24px;
		letter-spacing:1px;
	}



	.contact img{
		border-radius:60px 20px 160px 20px;
		bx-shadow: 12px 2px 12px 2px rgba(0,0,0,0.1);
		max-width:80%;
	}




	.kit_3{
		background-color:#91CFED;
		margin:20px;
		margin-left:40px;
		margin-top:-60px;
		margin-bottom:-60px;
		box-shadow: 0px 0px 10px 10px rgba(0,164,255,0.2);
		padding:80px;
		padding-bottom:80px;
		padding-left:80px;
		border-radius:300px 10px 300px 10px;
	}





@media screen and (max-width: 1000px) {


	.texte_1{
		color:#ffffff;
		font-family:arial;
		font-size:24px;
		letter-spacing:4px;
		padding:20px;
	}




	.contact{
		float:left;
		padding-top:50px;
		padding-bottom:50px;
		background-image:linear-gradient(-10deg, #62A6FF, #ffffff, #62A6FF);
		width:100%;
	}



	.contact img{
		border-radius:60px 20px 100px 20px;
		bx-shadow: 12px 2px 12px 2px rgba(0,0,0,0.1);
		max-width:100%;
	}


	

	.kit_3{
		background-color:#91CFED;
		width:80%;
		margin:10px;
		margin-left:10px;
		margin-top:-10px;
		margin-bottom:-10px;
		box-shadow: 0px 0px 10px 10px rgba(0,164,255,0.2);
		padding:20px;
		padding-bottom:20px;
		padding-left:20px;
		border-radius:100px 10px 100px 10px;
	}


}
