/*Defaults Styling*/
body {
	font:12px/15px Arial, Helvetica, sans-serif; 
	color:#333;
	padding:10px 20px 20px 20px;
}

fieldset {
	background:#f2f2e6; 
	padding:10px; 
	border:1px solid #fff; 
	border-color:#fff #666661 #666661 #fff; 
	margin-bottom:36px; 
	width:680px;
	-moz-box-shadow: 3px 3px 10px 1px #0183BF;
	-webkit-box-shadow: 3px 3px 10px 1px #0183BF;
	-o-box-shadow: 3px 3px 10px 1px #0183BF;
	box-shadow: 3px 3px 10px 1px #0183BF;
	
}
fieldset.admin {
	width:1000px;
}

input, textarea, select {
	font:11px/11px Arial, Helvetica, sans-serif; 
	padding:0;
}

fieldset.action {
	background:#9da2a6; 
	border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; 
	margin-top:-20px;
}

legend {
	background:#0183BF; 
	color:#fff; 
	font:15px/17px Calibri, Arial, Helvetica, sans-serif; 
	padding:0 10px; 
	margin:-26px 0 0 -11px; 
	font-weight:bold; 
	border:1px solid #fff; 
	border-color:#e5e5c3 #505014 #505014 #e5e5c3;
}

label {
	font-size:11px; 
	font-weight:bold; 
	color:#666;
	display: inline-block;
	min-width: 120px;
}

label.delegation, label.pose_conge, label.epargne_conge, label.inputPwd {
	text-align: right;
	margin-right:10px;
} 


label.opt {
	font-weight:normal;
}

label.inputPwd {
	min-width: 300px;
}

label#nom {
	font-size:16px; 
	color:#000;
}

dl {
	clear:both;
}
dt {
	float:left; 
	text-align:right; 
	width:90px; 
	line-height:25px; 
	margin:0 10px 10px 0;
}
dd {
	float:left; 
	width:500px; 
	line-height:25px; 
	margin:0 0 10px 0;
}
dd.admin{
	width:700px; 
	margin:5px 0 10px 0;
}

#footer {
	font-size:11px;
}

#container {
	width:700px; 
	margin:0 auto;
}
#container_admin {
	width:1021px; 
	margin:0 auto;
}

textarea, button {
	outline:none; 
	resize:none;
}

#submit{
	display:block;
	background:url(../images/bouton_ok.png) top center no-repeat;
	width:140px;
	height: 26px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}

#submit:hover{
	background:url(../images/bouton_ok_hover.png) top center no-repeat;
}

img#img_aide {
	display:inline;
	cursor:help;
}

a.menu{
text-decoration: none;
cursor:pointer;
color:#fff;
margin-right: 20px;
}

ul#menu { 
	background:#0183BF; 
	color:#fff; 
	font:15px/17px Calibri, Arial, Helvetica, sans-serif; 
	padding:0 10px; 
	margin:-26px 0 0 -11px; 
	font-weight:bold; 
	border:1px solid #fff; 
	border-color:#e5e5c3 #505014 #505014 #e5e5c3; 
	width: 700px; 
	height: 28px;  
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	margin-left:3px; 
}
ul#menu.admin{
	width: 1021px;
}
ul#menu li { 
	display: block; 
	float: left; 
	margin: 0 0 0 5px; 
	cursor:pointer; 
}
ul#menu li a { 
	height: 28px; 
	color: #FFF; 
	text-decoration: none; 
	display: block;  
	float: left;  
	padding: 5px 10px 0; 
}
ul#menu li.largeur_fixe a { 
	width: 130px; 
	text-align:center;
}
ul#menu li#active a  { 
	height: 23px; 
	background:#f2f2e6; 
	border:1px solid #fff; 
	color:#000 ;
}

ul#menu li a:hover { 
	color: #000; 
}

table#large { 
	width: 100%;
}

input[type=submit] {
	border-radius:8px 0 8px 0;
	background: #DDE3FF;
	display: block;
	margin: 5px auto;
	border:1px solid #0183BF;
	color:#000;
	font:bold 10px Verdana;
	padding:3px 4px 3px 4px;
}
input[type=submit]:hover {
	box-shadow: 2px 2px 10px 0px #3166ff;
}

[disabled]
{
	background: #F2F2E6;
	color: #B7B7B7;
}

input, select {
    border: 1px solid #888;
    background: #ffffff;
    font-size:11px; 
	font-weight:bold; 
	color:#666;
    margin: 5px 5px 0px 0px;
    padding:2px;
	padding-left:8px;
	-moz-border-radius:7px 0px 0px 10px;
	-webkit-border-radius:7px 0px 0px 10px;
	border-radius:7px 0px 0px 10px;
}

input:focus, select:focus {
    outline: none;
	box-shadow: 0px 0px 10px 0px #3166ff inset;
}

