*{
    margin:0;
    padding:0;
    font-family:Verdana;
    font-size:12px;
}
img{
    border:0;
}
html{
	background-image:url(../img/fond-carres.png);
	background-repeat:repeat-x;
	background-color:white;
}
form{
    display:inline;
}
body{
    position:relative;
    width:1200px;
    margin-left:auto;
    margin-right:auto;
    top:-20px;

	background-image:url(../img/fond.jpg);
	background-repeat:repeat-x;

    background-color:#E5E5E5;
    border:2px solid #666666;
    border-top:0;
    padding:15px;
    padding-top:20px;

    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

h1{
	color:#4d4d4d;
    border:2px solid #E32017;
	background-color:#E0E0E0;
    margin-bottom:5px;
    width:50%;
    left:25%;
    position:relative;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    font-size:18px;
    text-align:center;
}

h2{
    float:left;
	color:#4d4d4d;
	border:2px solid #E32017;
	background-color:#E0E0E0;
    margin-bottom:5px;
    width:250px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    font-size:12px;
    text-align:center;
}

dd, dt{
    display:inline;
}

a, a:visited{
    text-decoration:none;
    color:#656565;
    font-weight:bold;
}
a:hover{
    color:#404040;
    text-decoration:underline;
}

fieldset{
    margin-bottom:10px;
    border:2px solid #E32017;
    padding:15px;
    padding-top:0;
    
    background-color:#FFFFFF;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

legend{
	padding:5px;
	color:#4D4D4D;
	font-size:16px;
	font-weight:bold;
}

.bandeau{
	position: absolute;
	bottom: -88px;
	margin-left: 50%;
	left: -199px;
    z-index: 1;
}

.ui-dialog-content {
    z-index:200;
}

.header{
    background-image:url('../img/logo.png');
    background-repeat:no-repeat;
    background-position:center center;
    width:100%;
    height:80px;
}

.content{

}

a.nouveau, a.back, a.print, a.selectAll, a.search, a.modify, a.save, a.gerer, a.connect, a.supprimer, a.down, a.folder_new, a.excel {
    display:block;
    padding-left:32px;
    height:24px;
    line-height:24px;
    background-image:url('../img/new.png');
    background-repeat:no-repeat;
    background-position:left;
    margin-bottom:3px;
    cursor: pointer;
    font-size:14px;
    width:auto;
}

a.excel {
    background-image:url('../img/excel.png');
}
a.down{
    background-image:url('../img/down.png');
}
a.back{
    background-image:url('../img/back.png');
}
a.print{
    background-image:url('../img/print.png');
}
a.selectAll{
    background-image:url('../img/selectAll.png');
}
a.search{
    background-image:url('../img/search.png');
}
a.modify{
    background-image:url('../img/modify.png');
}
a.save{
    background-image:url('../img/save.png');
}

a.supprimer{
    background-image:url('../img/delete.png');
}

a.gerer{
    background-image:url('../img/gerer.png');
}
a.connect{
    background-image:url('../img/login.png');
}
a.folder_new{
    height:32px;
    line-height:32px;
    background-image:url('../img/folder_new.png');
}
.nl{
    clear:both;float:none;width:100%;line-height:0;height:0;
}

.table_std
{
    background: white;
    color: #46372D;
    font-size: 11px;
    font-family: tahoma;

    width:100%;

    border:1px solid #666666;
    border-right:0;

    margin-bottom:15px;
}

.table_std th, .table_std td{
    padding:8px;
    padding-top:4px;
    padding-bottom:4px;

    border-right:1px solid #666666;
}

.table_std tr.odd, td.odd{
    background-color:#FFE5B2;
}

.table_withoutbg
{
    color: #666666;
    font-size: 11px;
    font-family: tahoma;
}

.std_row_border
{
    border: 1px solid #888888;
}

.yellow_on_hover:hover
{
    background: #ffffcc;
}

.yellow_on_hover
{
    background: white;
}

.table_std thead
{
    width: 100%;
    background: #666666;
    color: #dddddd;
    font-size: 10px;
    font-family: tahoma;
    font-weight: bold;
}

.table_std thead a
{
    color:#DDDDDD;
    font-family:tahoma;
    font-size:12px;
    font-weight:bold;
}

.block
{
    border: 1px solid grey;
    background: white;
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
}

.child_block
{
    border: 1px solid #222266;
    background: white;
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
}

.child_block_title
{
    background: #222266;
    text-align: left;
    font-family: Tahoma;
    font-size: 11px;
    color: white;
}


.title
{
    background: #666666;
    color: white;
    font-weight: bold;
    width: 100%;
    display: inline-block;
    text-align: center;
}


.cleaner_div
{
    clear: both;
}

input
{
    border: 1px solid #666666;
    color: #333333;
    font-family: Tahoma;
    font-size: 11px;
    text-align: center;
}

.std_text
{
    font-family: Tahoma;
    font-size: 10px;
    text-align: left;
}

/* Formulaires des versements */
table.versement_article_keywords
{
    border: 1px solid #666666;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    border-collapse: collapse;
}

thead.versement_article_keywords
{
    background: #777777;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    color: white;
}

th.versement_article_keywords
{
    background: #777777;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
    color: white;
    min-width:50px;
}

tr.versement_article_keywords
{
    border: 1px solid #666666;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
}

td.versement_article_keywords
{
    border: 1px solid #666666;
    font-family: tahoma;
    font-size: 9px;
    font-weight: normal;
}

.greenBackground
{
    background-color: #ccffcc;
}


.redBackground
{
    background-color: #ffcccc;
    border: 1px solid red;
}

/** ACCUEIL **/
.accueil a, .accueil a:visited{
    display:block;
    margin-bottom:3px;
}

fieldset.services{
    width:100%;
    padding-left: 5px;
    padding-right: 5px;
}

.accueil fieldset{
    width:570px;
    margin-left:300px;
}

/** ACCOUNT **/
.account{
    position:absolute;
    top:15px;
    right:5px;
    font-size:8px;

    border:1px solid #CCCCCC;
    padding:5px;
    padding-right:30px;

    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.account th, .account td{
    text-align:left;
    padding-right:5px;
    font-size:9px;
}

.linkHome{
    background-image:url('../img/home.png');
    width:48px;
    height:48px;
    position:absolute;
    left:5px;
    top:20px;
}

.linkDisconnect{
    background-image:url('../img/deconnexion.png');
    width:24px;
    height:24px;
    position:absolute;
    right:7px;
    top:23px;
}


/** LISTE VERSEMENTS ARTICLES**/
.listArticlesVersement fieldset{
    text-align: center;
    
    
}

.listArticlesVersement fieldset input{
    float:left;
}

.listArticlesVersement table{
    clear: both;
}

.current {
    font-weight: bold;
    font-size: 16px;
}

/** **/
#paginationControl td.pages{
    padding-left: 10px;
    padding-right: 10px;
}


/** VERSEMENTS **/
.listVersement fieldset{
    width:180px;
}

.listVersement fieldset input{
    float:right;
}

.artControl{
    position:relative;
    float:left;
    width:26px;
    height:300px;
}
.artControl .up, .artControl .down, .artControl .valid, .artControl .place, .duplicate{
    width:24px;
    height:24px;
    border:0;
    background-color:transparent;
    margin-bottom:5px;
    cursor:pointer;
}
.artControl .up{
    background-image:url('../img/up.png');
}
.artControl .down{
    background-image:url('../img/down.png');
}
.artControl .valid{
    background-image:url('../img/save.png');
}
.artControl .place{
    background-image:url('../img/place.png');
}

.artControl .duplicate{
    background-image:url('../img/duplicate.png');
}

.artControl .check{
    background-image:url('../img/circle.png');
    width:19px;
    height:19px;
    padding-top:5px;
    padding-left:5px;
    margin-bottom:5px;
}
.detailVersement fieldset{
    position:relative;
}
.detailVersement .delete{
    position:absolute;
    top:-10px;
    right:20px;
}
.detailVersement a.gerer{
    float:left;
    display:block;
    background-image:url('../img/gerer.png');
    width:24px;
    height:24px;
    margin-left:5px;
    padding:0;
}
.table_std.article textarea{
    width:400px;
    height:75px;
}
.detailVersement .article{
    float:left;
    width:45%;
    margin-right:15px;
    clear:none;
}
.detailVersement .keywords, .detailVersement .emprunts{
    float:left;
    width:45%;
    margin-bottom:5px;
}
.detailVersement .keywords table, .detailVersement .emprunts table{
    float:left;
    width:90%;
}
/** RECHERCHE **/
.table_std.search .spacer td{
    height:2px;
    line-height:2px;
    border:0;
    padding:0;
    margin:0;
    background-color:gray;
}
.table_std.search{
    border-bottom:0;
}
.table_std.search th, .table_std.search td{
    border-bottom:1px solid gray;
    padding:10px;
}
.table_std.search th{
    text-align:left;
}

/** CONNEXION **/
.login{
    width:400px;
    position:relative;
    left:400px;
}


.planDeroulant{
    padding:20px;
    width:500px;
    margin-left:auto;
    margin-right:auto;
}
.planDeroulant ul{
    padding-left:15px;
    cursor:pointer;
}
.planDeroulant .selected{
    background-color:blue;
    color:white;
}

#paginationControl{
    text-align: center;
}

.popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:300px;
z-index: 9002;
}

