/*page1 : Préparation*/
	.RondTitre{
		margin: auto;
		position:relative;
		top: -40px;
		width:80px;
		height:80px;
		border-radius:45px;
		border:2px solid white;
		background:rgb(35,50,50);
	}
	.RondTitreInt1{
		position:absolute;
	}
	.RondTitreInt2{
		position:absolute;
		font-family:Roboto;
		font-size:80px;
		top: 5px;
		left: 51px;
		text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
	}
	
	.blocP1{
		width:70%;
		padding:20px;
		margin-top:20px;
		border-radius:15px;
		background:rgba(5, 20, 20, 1);
		display:inline-block;
	}



/*page2 : Matériel*/
	.MatosLogos{
		margin:auto;
		text-align:center;
		width:80%;
		border-radius:15px;
		background:rgba(5, 20, 20, 1);
	}
	#MatosSelect{
		background:rgba(5, 20, 20, 1);
		margin:auto;
		text-align:center;
		width:250px;
		line-height:2em;
		border-radius:5px;
		color: white;
		font-family: 'Roboto';
		font-weight: 900;
	}
	.MatosConteneurSuricates{
		width:200px;
		padding:0px 120px 0px 60px;
		text-align:center;
		display:inline-block;
		margin:0px;
		position: relative;
	}
	.BoutonMatosLogo{
		vertical-align:bottom;
		color:white;
	}
	.BoutonMatosLogo:hover{
		color:rgb(30,30,160);
		cursor:pointer;
	}
	.RondMatos{
	}
	.RondMatos:hover{
		border: 2px dotted white;
		cursor:pointer;
	}
	#M_main{
		width:30px;
		height:30px;
		border-radius:17px;
		position: absolute;
		top: 110px;
		left: 220px;
	}
	#M_pied{
		width: 60px;
		height: 50px;
		border-radius: 50px;
		position: absolute;
		top: 150px;
		left: 195px;
	}
	#M_tete{
		width: 80px;
		height: 80px;
		border-radius: 50px;
		position: absolute;
		top: -10px;
		left: 165px;
	}
	#M_corps{
		width: 130px;
		height: 150px;
		border-radius: 70px;
		position: absolute;
		top: 40px;
		left: 140px;
	}
	#T_main{
		width: 30px;
		height: 30px;
		border-radius: 17px;
		position: absolute;
		top: 120px;
		left: 185px;
	}
	#T_pied{
		width: 60px;
		height: 50px;
		border-radius: 50px;
		position: absolute;
		top: 170px;
		left: 160px;
	}
	#T_tete{
		width: 80px;
		height: 80px;
		border-radius: 50px;
		position: absolute;
		top: -10px;
		left: 135px;
	}
	#T_corps{
		width: 130px;
		height: 180px;
		border-radius: 70px;
		position: absolute;
		top: 40px;
		left: 115px;
	}
	.DetailMatos{
		display:none;
	}
	.DetailMatosCateg{
		border-left:1px solid black;
		padding-top:10px;
		margin-left:20px;
		padding-left:10px;
	}
	.TableauComparatif{
		width: 100%;
		height: 380px;
		background:rgba(5, 20, 20, 1);
		margin: auto;
		border-radius: 10px;
	}
	.BarreGraph{
		width:8%;
		background:rgb(30,30,160);
		display:inline-block;
		margin:0px;
		position:relative;
		top:20px;
	}
	.EntreBarreGraph{
		width:4%;
		display:inline-block;
		margin:0px;
	}
	.CompMatosLogo{
		width:8%;
		display:inline-block;
		margin-top:10px;
		text-align:center;
		color:white;
	}
	
	
/*Page 3 : Qui sommes nous ? */
	.RondProfil{
		width:150px;
		height:150px;
		border-radius:75px;
		border : 2px solid white;
		display:inline-block;
		vertical-align:middle;
		margin-left:20px;
		margin-right:20px;
	}

	.BlocMT{
		display:inline-block;
		vertical-align: top;
		width:45%;
		padding:20px;
		margin-top:20px;
		border-radius:15px;
		background:rgba(5, 20, 20, 1);
	}
	.NomMT{
		text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;
		color:white;
		font-size: 2.5em;
	}
	.CommentaireMT{
		margin-top:10px;
		font-style:italic;
		font-size:0.9em;
		font-weight:bold;
		text-align:center;
	}
	.TitreMT{
		font-size:1.3em;
		color:white;
	}
	.TextMT{
		margin-left:10px;
		border-left:1px solid white;
		padding-left:5px;
		display:none;
		color:white;
	}
	.BoutonPlus{
		vertical-align:bottom;
		color:rgb(150,150,150);
	}
	.BoutonPlus:hover{
		color:rgb(30,30,90);
		cursor:pointer;
	}