* {
	margin: 0;
	padding: 0;
}

html{
	background: #fff url(../image/top/bg.png) repeat-y top center;
}

html,body{
	width: 100%;
	height: 100%;
	font-family: verdana;
	font-size: 12px;
	color: #333;
}
#p_body{
	background: #fff url(../image/bg_body.png) repeat-x top left;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
        
}
.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all{
    max-height: 250px;
     overflow: auto;
}
/**
 * **********************************************************************
 */
#b_header {
    background: url("custom-theme/images/ui-bg_gloss-wave_75_2191c0_500x100.png") repeat-x scroll 0 -20px #2191C0;;
    width: 1022px;
    height: 75px;
    position: relative;
    border: 1px solid #8EBACC;
        
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#b_header #texte {
	color: white;
	padding-top: 15px;
	text-indent: 20px;
	margin-right: auto;
	margin-left: 130px;
	width: 700px;
	height:38px;
}

#b_header #status {
	font-family: verdana;
	color: #fff;
	float: right;
	margin: 5px 15px;
	padding-left:15px;
	text-align:right;
}

#b_header #home {
	float: right;
	
}

#b_header #status a {
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}

#b_header #status a:hover {
	font-weight: normal;
	text-decoration: underline;
}

#b_header #logo {
	float: left;
	margin-left: 5px;
}
#b_header #logiciel {
	float: left;
	margin-left: 15px;margin-top: 10px;
}
#b_header #logiciel a{
       font-weight: normal;
       margin: 0;
       padding: 0px 10px;
       line-height: 30px;
       padding-left:0px;
       font-size: 30px;
text-decoration: none;
text-shadow: 0 1px 0 #000;
   }
#b_header #logiciel a:hover,
#b_header #logiciel a:focus {
  color: #17589D; 
text-decoration: none;
text-shadow: 0 1px 0 #FFF;
}
#b_header #clear {
	width: 100%;
	clear: both;
	height: 2px;
	top: 120px;
	z-index: 2;
}

#b_header #menu {
	width: 100%;
	clear: right;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	background: transparent url(../image/top/m-c.png) repeat-x top left;
	height:22px;
}

#b_header a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#b_header a:hover {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}

#b_header #menu ul {
	width: 1024px;
	color: #fff;
	z-index: 999;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	line-height: 22px;
	position: absolute;
}

#b_header #menu ul ul {
	/*background: transparent url(../image/top/u-b.png) no-repeat bottom left;*/
	/*background:#002337;*/
	background:#2683AA;
	width: 250px;
	margin-left: -2px;
	text-align: left;
	text-indent: 8px;
	padding-bottom: 8px;
	border:2px solid #fff;
	/*border-top:0px;*/
}
#b_header #menu>ul>li {
	height: 22px;
	float: left;
	display: inline-block;
	width: 180px;
	z-index: 65536;
}
#b_header #menu>ul>li.aides {
    width: 110px;
    background: url(../image/top/aide_18px.png) no-repeat 20px 2px;
} 
#b_header #menu>ul>li.aides a{
    display: block;
    width: 100%;
}
#b_header #menu>ul>li.l {
	background-image: url(../image/top/m-l.png);
	width: 10px;
	display:none;
}

#b_header #menu>ul>li.s {
	background-image: none;
	background-color: #fff;
	width: 2px;
	
}

#b_header #menu>ul>li.r {
	background-image: url(../image/top/m-r.png);
	width: 10px;
	display:none;
}

/**
 * Onglet de taille perso
 */

#b_header #menu li.li_menu1{
	/*width:170px;*/
}
#b_header #menu li.li_menu2{
	/*width:170px;*/
}
#b_header #menu li.li_menu3{
	/**width:160px;**/
	/*width:215px;*/
}
#b_header #menu li.li_menu3 ul{
	width:230px;
}
#b_header #menu li.li_menu4{
	/*width:100px;*/
	/*width:215px;*/
}
#b_header #menu li.li_menu4 ul{
	width:290px;
}
#b_header #menu li.li_menu5{
	/*width: 90px;*/
	/*width:215px;*/
}
#b_header #menu li.li_menu5 ul{
	width:180px;
}
#b_header #menu li.li_menu_sub.ouvert{
	background: #286890;
	/*border-top:1px solid #fff;*/
	/*border-bottom:1px solid #fff;*/
}

