/* menu vertical */

/* begin Box, Block */
.art-Block
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:1px;
	min-height:1px;
}

.art-Block-body
{
	position: relative;
	z-index:1;
	padding: 0px;
}

.art-Block
{
	margin: 7px;
}

/* end Box, Block */

/* begin BlockHeader */
.art-BlockHeader
{
	position:relative;
	z-index:0;
	height: 30px;
	padding: 0 8px;
	margin-bottom: 0px;
}

.art-BlockHeader .t
{
	height: 30px;
	color: #000000;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	white-space : nowrap;
	padding: 0 6px;
	line-height: 30px;
}

.art-BlockHeader .l, .art-BlockHeader .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('images/vertical-menu/BlockHeader.png');
}

.art-BlockHeader .l
{
	left:0;
	right:7px;
}

.art-BlockHeader .r
{ 
	width:894px;
	right:0;
	clip: rect(auto, auto, auto, 887px);
}

.art-header-tag-icon
{
	display:inline-block;
	background-position:left top;
	background-image: url('images/vertical-menu/BlockHeaderIcon.png');
	padding:0 0 0 15px;
	background-repeat: no-repeat;
	min-height: 15px;
	margin: 0 0 0 5px;
}


/* end BlockHeader */

/* begin Box, BlockContent */
.art-BlockContent
{
	position:relative;
	z-index:0;
	margin:0 auto;
	min-width:15px;
	min-height:15px;
	background-color: #DED9CE;
	border: 1px solid #C48527;
	border-top: 0;
	/*arrondir les coins en haut à gauche et en bas à droite*/
	border-radius:0 0 7px 7px; 
	-moz-border-radius:0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	box-shadow: 7px 7px 8px #818181;
}

.art-BlockContent-body
{
	position: relative;
	z-index:1;
	padding: 8px;
}

.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl, .art-BlockContent-tc, .art-BlockContent-bc,.art-BlockContent-cr, .art-BlockContent-cl
{
	position:absolute;
	z-index:-1;
}

.art-BlockContent-tr, .art-BlockContent-tl, .art-BlockContent-br, .art-BlockContent-bl
{
	width: 14px;
	height: 14px;
	background-image: url('images/vertical-menu/BlockContent-s.png');
}

.art-BlockContent-tl
{
	top:0;
	left:0;
	clip: rect(auto, 7px, 7px, auto);
}

.art-BlockContent-tr
{
	top: 0;
	right: 0;
	clip: rect(auto, auto, 7px, 7px);
}

.art-BlockContent-bl
{
	bottom: 0;
	left: 0;
	clip: rect(7px, 7px, auto, auto);
}

.art-BlockContent-br
{
	bottom: 0;
	right: 0;
	clip: rect(7px, auto, auto, 7px);
}

.art-BlockContent-tc, .art-BlockContent-bc
{
	left: 7px;
	right: 7px;
	height: 14px;
	background-image: url('images/vertical-menu/BlockContent-h.png');
}

.art-BlockContent-tc
{
	top: 0;
	clip: rect(auto, auto, 7px, auto);
}

.art-BlockContent-bc
{
	bottom: 0;
	clip: rect(7px, auto, auto, auto);
}

.art-BlockContent-cr, .art-BlockContent-cl
{
	top: 7px;
	bottom: 7px;
	width: 14px;
	background-image: url('images/vertical-menu/BlockContent-v.png');
}

.art-BlockContent-cr
{
	right:0;
	clip: rect(auto, auto, auto, 7px);
}

.art-BlockContent-cl
{
	left:0;
	clip: rect(auto, 7px, auto, auto);
}

.art-BlockContent-cc
{
	position:absolute;
	z-index:-1;
	top: 7px;
	left: 7px;
	right: 7px;
	bottom: 7px;
	background-color: #DED9CE;
}


.art-BlockContent-body
{
	color:#4D4433;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
}

.art-BlockContent-body a:link
{
	color: #8C310D;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.art-BlockContent-body a:visited, .art-BlockContent-body a.visited
{
	color: #998766;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
}

.art-BlockContent-body a:hover, .art-BlockContent-body a.hover
{
	color: #BB4111;
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
}

.art-BlockContent-body ul
{
	list-style-type: none;
	color: #373125;
	margin:0;
	padding:0;
}

.art-BlockContent-body li
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}

.art-BlockContent-body ul li
{
	padding:0px 0 0px 15px;
	background-position:0px 2px;
	background-image: url('images/vertical-menu/bull.png'); 
/*	background-image: url('images/vertical-menu/bg_sidebar_folder1.gif');*/
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

/* end Box, BlockContent */

.art-article img, img.art-article
{
	border: solid 1px #E0C4AE;
	margin: 1em;
}

.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin:2px;
}
/* Finish images/vertical-menu */
/* begin Button */
.art-button-wrapper .art-button
{
        display:inline-block;
        width: auto;
        outline:none;
        border:none;
        background:none;
        line-height:34px;
        margin:0 !important;
        padding:0 !important;
        overflow: visible;
        cursor: default;
        text-decoration: none !important;
        z-index:0;
}

.art-button-wrapper
{
        display:inline-block;
        position:relative;
        height: 34px;
        overflow:hidden;
        white-space: nowrap;
        width: auto;
        z-index:0;
}

.art-button-wrapper .art-button
{
        display:block;
        height: 34px;
        font-family: Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        font-style: normal;
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
        padding: 0 21px !important;
        line-height: 34px;
        text-decoration: none !important;
        color: #51351F !important;
}

.art-button-wrapper.hover .art-button, .art-button:hover
{
        color: #541D08 !important;
        text-decoration: none !important;
}

.art-button-wrapper.active .art-button
{
        color: #F5F3F0 !important;
}

.art-button-wrapper .l, .art-button-wrapper .r
{
        display:block;
        position:absolute;
        z-index:-1;
        height: 102px;
        background-image: url('images/vertical-menu/Button.png');
}

.art-button-wrapper .l
{
        left:0;
        right:11px;
}

.art-button-wrapper .r
{
        width:411px;
        right:0;
        clip: rect(auto, auto, auto, 400px);
}

.art-button-wrapper.hover .l, .art-button-wrapper.hover .r
{
        top: -34px;
}

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
        top: -68px;
}
/* end Button */
/*-------------------------------------------*/
/* -- Style champ input Login et Password -- */
/*-------------------------------------------*/
#loginform {
width:300px;
margin:auto;
}
#loginform fieldset{
padding:10px;
}
#loginform legend{
font-weight:bold;
font-size:9pt;
}
#loginform label{
display:block;
height:2em;
background-color:#E7E7E7;
padding:10px 10px 0;
}
#loginform input {
margin-right:20px;
border:1px solid #999999;
float:right;
clear:right;
background:#CCCCCC;
}
#loginform input:focus,#loginform input:hover {
border:1px solid #333333;
}

/* Login Box */
#login {
        background: url('images/vertical-menu/uid.png') no-repeat 0 1px;
        background-color: #FAFAFF;
        padding-left: 17px;
}

#login:focus {
        background-color: #F0F0FF;
}

#login:disabled {
        background-color: #DDDDFF;
}

#password {
        background: url('images/vertical-menu/key.png') no-repeat 0 1px;
        background-color: #FAFAFF;
        padding-left: 17px;
}

#password:focus {
        background-color: #F0F0FF;
}

#password:disabled {
        background-color: #DDDDFF;
}