/* Balises */
html {
	min-height: 100%;
}
body {
	background-color: #F4A460;
	background: linear-gradient( #D2B48C, #F4A460);
	background-repeat: no-repeat;
}

h1 {
	border: none;
	border-radius: 63px;
	padding: 20px;
	text-align: center;
	background-color: #CC99CC;
	background: rgba(0, 0, 0, 0) radial-gradient(#CC99CC, #E0E0E0) repeat scroll 0 0;
	color: #000000;
	font-family: Arial, sans-serif;
	font-size: 2.5em;
	font-weight: 900;
}

h2 {
	text-decoration: underline;
}

form {
	border: medium solid;
	padding: 20px;
	display: table;
	min-width: 300px;
}

form.inner {
	border: none ; 
	padding: 0px; 
	display: table-cell;
	min-width:1px;
}


fieldset {
	display: block;
	margin: 10px 0px;
}

legend {
	text-decoration: underline;
}

label {
	padding-right: 5px;
}

table,th,td {
	border-collapse: collapse;
	padding: 5px;
}

th {
	background-color: #FCFFCE;
}

#departs {
	counter-reset: cpt;
}

tr.depart {
	border: 2px outset;
	counter-increment: cpt;
}

.departCpt {
	display: inline;	
}

.departCpt::before {
	content: counter(cpt)" ";
}

/* Classes */
input[type="submit"],input[type="button"],button[type="submit"],button[type="button"] {
	display: inline-block;
	border: none;
	overflow: visible;
	height: 29px;
/*	padding: 0px 2px 1px;*/ 
	padding: 4px 5px 6px; 
	margin: 2px;
	cursor: pointer;
}

input[type="submit"].mini,input[type="button"].mini,button[type="submit"].mini,button[type="button"].mini {
	height: 21px;
}
	
a.bouton {
	height: 43px;
	padding: 4px 5px 6px; 
	margin-left: 2px;
	margin-right: 2px;
}

a.bouton,input[type="submit"],input[type="button"],button[type="submit"],button[type="button"] {
	font-family: Arial, sans-serif;
	font-size: 1.3em;
	text-align: center;
	color: #CCC;
	background: #5CC;
	background: linear-gradient( #5CC, #2C6060);
	border-radius: 4px;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	text-decoration: none;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),0 -1px 0 rgba( 255, 255, 255, 0.4);
}

a.bouton:hover,input[type="submit"]:hover,input[type="button"]:hover,button[type="submit"]:hover,button[type="button"]:hover{
     color: #222;
     background: #266;
     background: linear-gradient( #2C6060, #5CC);
}

a.bouton:active{
     color: #000;
     background: #444;
     background: linear-gradient( #555, #2C2C2C);
     box-shadow: 1px 1px 10px black inset, 
                 0 1px 0 rgba( 255, 255, 255, 0.4);
}

h2.centre {
	text-align: center;
}

.formulaire {
	background-color: #FCFFCE;
	border: medium solid #BAC519;
	margin-bottom: 50px;
	padding: 20px;
	display: table;
	min-width: 500px;
}

.erreur {
	color: #FF0000;
}

.plusieursdeparts {
	background-color: #BAC519;
}

.annulation {
	background-color: #FF2020;
}

.surbooking {
	background-color: #20C0FF;
}

div.erreurmessage {
	border: 2px solid red;
	color: #FF4040;
	display: block;
	padding: 5px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background-color: #801010;
	filter: alpha(opacity =     95);
	-moz-opacity: 0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	font-weight: 900;
}

.annonce {
	background-color: lightblue;
	color: red;
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 5px;
}

.mandat {
	background: url("pdf-icon.png") no-repeat scroll 37% 0 transparent;
	height: 40px;
	padding: 9px 50px 0 0;
	text-align: center;
}

.date_limite {
	color: red;
	font-weight: bold;
	text-align: center;
}

.droite {
	text-align: right;
}

#version {
	display: inline-block;
	left: 100%;
	margin-left: -55px;
	margin-top: -20px;
	position: fixed;
	top: 100%;
}

#logout {
	left: 100%;
	position: fixed;
	display: inline-block;
	top: 0%;
	margin-left: -105px;
}

/* tables */
table.tablesorter {
	font-family: arial;
	background-color: #CDCDCD;
	margin: 10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}

table.tablesorter caption {
	font-size: 12pt;
}
table.tablesorter thead tr th,table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}

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

table.tablesorter tbody td {
	color: #3D3D3D;
	/*	padding: 4px;*/ /*	background-color: #FFF;*/
	vertical-align: top;
}

table.tablesorter tbody tr.odd td {
	background-color: #F0F0F6;
}

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

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

table.tablesorter thead tr .headerSortDown,table.tablesorter thead tr .headerSortUp
	{
	background-color: #8dbdd8;
}

/* barre de chargement */
.progressBar {
	width: 216px;
	height: 41px;
	background-color: #777;
	background: linear-gradient(#777, #ccc);
	border-radius: 12px;
	position: relative;
}

.progressBar span#dessin {
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	background-color: lightGreen;
	background: linear-gradient(#00ff7f, #32cd32, #00ff7f);
	top: 8px;
	left: 8px;
	overflow: hidden;
	text-indent: -8000px;
	border-radius: 8px;
}

.progressBar em {
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	background-color: DarkGray;
	top: 0;
	background: linear-gradient(#8f8f8f,#eee,#bbb,#8f8f8f);
}

.progressBar #nombre {
	display: block;
	position: absolute;
	z-index: 1;
	top: 12px;
	left: 90px;
}

/* Tooltip */
div.tooltip > span {
	display: none;
	padding: 2px 3px;
	margin-left: 10px;
	max-width: 250px;
}

div.tooltip:hover > span {
	border: 1px solid #cccccc;
	display: inline;
	position: absolute;
	background: #f0f0f0;
	color: #202;
	font-weight: normal;
}

div.tooltip:hover {
	cursor: pointer;
}