body {	
	font-family :"Century Gothic";
	font-size:1em;
	background:#f6f6f6;
}

/* General */
a {color:inherit;text-decoration:none;}
a:hover {color:#FFA500;}
.inner {width:auto;padding:20px;margin:auto;}
.inner-small {max-width:920px;padding:20px;margin:auto;}
.hidden {position: absolute; clip: rect(1px 1px 1px 1px); /* IE6 & 7 */ clip: rect(1px, 1px, 1px, 1px);}
.none {display:none;}
.fleft {float:left;}
.fright {float:right;}
.clear {clear:both;}
b {font-weight:bold;}
p {text-align:justify;margin-bottom:20px;}
em {font-style:italic;}
h3{font-weight:bold;margin-bottom:10px;}
table {width:100%;border-collapse:collapse;margin-bottom:10px;}
table th{font-weight:bold;text-align:left;}
abbr {cursor:help;}

/* Site */
header {position:fixed;top:0;width:100%;background:#933023;color:white;padding:10px 0;box-shadow:0px 0px 10px rgba(0, 0, 0, .8);}
	header img {margin-left:30px;}
	header nav {font-size:0.8em;}
	header nav section {margin-right:20px;padding-right:10px;border-right:1px solid white;}
	header nav section:last-child {margin-right:0;border-right:none;}
	/* Same height columns */
	header nav {overflow:hidden;}
	header nav section {margin-bottom:-300px;padding-bottom:300px;}
	
	header nav section h3 {font-size:1.2em;font-weight:bold;margin-bottom:5px;color:#FFA500;}
	
	header nav a#logout {background:transparent url('../images/icon_logout.png') no-repeat center right;padding-right:20px;}
	header nav em {padding-right:20px;}
	header .fright {text-align:right;padding-right:30px;}

section#content{padding:120px 30px 30px 30px;}
	section#content h2 {font-size:1.4em;font-weight:bold;color:#933023;margin-bottom:20px;}
	
	/* Formulaires */
	section#content table{font-size:0.9em;box-shadow: 0 1px 3px rgba(0,0,0,0.2)}
	section#content table th{background:#933023;color:white;padding:5px;}
	section#content table th.actions{width:20px;}
	section#content table tr.even{background:#E6E6E6;}
	section#content table tr.even.success{background:#c7ffbc;}
	section#content table tr.even.fail{background:#ffbcbc;}
	section#content table tr.odd{background:transparent;}
	section#content table tr.odd.success{background:#e2ffdd;}
	section#content table tr.odd.fail{background:#ffdddd;}
	section#content table tr.total{font-weight:bold;}
	section#content table tr:hover{background:#fff;}
	section#content table td{padding:5px;font-size:0.9em;border-right:1px solid #c9c9c9;vertical-align:top;text-align:Center;}
	section#content table td:last-child{border-right:none;}
		section#content table td input.input{width:95%;}
		section#content table tr.add td{padding:10px;}
		section#content table tr.envoi td{padding:10px;border-top:2px solid #933023;}
	
	section#content form#search {font-size:0.8em;}
		section#content form#search label.fleft{display:block;width:200px;}
		section#content form#search input{}
		
	section#content .voir div.title,
	section#content .voir div.info{padding:5px;margin-bottom:2px;font-size:0.9em;}
		section#content .voir div.title{color:#933023;width:200px;text-align:right;}
		section#content .voir div.info{width:100%;max-width:680px;border-bottom:1px solid #E6E6E6;}
		section#content .voir div.info:hover{background:#E6E6E6;}
		section#content .voir div.info.annule{background:#FFBABA;}
		section#content .voir div.info.ok{background:#DFF2BF;}
		
		section#content .voir #voir-actions{padding:20px;}

	section#content a.aindex {padding:5px 0 10px 35px;margin-right:20px;opacity:0.6;}
	section#content a.aindex:hover {opacity:1;color:black;}
		section#content a.aindex.voir {background:transparent url('../images/icon-list.png') no-repeat top left;}
		section#content a.aindex.ajouter {background:transparent url('../images/icon_add.png') no-repeat top left;}
		section#content a.aindex.renouveler {background:transparent url('../images/icon-reload.png') no-repeat top left;}
		section#content a.aindex.annuler {background:transparent url('../images/icon-del.png') no-repeat top left;}
		
	section#content a.exportpdf {float:right;padding:10px;border:1px solid black;}
		
		
footer {font-size:0.7em;text-align:center;margin:20px 0;}


/* Messages */
.mess_info, .mess_success, .mess_warning, .mess_error {
	border: 1px solid;
	margin: 10px 0px;
	padding:10px 10px 10px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size: 0.8em;
}
.mess_info {color: #00529B; background-color: #BDE5F8; background-image: url('../images/mess_info.png');}
.mess_success {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/mess_success.png');}
.mess_warning {color: #9F6000; background-color: #FEEFB3; background-image: url('../images/mess_warning.png');}
.mess_error {color: #D8000C; background-color: #FFBABA; background-image: url('../images/mess_error.png');}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}


.pagination span strong {
	color: #FFFFFF;
	background-color: #933023;
	border-color: #933023;
}

.pagination span a, .pagination span a:link, .pagination span a:visited {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

.pagination span a:hover {
	border-color: #933023;
	background-color: #933023;
	color: #FFF;
}

.pagination span a:active {
	color: #5C758C;
	background-color: #ECEDEE;
	border-color: #B4BAC0;
}

/* Boutons
---------------------------------------- */
		
.button {        
    display: inline-block;
    white-space: nowrap;
    background-color: #ccc;
    background-image: linear-gradient(top, #eee, #ccc);
    border: 1px solid #777;
    padding: 0 1.5em;
    margin: 0.5em;
    font: bold 1em/2em Arial, Helvetica;
    text-decoration: none;
    color: #333;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
    border-radius: .2em;
    box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover {
    color:#933023;
	background-color: #ddd;        
    background-image: linear-gradient(top, #fafafa, #ddd);
}

.button:active {
    box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
    position: relative;
    top: 1px;
}

.button:focus {
    outline: 0;
    background: #fafafa;
}    

.button:before {
    background: #ccc;
    background: rgba(0,0,0,.1);
    float: left;        
    width: 1em;
    text-align: center;
    font-size: 1.5em;
    margin: 0 1em 0 -1em;
    padding: 0 .2em;
    box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
    border-radius: .15em 0 0 .15em;
}

/* Hexadecimal entities for the icons */
.button.add:before {content: "\271A";}
.button.edit:before {content: "\270E";}
.button.delete:before {content: "\2718";}
.button.save:before {content: "\2714";}
.button.email:before {content: "\2709";}
.button.like:before {content: "\2764";}
.button.next:before {content: "\279C";}
.button.star:before {content: "\2605";}
.button.spark:before {content: "\2737";}
.button.play:before {content: "\25B6";}