.dummy {
}
BODY {
	FONT-WEIGHT: 400;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY:  arial;
	background-color: #BAA773;
}
LI {
	LINE-HEIGHT: 120%
}
A {
	COLOR: #0734F1}
P {
	BORDER-RIGHT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-LEFT: 0px;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: 0px;
	font-size: 12px;
}
DIV {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px
}
B {
	FONT-WEIGHT: 700
}
TD {
	FONT-SIZE: 12px
}
HR {
	COLOR: #dddddd
}
FORM {
	MARGIN: 0px
}
INPUT {
	BORDER-RIGHT: #dddddd 1px solid;
	BORDER-TOP: #dddddd 1px solid;
	BORDER-LEFT: #dddddd 1px solid;
	BORDER-BOTTOM: #dddddd 1px solid;
	FONT-SIZE: 12px;
	FONT-FAMILY:  arial;
	background-color: #FFFFFF;
}
INPUT.noborder {	
	BORDER-RIGHT: #dddddd 0px solid; BORDER-TOP: #dddddd 0px solid; BORDER-LEFT: #dddddd 0px solid; BORDER-BOTTOM: #dddddd 0px solid;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  arial;
}
TEXTAREA {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  arial;
}
SELECT {
	BORDER-RIGHT: #dddddd 1px solid; BORDER-TOP: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; BORDER-BOTTOM: #dddddd 1px solid;
	FONT-SIZE: 12px; 
	FONT-FAMILY:  arial;
}
BR.h5 {
	FONT-SIZE: 5px; LINE-HEIGHT: 5px
}
BR.h6 {
	FONT-SIZE: 6px; LINE-HEIGHT: 6px
}
BR.h8 {
	FONT-SIZE: 8px; LINE-HEIGHT: 8px
}
BR.h10 {
	FONT-SIZE: 10px; LINE-HEIGHT: 10px
}
BR.h12 {
	FONT-SIZE: 12px; LINE-HEIGHT: 12px
}
BR.text_spacer {
	FONT-SIZE: 20px; LINE-HEIGHT: 20px
}
BR.field_spacer {
	FONT-SIZE: 28px; LINE-HEIGHT: 28px
}
BR.field_spacer_opt {
	FONT-SIZE: 35px; LINE-HEIGHT: 35px
}
BR.ir_spacer {
	FONT-SIZE: 20px; LINE-HEIGHT: 20px
}
BLOCKQUOTE.ir {
	MARGIN: 0px 0px 5px 10px;
	display: block;
	list-style-position: outside;
	list-style-type: disc;
}
UL.irlist {
	MARGIN: 0px 5px 0px 15px
}
OL.irolist {
	MARGIN: 0px 5px 0px 35px
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
IMG.left {
	FLOAT: left
}
IMG.right {
	FLOAT: right
}
.ppbigtext {
	FONT-WEIGHT: 400; FONT-SIZE: 17px; FONT-FAMILY:  arial
}
.ppheadingshops {
	FONT-WEIGHT: 700; FONT-SIZE: 17px; COLOR: #ffffff; FONT-FAMILY:  arial
}
.ppheading {
	FONT-WEIGHT: 700; FONT-SIZE: 17px; COLOR: #003366; FONT-FAMILY:  arial
}
.ppcobrand {
	FONT-WEIGHT: 700; FONT-SIZE: 21px; COLOR: #003366; FONT-FAMILY:  arial
}
.ppmediumtext {
	FONT-WEIGHT: 400; FONT-SIZE: 15px; FONT-FAMILY:  arial
}
.ppsubheading {
	FONT-WEIGHT: 700; FONT-SIZE: 15px; COLOR: #003366; FONT-FAMILY:  arial
}
.pptext {
	FONT-WEIGHT: 400; FONT-SIZE: 13px; FONT-FAMILY:  arial
}
.pptextbold {
	FONT-WEIGHT: 700; FONT-SIZE: 13px; FONT-FAMILY:  arial
}
.ppnote {
	FONT-WEIGHT: 400; FONT-SIZE: 13px; COLOR: #999999; FONT-FAMILY:  arial
}
.pperror {
	FONT-WEIGHT: 400; FONT-SIZE: 13px; COLOR: #ff0000; FONT-FAMILY:  arial
}
.pperrorbold {
	FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #ff0000; FONT-FAMILY:  arial
}
.ppmessage {
	FONT-WEIGHT: 700; FONT-SIZE: 13px; FONT-FAMILY:  arial
}
.ppsmalltext {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppsmalltextbold {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppsmallnote {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #999999; FONT-FAMILY:  arial
}
.ppsmallerror {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY:  arial
}
.ppsmallerrorbold {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY:  arial
}
.pplabel {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; PADDING-TOP: 1px; FONT-FAMILY:  arial
}
.pplabelerror {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #ff0000; PADDING-TOP: 1px; FONT-FAMILY:  arial
}
.pplabelgrey {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #666666; PADDING-TOP: 1px; FONT-FAMILY:  arial
}
.pplabelgreyerror {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 700; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #ff0000; PADDING-TOP: 1px; FONT-FAMILY:  arial
}
.ppfooter {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppsmalltextboldwhite {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY:  arial
}
.ppbutton {
	FONT-WEIGHT: 400; FONT-SIZE: 13px; COLOR: #000000; BORDER-TOP-STYLE: outset; FONT-FAMILY:  arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset
}
.ppbuttonhot {
	FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #000000; BORDER-TOP-STYLE: outset; FONT-FAMILY:  arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset
}
.ppbuttonsmall {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #000000; BORDER-TOP-STYLE: outset; FONT-FAMILY:  arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset
}
.ppbuttonverysmall {
	FONT-WEIGHT: 400; FONT-SIZE: 9px; COLOR: #000000; BORDER-TOP-STYLE: outset; FONT-FAMILY:  arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset
}
.ppscnormal {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppscbig {
	FONT-WEIGHT: 700; FONT-SIZE: 15px; FONT-FAMILY:  arial
}
.ppscbutton {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; COLOR: #000000; BORDER-TOP-STYLE: outset; FONT-FAMILY:  arial; BORDER-RIGHT-STYLE: outset; BORDER-LEFT-STYLE: outset; BACKGROUND-COLOR: #cccccc; BORDER-BOTTOM-STYLE: outset
}
.ppscmessage {
	FONT-WEIGHT: 700; FONT-SIZE: 15px; FONT-FAMILY:  arial
}
.ppinlineoptional {
	FONT-WEIGHT: 400
}
.ppinlinedisabled {
	COLOR: #999999
}
.ppinlinefootnote {
	COLOR: #999999
}
.ppinlineerror {
	COLOR: #ff0000
}
.ppinlineerrorbold {
	FONT-WEIGHT: 700; COLOR: #ff0000
}
.ppinlineyellowbg {
	BACKGROUND-COLOR: #ffffcc
}
.ppinlinelightgreybg {
	BACKGROUND-COLOR: #e6e6e6
}
.ppinlinedarkgreybg {
	BACKGROUND-COLOR: #cccccc
}
.ppinlinedisabledgrey {
	COLOR: #666666; BACKGROUND-COLOR: #e6e6e6
}
.ppinlinepaypalblue {
	COLOR: #336699
}
.ppinlinewhite {
	COLOR: #ffffff
}
.ppinlinereward {
	COLOR: #00aa00
}
.ppinlinegreen {
	COLOR: #00aa00
}
.ppinlinered {
	COLOR: #ff0000
}
.ppinlineblue {
	COLOR: #0000ff
}
.ppinlinegreyongrey {
	COLOR: #333333
}
.ppinlinemedgrey {
	COLOR: #999999
}
.ppinlinemoneygreen {
	COLOR: #336633
}
.ppleftnav_parent {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 400; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 110%; PADDING-TOP: 0px; FONT-FAMILY:  arial
}
.ppleftnav_child {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: 400; FONT-SIZE: 13px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 110%; PADDING-TOP: 5px; FONT-FAMILY:  arial
}
.ppleftnav_parent_small {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: 400; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 110%; PADDING-TOP: 0px; FONT-FAMILY:  arial
}
.ppleftnav_child_small {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: 400; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; LINE-HEIGHT: 110%; PADDING-TOP: 5px; FONT-FAMILY:  arial
}
.pptabtext {
	FONT-WEIGHT: 700; FONT-SIZE: 13px; COLOR: #ffffff; FONT-FAMILY: verdana,helvetica,arial,sans-serif; TEXT-DECORATION: none
}
.ppsubtabtextoff {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: verdana,helvetica,arial,sans-serif; TEXT-DECORATION: none
}
.ppsubtabtextoff:hover {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: verdana,helvetica,arial,sans-serif; TEXT-DECORATION: underline
}
.ppsubtabtextoffspacer {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: verdana,helvetica,arial,sans-serif; TEXT-DECORATION: none
}
.ppsubtabtexton {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana,helvetica,arial,sans-serif; TEXT-DECORATION: none
}
TABLE.yellowtable {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: verdana,helvetica,arial,sans-serif; BACKGROUND-COLOR: #ffffff
}
.ppheaderborder {
	BORDER-RIGHT: #ccc 0px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: 700; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 0px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY:  arial; BACKGROUND-COLOR: #f9f9f9
}
.ppdashheader {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppdashbody {
	FONT-WEIGHT: 400; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppdashbodybold {
	FONT-WEIGHT: 700; FONT-SIZE: 12px; FONT-FAMILY:  arial
}
.ppem100 {
	FONT-WEIGHT: 100
}
.ppem101 {
	FONT-WEIGHT: 200
}
.ppem102 {
	FONT-WEIGHT: 300
}
.ppem103 {
	FONT-WEIGHT: 400
}
.ppem104 {
	FONT-WEIGHT: 500
}
.ppem105 {
	FONT-WEIGHT: 600
}
.ppem106 {
	FONT-WEIGHT: 700
}
.ppem107 {
	FONT-WEIGHT: 800
}
.ppem108 {
	FONT-WEIGHT: 900
}
.ppem200 {
	FONT-STYLE: normal
}
.ppem201 {
	FONT-STYLE: italic
}
.ppem202 {
	FONT-STYLE: oblique
}
.ppem301 {
	COLOR: #000000
}
.ppem302 {
	COLOR: #333333
}
.ppem303 {
	COLOR: #666666
}
.ppem304 {
	COLOR: #999999
}
.ppem305 {
	COLOR: #cccccc
}
.ppem306 {
	COLOR: #e6e6e6
}
.ppem307 {
	COLOR: #f6f6f6
}
.ppem308 {
	COLOR: #ffffff
}
.ppem330 {
	COLOR: #ff0000
}
.ppem350 {
	COLOR: #00ff00
}
.ppem370 {
	COLOR: #0000ff
}
.background {
	background-image: url(images/@autoresp%202%20portoc%2Bsageata%20--MENIU%204%20copy%20alb_r3_c1.jpg);
	background-repeat: no-repeat;
}
.border {
	border: 1px solid #000000;
}
.backgroundbox {

	background-image: url(images/box.jpg);
	background-repeat: no-repeat;
}
.back {
	filter: Alpha(Opacity=60, FinishOpacity=60, Style=2, StartX=0, StartY=0, FinishX=0, FinishY=0);
}.intro {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: dotted;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}
#art-main
{
	position: relative;
	width: 100%;
	left: 0;
	top: 0;
}





#art-page-background-simple-gradient
{
	position: absolute;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Page-BgSimpleGradient.jpg');
	background-repeat: repeat-x;
	top:0;
	width: 100%;
	height: 900px;
}

.cleared
{
	float: none;
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1px;
}


form
{
	padding:0 !important;
	margin:0 !important;
}

table.position
{
	position: relative;
	width: 100%;
	table-layout: fixed;
}
/* end Page */

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

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

.art-Sheet-cc
{
	position:absolute;
	z-index:-1;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #F0ECE0;
}


.art-Sheet
{
	margin-top: 10px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
	min-width:800px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
	margin: 0 auto;
	position: relative;
	z-index:0;
	width: 800px;
	height: 250px;
}


div.art-Header-jpeg
{
	position: absolute;
	z-index:-1;
	top: 0;
	left: 0;
	width: 800px;
	height: 250px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Header.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
	display : block;
	position: absolute;
	left: 0px;
	top: 148px;
	width: 776px;
}


.art-Logo-text
{
	display: block;
	text-align: right;
}

.art-Logo-text, .art-Logo-text a
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 20px;
	padding:0;
	margin:0;
	color: #913030 !important;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
	text-align:left;
	text-decoration:none;
	outline:none;
	letter-spacing:normal;
	word-spacing:normal;
}

.art-menu, .art-menu ul
{
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

.art-menu li
{
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;
	z-index: 5;
	background:none;
}

.art-menu li:hover
{
	z-index: 10000;
	white-space: normal;
}

.art-menu li li
{
	float: none;
}

.art-menu ul
{
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	background:none;
}

.art-menu li:hover>ul
{
	visibility: visible;
	top: 100%;
}

.art-menu li li:hover>ul
{
	top: 0;
	left: 100%;
}

.art-menu:after, .art-menu ul:after
{
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
.art-menu, .art-menu ul
{
	min-height: 0;
}

.art-menu ul
{
	background-image: url(http://www.dynamo-web.com/autres/login/templates/images/spacer.gif);
	padding: 10px 30px 30px 30px;
	margin: -10px 0 0 -30px;
}

.art-menu ul ul
{
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
}


ul.art-menu
{
	float:right;
}



/* menu structure */

.art-menu
{
	padding: 12px 6px 0px 6px;
}

.art-nav
{
	position: relative;
	height: 42px;
	z-index: 100;
}

.art-nav .l, .art-nav .r
{
	position: absolute;
	z-index: -1;
	top: 0;
	height: 42px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/nav.png');
}

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

.art-nav .r
{
	right: 0;
	width: 800px;
	clip: rect(auto, auto, auto, 800px);
}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
	clear: both;
}

.art-menu a
{
	position:relative;
	display: block;
	overflow:hidden;
	height: 30px;
	cursor: pointer;
	text-decoration: none;
	margin-right: 2px;
	margin-left: 2px;
}


.art-menu a .r, .art-menu a .l
{
	position:absolute;

	display: block;
	top:0;
	z-index:-1;
	height: 90px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/MenuItem.png');
}

.art-menu a .l
{
	left:0;
	right:4px;
}

.art-menu a .r
{
	width:408px;
	right:0;
	clip: rect(auto, auto, auto, 404px);
}

.art-menu a .t 
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
	color: #EECDCD;
	padding: 0 19px;
	margin: 0 4px;
	line-height: 30px;
	text-align: center;
}

.art-menu a:hover .l, .art-menu a:hover .r
{
	top:-30px;
}

.art-menu li:hover>a .l, .art-menu li:hover>a .r
{
	top:-30px;
}

.art-menu li:hover a .l, .art-menu li:hover a .r
{
	top:-30px;
}
.art-menu a:hover .t
{
	color: #361212;
}

.art-menu li:hover a .t
{
	color: #361212;
}

.art-menu li:hover>a .t
{
	color: #361212;
}


.art-menu a.active .l, .art-menu a.active .r
{
	top: -60px;
}

.art-menu a.active .t
{
	color: #1B0909;
}


/* end MenuItem */

/* begin MenuSubItem */
.art-menu ul a
{
	display:block;
	text-align: center;
	white-space: nowrap;
	height: 20px;
	width: 180px;
	overflow:hidden;
	line-height: 20px;
	margin-right: auto;


	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/subitem-bg.png');
	background-position: left top;
	background-repeat: repeat-x;
	border-width: 0px;
	border-style: solid;
}

.art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	display: inline;
	float: none;
	margin: inherit;
	padding: inherit;
	background-image: none;
	text-align: inherit;
	text-decoration: inherit;
}

.art-menu ul a, .art-menu ul a:link, .art-menu ul a:visited, .art-menu ul a:hover, .art-menu ul a:active, .art-nav ul.art-menu ul span, .art-nav ul.art-menu ul span span
{
	text-align: left;
	text-indent: 12px;
	text-decoration: none;
	line-height: 20px;
	color: #4B4125;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.art-menu ul ul a
{
	margin-left: auto;
}

.art-menu ul li a:hover
{
	color: #F2EEE4;
	background-position: 0 -20px;
}

.art-menu ul li:hover>a
{
	color: #F2EEE4;
	background-position: 0 -20px;
}

.art-nav .art-menu ul li a:hover span, .art-nav .art-menu ul li a:hover span span
{
	color: #F2EEE4;
}

.art-nav .art-menu ul li:hover>a span, .art-nav .art-menu ul li:hover>a span span
{
	color: #F2EEE4;
}


/* end MenuSubItem */

/* begin ContentLayout */
.art-contentLayout
{
	position: relative;
	margin-bottom: 0px;
	width: 800px;
}
/* end ContentLayout */

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

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

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

.art-Block-tr, .art-Block-tl, .art-Block-br, .art-Block-bl
{
	width: 12px;
	height: 12px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Block-s.png');
}

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

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

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

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

.art-Block-tc, .art-Block-bc
{
	left: 6px;
	right: 6px;
	height: 12px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Block-h.png');
}

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

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

.art-Block-cr, .art-Block-cl
{
	top: 6px;
	bottom: 6px;
	width: 12px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Block-v.png');
}

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

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

.art-Block-cc
{
	position:absolute;
	z-index:-1;
	top: 6px;
	left: 6px;
	right: 6px;
	bottom: 6px;
	background-color: #F3F0E7;
}


.art-Block
{
	margin: 7px;
}

/* end Box, Block */

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

.art-BlockHeader .t
{
	height: 30px;
	color: #000000;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
	white-space : nowrap;
	padding: 0 1px;
	line-height: 30px;	
}

.art-BlockHeader .l, .art-BlockHeader .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 30px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/BlockHeader.png');
}

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

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




/* end BlockHeader */

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

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



.art-BlockContent-body
{
	color:#8E2F2F;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.art-BlockContent-body a:link
{
	color: #6D5F36;
font-family: Arial, Helvetica, Sans-Serif;
}

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

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

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

.art-BlockContent-body li
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

.art-BlockContent-body ul li
{
	padding:0px 0 0px 10px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/BlockContentBullets.png');
	background-repeat:no-repeat;
	margin:0.5em 0 0.5em 0;
	line-height:1.2em;
}

/* end Box, BlockContent */

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

.art-Post-body
{
	position: relative;
	z-index: 1;
	padding: 10px;
}



.art-Post
{
	margin: 7px;
}

/* Start images */
a img
{
	border: 0;
}

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

.art-metadata-icons img
{
	border: none;
	vertical-align: middle;
	margin: 2px;
}
/* Finish images */

/* Start tables */

.art-article table, table.art-article
{
	border-collapse: collapse;
	margin: 1px;
	width:auto;
}

.art-article table, table.art-article .art-article tr, .art-article th, .art-article td
{
	background-color:Transparent;
}

.art-article th, .art-article td
{
	padding: 2px;
	border: solid 1px #C9BA92;
	vertical-align: top;
	text-align:left;
}

.art-article th
{
	text-align: center;
	vertical-align: middle;
	padding: 7px;
}

/* Finish tables */

pre
{
	overflow: auto;
	padding: 0.1em;
}

/* end Box, Post */

/* begin PostHeaderIcon */
.art-PostHeader
{
	text-decoration:none;
	margin: 0.2em 0;
	padding: 0;
	font-weight:normal;
	font-style:normal;
	letter-spacing:normal;
	word-spacing:normal;
	font-variant:normal;
	text-decoration:none;
	font-variant:normal;
	text-transform:none;
	text-align:left;
	text-indent:0;
	line-height:inherit;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 24px;
	color: #501B1B;
}

.art-PostHeader a, .art-PostHeader a:link, .art-PostHeader a:visited, .art-PostHeader a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 24px;
	margin:0;
	color: #501B1B;
}

/* end PostHeaderIcon */

/* begin PostHeader */
.art-PostHeader a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #594D2C;
}

.art-PostHeader a:visited, .art-PostHeader a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #862D2D;
}

.art-PostHeader a:hover, .art-PostHeader a.hovered
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
text-align: left;
  color: #C19E10;
}
/* end PostHeader */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
  color: #6B2424;
}


.art-PostContent p 
{
	margin: 0.5em 0;
}
.art-PostContent, .art-PostContent p
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: #6B2424;
	font-size: 12px;
}

.art-PostContent
{
  margin:0;
}


/* Start Content link style */
/*
The right order of link pseudo-classes: Link-Visited-Hover-Focus-Active.
http://www.w3schools.com/CSS/css_pseudo_classes.asp
http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states/
*/
a
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #8C7945;
}

/* Adds special style to an unvisited link. */
a:link
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #8C7945;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #4D1A1A;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
  color: #C19E10;
}

