

root { 
    display: block;
}
body{
    font-size: 12px;
}
#banner{
    height: 80px;
    background: #e55;
    background:  url('../resources/banniere.gif')  bottom right;
    background-size: 100%;
}
.cont-heading-all h2,.cont-heading-all h4{
    text-shadow: 2px 2px 4px rgba(0, 51, 102, 1);
}
.blockunit .ui-paginator-top {
    min-height: 32px;
    padding-top: 12px;
    font-weight: bold;
    border : solid 1px #036;
    box-shadow:   0px 0px 3px 1px #034;
    z-index: 500;
}
#alls{
    width: 100%;
    margin: auto;
    min-width: 1000px;
    overflow:hidden;
}
#all{
    width: 90%;
    min-width: 960px;
    margin: auto;
    background : #fff;
}
#all .ui-widget{
    font-size: 1em;
}
#contenu{
    min-height: 600px;
}
#footer{
    height: 25px;
    background: #999;
}
#logo{
    background: url('../resources/logo.gif') no-repeat;
    height: 80px;
    width: 500px;
}
.webguce-sub-block .ui-commandlink img{
    margin-left:5px;
    margin-bottom:-8px;
}
body {
    margin : 0;
    padding : 0;
    font : 75% "Trebuchet MS", verdana, arial, sans-serif;
    color : #666;
    background : #fff;
}
#header {
    height: 80px;
}
/*TOP BANNER*/
#banner {
    float : left;
    width : 630px;
    height : 80px;
    padding : 0;
    margin : 0 0 10px 0;
}
/*TOP SCROLLBAR*/
div.scroll {
    overflow : auto;
    height : 7em;
    width : 160px;
    padding : 1em;
    color : #333;
    background : inherit;
    border : 1px solid #aaa;
    margin : 20px;
}
#bannerb {
    float : right;
    width : 310px;
    margin : 0 0 10px 0;
    padding : 10px;
}

/*CENTRE CONTENT*/
#contents {
    padding : 0px;
    margin-right : 225px;
    margin-left : 0px;
    color : #666;
    background : #fff;
}
/*LEFT CONTENT*/
#sidebar {
    float : right;
    width : 200px;
    margin : 0 5px 0 0;
    padding : 5px;
    color : #666;
    height: 300px;
    background : #fff;
}
/*LEFT MENU*/
#menu {
    width : 180px;
    padding : 10px 0 0 0;
}
#menu ul {
    margin : 0;
    padding : 0;
    list-style-type : none;
}
#menu li {
    margin : 0 0 0.1em 0;
}
#menu a {
    width : 160px;
    padding : 0.1em 0.8em;
    text-decoration : none;
    display : block;
    color : #fff;
    background : #f36207;
}
#menu a:hover {
    background : #036;
    color : #fff;
}
/*RIGHT CONTENT*/
#sidebar-b {
    float : right;
    width : 180px;
    margin : 0 0 0 5px;
    padding : 5px;
    background : #fff;
    color : #333;
}
/*FOOTER*/
#footer {
    clear : both;
    padding : 5px;
    margin-top : 15px;
    color : #bbd2e0;
    background : #f36207;
    text-align: center;
}
#footer a:link, #footer a:visited {
    background : inherit;
    color : #eee;
    text-decoration : none;
}
#footer a:hover {
    border-bottom : 1px dashed #f2f2f5;
    background : inherit;
    color : #f2f2f5;
}
/*TYPOGRAPHY*/
p {
    margin : 10px;
}
h1 {
    margin : 0 0 0px 0px;
    font : normal 1.6em verdana, arial, tahoma, sans-serif;
    letter-spacing: 3px;
    color : #036;
    background : inherit;
}
h2 {
    padding-left : 5px;
    font : bold 1em verdana, arial, tahoma, sans-serif;
    color : #ef7329;
    background : inherit;
    font-size: 30px;
}
blockquote {
    font-weight : bold;
    font-style : italic;
    color : #b29b35;
}
/*LINKS*/
a {
    text-decoration : none;
    color : #f36207;
    background : inherit;
}
a:hover {
    color : #0d4953;
    background : inherit;
}
/*CLASSES*/
.news {
    font-size : 1em;
    background : inherit;
    color : #000;
}
.orange {
    background : inherit;
    color : #f36207;
}
.clear {
    clear : both;
}
.center{
    margin: auto;
}
.h3{
    font-size: 16px;
    font-weight: 900;
    margin: auto;
    text-decoration: blink;
}
.headeradmin{
    border: 1px solid #f36207;
    padding:15px 10px;
    font-weight: 900;
    -moz-border-radius: 10px;
    margin: 0px;
    background: #f36207;
}
.tab td{
    padding: 5px;
    min-width: 150px;
    font-weight: 900;
    font-size:13px;
}
.tab input,textArea{
    width: 300px;
    padding: 6px;
}
.old{
    background: #800;
    color: #fff;

}
#form input,#form label,#form textArea{
    padding: 6px;
}

