/******************/
/*	GLOBAL				*/
/******************/
html, body {
	font-family: "Roboto Condensed", Arial, sans-serif;
	font-size: 16px;
	width: auto;
	padding: 0;
	margin: 0;
	font-weight: 300;
	font-size: 16px;
	color: #444;
	line-height: 1.5em;
}

body {
  background: none;
  background-color:white;
  z-index:0;
}

a {
	color: inherit;
	cursor: pointer;
	text-decoration:none;
	font-size:inherit;
	vertical-align:inherit;
}

.p-like {
	margin: 8px 0;
}

/******************/
/* BOITE CONTENT	*/
/******************/
.page-content{
	max-width:1200px;
	margin:0 auto;
	padding-top:35px;
}

.inner-content{
	margin:auto;
	max-width:800px;

	padding-right:20px;
	padding-left:20px; 
}

.inner-content .m-label{
	margin-left:0;
	color:#7397D1;
	font-size:0.9em;
	font-style:italic;
}
.inner-content .m-text{
	margin-left:15px;
	display:block;
	color:#2F548F;
	font-size:1.1em;
}

.inner-content .m-text{
	display:block;
}

.m-space{
	padding-left:20px; 
}


/**********************/
/*	FORMULAIRES				*/
/**********************/
.inputrequired{
	color:red;
	margin-left:0.3em;
}

label{
	display: block;
	margin-bottom:5px;
	text-align:left;
}

button{
	border:none;
	background:transparent;
	padding:0px;
	font-size:1em;
}

.ui-state-error p{
	color:#ffffff;
	margin:10px!important;
}
.ui-state-error p .ui-icon{
	background-color:#cd0a0a;
	display:inline-block;
	margin-right:10px !important;
	padding:10px;
}

form.m-form input[type="checkbox"].m-label{
	float:left;
}

div.groupe + div.groupe{
	line-height:25px;
}
div.groupe p:first-child{
	margin-bottom : 5px;
}
.input-text{
/*	color: #999!important; */
	font-style: italic;
	text-transform: initial!important;
}

/**********************/
/*	TITRES						*/
/**********************/
h1{
	font-size:1.3rem;
}
h2{
	color:#FF6600;
	font-weight:normal;
	font-size:1.2rem;
	
	padding:0px;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	margin-bottom:0.5em;
}

.h-titre{
	width:100%;
	min-height:3em;
	line-height:3em;
	color:white;
	background-color:#2F548F;
	font-family:Arial;
}

.h-titre h1{
	margin-left:0.5em;
	font-size:1.3em;
	height:2em;
	margin-top:0px;
	margin-bottom:0px;
	flex:1;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-weight:normal;
}

.m-title{
	font-size: 1.1em !important;
	margin: 8px 0;
	margin-left:0;
	color:#2F548F;;
	font-size:0.9em;
}


/**********************/
/* "TABLE"						*/
/**********************/
.framed{
	border-top: solid 1px;
  border-color: #7397D1;

}

/**********************/
/* BOUTONS						*/
/**********************/
button, a.btn {	
	display: inline-block;
	padding: 0 16px;
	font-size: 18px;
	font-weight: 400;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.btn-main {
	background-color:#FFAD00;
}
.btn-main:hover {
	background-color: #FF9800;
}

.btn-second {	
	background-color:#73d700;
}
.btn-second:hover {
	background-color: #5cac00;
}

.right {
	position:absolute;
	right: 0px;
}
.left {
	position:absolute;
	left: 0px;
}

.btn-small {
	min-height: 35px;
	line-height: 35px;
	font-size:1em;
}

.btn-normal {
	min-height: 48px;
	line-height: 48px;
}
.btn-big {
	min-height: 150px;
	line-height: 150px;
	font-size:2em;
	
}
/**********************/
/*	HEADER						*/
/**********************/
header {
	background-color: #73d700;
	height: 60px;
	display:block;
}

header .head1 {
	width:100%;
	height:100%;
	position:relative;
	max-width: 1200px;
	margin: 0 auto;
	font-weight:400;
}

header #logo {
	position: absolute;
	top: 17px;
	left: 15px;
}

header #logo img {
	height:23px;
	vertical-align:middle;
}


/**********************/
/*	FOOTER						*/
/**********************/
footer {
	position:fixed;
	bottom: 0;
	height:45px;
	width:100%;
}

footer .foot1{
	background-color:black;
	background-image:url('/_images_/tableau/tableau_points.png');
	background-position:right;
	background-repeat:no-repeat;
	height:25px;
	width:100%;
}

footer .foot2{
	background-color:#F2F2F2;
	height:20px;
	width:100%;
}

/**********************/
/*	LANGUE						*/
/**********************/
#lang {
	float: right;
	position: relative;
	height: 53px;
	width: 50px;
}

#lang-selected{
	top: 20px;
	right: 25px;
	position: absolute;
}

#lang-menu{
	background-color:white;
	z-index:10000;
	position:absolute;
	display:none;
	top:52px;
	width:116px;
	right:0;
	border-radius:5px;
	box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.15);
	padding: 0 15px 0px 15px;
}

#lang-menu ul{
	list-style-type: none;
	margin-top:20px;
	margin-right:0px;
	margin-bottom:15px;
	margin-left:0px;
	padding:0;
	text-align:left;
}

#lang-menu li{
	font-size:1em;
	line-height: 2.5em;
}

#lang-menu li img{
	margin-right:0.5em;
}

#lang-menu a{
}

#lang-menu img, #lang-menu span{	
	vertical-align:middle;
}


/********************
PAGES
********************/
.logout-box {
	display:inline-block;
	color:white;
	float: right;
	position: relative;
	height: 53px;
	width: 150px;
}
.logout-box * {
	top: 18px;
	position:absolute;
}
.logout-box form {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}

/* apparence d'un bouton texte uniquement */
.logout-box button {
	border:none;
	text-decoration: none;
	width:100%;
	padding:0;
	position:absolute;
	top:18px;
}
/* 10_connexion */
.connexion-box {
	margin:150px auto 0 auto;
	width:350px;
	position:relative;
}
.connexion-box input {
	width:100%;
}
.i-passw {
	margin-top:15px;
}
button[name="connecter"] {
	margin-top:35px;
}

/* 20_import */
#envoyer-fichier-planr, #mise_a_jour-table-ligne, #mise_a_jour-table-arret {
	display:none;
}
#import_form_table_ligne, #import_form_table_arret {
	display:inline-block;
}
#import_form_planr {
	display:inline-block;
	text-align:center;
	width:100%;
	margin-top:50px;
}
.double-btn-box {
	display:inline-block;
}
.double-btn-box button:first-child, .double-btn-box .btn:first-child {
	margin-right:20px;
}
.double-btn-box #error {
	display:inline-block;
}

.field:first-child {
	margin-top:0px;
}
.field {
	margin-top:15px;
}
.field-name {
	margin-right:15px;
}
.field-value {
	font-weight:bold;	
}


/* 30_traitement */
.traitement-box {
	margin:150px auto 0 auto;
	width:450px;
	position:relative;
	text-align:center;
}

.loading-box {
	width:100%;
	height:100%;
	text-align:center;
	margin-top: 150px;
}

.msg-ok-box {
	display:none;
	margin-top:15px;
}
.msg-ko-box {
	display:none;
	color:red;
	font-weight:bold;
	margin-top:15px;
}
.msg-spt-box {
	display:none;
	color:red;
	font-weight:bold;
	margin-top:15px;
}

.nxt-box {
	display:none;
	margin-top:15px;
}
.nxt-btn-box {
	text-align:right;
}