* {
	font-family: verdana;
	font-size: 11px;
}
body {
    position: relative;
	margin: 0;
}
a {
	text-decoration: none;
        /*color: #13007c;*/
        color: blue;
}
a:hover {
	text-decoration: underline;
}
h1, h2, h3, form {
	display: inline;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 26px;
}
h3 {
	font-size: 20px;
}
label {
        float: left;
        text-align: right;
        padding-right: 5px;
	padding-top: 2px;
}

input, textarea {
	text-transform: uppercase;
}

input, select, textarea {
        width: 200px;
}
input.chk {
	width: 20px;
}
input.bt {
	width: auto;
}

/** -----------------------------------------------------
 * Main section
 */
#main {
	width: 98%;
        /*width: 780px;*/
}

/** -----------------------------------------------------
 * Header
 */
#head {
	padding: 2px;
	height: 97px;
	background: url(/img/ligne-bleu.jpg) repeat-x;
}

#head #hcllogo {
	background: #FFF url(/img/custom_logo.jpg) left 50% no-repeat;
	height: 97px;
	width: 159px;
	float: left;
	padding-right: 5px;
}

#head #gdl_logo {
	float: left;
	padding-left: 50px;
}

#head #hculogo {
	background: #FFF url(/img/cp.logstique.png) 50% 50% no-repeat;
	height: 83px;
	width: 173px;
	float: right;
}

#head h3 {
	position: relative;
	top: 25px;
}

#head .hversion {
	font-style: italic;
}
/** -----------------------------------------------------
 * Menu
 */
#menu {
	position: absolute;
	top: 97px;
	left: 50px;
	padding: 2px;
}
#menu .title {
        background-color: #91b3ff;
        /*background-color: #6666ff;*/
        padding-left: 5px;
        display: block;
        font-weight: bold;
        font-size: 18px;
        margin-top:4px;
}
#menu .section {
        margin-bottom: 10px;
        /*border: 1px solid black;*/
        /*background-color: #e0e0e0;*/
}
#menu .subtitle {
        font-style: italic;
        padding-left: 10px;
        display: block;
}
#menu .links {
        /*background-color: #ffffff;*/
}
#menu .links a {
        padding-left: 10px;
        display: block;
        font-style: italic;
        font-size: 13px;
}
#seccmd, #seccli, #secart, #secsta, #secsto, #seclog, #secadmin{
        display:none;
}
/** -----------------------------------------------------
 * Cont
 */
#cont {
	position: absolute;
	left: 224px;
	top: 97px;
	text-transform: uppercase;
	border-top: solid 1px black;
	padding: 2px;
	width: auto;
}
#cont #path {
	display: none;
	font-style: italic;
	padding-right: 5px;
	float: right;
}
#cont #path:before {
	content: "Vous êtes ici : ";
}

#cont #dvSystemMessage .msgerr, #cont #dvSystemMessage .msginf {
	display: block;
	font-style: italic;
	padding-left: 20px;
        padding-top: 10px;
        height: 15px;
}
#cont #dvSystemMessage {
	display: none;
        margin-left: 50px;
}
#cont #dvSystemMessage .msgerr {
        background: url(/img/error.gif) no-repeat left;
}
#cont #dvSystemMessage .msginf {
        background: url(/img/information.gif) no-repeat left;
}
#cont label {
	/*width: 150px;*/
        width: 100%;
        vertical-align: top;
}
/* DEV STAGE */
#cont #sommaire ul {
        list-style-image: url(/img/pic.ball.darkblue.small.gif);
        list-style-position: inside;
}
#cont #messages {
        margin-right: 100px;
        width: 300px;
        font-size: 12px;
        float: right;
}
#cont #messages .date {
        font-style:italic;
        text-decoration: underline;
        padding-bottom: 2px;
}
#cont #messages .msg {
        margin-bottom: 5px;
}
#cont #messages a {
        font-style: italic;
        font-size: 11px;
}

#dclose {
        position: relative;
        float:right;
        top: 10px;
        right: 10px;
}
#cont #info {
        padding-left:10px;
        width:100%;
}
#cont #info .date {
        font-style:italic;
}
#cont #info .titre {
        font-weight:bold;
        font-size:14px;
}
#cont #info .message {
        font-size:12px;
}
/** -----------------------------------------------------
 * Result (sub #cont)
 */
