@font-face
{
	font-family:		"titre";
	src:			url('../friday.ttf');
}

h2
{
	background:		#995d2b;
	color:			white;
	height:			26px;
	margin:			0;
	font-size:		22px;
	font-style:		titre;
	padding:		0;
	margin-bottom:		0;
	text-overflow:		ellipsis;
	max-width:		100%;
	overflow:		hidden;
}


h2:before
{
	position: relative;
	content:			"\25B6  ";
	margin-left:			20px;
	top:			-3px;
	font-size:			20px;
}

body, html
{
	height:			calc(100vh - 40px);
	margin:			0;
	padding:		0;
	background:		url(../images/background.jpg) repeat-x;
}

a
{
	text-decoration:	none;
	color:			blue;
}

div.auth_form
{
	width:			400px;
	padding-top:		100px;
	margin-left:		calc( ( 900px - 400px ) / 2);
}

div.auth_form .title
{
	background:		#a85e31;
	color:			white;
	padding:		5px;
	padding-left:		20px;
	padding-right:		20px;
	border-radius:		20px 20px 0 0;
	font-weight:		bold;
	border:			1px black solid;
}

div.auth_form .auth_content
{
	background:		white;
	padding:		20px;
	padding-bottom:		5px;
	padding-top:		5px;
	text-align:		center;
	border:			1px black solid;
	border-radius:		0 0 20px 20px;
}

div.auth_form .auth_content h2
{
	margin:			0;
	margin-bottom:		15px;
	font-size:		20px;
	height:			24px;
	text-align:		left;
}

div.auth_form .auth_content h2:before
{
	position: 			relative;
	content:			"\25B6  ";
	margin-left:			20px;
	top:				-3px;
	font-size:			14px;
}

div.auth_form .auth_content input[type='text'], div.auth_form .auth_content input[type='password']
{
	margin-bottom:		15px;
}

h1
{
	padding:		0;
	margin:			0;
}

/**
* Tableaux
*/
table.table
{
	width:			100%;
	border-spacing:		0;
	border-collapse:	collapse;
}

table.table > thead > tr > th
{
	background-color:	#a85e31;
	color:			white;
	text-align:		left;
	white-space:		nowrap;
	padding-right:		20px;
	padding-left:		5px;
}

table.table > tbody > tr > td
{
	padding-left:		5px;
	padding-right:		5px;
	white-space:		nowrap;
}

table.table > tbody > tr:nth-child(even) td
{
	background:		rgba(168,94,49, .2);
}

table.table > tbody > tr:hover
{
	background:		#b87e6a;
	color:			white !important;
}

table.table > tbody > tr > td a
{
	color:			inherit;
}

table.table thead tr .header
{
	background-image:	url(../images/bg.gif);
	background-repeat:	no-repeat;
	background-position:	center right;
	cursor:			pointer;
}

table.table thead tr .headerSortUp
{
	background-image:	url(../images/asc.gif);
}

table.table thead tr .headerSortDown
{
	background-image:	url(../images/desc.gif);
}

/**
	Types d'abonnements
**/
#type_abos div.label, #audelaplus div.label
{
	float:			left;
	width:			20%;
	margin-bottom:		40px;
	text-decoration:	underline;
	font-style:		italic;
}

#type_abos div.input, #audelaplus div.input
{
	float:			left;
	width:			29%;
	margin-right:		1%;
	margin-bottom:		40px;
}

#abonnes, #stats, #type_abos, #audelaplus
{
	margin-top:		10px;
}

#zone_aff
{
	height:			calc(100vh - 335px - 7px);
	min-height:		180px;
	overflow:		auto;
	overflow-x:		hidden;
}

#abonnes div.label
{
	float:			left;
	width:			20%;
	margin-bottom:		10px;
	text-decoration:	underline;
	font-style:		italic;
}

#abonnes div.input
{
	float:			left;
	width:			28%;
	margin-right:		2%;
	margin-bottom:		10px;
}

#abonnes div.input input, #abonnes div.input select, #abonnes div.input textarea
{
	width:			98%;
}

#abonnes div.input input[type="radio"]
{
	width:			auto;
}