/**
 * **********************************************************************
 */

a {
	color: #48f;
}

a:hover:not(.ui-button) {
	color: #48f;
	font-weight: 700;
}
a.non_bold:hover{
	font-weight: normal;
}

dt {
	font-weight: 700;
}

select {
	z-index: 0;
}
select[readonly=readonly] option:not(:selected) {
    display: none;
}
/** 
Style generaux 
**/
table {
	width: 100%;
	border: 0;
	/*border-collapse: collapse;*/
	border-spacing: 0;
	font-size: 12px;
}

table td {
	vertical-align: top;
}

table.colorie  th {
	color: #fff;
	height: 30px;
	padding-left: 4px;
	text-align: left;
}

dd {
	margin-left: 5px;
}

ul.errors {
	list-style: none;
	color: #D00;
	font-weight: 700;
}

input.error {
	border: 1px solid #d00;
}

img {
	border: 0px;
}

input,select,textarea {
	border: 1px solid #ccc;
}

h2 {
	font-size: 14px;
	background: #444;
	height: 30px;
	line-height: 30px;
	padding-left: 4px;
	color: #fff;
}

/**
 * Appliquer que a certain bloque
 */
#content {
	width: 850px;
	margin-top: 5px;
        min-height: 335px;
}

tr.selected {
	background: #08C;
	color: #fff;
}

#alerte div {
	background: #fcc;
	color: #f22;
	font-weight: 700;
	border: 1px solid #f22;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	margin: 10px;
	padding: 10px;
}

#formulaire_connexion {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	width: 400px;
	border: 1px solid #000;
	padding: 10px;
}

#formulaire_connexion #connexion_selection {
	padding-top: 20px;
}

/*
table.id_tiers_demandeur tbody {
	height: 80px;
	overflow-y: scroll;
	overflow-x: hidden;
}

table.id_tiers_demandeur tbody tr {
	width: 98%;
	overflow: hidden;
}*/
.ui-dialog {
	float: left;
	width: 90%;
}

.ui-dialog table {
	display: block;
	height: auto;
	width: 95%;
	border: none;
	border-spacing: 0;
	background-color: transparent;
}

.ui-dialog table tr {
	height: 25px;
	min-height: 25px;
}

.ui-widget table tr {
	height: 25px;
	min-height: 25px;
}

.ui-dialog table a {
	height: 25px;
	line-height: 25px;
}

#menu-top a .entree_selectionnee {
	color: red;
}

input.input_erreur {
	background: #d88;
	color: #fff;
}

a.dialog_accept {
	display: block;
	float: left;
	border: 1px solid #0a0;
	color: #080;
	width: 47%;
	text-align: center;
	padding: 1%;
}

a.dialog_cancel {
	display: block;
	float: left;
	border: 1px solid red;
	color: #a00;
	width: 47%;
	text-align: center;
	padding: 1%;
}

/**
 * Champs cach�
 */
*[disabled],.disabled,input:disabled,select:disabled,*[readonly],.readonly
	{
	border: 1px solid #aaa!important;
	background: #EBEBE4!important;
	color: #333!important;
}

#info_flottant {
	display: none;
	position: absolute;
	width: 200px;
	float: right;
	z-index: 65000;
	background: #f55;
	right: 15px;
	top: 15px;
}

/**
 * Table sort
 */
.tablesort {
	cursor: pointer;
}

.tablesort tr.separateur {
    border-top: 1px solid rgb(166, 201, 226);
    height:1px;
}
.tablesort td {
	padding-left: 5px;
	border-right: 1px solid #ddd;
}

.tablesort td.td_action {
	text-align: center;
}
.hovered tbody tr:hover {
    background-color: #d5e1ea;
}
.bordered th {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
}
.bordered th:last{
    border-right: 0px;
}
.bordered tbody td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ddd;
    padding:2px;
}

