/*************************************/
/******* VDoc Easysite System ********/
/********** Common styles ************/
/*************************************/

BODY { margin:0px; }
BODY,TD { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.root {}
.page {}

/*----texts----*/
H1 {font-size:17px; margin:16px 0px 16px 0px;}
H2 {font-size:16px; margin:16px 0px 16px 0px;}
H3 {font-size:15px; margin:15px 0px 15px 0px;}
H4 {font-size:14px; margin:15px 0px 15px 0px;}
H5 {font-size:13px; margin:14px 0px 14px 0px;}
H6 {font-size:12px; margin:14px 0px 14px 0px;}
P {margin:4px 0px 6px 0px;}
.p-header {font-weight:bold;}
STRONG {}
EM {}
.highlight {color:#ff0000}
.rich-text {}

/*----separator----*/
HR {margin:1em auto;}

/*----medias----*/
.image {}

/*----default links----*/
A {}
A:link {color:#000000}
A:visited {color:#000000}
A:hover {color:#ff0000}
A:active {color:#ff0000}

/*----forms----*/
FORM {margin:0px; padding:0px;}
LABEL {padding:0px 2px;}
INPUT,SELECT,TEXTAREA {border:1px solid #ABABAB; vertical-align:middle}
.checkbox,.radio {border:none; background:transparent none;}
.checkbox-group, .radiobutton-group {}
.checkbox-group TABLE, .radiobutton-group TABLE {margin-top:5px;}

/*field states*/
.readonly {background-color:#E5E5E5; border:1px solid #BEBEBE;}
.mandatory {/*-!!-changer pour required*/
	color:#d3031b;
	font-weight:normal;
}
.mandatory LABEL{/*-!!-changer pour required*/
	background-image:url(../images/requis_etoilerouge.png);
	background-repeat:no-repeat;
	background-position: 99% center;
}
.error {color:#ff0000}

/*--form groups--*/
FIELDSET { padding:10px}
FIELDSET LEGEND {color:#000000; font-weight:bold}
FIELDSET UL {margin:0px; padding:0px}
FIELDSET LI {list-style:none; padding:2px;}
/*fields group*/
.fields-group {border:1px solid #ABABAB;}
/*buttons group*/
.buttons-group {}
.buttons-group UL {text-align:right}
.buttons-group LI {display:inline}

/*download input*/
.upload-file {}
.upload-file TABLE {margin:5px 0px}
.upload-file BUTTON {vertical-align:middle; margin-left:10px}

/*date field*/
.date-field {}
.date-field * {vertical-align:middle}

/*period field*/
.period-field {}
.period-field TD {padding:2px 5px 2px 2px}

/*--buttons--*/
.button-area {padding:10px;}
BUTTON {}
BUTTON SPAN {}
.button1 {background-color:#E0E0E7;}
.button2 {background-color:#ECDFD7}
.button3 {background-color:#DBEBD8}

/*--tables--*/
.table { border-collapse:collapse; }
.table CAPTION {font-weight:bold}
.table TH {background-color:#e5e5e5; padding:4px; border:1px solid #848484; text-align:left}
.table TD { padding:4px; border:1px solid #848484}
.table .cell1 {}
.table .cell2 {background-color:#F2F2F2;}

/*--------navigations--------*/
/*current item*/
.current {font-weight:bold}

/*--Streamline--*/
.streamline {}

/*--Topic Pages list--*/
.pages-list {}

/*--Drop down menu--*/
.dropdown-menu {height:21px; border:1px solid #848484; }
.dropdown-menu .dropdown li ul { display:none; } /*do not modify*/
.dropdown-menu .dropdown li:hover>ul { display:block; } /*do not modify*/

/*Level 1*/
.dropdown-menu ul { margin:0px; padding:0px; list-style:none; display:block;}
.dropdown-menu ul li { float:left; display:block;	border-right:1px solid #848484;	background-color:#f2f2f2; }
.dropdown-menu ul li.first {}
.dropdown-menu ul li.last {}
.dropdown-menu ul li a { margin:0px; display:block; text-decoration:none;	padding:3px 6px 3px 6px; }
.dropdown-menu ul li a:hover { background-color:#A8A8A8; color:#FFFFFF; cursor:pointer}
.dropdown-menu ul li a span { display:block; cursor:pointer;}

/*Level 2*/
.dropdown-menu .dropdown ul { position:absolute; z-index:2; padding:1px; background:#848484; }
.dropdown-menu .dropdown ul li { position:relative; float:none; margin:0px; padding:0px;	background-color:#f2f2f2;	border-right:none; }
.dropdown-menu .dropdown ul li a {	padding:1px 0px 1px 0px; }
.dropdown-menu .dropdown ul li a span { padding:2px 4px; margin:0px 2px; }

/*Level 3*/
.dropdown-menu .dropdown ul ul { top:0px; z-index:3;	}


/*--Side menu--*/
.side-menu {width:200px}
.side-menu .side {width:200px}
.side-menu ul { margin:0px; padding:0px; list-style:none;}
.side-menu .side li { display:block; border:1px solid #848484; background-color:#f2f2f2; margin:2px; }
.side-menu .side ul { margin:0px 0px 0px 20px;  }
.side-menu .side ul li { border:none; margin:0px;}
.side-menu .side li.first {}
.side-menu .side li.last {}
.side-menu .side a { display:block; text-decoration:none; padding:2px;}
.side-menu .side a:hover { background-color:#A8A8A8; color:#ffffff; padding:2px;}

/*--Sitemap--*/
.sitemap {}

/*--------components--------*/

/*--Send to friend--*/
.send-to-friend {border:1px solid #ABABAB; margin:10px; padding:5px; width:210px; }
.send-to-friend FIELDSET {border:none}
.send-to-friend LABEL {display:block; }

/*--tooltip--*/
.tooltip {border:1px solid #797C82; color:#240615; background-color:#FFF59F; padding:2px 4px 2px 4px; width:250px}

/*--progress bar--*/
.bar-outer {  }
.bar {border:1px solid #848484;}
.bar-gauge {background-color:#E5E5E5; height:15px;}

/*--pager--*/
.pager {clear:both; margin-bottom:10px;}
.pager DIV {display:inline; margin:5px 10px 5px 0px; white-space:nowrap;}
.pager .items {  }
.pager .itemsperpage {}
.pager .display-type {}
.pager .browser {float:right}
.pager .browser A { margin:0px 2px;}
.pager .browser SPAN { margin:0px 2px;}
.pager .browser STRONG { margin:0px 2px;}

/*--filter--*/
.filter {margin:10px 0px;}
.applied {}
.applied-filter {padding:4px}

/*--list-sort--*/
.list-sort {clear:both; margin-bottom:10px; }
.list-sort  DIV {display:inline; margin:5px 5px 5px 0px; white-space:nowrap;}
.sorting-item {}
.sorting-order {}

/*--combo-list--*/
.combo-list {margin-top:10px;}

/*--------views--------*/
.empty {padding:5px;}
/*--display modes--*/
.vertical {}
.horizontal {}

/*--list-view--*/
.list-view {}
.list-view .detail {margin:0px 10px 10px 0px;}
.list-view .highlight {} 

/*--table-view--*/
.table-view {margin-top:10px;}
.table-view TABLE { border-collapse:collapse; width:100% }
.table-view TH {background-color:#e5e5e5; padding:4px; border:1px solid #848484; text-align:left}
.table-view TD { padding:4px; border:1px solid #848484}
.table-view .cell1 {}
.table-view .cell2 {background-color:#F2F2F2}

/*table view sort*/
.unsorted {background-image:url(../images/button_sort.gif); background-repeat:no-repeat; background-position:center right; padding-right:10px}
.sort-ascending {background-image:url(../images/button_sort_ascending.gif); background-repeat:no-repeat;background-position:center right;  padding-right:10px}
.sort-descending {background-image:url(../images/button_sort_descending.gif); background-repeat:no-repeat;background-position:center right;  padding-right:10px}

/*--thumbnail-view--*/
.thumbnail-view {}
.thumbnail-view TD { text-align:center; }
.thumbnail-view .vertical .detail {clear:both;}
.thumbnail-view .detail { border:1px solid black; margin:10px; width:140px; height:160px; }
.thumbnail-view .detail .thumbnail-zone {width:128px; height:128px; margin:10px auto; }
.thumbnail-view .detail .thumbnail-zone .thumbnail { }
.thumbnail-view .detail .text-zone {width:128px; margin:10px auto;}

/*--single item-view--*/
.item-view {clear:both}
.item-view .button-area {clear:both}
.item-view H1 {}
.item-view .description {}
.item-view .date {}
.item-view .actor {}

/*--attached file--*/
.attachments {}
.attachments IMG {margin:2px 2px 2px 0px}

/*--------applications--------*/

/*--polls--*/
.poll {}
.poll .information {}

/*--search--*/
.search {margin:10px 0px 20px 0px;}
.search BUTTON {vertical-align:middle; margin:2px;}
.search-result {}
.search-result .list-view .properties {}
.search-result .list-view .path {color:#898989}

/*warning*/
.warning { background:url(../images/warning.gif) no-repeat 2px 3px; padding-left:40px; margin:10px 0px;}
.informations {margin:10px 0px;}

/*--authentication--*/
.authentication-form {border:1px solid #ABABAB; margin:10px; padding:5px; }
.authentication-form P {margin:10px 10px 0px 10px;}
.authentication-form UL {list-style:none; margin:10px 10px 0px 10px; padding:0px;}
.authentication-form LI {padding:2px 2px 2px 0px;}
.authentication-form LI LABEL { /*float:left; width:25%;*/}

/*--application browser--*/
.application-browser {padding:10px}

/*bloc actions*/
.actions-area {text-align:right}
.actions-area .button-area {padding:0px}
.actions-area .button-area IMG {margin-left:5px;}
.actions-area .action-refresh { }

/*navigation and form area*/
.navigation-area { border-bottom:1px dashed #000000; padding-bottom:10px; margin-bottom:5px;}
.navigation-area {}
.navigation-area .streamline {margin:10px 0px;}
.navigation-area .streamline .action-root {border:0px none; background:url(../images/home.gif) no-repeat left top; cursor:pointer; height:16px; width:16px;}
.navigation-area .streamline .action-root SPAN {display:none}
.navigation-area .list-view {}
.form-area {}

/*views*/
.view-area {}
.view-area .filter-area {}
.view-area .highlight {color:#FF0000}
.view-area .highlight A:link {color:#FF0000}
.view-area .highlight A:visited {}
.view-area .highlight A:hover {color:#000000}
.view-area .highlight A:active {}
 
 /*--powered by vdoc--*/
.sys-footer {font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:center; color:#8F8F8F; padding:5px;}
.sys-footer A:link,.sys-footer A:visited { color:#8F8F8F; text-decoration:underline}
.sys-footer A:hover,.sys-footer A:active { color:#000000; text-decoration:underline}
.poweredby {margin:5px;}