/* Finish Content link style */

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 32px;
  color: #772828;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 24px;
  color: #9D3434;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 19px;
  color: #8C7945;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 16px;
  color: #862D2D;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
  color: #862D2D;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;
  color: #862D2D;
}
/* Finish Content headings Fonts & Colors  */
/* end PostContent */

/* begin PostBullets */
/* Start Content list */
ol, ul
{
	color: #501B1B;
	margin:1em 0 1em 2em;
	padding:0;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

li ol, li ul
{
	margin:0.5em 0 0.5em 2em;
	padding:0;
}

li 
{
	margin:0.2em 0;
	padding:0;
}

ul
{
	list-style-type: none;
}

ol
{
	list-style-position:inside;
	
}



.art-Post li
{
	padding:0px 0 0px 13px;
	line-height:1.2em;
}

.art-Post ol li, .art-Post ul ol li
{
	background: none;
	padding-left:0;
}

.art-Post ul li, .art-Post ol ul li 
{
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/PostBullets.png');
	background-repeat:no-repeat;
	padding-left:13px;
}


/* Finish Content list */
/* end PostBullets */

/* begin PostQuote */
/* Start blockquote */
blockquote,
blockquote p,
.art-PostContent blockquote p
{
	color:#170808;
font-family: Arial, Helvetica, Sans-Serif;
}

/* blockquote,
.art-PostContent blockquote
{
		border:solid 1px #D7CCAD; 
		margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	background-color:#E9E3D3;
	background-image:url('http://www.dynamo-web.com/autres/login/templates/images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}
 */

/* Finish blockuote */
/* end PostQuote */

/* begin Button */
.art-button-wrapper .art-button
{
	display:inline-block;
	width: auto;
	outline:none;
	border:none;
	background:none;
	line-height:28px;
	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: 28px;
	overflow:hidden;
	white-space: nowrap;
	width: auto;
	z-index:0;
}

.firefox2 .art-button-wrapper
{
	display:block;
	float:left;
}

.art-button-wrapper .art-button
{
	display:block;
	height: 28px;
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
	white-space: nowrap;
	text-align: left;
	padding: 0 15px !important;
	line-height: 28px;
	text-decoration: none !important;
	color: #000000 !important;
}

input, select
{
font-family: Arial, Helvetica, Sans-Serif;
font-size: 13px;
}

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

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

.art-button-wrapper .l, .art-button-wrapper .r
{
	display:block;
	position:absolute;
	z-index:-1;
	height: 84px;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Button.png');
}

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

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

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

.art-button-wrapper.active .l, .art-button-wrapper.active .r
{
	top: -56px;
}


/* end Button */

/* begin Footer */
.art-Footer
{
	position:relative;
	z-index:0;
	overflow:hidden;
	width: 800px;
	margin: 5px auto 0px auto;
}

.art-Footer .art-Footer-inner
{
	height:1%;
	position: relative;
	z-index: 0;
	padding: 8px;
	text-align: center;
}

.art-Footer .art-Footer-background
{
	position:absolute;
	z-index:-1;
	background-repeat:no-repeat;
	background-image: url('http://www.dynamo-web.com/autres/login/templates/images/Footer.png');
	width: 800px;
	height: 150px;
	bottom:0;
	left:0;
}


.art-Footer .art-Footer-text p
{
	margin: 0;
}

.art-Footer .art-Footer-text
{
	display:inline-block;
	color:#221E11;
font-family: Arial, Helvetica, Sans-Serif;
}

.art-Footer .art-Footer-text a:link
{
	text-decoration: none;
	color: #675932;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-Footer .art-Footer-text a:visited
{
	text-decoration: none;
	color: #260D0D;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}

.art-Footer .art-Footer-text a:hover
{
	text-decoration: none;
	color: #8E740B;
font-family: Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/* end Footer */

/* begin PageFooter */
.art-page-footer, .art-page-footer a, .art-page-footer a:link, .art-page-footer a:visited, .art-page-footer a:hover
{
	font-family:Arial;
	font-size:10px;
	letter-spacing:normal;
	word-spacing:normal;
	font-style:normal;
	font-weight:normal;
	text-decoration:underline;
	color:#BD9A0F;
}

.art-page-footer
{
	margin:1em;
	text-align:center;
	text-decoration:none;
	color:#897643;
}
/* end PageFooter */

/* begin LayoutCell */
.art-contentLayout .art-content
{
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	overflow: hidden;
	width: 799px;
}
/* end LayoutCell */