.tablesort tbody {
	font-weight: normal;
	/*background-color: #fff;*/
}
.tablesort th {
	background: transparent url(../image/bg.gif) no-repeat center right;
	border-right: 1px solid #000;
	cursor: pointer;
        z-index:2;
}

.tablesort th.headerSortDown,.tablesort th.tablesorter-headerAsc {
	background: transparent url(../image/asc.gif) no-repeat center right;
}

.tablesort th.headerSortUp,.tablesort th.tablesorter-headerDesc {
	background: transparent url(../image/desc.gif) no-repeat center right;
}
.tablesort th.sorter-false{
    background:none;
    cursor: default;
}

.tableau td
{
	padding-left: 5px;
	border-right: 1px solid #ddd;
}

.tableau td.td_action {
	text-align: center;
}

.tableau th.th_action {
	text-align: center;
}


.tableau tbody {
	font-weight: normal;
	/*background-color: #fff;*/
}

.tableau th {
	border-right: 1px solid #000;
}

/**
 * Btn
 */
.delete-icon {
	text-decoration: none;
	background: url(../image/delete-icon-blk.png) center center no-repeat;
}

.delete-icon>a {
	width: 100%;
	height: 100%;
}

.delete-icon:HOVER {
	background-image: url(../image/delete-icon-red.png);
}

.btn {
	width: 16px;
	height: 16px;
	font-size: 0;
	display: inline-block;
	text-decoration: none;
}

.btn.edit {
	background: url(../image/GeoGebra_icon_edit.png) no-repeat;
}

.btn.suppr {
	background: url(../image/delete_icon_16.png) no-repeat;
}

zbutton.btn.suppr {
	height: 12px;
	width: 12px;
	background: #f88;
	border: 1px solid #500;
}

zbutton.btn.suppr:hover {
	height: 12px;
	width: 12px;
	background: red;
	border: 1px solid #800;
}

.view_title {
	/*margin-bottom: 4px;*/
	min-height: 25px;
	padding: 5px;
}

.view_title h1 {
	font-size: 13px;
}

td.td_action {
}

label {
	font-weight: 400;
}

/*
#menu-onglets,input.cacher,body>div:first-child,#envoi-label
{
	display:none;
}
*/
#formulaire_connexion label,#formulaire_connexion #connexion_btn input {
	float: left;
	width: 100px;
}

*.ajax-loader {
	text-align: center;
	background: url(../image/ajax-loader.gif) center no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 32px;
}

/**
 * Header
 */
#g_header {
	display: none;
	height: 60px;
	line-height: 60px;
}

#g_header a {
	margin-left: 20px;
	color: #F7B64B;
	text-decoration: none;
	text-shadow: 2px 2px 0.2em #CF8819;
}

/**
 * cach�
 */
.hidden {
	display: none;
}

tr {
	cursor: default;
}

td.td_action a {
	cursor: pointer;
}

th.th_action {
	border: none;
}

/**
 * toolbars ...
 */
.fiche_toolbar {
	background-image: url("../image/bg_tr_group_headers_hover.png");
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #888;
	height: 32px;
	padding-left: 5px;
}
.fiche_titre{
	text-align:center;
	height:32px;
	font-size:18px;
}
.fleft {
	float: left;
}

.fright {
	float: right;
}

#fiche_search {
	width: 270px;
	float: right;
}

#input_fiche_search {
	background: white;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	outline: none;
	float: left;
	border: 0px;
	height: 18px;
	padding: 5px 0px 5px 5px;
}

#btn_fiche_search {
	/*
	background: #55F url("../image/woofunction-icons/search_16.png")
		no-repeat 5px center;
	*/
	background: #55F url("../image/ui-bg_glass_1.png") repeat-x center;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	outline: none;
	float: left;
	border: 0px;
	padding: 5px 8px 5px 10px;
	height: 28px;
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #77D5F7;
}

#btn_fiche_search:HOVER {
	background: #55F url("../image/ui-bg_glass_2.png") repeat-x center;
	color:#555;
	
}

#btn_fiche_search:ACTIVE {
	background: #55F url("../image/ui-bg_glass_3.png") repeat-x center;
	color: #DDDDDD;
	border: 1px solid #A1BCDD;
}

/**
 * widget
 */