fieldset.rechercheLieu  {
    width: 300px;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.searchBox {
    line-height: 14px;
    font-size: 14px;
}

.searchbox input {
    width: 1000px;
}

.plusCase{
    border: 0px;
    width: 15px;
    background-image:url('../img/plus.png');
}

.minusCase{
    border: 0px;
    width: 15px;
    background-image:url('../img/minus.png');
}

.sizedSelect {
    
    width: 40px;
}

#actionDocument{
    float: left;
    width: 450px;
}

.button{
    background-color: #E5E5E5;
    border: 2px solid #666666;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #000!important;
    font-size: 12px;
    text-align: center;
    width: 250px;
    display: block;
}

.button_red{
    /*background-color: #ff0000!important;*/

}

/**
* Formulaire de saisie des metadonnees fichiers
*/
#filesmetadata fieldset{
    padding-left: 200px;
    padding-top: 10px;
    padding-bottom: 20px;
}

#filesmetadata div.formTable{
    display: table;
    width: 740px;
}
#filesmetadata div.formRow{
    display: table-row;
    width: 100%;
}

#filesmetadata div.formCell{
    display: table-cell;
    width: 370px;
}

#filesmetadata div.colspan>div
{
    width:1px;
}

#filesmetadata div.colspan>div>div
{
    position:relative;
    width:739px;
}

