[class*="col-"], footer
{
  border:			2px solid black;
  border-radius: 	6px;
  line-height: 		20px;
  text-align: 		center;
}

/* 
----------------------------------------------------------------------------------------
	Body
----------------------------------------------------------------------------------------
*/

@font-face
{
	font-family:	Agency FB;
	src: 			url("Polices/AGENCYB.TTF") format("truetype");
	font-family: 	cafeta;
	src: 			url("Polices/CAFETA__0.TTF") format("truetype");
}

body
{
	font-family: 	cafeta, Arial;
	background: 	#FFFFFF;
	color: 			#FFFFFF;
	padding: 		0;
	padding-top: 	10px;
	margin: 		0;
	font-size: 		1.5vw;
}

/*
----------------------------------------------------------------------------------------
	Header
----------------------------------------------------------------------------------------
*/

header#header
{
	background: 		 url('Images/header2.jpg');
	background-size: 	 100%;
	background-position: 0% 65%;
	min-height: 		 80px;
	height: 			 18%;
	max-height: 		 18%;
	font-size: 			 0.8em;
	position: 			 fixed;
	margin-top: 		 -1%;
	z-index: 			 3;
	border: 			 none;
	margin-left:		 0px;
	border-radius: 		 0px;
	display: 			 block;
}

img#logo
{
	max-width: 		11%;
	float: 			left;
	margin-top: 	1.5%;
	width: 			8%;
}

header#header h1
{
	font-family: 	AGENCY FB, Arial;
	padding-bottom: 1%;
	font-size: 		5vw;
	font-weight: 	bold;
}

header#header p
{
	margin-top: 	-1%;
	font-size: 		1.5vw;
	letter-spacing: 0.3vw;
}

div#head
{
	float: 	left;
	border: none;
}

/*
----------------------------------------------------------------------------------------
	Liens
----------------------------------------------------------------------------------------
*/

a
{
	color: 			 #FFFFFF;
	text-decoration: none;
}

a:focus, a:hover, a:active
{
	color: 			 #FFFFFF;
	outline: 		 none;
	text-decoration: none;
}

/*
----------------------------------------------------------------------------------------
	Connexion / Deconnexion
----------------------------------------------------------------------------------------
*/

div#boutonConnexion
{
	background: 	#85B01E;
	border: 		none;
	margin: 		0%;
	margin-top: 	2%;
	max-width: 		45%;
	font-size: 		1.5vw;
	cursor: 		pointer;
	letter-spacing: 0px;
	padding: 		1%;
}

div#connexionForm
{
	background: 	#A4CC44;
	border: 		none;
	border-radius: 	0px;
	box-shadow: 	10px 5px 10px #AAAAAA;
	margin-top: 	12%;
}

div#inscriptionForm
{
	background: 	#A4CC44;
	border: 		none;
	border-radius:  0px;
	box-shadow: 	10px 5px 10px #AAAAAA;
	margin-top: 	0%;	
}

div#boutonDeconnexion
{
	background: 	#85B01E;
	border: 		none;
	margin: 		0%;
	margin-top: 	2%;
	max-width: 		45%;
	font-size: 		1.5vw;
	cursor: 		pointer;
	letter-spacing: 0px;
	padding: 		1%;
}

/*
----------------------------------------------------------------------------------------
	Menu déroulant
----------------------------------------------------------------------------------------
*/

nav#menu
{
	font-family: 	cafeta, Arial;
	max-width: 		15%;
	padding: 		10% 2% 0% 2%;
	position: 		fixed;
	z-index: 		2;
	border: 		none;
	min-height: 	90%;
	height: 		90%;
	text-align: 	left;
	color: 			#FFFFFF;
	background: 	#FFFFFF;
	overflow: 		auto;
}

ul#niveau1
{
	padding: 	5%;
	color: 		#A4CC44;
}

h5#titreMenu
{
	padding: 	 2%;
	background:  #A4CC44;
	font-weight: bold;
	color: 		 #FFFFFF;
	font-size: 	 1.8vw;
}

