/* Reset du Margin et Padding standard */
* {
	margin: 0;
	padding: 0;
}

/* Définition des polices */
@font-face {
	font-family: 'Ethnocentric';
	font-weight: normal;
	src: url(fonts/ethnocentric-rg.otf) format('opentype');
}

@font-face {
	font-family: 'Roboto';
	font-weight: bold;
	src: url(fonts/Roboto-bold.ttf) format('truetype');
}

@font-face {
	font-family: 'Share Tech Mono';
	font-weight: normal;
	src: url(fonts/ShareTechMono-Regular.ttf) format('truetype');
}

@font-face {
	font-family: 'Titan One';
	font-weight: normal;
	src: url(fonts/TitanOne-Regular.ttf) format('truetype');
}

body {
	font-family: Roboto, Arial, sans-serif;
	color: black;
	background-image:url('images/background2.jpg');
	background-attachment: fixed;
	background-size: cover;
	padding: 0 5px 0 5px;
}

/* Pour les tests afin de visualiser les div */
div {
	border:0px solid black;
}

/* Zone d'Entête de page */
#entete {
	display: flex;
	flex-direction: row;
	width: 700px;
	height: 172px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	/*background-color: rgba(255, 255, 255, 0.5);*/
}
#logo {
	display: flex;
	float: left;
	height: 100%;
}
#titre {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

#txt-titre {
	font-family: Ethnocentric, sans-serif;
	color:black;
	font-size: 32px;
	text-shadow: dimgray 3px 3px 5px;
}

#txt-sstitre {
	font-family: Roboto, sans-serif;
	color: darkblue;
	font-size: 30px;
	font-weight: normal;
	text-shadow: dimgray 3px 3px 5px;
}

/* Zone principale */
#main {
	width: 700px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}

.box {
	display: flex;
	flex-flow: row wrap;
}
.outlined {
	border: 2px solid darkblue;
	padding: 5px;
	margin-bottom: 5px;
	box-shadow: dimgray 3px 3px 5px;
}
.vcenter {
	align-items: center;
}
.hcenter {
	justify-content: center;
}

#server {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}
#commands {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
}
#exe {
	width: 240px;
	background-color: rgba(255, 255, 255, 0.5);
}
#rcon {
	width: 420px;
	background-color: rgba(255, 255, 255, 0.5);
}
#paramSrv {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.5);
}

.blocStatut {
	display: flex;
	flex-direction: row;
	justify-content:flex-start;
	width: 100%;
	height: 26px
}
.blocCommande {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;	
	width: 100%;
	height: 48px;
}

/* Libellé des statuts */
.libStatut {
	font-family: Roboto, sans-serif;
	color: black;
	font-size: 20px;
	font-weight: bold;
	margin-right: 10px;
}

/* Pavés de Statut */
.statut{
	font-family: Roboto, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid black;
	height: 22px;
	width: 106px;
	line-height:24px;
	text-align:center;
}

/* Boutons de commande */
.btn-cmd {
	font-family: Roboto, sans-serif;
	font-weight: bold;
	font-size: 14px;
	margin-left: 4px;
	margin-right: 4px;
	padding: 2px 8px 2px 8px;
	height: 26px;
}

/* Couleur des Statuts selon les états */
.inconnu {
	color: black;
	background-color: grey;
}

.on {
	color: white;
	background-color: green;
}
.off {
	color: yellow;
	background-color: red;
}
.start {
	color: black;
	background-color: yellow;
}



#cmd-report {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#xcmd {
	font-family: Share Tech Mono, sans-serif;
	font-size: 14px;
	margin-left: 20px;
	background-color: darkgrey;
}