.InputGroup {
    display: inline-block;
    padding: 3px 4px;
    border: 1px solid #FFF;
    border-radius: 7px;
    -moz-border-radius: 7px;
}

.ErrorField {
    border-color: #D00;
    color: #D00;
    background: #FFFFFE;
}

span.ValidationErrors {
    display: inline-block;
    font-size: 12px;
    color: #D00;
    padding-left: 10px;
    font-style: italic;
}

#fade { 
    background:#000; 
    position:fixed; 
    width:100%; 
    height:100%; 
    filter:alpha(opacity = 80); 
    opacity:.80; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--Transparence sous IE 8--*/
    left:0; 
    top:0; 
    z-index:10;
}

body { 
    height:100%; 
    margin:0; 
    padding:0; 
    font:normal 12px Verdana, Arial, Helvetica, sans-serif; 
    background:url(body_bg.gif); 
    position:relative; 
} 

#hideshow { 
    position:absolute; 
    width:100%; 
    height:100%; 
    top:0; 
    left:0; 
} 
.popup_block { 
    background:#ddd; 
    padding:9px 20px; 
    float:left; 
    width:480px; 
    position:fixed; 
    top:10%; 
    left:50%; 
    margin:0 0 0 -250px; 
    z-index:100; 
} 
.popup_block .popup { 
    float:left; 
    width:100%; 
    background:#fff; 
    margin:10px 0; 
    padding:10px 0; 
    border:1px solid #bbb;
}
.popup h3 { 
    margin:0 0 20px; 
    padding:5px 10px; 
    border-bottom:1px solid #bbb; 
    font-size:1.5em; 
    font-weight:normal; 
} 
.popup p { 
    padding:5px 10px; 
    margin:0px 0px 40px; 
} 
.popup img.cntrl { 
    position:absolute; 
    top:-1px;
	right:0px;
}

dl#motif_excep {
	display: none;
}
.msg_confirm {
	background-color:#CEFF3C; 
	border:2px solid #99CC00;
	width: 618px;
	padding: 0 0px; 
	margin: 15px 3px; 
	font-weight: bold;
}
.erreurs_form {
	background-color:#FFA4A4;
	border: 2px solid #FF0000;
	width: 618px;
	padding: 0 0px; 
	margin: 15px 3px; 
	font-weight: bold;
}
.erreurs_form li {
	display:list-item;
	list-style-image : url(../images/icone_error.png);
}
.msg_confirm li {
	display:list-item;
	list-style-image : url(../images/icone_check.png);
}

table#historique, table#historique_cet  {
border: medium solid #6495ed;
border-collapse: collapse;
width: 100%;
}
#historique th , #historique_cet th{

border: thin solid #6495ed;
padding: 5px;
background-color: #D0E3FA;
}
#historique td, #historique_cet td {
border: thin solid #6495ed;
padding: 5px;
text-align: center;
background-color: #ffffff;
}
table#historique tr.historique_annule td, table#historique_cet tr.historique_annule td{
background-color: #D8D8D8;
}

a
{
	text-decoration: none;
	font-weight: bold;
	color: #003FFB;
}

a:hover
{	color: #4675FF;	}


/* tables */
table.tablesorter {
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	width: 100%;
	text-align: center;
	padding: 4px;
	border-collapse: collapse;
	border: medium solid #6495ed;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #D0E3FA;
	border: thin solid #6495ed;
	padding: 4px;
}

table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: center;
	border: thin solid #6495ed;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr  {
background-color: #8dbdd8;
}
table.tablesorter tbody tr.historique_annule td{
background-color: #D8D8D8;
}
table.tablesorter thead th.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat right center;
	cursor: pointer;
}
table.tablesorter thead th.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat right center;
	cursor: pointer;
}
table.tablesorter thead th.sorting {
    background: url('../images/sort_both.png') no-repeat right center;
	cursor: pointer;
}

div.dataTables_length {
    float: left;
}
 
div.dataTables_filter {
    float: right;
}
 
div.dataTables_info {
    float: left;
	color:#666;
	font-weight: bold;
}
 
div.dataTables_paginate {
    float: right;
}
 
div.dataTables_length,
div.dataTables_filter,
div.dataTables_paginate,
div.dataTables_info {
    padding: 6px;
}

a.paginate_button,
a.paginate_active {
    display: inline-block;
    padding: 2px 6px;
    margin-left: 2px;
    cursor: pointer;
    font-weight: bold;
	color: #003FFB;
}
 
a.paginate_active {
    background-color: transparent;
    border: 1px solid black;
	
}
 
a.paginate_button_disabled {
    color:#666;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}
 
div.dataTables_paginate span>a {
    width: 15px;
    text-align: center;
}
 
div.dataTables_info {
    padding: 9px 6px 6px 6px;
}

form input[type=submit]#pdf{	
	background:url(../images/pdf.jpg) top right no-repeat;
	width:18px;
	height: 18px;
	padding: 0 0 0 10px;
	cursor: pointer;
	border:0;
}