ul#niveau1 li
{
	display: list-item;
}

ul#niveau1 li li
{
	background: #FFFFFF;
	margin: 	0;
}

ul#niveau1 a
{
	color: 		#B6B6B6;
	padding: 	5% 0;
}

ul#niveau1 ul li a:focus, ul#niveau1 ul li a:active, ul#niveau1 ul li a:hover, ul#niveau1 ul li a:visited
{
	color: 		#333288;
	background: #FFFFFF;
}

ul#niveau2
{
	padding-left: 	10%;
	list-style: 	disc;
}

/*
----------------------------------------------------------------------------------------
	Liste
----------------------------------------------------------------------------------------
*/

/* Tableau */

div#liste
{
	border: 		none;
	margin-top: 	15%;
	position: 		absolute;
	overflow: 		auto;
	padding-bottom: 5%;
	max-width: 		100%;
	padding-right: 	2%;
}

div#tableau
{
	border: 		none;
	border-radius: 	10px;
	width: 			100%;
	margin-top: 	0 0 1em;
	background: 	#A4CC44;
	padding: 		1%;
	box-shadow:		1px 1px 2px grey;
}

table
{
	display: 	inline-block;
	text-align: center;
	overflow-x: auto;
	font-size: 	1.5vw;
	border: 	none;
}

th#action
{
	min-width: 6%;
}

th.membre
{
	padding: 	0%;
	min-width: 	180px;
	max-width: 	700px;
	text-align: center;
}

th img
{
	margin:		0px;
}

td, th
{
	border: solid 1px #FFFFFF;
	font-size: 1vw;
}

tr:hover
{
	background-color:	#A4BB44;
}

thead tr:hover
{
	background-color:	transparent;
}


td:last-child, th:last-child
{
	border-right: none;
}

td:first-child, th:first-child
{
	border-left: none;
}

thead tr
{
	border: 		 none;
	border-collapse: none;
}

td#controles
{
	font-size: 	 1.5vw;
	font-weight: bold;
	color: 		 red;
	cursor: 	 pointer;
	padding: 	 0%;
}

/* Boutons */

div#boutonAjouter
{
	width: 			5%;
	margin-bottom: 	2%;
	margin-top: 	2%;
	font-size: 		1.4vw;
	color: 			#A4CC44;
	cursor: 		pointer;
	display: 		inline-table;
	border: 		none;
}

div#boutonExport
{
	color: 			#A4CC44;
	margin-left: 	1%;
	width: 			5%;
	display: 		inline-table;
	margin-right: 	80%;
	margin-top: 	2%;
}

span#plus
{
	font-weight: bolder;
	font-size: 	 2vw;
}

span#iconeTri
{
	display: inline-block;
}

img#croissantIcone
{
	display: 	block;
	cursor: 	pointer;
}

img#searchIcone
{
	display: inline-block;
}

div#pagination
{
	cursor: 	pointer;
	display: 	inline-table;
}

div#paginationTxt
{
	cursor: 	pointer;
	display: 	inline-table;
	padding: 	0.5%;
}

select#nbLigne option
{
	color: black;
}

/*
----------------------------------------------------------------------------------------
	Onglets
----------------------------------------------------------------------------------------
*/

div#popup
{
	border: 		none;
	border-radius: 	0px;
	margin-top: 	13.5%;
	text-align: 	center;
	position: 		fixed;
	min-width: 		55%;
	max-width: 		80%;
	z-index: 		2;
	overflow: 		auto;
	max-height: 	80%;
	min-height: 	50%;
}

div#popup li
{
	background: 	#85B01E;
	display: 		inline-block;
	border-radius: 	0px;
	padding: 		0.5%;
	margin: 		0.5%;
	box-shadow: 	10px 5px 10px #AAAAAA;
}

div#listeOnglets
{
	background: transparent;
}

div#listeOnglets ul
{
	background: 	transparent;
	margin-left: 	-64%
}

/*
----------------------------------------------------------------------------------------
	Fiche
----------------------------------------------------------------------------------------
*/

/* Formulaire */

