body{
		margin:0px;
		background-image:linear-gradient(120deg, #383838, #c3c3c3);
		text-align:center;
	}


	.sommaire{
		margin:20px;
		padding:4px;
		font-size:17px;
		font-family:arial;
		font-weight:bold;
		color:#ffffff;
		background-image:linear-gradient(120deg, #383838, #c3c3c3);
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.5);
		position:fixed;
		top:0px;
		height:auto;
		width:auto;
		border-radius:4px 20px 10px 4px;
	}


	.sommaire a{
		color:#ffffff;
		text-decoration:none;
	}



	.info_accueil{
		position:relative;
		top:0px;
		left:0px;	
		padding:10px;
		margin:100px;
		text-align:left;
		font-family:arial;
		font-size:20px;
		color:white;
	}



	.menu{
		margin:20px;
		padding:15px;
		font-size:20px;
		font-family:arial;
		font-weight:bold;
		color:#ffffff;
		background-image:linear-gradient(120deg, #383838, #c3c3c3);
		border-radius:10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.5);
	}



	.menu select{
		font-size:20px;
		font-family:arial;
		font-weight:bold;
		color:#ffffff;
		background-color:transparent;
		border:none;
		cursor:pointer;
		opacity:0.9;
	}


	.menu option{
		background-color:#c1c1c1;
		color:#383838;
		
	}



	.intro_3d{
		margin:20px;
		padding:20px;
		font-size:15px;
		font-family:arial;
		color:#D4CFB5;
	}



	.photo{
		max-width:100%;
		height:auto;
	}


	.photo_2{
		max-width:50%;
		height:auto;
	}



	.cadre_3{
		margin-top:-10%;
	}



	.texte_board{
		margin:10%;
		padding:20px;
		margin-top:5%;
		font-size:20px;
		font-family:arial;
		font-weight:bold;
		color:#ffffff;
		background-image:linear-gradient(140deg, #63b0e6, #178be7, #b4ddff);
		border-radius:10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.5);
		width:80%;
		height:auto;
		opacity:0.8;
		text-align:left;
		vertical-align:top;
	}



	.texte_board td{
		vertical-align:top;
	}




	.texte_board_verte{
		margin:10%;
		margin-top:0px;
		padding:20px;
		font-size:20px;
		font-family:arial;
		font-weight:bold;
		color:#ffffff;
		background-image:linear-gradient(140deg, #8BFF00, #009EFF, #60F017);
		border-radius:10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.5);
		width:80%;
		height:auto;
		text-align:left;
		vertical-align:top;
	}



	.texte_board_verte td{
		vertical-align:top;
	}




	.texte_board_orange{
		margin:10%;
		margin-top:0px;
		padding:20px;
		font-size:20px;
		font-family:arial;
		font-weight:bold;
		color:#ffffff;
		background-image:linear-gradient(140deg, #00203D, #FFA200, #00203D);
		border-radius:10px;
		box-shadow: 12px 2px 12px 2px rgba(0,0,0,0.5);
		width:80%;
		height:auto;
		text-align:left;
		vertical-align:top;
	}



	.texte_board_orange td{
		vertical-align:top;
	}



	.reflet{
		background-image:linear-gradient(140deg, #cce8ff, #178be7, #cce8ff);
		border-radius:20px 60px 20px 60px;
		padding:20px;
		padding-bottom:50px;
		margin:10px;
		color:#ffffff;
		font-size:20px;
		font-family:arial;
		float:left;
	}



	.reflet_services{
		background-image:linear-gradient(140deg, #cce8ff, #178be7, #cce8ff);
		
	}



	.reflet_produits{
		background-image:linear-gradient(140deg, #A0A19F, #C1C2C0, #A0A19F);
		width:100%;
		float:left;
		
	}


	.date{
		background-color:#00129A;
		box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.2);
		border-radius:10px;
		padding:5px;
		margin:10px;
		margin-left:0px;
		color:#ffffff;
		font-size:19px;
		font-family:arial;
		font-weight:bold;
	}



	.titre{
		border-radius:2px;
		color:#ffffff;
		font-size:24px;
		font-family:arial;
		font-weight:bold;
	}



	.description{
		color:#00224F;
		font-size:20px;
		font-family:arial;
		letter-spacing:1px;

	}



	.caracteristiques_produits{
		padding:20px;
		margin:10px;
		color:#003675;
		font-size:24px;
		font-family:arial;
		text-align:left;
		float:left;
	}




@media screen and (max-width: 1000px) {


.info_accueil{
		position:relative;
		top:0px;
		left:0px;	
		padding:10px;
		margin:60px;
		text-align:left;
		font-family:arial;
		font-size:20px;
		color:white;
	}


}