.result {
        width: 100%;
}
.result th {
	font-weight: bold;
	background-color: #91b3ff;
        /*background-color: #6666ff;*/
        font-size: 22px;
	border-bottom: solid 1px black;
	border-top: solid 1px black;
        vertical-align:middle;
}
.result .ac{
        padding-bottom:10px;
}
.result tr .title {
	font-size: 15px;
	border-bottom: solid 1px black;
}
.result tr .seltitle {
        font-size: 15px;
        font-weight:bold;
        border-bottom: solid 1px black;
}
.result tr.stitle,.result .stitle {
        font-size: 12px;
        font-style: italic;
        border-bottom: solid 1px black;
}
.result tr.stitle input,.result .stitle input {
        font-style: normal;
}
.result .ct1{
	background-color: #e0e0e0;
}
.result .ct2{
        background-color: #ffffff; /* #F2F6FF; */
}

.result .ct1Sel{
        background-color: #e0e0e0;
        color: #cc0000;
}
.result .ct2Sel{
        background-color: #ffffff; /* #F2F6FF; */
        color: #cc0000;
}

.result .ct1Val{
        background-color: #e0e0e0;
        color: #0fb800;
}
.result .ct2Val{
        background-color: #ffffff; /* #F2F6FF; */
        color: #0fb800;
}
.result .ct1Rej{
        background-color: #e0e0e0;
        color: #505050;
}
.result .ct2Rej{
        background-color: #ffffff; /* #F2F6FF; */
        color: #505050;
}
.result .ct1Wai{
        background-color: #e0e0e0;
        color: #528bff;
}
.result .ct2Wai{
        background-color: #ffffff; /* #F2F6FF; */
        color: #528bff;
}

.result td {
        padding: 2px;
}
.result .ct1:hover, .result .ct2:hover{
	background-color: #ccdcff;
}
.result input.bt {
	width: auto;
}
.result .c {
	text-align: center;
}
.result .selItem {
        color: #cc0000;
}
.result .title a {
        font-size:16px;
}
.result .hidDet {
        display:none;
        visibility:hidden;
        border-top:solid 1px black;
        border-bottom:solid 1px black;
        margin-bottom:5px;
}

/** -----------------------------------------------------
 * Search
 */
#search {
        width: 500px;
        visibility: hidden;
        position: absolute;
        display: none;
        z-index: 10000;
        background-color: #ffffff;
        border: solid 1px black;
}
#search label {
	width: 200px;
}
#search h3 {
	display: block;
	padding-left: 20px;
	border-bottom: 1px solid black;
        background: url(/img/pic.search.png) no-repeat;
}
#asearch {
	/*position: relative;*/
        height: 50px;
        /*padding-left: 20px;*/
        /*background: url(/img/pic.search.png) no-repeat; */
}
#asearch a {
        /*border: solid 1px black;*/
        padding: 5px;
        font-size: 20px;
        font-weight: bold;
        color: #cc0000;
}
#asearch .context {
	font-size: 9px;
        padding: 5px;
}

/** -----------------------------------------------------
 * Detail
 */
#detail {
        width: 400px;
        visibility: hidden;
        position: absolute;
        display: none;
        z-index: 10000;
        background-color: #ffffff;
        border: solid 1px black;
}
#detail label {
        width: 200px;
}
#detail .title {
        width: 150px;
        text-align: right;
}
#detail h3 {
        display: block;
        padding-left: 20px;
        border-bottom: 1px solid black;
        background: url(/img/pic.search.png) no-repeat;
}

/** -----------------------------------------------------
 * Pager
 */
#dP{}
#dP .t{text-decoration:underline;}
#dP a{text-decoration:none;}
#dP a:hover{text-decoration:underline;}
#dP .c{font-weight:bold;}

/** -----------------------------------------------------
 * Foot
 */
#foot {
        position:absolute;
        bottom:2px;
	/*border: solid 1px black;*/
	margin-top: 2px;
	padding: 2px;
	text-align: center;
        clear: both;
}
#foot a {
	padding-right: 5px;
	font-size: 11px;
}
#spacer {
	clear: both;
}