.champ {
    width:300px;
	text-align: center;
}

@font-face {font-family: "SpinC";src: url('./fonts/SPINC.ttf');}
@font-face {font-family: "Crysisb";src: url('./fonts/CRYSISB.ttf');}
@font-face {font-family: "GearsOfPeace";src: url('./fonts/GearsOfPeace.ttf');}


body {
/*	background-color: #192639;*/
	background-color: #565555;

	font-family: Verdana, sans-serif, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; 
	font-size: 100%;
	color: #9df9f7;
}

body.black {
	background-color: black;
}

.button1 {
	display:inline-block;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
	background: blue;
	color: #fff;
	width: 40%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 18px;
	border-radius: 5px;
	transition: all 0.3s ease-in 0s;
}

.button1:hover {
	background: #333;
	border-color: blue;
}

nav li {
	display:inline;
	padding: 4px 4px 4px 4px;
	margin:0;
}

a.bouton {
 /** Ces directives indiquent au lien de ressembler à un bouton pour les principaux moteurs de rendu **/
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 /**Les directives en dessous enlèvent l'apparence par défaut en bleu et avec du texte souligné pour un lien hypertexte **/
 text-decoration: none;
 color: initial;
}

#index {
	color: white;
}

.description {  /* dans la page de description du commandant et des troupes */
	margin-left: 20px;
} 

.formulaire{
	background-color:grey;
} 

td {
	text-align: center;
  }