div#onglet
{
	background: 	#A4CC44;
	border: 		solid 1px #85B01E;
	border-radius: 	3px;
	margin-top: 	15.5%;
	text-align: 	center;
	position: 		fixed;
	padding: 		1.5%;
	min-width: 		55%;
	max-width: 		50%;
	z-index: 		2;
	overflow: 		scroll;
	max-height: 	55%;
	min-height: 	50%;
	box-shadow: 	10px 5px 10px #AAAAAA;
}

form#formulaire, form
{
	padding-top: 3%;
}

label#labelForm
{
	text-align: left;
}

label
{
	display: 	 block;
	width: 		 25%;
	float: 		 left;
	text-align:  center;
	margin-left: 15%;
}

.nosaisie
{
	width: 				52%;
	text-align: 		center;
	display: 			inline-block;
	color: 				#FFFFFF;
	border: 			none;
	background-color: 	A4CC44;
	border-radius: 		0px;
	font-size: 			1.2vw;
	cursor: 			pointer;
}

.saisie
{
	width: 			30%;
	text-align: 	center;
	display: 		inline-block;
	color: 			#333288;
	border: 		none;
	background: 	#FFFFFF;
	border-radius: 	0px;
	font-size: 		1.2vw;
}

.saisie:focus
{
	box-shadow: 	none;
	border: 		none;
	border-radius: 	0px;
}

.fenetre
{
	background-color:	#A4CC44;
	box-shadow:			0px 0px 2px grey;
	border-radius:		4px;
	margin-left:		auto;
	padding:			1%;
	position:			fixed;
    top:				25%;
	left: 				30%;
	max-height: 		70%;
	min-width: 			45%;
	max-width: 			45%;
	overflow: 			auto;
}

.ombre
{
	position: 			fixed;
	top: 				0%;
	left: 				0%;
	width: 				100%;
	height: 			100%;
	background-color: 	#CCA;
	opacity:			0.5;
	filter: 			alpha(opacity=50);
}

/* Boutons */

div#boutonValider
{
	background:  #85B01E;
	max-width: 	 35%;
	margin-left: 30%;
}

div.bouton
{
	margin: 		5%;
	padding: 		2%;
	cursor: 		pointer;
	letter-spacing: 0.35vw;
	text-align: 	center;
}

div.boutonTable
{
	text-align: left;
}

div.boutonSupprimer
{
	color: red;
}

div#boutonFermerOnglets
{
	background: 	#85B01E;
	border: 		none;
	border-radius: 	0px;
	float: 			right;
	cursor: 		pointer;
	position:		absolute;
	right: 			0px;
	margin-top: 	1%;
}

div#boutonFermerFiche
{
	background: 	#85B01E;
	border: 		none;
	border-radius: 	0px;
	float: 			right;
	cursor: 		pointer;
	position: 		absolute;
	right: 			0px;
	top: 			0px;
}

div#boutonMethode
{
	background:  	#85B01E ;
	max-width: 	 	15%;
	margin: 	 	1%;
	font-size: 		1vw;
	letter-spacing: 0.1vw;
	display: 		inline-table;
	padding: 		1%;
}

img#pdfIcone
{
	padding-top: 30%;
}

/*
----------------------------------------------------------------------------------------
	Calendrier
----------------------------------------------------------------------------------------
*/

input.date
{
	color: #333288;
}

table.ui-datepicker-calendar
{
	display: inline-table;
}

div.ui-widget-header
{
	border: none;
}

/*
----------------------------------------------------------------------------------------
	Footer
----------------------------------------------------------------------------------------
*/

footer#footer
{
	background: 		 url('Images/header2.jpg');
	background-size: 	 100%;
	background-position: 0% 82%;
	position: 			 fixed;
	min-width: 			 100%;
	bottom: 			 -20px;
	border: 			 none;
	min-width: 			 100%;
	margin-left: 		 0%;
	border-radius: 		 0px;
	z-index: 			 2;
	letter-spacing: 	 0.15vw;
	min-height: 		40px;
	max-height: 		 5%;
}