#abonnes div.input textarea
{
	height:			45px;
	resize:			none;
}

#abonnes div#pdf
{
	margin-top:		20px;
	padding-top:		8px;
	padding-bottom:		8px;
	padding-right:		8px;
	padding-left:		35px;
	border:			1px black solid;
	border-radius:		10px;
	display:		inline-block;
	background:		url(../images/pdf.png) 5px center no-repeat #b87e6a;
	color:			white;
	font-weight:		bold;
	cursor:			pointer;
	box-shadow:		2px 2px 0px #aaa;
}

#abonnes div#pdf:hover
{
	background:		url(../images/pdf.png) 5px center no-repeat #a85e31;
}

#abonnes div#export
{
	margin-top:		20px;
	padding-top:		8px;
	padding-bottom:		8px;
	padding-right:		8px;
	padding-left:		35px;
	border:			1px black solid;
	border-radius:		10px;
	display:		inline-block;
	background:		url(../images/export.png) 5px center no-repeat #b87e6a;
	color:			white;
	font-weight:		bold;
	cursor:			pointer;
	box-shadow:		2px 2px 0px #aaa;
}

#abonnes div#export:hover
{
	background:		url(../images/export.png) 5px center no-repeat #a85e31;
}

div#ajout
{
	margin-top:		20px;
	padding-top:		8px;
	padding-bottom:		8px;
	padding-right:		8px;
	padding-left:		35px;
	border:			1px black solid;
	border-radius:		10px;
	display:		inline-block;
	background:		url(../images/add2.png) 5px center no-repeat #b87e6a;
	color:			white;
	font-weight:		bold;
	cursor:			pointer;
	box-shadow:		2px 2px 0px #aaa;
}

#abonnes div#ajout:hover
{
	background:		url(../images/add2.png) 5px center no-repeat #a85e31;
}

#abonnes div#recherche
{
	margin-top:		20px;
	padding-top:		8px;
	padding-bottom:		8px;
	padding-right:		8px;
	padding-left:		35px;
	border:			1px black solid;
	border-radius:		10px;
	display:		inline-block;
	background:		url(../images/search.png) 5px center no-repeat #b87e6a;
	color:			white;
	font-weight:		bold;
	cursor:			pointer;
	box-shadow:		2px 2px 0px #aaa;
}

#abonnes div#recherche:hover
{
	background:		url(../images/search.png) 5px center no-repeat #a85e31;
}

div#menu_filtres
{
	float:				right;
	margin-top:			10px;
	color:				white;
	padding-top:			3px;
	padding-bottom:			3px;
	padding-right:			5px;
	padding-left:			5px;
	cursor:				pointer;
	background:			#b87e6a;
	border-radius:			10px 10px 0 0;
}

div#menu_filtres.close:before
{
	content:			"\25B6  ";
}

div#menu_filtres.open:before
{
	content:			"\25BC  ";
}

div#filtres
{
	background:		#b87e6a;
	border-radius:		10px 0 10px 10px;
	overflow-y:		hidden;
	transition:		height .2s, margin .2s;
}

.filtres_open
{
	margin-bottom:		10px;
	height:	213px;
}

.filtres_close
{
	margin-bottom:		0;
	height:			0;
}

#filtres .label
{
	text-decoration:	underline;
	font-weight:		bold;
}

#filtres .col1
{
	float:			left;
	width:			30%;
}

#filtres .col2
{
	float:			left;
	width:			34%;
	margin-left:		1%;
	margin-right:		5%;
}

#filtres .col3
{
	float:			left;
	width:			30%;
}

#filtres input[type="submit"]
{
	background: 		url(../images/filter.png) left top no-repeat #dbdbdb;
	padding-left:		20px;
}

#filtres .divButton
{
	text-align:		right;
	margin-top:		30px;
}

#filtres .filterRows
{
	margin-top:		5px;
	margin-bottom:		15px;
	margin-left:		5px;
}

div.success
{
	width:			86%;
	margin-left:		6%;
	color:			green;
	background:		#d9eed9;
	padding:		1%;
	border:			1px green solid;
	border-radius:		20px;
	margin-bottom:		15px;
}