#form label{
    font-size: 13px;
    font-weight: 600;
}
.blocknewuser input[type="text"]{
    width: 250px;
}
#blocksearch{
    height: 60px;
    text-align: center;
    background: #fff;
    position: relative;
    top:-10px;

}
#blocksearch input[type="text"]{
    padding :5px;
    width: 300px;
    font-size: 110%;
}
#blocksearch table{
    padding: 10px 20px;
    margin: auto;
    -moz-border-radius: 0px 0px 20px 20px;
}
.process{
    color : rgb(0, 51, 102);
    font-weight:700;
    font-size: 11px;
    float: left;
    display: block;
}
#formhome a.process{
    color : rgb(0, 51, 102);
    font-weight:700;
    font-size: 11px;
    float: left;
    display: block;
}
#formhome a.process:hover{
    text-decoration: underline;
    background: none;
}
.codename,.webguce-sub-block-title{
    color : #ef7329;
    font-weight:700;
    font-size: 12px;
    display: block;
}
.webguce-sub-block-title{
    border-bottom :solid 1px #DDD;
    border-top :solid 1px #DDD;
    margin:10px 0px;
    padding:5px 0px;
}
table.webguce-sub-block {
    width:100%;

}
.webguce-sub-block label{
    font-weight: 900;
    display:block;
    text-align:right;
    padding-right:10px;
}
.webguce-sub-block select{
    padding:5px;
}
.webguce-sub-block label span{
    color:red;
    font-size: 1.3em;

}
.webguce-sub-block .ui-selectonemenu-label{
    display:block;
}
.webguce-sub-block .ui-fieldset-legend{
    background: rgb(0, 51, 102);
    color:#fff;
}
.webguce-sub-block .ui-inputtext[readonly="readonly"],
.webguce-sub-block .hasDatepicker[readonly="readonly"],
.webguce-sub-block .ui-inputtextarea[readonly="readonly"]{
    background:#EEE;
}
.borderB{
    padding-bottom:10px;
}

.tdlabel{
    width:15%;
}
.tdinput{
    width:35%;
}
.blockform{
    min-height: 180px;
}
#myform input{
    padding:8px;
}
#myform label{
    font-weight: 900;
    font-size: 12px;
    text-transform: capitalize;
}