#filesmetadata input, #filesmetadata textarea, #filesmetadata select{
    margin-left: 40px;
    margin-top: 5px;
    text-align: left;
    padding: 2px;
    border: 1px solid #000000;
}

#filesmetadata input[type="text"], #filesmetadata select{
    width: 300px;
}

#filesmetadata label{
    margin-top: 10px;
    width:300px;
    display: inline-block;
}


#filesmetadata input.large, #filesmetadata textarea.large{
    width: 670px!important;
}

#filesmetadata input[type="submit"]{
    display: inline-block!important;
    text-align: center!important;
    line-height: 11px!important;
    width: 300px!important;
    cursor: pointer;
    margin-top: 70px;
    padding: 5 5;
}

#filesmetadata .error{
    color: #F00;
}
#filesmetadata .myError{
    margin: 0;
    padding: 0;
    color: #F00;
    font-size: 11px;
    font-style: italic;
}

#fichierTable, #dossiersTable{
    /*cellspacing:0;*/
    /*margin: auto;*/
    border-collapse: collapse;
}

#dossiersTable, #dossiersTable th, #dossiersTable td {
    /*border-color: #000000;*/
    /*border-width: 1px;*/
    /*border-style:solid;*/
}

#dossiersTable{
    /*margin-bottom: 20px;*/
}

#fichierTable th, #dossiersTable th{
    /*min-width: 130px;*/
    /*text-align: center;*/
    /*padding: 15px;*/
}

#dossiersTable th{
    /*background-color: #c9c9c9;*/
}
#dossierVirtuel fieldset{
    /*padding-left: 50px;*/
    /*padding-top: 25px;*/
}
#fichierTable th:first-child{
    /*text-align: left;*/
}

#fichierTable td{
    /*text-align: center;*/
    /*padding: 15px;*/
}

#fichierTable td:first-child, #dossiersTable td:first-child{
    text-align: left;
}

#fichierTable .down, #dossiersTable .down{
    background-color: transparent;
    background-image:url('../img/down.png');
    width: 24px;
    height: 24px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
}

#fichierTable .modify, #dossiersTable .modify{
    background-color: transparent;
    background-image:url('../img/modify.png');
    width: 16px;
    height: 16px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    margin: auto;
}

#dossiersTable .delRow{
    width:25px!important;
    min-width:25px!important;
    margin: 0;
    padding: 0;
}

.img_eye_white{
    background-image:url('../img/eye_white_29.png');
    width: 32px;
    height: 29px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    margin: auto;
}

.img_eye_black{
    background-image:url('../img/eye_black_24.png');
    width: 24px;
    height: 24px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    margin: auto;
}

#actionListeFichier{
    width: 100%;
}
#actionListeFichier .button{
    width: 320px;
    margin: auto;
}

#actionDossierVirtuel{
    /*width: 925px;*/
    /*height: 25px;*/
    margin: auto;
    display: block;
    margin-left: 450px;
}

#actionDetailDossierVirtuel {
    height: 110px;
}

#actionDossierVirtuel a.button, #actionDetailDossierVirtuel a.button, #actionDetailDossierVirtuel input.button{
    margin-bottom: 5px;
    font-weight: bold;
    margin: auto;
    margin-top: 10px;
}

#dossierVirtuel{
    display: block;
    margin: auto;
    width: 500px;
}