div.error
{
	width:			68%;
	margin-left:		15%;
	color:			red;
	background:		#f4cdcd;
	padding:		1%;
	border:			1px red solid;
	border-radius:		20px;
	margin-bottom:		15px;
}

/**
* Template
*/
#bande
{
	width:			900px;
	margin-left:		calc( ( 100vw - 900px ) / 2 );
	height:			calc(100vh - 35px - 3px);
}

#menu
{
	height:			30px;
	margin-bottom:		2px;
	margin-top:		5px;
}

#menu div.ongletActif
{
	float:			right;
	background:		white;
	color:			#b87e6a;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:		17px;
	cursor:			pointer;
	margin-left:		5px;
	border:			1px black solid;
}

#menu div.ongletInactif
{
	float:			right;
	background:		#b87e6a;
	color:			white;
	padding-left:		10px;
	padding-right:		10px;
	padding-top:		4px;
	padding-bottom:		4px;
	font-size:		17px;
	cursor:			pointer;
	margin-left:		5px;
	border:			1px black solid;
}

#logo
{
	width:			100%;
	height:			195px;
	border-left:		1px black solid;
	border-right:		1px black solid;
	border-top:		1px black solid;
	background:		url(../images/logo.jpg) center no-repeat;
}

#content
{
	width:			99%;
	padding-left:		.5%;
	padding-right:		.5%;
	border-left:		1px black solid;
	border-right:		1px black solid;
	height:			calc(100vh - 266px);
	background:		white;
	overflow:		auto;
}

#footer
{
	width:			900px;
	margin-left:		calc( ( 100vw - 900px ) / 2 );
	height:			23px;
	border:			1px black solid;
	padding-top:		6px;
	border-top:		0;
	text-align:		center;
	color:			white;
	background:		#a85e31;
}

#footer a
{
	color:			white;
	text-decoration:	underline;
	z-index:		999;
}

/**
* Boutons
*/
.titre
{
	margin-bottom:		10px;
}

.titre h2
{
	float:			left;
}

.titre .line
{
	border-top:		1px black solid;
	margin-top:		-2px;
}

.titre .bouton_ajout
{
	float:			right;
	text-align:		right;
	margin-top:		15px;
	padding-left:		10px;
	padding-right:		10px;
	border:			1px black solid;
	border-radius:		10px 10px 0 0;
	background:		#b87e6a;
}

.titre .bouton_ajout a
{
	color:			white;
	font-weight:		bold;
	text-decoration:	none;
	display:		inline-block;
	background:		url(../images/add.png) 0px 1px no-repeat;
	padding-left:		20px;
}

.search
{
	float:			left;
	margin-bottom:		5px;
}

.search input[type='text']
{
	background:		url(../images/recherche.png) 3px no-repeat;
	padding-left:		22px;
	width:			260px;
}

.pagination
{
	text-align:		center;
	margin-top:		10px;
}

.pagination div
{
	float:			right;
}

.pagination div:first-child
{
	float:			left;
}

input[type=submit][value="Enregistrer"]
{
	border:			1px black solid;
	border-radius:		10px;
	color:			white;
	font-weight:		bold;
	background:		url(../images/save.png) 5px center no-repeat #b87e6a;
	cursor:			pointer;
	box-shadow:		2px 2px 0px #aaa;
	padding-left:		25px;
	padding-right:		5px;
	font-size:		16px;
}

input[type=submit][value="Enregistrer"]:hover
{
	background:		url(../images/save.png) 5px center no-repeat #a85e31;
}

input[type=reset][value="Recommencer"]
{
	border:			1px black solid;
	border-radius:		10px;
	color:			white;
	font-weight:		bold;
	background:		url(../images/reset.png) 5px center no-repeat #b87e6a;
	cursor:			pointer;
	box-shadow:		2px 2px 0px #aaa;
	padding-left:		25px;
	padding-right:		5px;
	font-size:		16px;
}

input[type=reset][value="Recommencer"]:hover
{
	background:		url(../images/reset.png) 5px center no-repeat #a85e31;
}

#montpap, #montnum
{
	margin:			15px;
}