.blockform .ui-widget-content{
    border : solid 0px #fff;
}
.blockunit td.ui-datagrid-column{
    vertical-align: top;
}
.formBLTable td{
    vertical-align: top;
}
.ui-widget-header,ui-state-default{
    background:rgb(0, 51, 102);
    color: #FFFFFF !important;

}
#formhome .ui-datagrid thead tr th{
    background: red;
    display: none;
}
#formhome .ui-datagrid tbody tr td{
    padding: 5px;
}
.ui-datagrid .ui-paginator{
    background: rgb(0, 51, 102);

    padding: 10px; 
    border-bottom: 0px solid;
}
#contents .ui-widget-content li.ui-state-default{
    background: none;
    box-shadow: 0px 1px 4px rgba(0, 51, 102, 0.6) inset;
    text-shadow: 0px 1px rgba(115, 0, 0, 0.1);
}
#contents .ui-widget-content li.ui-state-default.ui-state-hover a{
    background: #FFF;
    color : #ef7329;
}
#contents .ui-widget-content li.ui-state-default.ui-tabs-selected{
    background: #FFF;
}
#all .ui-fieldset-legend {
    background: none repeat scroll 0% 0% rgb(0, 51, 102);
    color: rgb(255, 255, 255);
}
#all .ui-button{
    display: inline-block;
    min-width: 40px;
    text-align: center;
    font-weight: bold;
    padding: 0px 6px;
    line-height: 20px;
    border-radius: 2px 2px 2px 2px;
    transition: all 0.218s ease 0s;
    text-transform: uppercase;
    border: 1px solid #ef7329;
    color: rgb(255, 255, 255);
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    background: #ef7329;
    background-image: linear-gradient(top , #ef7329 22% #cd5107 100%);
    background-image: -o-linear-gradient(top , #ef7329 22% ,#cd5107 100%);
    background-image: -moz-linear-gradient(top , #ef7329 22%,  #cd5107 100%);
    background-image: -webkit-linear-gradient(top, #ef7329 22%, #cd5107 100%);
    background-image: -ms-linear-gradient(top , #ef7329 22%, #cd5107 100%);
    min-height: 24px;
    font-size: 9px;
}
#all select{
    padding: 3px;
    padding-bottom: 0px;
    font-weight: 600;
    font-size: 11px;
    color: #036;
}
#all option{
    padding: 3px;
    font-weight: 600;
    font-size: 11px;
    color: #036;
    cursor: pointer;
}
#all .ui-button:hover{
    background: #ef957b;
    background-image: linear-gradient(top , #ef957b 2%, #ef7329 100%);
    background-image: -o-linear-gradient(top , #ef957b 2%, #ef7329 100%);
    background-image: -moz-linear-gradient(top , #ef957b 2%, #ef7329 100%);
    background-image: -webkit-linear-gradient(top, #ef957b 2%, #ef7329 100%);
    background-image: -ms-linear-gradient(top ,#ef957b 2%, #ef7329 100%);
}
#all .ui-button:focus{
    box-shadow: 0px 0px 0px 1px rgb(255, 255, 255) inset;  
    border: 1px solid transparent;
    outline: 0px none transparent;
}

.ui-corner-top {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}
.ui-corner-all{
    border-radius: 0px 0px 0px 0px;
}
#sidebar .ui-panel,#sidebar .ui-tabs{
    border : solid 1px #036;
    overflow: hidden;
    box-shadow:   0px 0px 3px 1px #034;
}
#all label{
    font-weight: 600;
    color: #036;
}
#all select
,#all .ui-inputfield,#all .ui-widget-content .ui-inputfield,#all .ui-widget-header .ui-inputfield{
    border: 1px solid #036;
    box-shadow: none;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(0, 51, 102, 0.6) inset;
    background: #fff;
    color: #034;
}

#all .ui-state-error,#all .ui-widget-content .ui-state-error,#all .ui-widget-header .ui-state-error{
    border: 1px solid #600;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 4px rgba(166, 0, 0, 0.6) inset;
}
#all .ui-selectonemenu .ui-selectonemenu-trigger{
    border: 1px solid #036;
    box-shadow: 0px 1px 4px rgba(0, 51, 102, 0.6);
}
#all .withid span{
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
.blockform{
    border: none;
}
.blockunit-inner thead{
    display: none;
}
.blockunit-inner table[role="grid"] td,.blockunit-inner table[role="grid"] tr,.blockunit-inner table[role="grid"] tbody{
    border: none;
}
.blockunit table{
    border-spacing: 10px;
}
.blockunit td.ui-datagrid-column{
    vertical-align: top;
    border : solid 1px #036;
    padding: 0px;
    width: 50%; 
    box-shadow: 0px 1px 4px rgba(0, 51, 102, 0.6) inset;
}
.blockunit .ui-widget-content {
    border :none;
}
.blockunit .ui-datagrid-content{
    background: none;
}
.blockunit{
    box-shadow: none;
    min-height: 400px;
}
label span{
    color:red;
}


.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #aaaaaa/*{borderColorActive}*/;
    background: #eee;
    font-weight: normal/*{fwDefault}*/;
    color: #000000/*{fcActive}*/;
}
.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all.ui-state-hover a{
    background: #ef7329;
}
.ui-accordion-header.ui-helper-reset.ui-state-default.ui-corner-all.ui-state-focus a{
    background: #ef7329;
}

.ui-accordion-header.ui-helper-reset.ui-state-default.ui-state-active.ui-corner-top a:hover{
    background: #ef7329;
}

.content-all a:focus{
    background: #ef7329;
}

.ui-dt-c .ui-command-link a:hover{
    background: #ef7329;
}
#alls .ui-dialog.ui-widget-content .ui-dialog-titlebar {
    background: #036;
}
.ui-selectonelistbox .ui-selectlistbox-item, .ui-selectmanymenu .ui-selectlistbox-item, .ui-multiselectlistbox .ui-multiselectlistbox-item{
    padding:5px;
}

#formContenu .ui-selectonemenu-label{
    text-align:left;
    display:block;
}
#formContenu .ui-fieldset-legend{
    background: rgb(0, 51, 102);
    color:#fff;
}
#formContenu .ui-inputtext[readonly="readonly"],#formContenu .hasDatepicker[readonly="readonly"],#formContenu .ui-inputtextarea[readonly="readonly"]{
    background:#EEE;
}

#all .tdlabel{
    width:15%;
}
#all .tdinput{
    width:35%;
}
.webguce-block-title{
    color : #ef7329;
    font-weight:700;
    font-size: 15px;
    display: block;
    background : #036;
    padding: 10px 5px;
}
.hidden {
    display: none;
}