#dossierVirtuel input[type=text], #dossierVirtuel select{
    margin-bottom: 10px;
    margin-left: 50px;
    margin-top: 5px;
    width: 350px;
    height: 18px;
}

#dossierVirtuel .error{
    text-align: center;
    width: 100%;
    background-color: #ff6968;
    font-weight: bold;
    display: block;
    height: 25px;
    line-height: 25px;
}

#selectClientDossier{
    width: 700px;
    margin: auto;
    margin-bottom: 15px;
}

#selectClientDossier label{
    margin-right: 15px;
}

#selectClientDossier input{
    margin-right: 15px;
}

#selectClientDossier input[type="submit"]{
    width: 70px;
    height: 17px;
}

.img_list{
    background-image:url('../img/list.png');
    width: 29px;
    height: 29px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    margin: auto;
    /*float: left;*/
}
.img_list_empty{
    background-image:url('../img/list_empty.png');
    width: 29px;
    height: 29px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    margin: auto;
    /*float: left;*/
}
.img_add{
    background-image:url('../img/add.png');
    width: 29px;
    height: 29px;
    border: none;
    margin-left: 10px;
    cursor: pointer;
    float: left;
}
input[disabled="disabled"], select[disabled="disabled"]{
    color: #000;
    border: none;
    text-align: inherit;
    background-color: rgba(0, 0, 0, 0);
}

#formSearchDoc{
    width: 100%;
    margin: auto;
    display: block;
}
##formSearchDoc input {
    height: 20px;
    text-align: left;
    padding-left: 5px;
}
##formSearchDoc select{
    height: 24px;
    text-align: left;
    padding-left: 5px;
}
##formSearchDoc label{
    width: 200px;
    text-align: right;
    margin-right: 10px;
    display: inline-block;
}
##formSearchDoc input[type="radio"]{
    margin-right: 5px;
    margin-left: 5px;
}
##formSearchDoc select{
    width: 70px;
}
#dateDocument_initiale, #dateDocument_finale{
    width: 70px;
}
#dataSearch{
    width: 258px;
}
.form-submit{
    height: 25px;
    margin: auto;
    display: block;
    padding-left: 20px!important;
    padding-right: 20px!important;
}
#zoneRecherche1{
    float:left;
    width: 50%;
}

#zoneRecherche2 {
    float: left;
    width: 50%;
}

#zoneRecherche2 div {
    margin-bottom: 15px;
}

#zoneRecherche2 div label {

}

#zoneRecherche2 div input {
    height: 15px;
}

#planClassement{
    margin-left: 10px;
}





/*------------------  YG v1.1 ------------------*/
button.button_link{
    display:block;
    /*margin: auto;*/
    padding-left:32px;
    height:24px;
    line-height:24px;
    background-color: transparent;
    border: 0px;

    background-repeat:no-repeat;
    background-position:left;
    margin-bottom:3px;
    cursor: pointer;
    font-size:14px;
    width:auto;
    text-decoration: none;
    color: #656565;
    font-weight: bold;
}
button.button_link:hover{
    text-decoration: underline;
}

button.button_link.down {
    background-image:url('../img/down.png');
}
button.button_link.delete {
    background-image:url('../img/delete.png');
}
button.button_link.save {
    background-image:url('../img/save.png');
}
button.button_link.eliminate {
    background-image:url('../img/modification.png');
}
button.button_link.sort {
    background-image:url('../img/modification.png');
}


h1.success{
    color:#000000;
    border:2px solid #22aa22;
    background-color:#62c462;
    margin-bottom:5px;
    width:50%;
    left:25%;
    position:relative;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;

    font-size:18px;
    text-align:center;
}

button.ico {
    float: left;
    display: inline-block;
}
.ico {
    display: inline-block;
    width: 32px;
    height: 32px;
    border: none;
    cursor: pointer;
    margin: auto;
    background-color: transparent;
}

.pdf {
    background-image:url('../img/ico_pdf.png');
}

.preview {
    background-image:url('../img/ico_preview.png');
}

.download{
    background-image:url('../img/ico_download.png');
}

.remove{
    background-image:url('../img/supprimer_32.png');
}

.edit{
    background-image:url('../img/modify_32.png');
}

.folder_up {
    background-image:url('../img/ico_folder_up.png');
}

.folder_images{background-image:url('../img/folder_images.png');}
.folder_documents{background-image:url('../img/folder_documents.png');}
.folder_empty{background-image:url('../img/folder_empty.png');cursor: default;}
.folder_new{background-image:url('../img/folder_new.png');}
.document_new_24{background-image:url('../img/document_new_24.png');}
.folder_sub_new{background-image:url('../img/folder_sub_new.png');}