/* FTout pour le Texte couleur des caractères -*/

#mosaique {
	width: 100%;
	height: auto;
	margin: 0 auto;
	}

#maroon {
	display: inline-block;  
	padding: 10px;
	width:100px;
	height:100px;
	background:maroon;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	border-width:1px;
	border-style:solid ;
	border-color:black;
	font-weight: bold;
	color: yellow;
	}

#red {
	display: inline-block;  
	padding: 10px;
	width:100px;
	height:100px;
	background:red;
	border-width:1px;
	border-style:solid ;
	border-color:black;
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#orange {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:orange;
	border-width:1px;
	border-style:solid ;
	border-color:black;
	text-align: center;
	font-weight: bold;
	color: red;
	}

#yellow {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:yellow;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: maroon;
	}

#olive {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:olive;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#purple {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:purple;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#fuchsia {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:fuchsia;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: white;
	}

#white {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:white;
	border-width:1px;
	border-style:solid ;
	border-color:black;
	text-align: center;
	font-weight: bold;
	color: black;
	}

#lime {
	display: inline-block;
	padding: 10px;	
	width:130px;
	height:100px;
	background:lime;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: blue;
	}

#green {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:green;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#navy {
	display: inline-block;
	padding: 10px;
	width:130px;
	height:100px;
	background:navy;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#blue {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:blue;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: yellow;
	}
	
#aqua {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:aqua;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: navy;
	}

#teal {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:teal;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#black {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:black;
	border-width:1px;
	border-style:solid ;
	text-align: center;
	font-weight: bold;
	color: yellow;
	}

#silver {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:silver;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: black;
	}

#gray {
	display: inline-block;
	padding: 10px;
	width:100px;
	height:100px;
	background:gray;
	border-width:1px;
	border-style:solid ;
	border-color:black;	
	text-align: center;
	font-weight: bold;
	color: navy;
	}