/* STYLE background site */
body{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	float:center;
	position:relative;
	background-color:black;
	font-family: 'Roboto', sans-serif;
	color:white;
}
a{
	text-decoration:none;
}
.lien{
	color:#2EA3F2;
}
a.lien:hover{
	color:#ffa800;
}
.txt-red{
	color:red;
}
.float-r{
	float:right;
}
.float-l{
	float:left;
}
.site{
	max-width:100%;
	min-width:350px;
	height:auto;
	min-height:400px;
}
.corps-site{
	max-width:60%;
	min-width:350px;
	height:auto;
	min-height:400px;
}

/* STYLE header site */

.box-header{
	max-width:100%;
	height:auto;
}
.box-logo{
	max-width:100%;
	height:auto;
	min-height:30px;
	padding:2vw;
}
.img-logo{
	max-width:100%;
	min-height:30px;
}
.nav-bar{
	max-width:100%;
	height:25px;
}
.lien-bar{
	padding:0.4vw;
	vertical-align:middle;
	font-size:calc(8px + 0.5vw);
	text-transform: uppercase;
	color:white;
}
.lien-bar:hover{
	color:#ffa800;
}

/* STYLE corps site */

.box-contenu{
	max-width:100%;
	height:auto;
	min-height:500px;
	padding:2vw;
}
.titre-contenu{
	padding-bottom:1vw;
	max-width:100%;
	font-size: calc(8px + 0.4vw);
}
.sous-titre{
	font-size: calc(8px + 0.4vw);
}
a.sous-titre:hover{
	color:#ffa800;
}

/* table style */

.padding-tab{
	padding-top:0.5vw;
	padding-left:0.5vw;
	padding-bottom:0.5vw;
}
.tab{
	max-width:100%;
	height:auto;
	text-align:left;
	vertical-align: middle;
}
.tab-row{
	display:table-row;
	vertical-align: middle;
}
.tab-col{
	display: table-cell;
	max-width:100%;
}

/* STYLE footer site */
.box-footer{
	max-width:100%;
	max-height:150px;
	min-height:70px;
	border-top:2px solid #ffa800;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #161616;
	position:static;
	bottom:0;
}
.foo-img-CR{
	min-width:80px;
	max-width:6vw;
	height:auto;
	padding:2vw;
}
.foo-img-CP{
	width:4vw;
	min-width:50px;
	min-height:50px;
}
.foo-img-log{
	width:2vw;
	min-width:25px;
	min-height:25px;
	padding:0.5vw;
	border-radius:15px;
}
.foo-esp-1{
	min-width:75px;
	max-width:25%;
}
.foo-esp-2{
	min-width:75px;
	max-width:25%;
}
.foo-esp-3{
	min-width:75px;
	max-width:25%;
}
.foo-esp-4{
	min-width:75px;
	max-width:25%;
}
.lien-footer{
	font-size: calc(8px + 0.3vw);
}
/* GESTION ADMIN */

.menu-nav{
	width:90%;
    padding:1vw;
}
.block-menu-nav{
    max-width:130px;
	min-width:80px;
    min-height:80px;
	height:auto;
	padding:0.5vw;
	box-shadow: 0px 1px 0px 0px transparent;
}
.block-menu-nav:hover{
	box-shadow: 0px 1px 0px 0px #ffa800;
	color:#ffa800;
}
.img-gest{
	max-width:100%;
	height:80px;
	border-radius:2px;
	vertical-align: middle;
}
.lien-menu{
    font-size: calc(8px + 0.3vw);
	vertical-align: middle;
	padding:0.5vw;
	color:white;
}
.lien-menu:hover{
    color:#ffa800;
}
.ret-lien-menu{
    font-size: calc(8px + 0.3vw);
    padding:0.2vw;
}

/* STYLE DIVERS */

/* formulaires */
fieldset{
	border:0px;
	padding:0px;
}
.formulaire{
	max-width:11vw;
	min-width:150px;
	height:auto;
	border:2px solid #ffa800;
	border-radius:5px;
	background-color:#161616;
	padding:0.5vw;
}
.sous-titre-formulaire{
	font-size: calc(8px + 0.3vw);
}
.text-formulaire{
	font-size:calc(8px + 0.2vw);
}
.lien-form{
	font-size:calc(12px + 0.2vw);
}
.brdinp{
	width:10vw;
	min-width:140px;
	font-size:calc(10px + 0.2vw);
	background-color: white;
}
.er-form{
	font-size:calc(8px + 0.2vw);
	color:red;
}

/* Statistiques */

.tab-stats{
	width:7vw;
	min-width:100px;
    height:200px;
    padding:0.2vw;
	vertical-align: middle;
    background-color:#ffa800;
    border:1px solid white;
    border-radius:2px;
}
.vue-global{
    font-size: calc(8px + 0.3vw);
	padding:0.2vw;
    font-weight:bold;
    color:black;
}
.lien-stats{
	max-width:180px;
	font-size: calc(8px + 0.2vw);
	padding:0.1vw;
    color:black;
}
.nbr-stats{
    width:25px;
	font-size: calc(8px + 0.2vw);
    color:white;
    background-color: black;
	padding:0.1vw;
    text-align: right;
	vertical-align: middle;
    border-radius: 2px;
}

/* Box info/erreur */

.info{
	max-width:100%;
	min-width:300px;
	height:auto;
}
.info-bulle{
    max-width:50%;
	min-width:300px;
	height:auto;
	font-size:calc(10px + 0.3vw);
	color:black;
	background-color:white;
    border-radius:2px;
}
.erreur{
    text-align:center;
    color:black;
}
.information{
    text-align:center;
    color:black;
}
.pseudo{
	font-size:calc(8px + 0.5vw);
	color:red;
}
.redirec{
	font-size:calc(6px + 0.3vw);
	color:black;
}
.lieninfo{
	font-size:calc(8px + 0.2vw);
	color:black;
	text-decoration:none;
}