#r_widget {
	float: right;
	width: 150px;
}
#r_widget .ui-widget-header{
	text-indent: 2px;
	text-align:center;
}
#r_widget .ui-widget-content{
	padding: 2px;
	font-size:10px;
}


#r_widget>div{
	margin-top:12px;
	width:150px;
}

#feu_widget {
	/*position: absolute;*/
	display: block;
}
input.hasDatepicker {
	background: #fff url('../image/calendar_icon.gif') no-repeat center left;
	text-align:right;
        font-size: 12px;
	width: 90px;
}

#periode_debut, #periode_fin, #date_deb, #date_fin,.datepicker{
	width:82px;
        font-size: 12px;
}

.modligne,.agtin_edit{
	
	background: transparent url("../image/GeoGebra_icon_edit.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -9999999px;
}
.suppligne,.agtin_suppr{
	background: transparent url("../image/delete_icon_16.png") no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	text-indent: -9999999px;
}

td#validation-label{
	display:none !important;
}

#content_end
{
	width:820px;
	height:32px;
}

#demande_cloture
{
	margin-top : 5px;
}

#cloture_title
{
	font-weight: bold;
	vertical-align: middle;
}

#cloture_input select
{
	margin-left : 5px;
	width: 402px;
}
#abandonner{
    margin-right: 10px;
}
#notice{float: right;font-size: 10px}
#info_albatec a{
    color: #44a;
}
#info_albatec{
    text-align: center;
    font-size: 9px;
    border : 1px solid #a6c9e2;
    background: #eeeeee url(custom-theme/images/ui-bg_highlight-hard_100_eeeeee_1x100.png) 50% top repeat-x;
    border-radius: 5px;
    padding:5px;
    vertical-align: bottom;
    float: right;
    width: 140px;
    margin-top:-133px;
    margin-right:-175px;
    line-height: 12px;
    
}
#info_client{
    text-align: center;
    width: 152px;
    height: 152px;
    margin-top:-290px;
    margin-right:-175px;
    float: right;
    
}
#affiche_planning{
    width: 150px;
    
}
#affiche_planning span{
    padding-left: 17px;
    background: url(../image/planning.png) left 2px no-repeat;
    white-space:nowrap;
    
}
#version{
    position:absolute;
}
.icon-power{
    background: url(../image/deco.png) center transparent no-repeat;
    width: 16px;
    height: 16px;
}
#recherche_l{
    float: left;
}
#recherche_l a{
        font-weight: normal;
        font-size : 18px;
  float: none;
  color: #FFF;
  text-decoration: none;
  text-shadow: 0 1px 0 #000;
}

#recherche_l a:hover{
  color: #17589D;
    font-weight: normal;
  text-shadow: 0 1px 0 #FFF;
  text-decoration: none;
  background-color: transparent;
}
#demande_accueil{
    min-height: 280px;
}
/********** LISTE COULEUR **************/
.couleur_liste tr.realise, .legende.realise{
	color:#888;
}
.couleur_liste tr.cloture, .legende.cloture{
	color:#779F77;
}
.couleur_liste tr.refuse, .legende.refuse{
	color:#AF7777;
}
/*********** LICENCE ***************/
#table_licence td,#table_licence th {
    border: 1px solid #CCC;
    vertical-align: middle;
}
/* style checkbox */
.ck-button {
    margin:4px;
    overflow:none;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.ck-button label {
    cursor: pointer;
    width: auto !important;
}

/*si le bouton est non enfoncé et comportement de base arrondi, display ... (no checked)*/
.ck-button label {
    text-align:center;
    padding:3px 0px;
    display:block;
    cursor:pointer;
    
    
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf',GradientType=0);
	background-color:#63b8ee;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.ck-button label:active {
	position:relative;
	top:2px;
}
.ck-button label:hover {
	position:relative;
	top:1px;
}
.ck-button input {
    display: none;
}
/* si le bouton est enfoncé (il est checked)*/
.ck-button input:checked + label {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee',GradientType=0);
	background-color:#468ccf;
        color:#FFF;
}
.tr.algest{
    background:  transparent url(../image/algest_anim.gif);
}