/* CSS Document */

* { 
	margin: 0;
	padding: 0;
}

body {
	background: url(images/fond.jpg);
	background-repeat: repeat-x;
	background-color: #e7e5e5;
	font-family: georgia,garamond,times,serif;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	margin-left: 33px;
}

h2 {
	font-size: 15px;
	font-weight: normal;
	margin: 17px 33px 0;
}

h3 {
	font-size: 10px;
	font-weight: normal;
	color: #626161;
	margin: 0 33px;
}


p {
	color: #3e3e3e;
	font-size: 11pt;	
	font-weight: normal;
	line-height: 17px;
	margin: 17px 33px;
}

a img {
    border: none;
	text-decoration: none;
} 

a:link {
	border: none;
	color: #000000;
	text-decoration: none;
}
a:visited {
	border: none;
	color: #000000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #113cff;
	border: none;
}

a:active {
	border: none;
	color: #000000;
	text-decoration: none;
}


/* HAUT DE PAGE */


#header {
	width: 801px;
	margin: 0 auto;
}

.logo {
	background: transparent url(images/logo.jpg) no-repeat;
	clear: both;
	height: 166px;
	width: 402px;
	margin: 0 auto;
}

.losange {
	position: absolute;
	height: 608px;
	width: 25px;
	margin-top: 154px;
	margin-left: 96px;
}

ul {
	list-style-type: none;
}

ul#portfolio li img{
	border: 0px;
	margin: 0 auto;
}

#langues {
	position: absolute;
	top: 7px;
	right: 33px;
}

#langues h4 {
	font-family: "arial", sans-serif;
	font-size: 10px;
	font-weight: normal;
}


/* PAGE */

#page {
	width: 801px;
	margin: 0 auto;
}

#lien a {
    border: none;
	text-decoration: none;
	padding: 17px;
	background: transparent url(images/flech.jpg) no-repeat;
	background-position: right;
} 

#lien a:link {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/flech.jpg) no-repeat;
	background-position: right;
}
#lien a:visited {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/flech.jpg) no-repeat;
	background-position: right;
}

#lien a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
	background: transparent url(images/flech_over.jpg) no-repeat;
	background-position: right;
}

#lien a:active {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/flech.jpg) no-repeat;
	background-position: right;
}

#content {
	width: 534px;
	text-align: left;
}

#blocontent {
	width: 474px;	
	margin: 0 auto;
	padding-bottom: 88px;
	padding-top: 17px;
	background-color: #f3f2f2;
	background-image: url(images/ombre_content.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#blocontraint {
	height: 765px;
	overflow: scroll;
	margin-top: 17px;
}

#blocontent a {
    border: none;
	text-decoration: none;
	padding: 17px;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
} 

#blocontent a:link {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}
#blocontent a:visited {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

#blocontent a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
	background: transparent url(images/fleche_over.jpg) no-repeat;
	background-position: right;
}

#blocontent a:active {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

#blocontent h1 {
	padding-top: 17px;
}

#colcontent {
	height: 1080px;
	width: 474px;	
	margin: 0 auto;
	padding-bottom: 88px;
	margin-top: 17px;
	background-color: #f3f2f2;
	background-image: url(images/ombre_content.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#colcontent h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 3px 0 0;
}

#colcontent p {
	color: #3e3e3e;
	font-size: 11pt;	
	font-weight: normal;
	line-height: 17px;
	margin: 0;
}

#colgauche {
	width: 237px;
	background-color: #f3f2f2;
	float: left;
	text-align: center;
}

#coldroite {
	width: 237px;
	background-color: #f3f2f2;
	float: right;
	text-align: center;
}
#cologauche {
	width: 237px;
	background-color: #f3f2f2;
	float: left;
	text-align: center;
	padding:33px 0;
}

#colodroite {
	width: 237px;
	background-color: #f3f2f2;
	float: right;
	text-align: center;
	padding:33px 0;
}

#liengauche, #liengauch {
	padding-top: 3px;
}

#liengauche a, #liengauch a {
    border: none;
	color: #113cff;
	text-decoration: none;
	padding: 17px;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
} 

#liengauche a:link, #liengauch a:link {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}
#liengauche a:visited, #liengauch a:visited  {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

#liengauche a:hover, #liengauch a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
	background: transparent url(images/fleche_over.jpg) no-repeat;
	background-position: right;
}

#liengauche a:active, #liengauche a:active {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

#liendroite, #liendroit {
	padding-top: 3px;

}

#liendroite a, #liendroit a {
    border: none;
	color: #113cff;
	text-decoration: none;
	padding: 17px;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
} 

#liendroite a:link, #liendroit a:link {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

#liendroite a:visited, #liendroit a:visited {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

#liendroite a:hover, #liendroit a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
	background: transparent url(images/fleche_over.jpg) no-repeat;
	background-position: right;
}

#liendroite a:active, #liendroit a:active {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}


/* CATALOGUE */

#separ {
	width: 444px;
	margin: 0 auto;
	background: transparent url(images/separ.jpg) no-repeat;
	background-position: bottom;
	background-repeat: repeat-x;
	padding-top: 488px;
}
#catalogue {
	position:absolute;
	display:block;
	text-indent:-10000px;
	text-decoration:none;
	width:30px;
	height:30px;
	top:500px;
	}
#magasin {
	position:absolute;
	display:block;
	text-indent:-10000px;
	text-decoration:none;
	width:30px;
	height:30px;
	top:700px;
	/top:190px;
	}

	
#frames {
	width: 480px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}



#onglets {
	width: 480px;
	position: relative;
	margin: 0 auto;
}

#onglets a {
	color: #828287;
}

#onglets a:hover {
	color: #3e3e3e;
}

#onglets a.current {
	color: #3e3e3e;
}

#onglets h1{
	font-size: 13px;
	font-weight: bold;	
	text-align: center;
	margin: 8px 0 0 0;
}

#ongletgauche {
	width: 158px;
	height: 31px;
	float: left;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: top;
}

#ongletgauche:hover {
	width: 158px;
	height: 31px;
	float: left;
	color: #000000;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#ongletgauche.current {
	width: 158px;
	height: 31px;
	float: left;
	color: #000000;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#ongletmilieu {
	width: 158px;
	height: 31px;
	float: left;	
	color: #828287;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: top;
	margin-left: 3px;
}

#ongletmilieu:hover {
	width: 158px;
	height: 31px;
	float: left;
	color: #000000;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: bottom;
	margin-left: 3px;
}

#ongletmilieu.current {
	width: 158px;
	height: 31px;
	float: left;
	color: #000000;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: bottom;
	margin-left: 3px;
}

#ongletdroite {
	width: 158px;
	height: 31px;
	float: right;	
	color: #828287;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: top;
}

#ongletdroite:hover {
	width: 158px;
	height: 31px;
	float: right;
	color: #000000;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#ongletdroite.current {
	width: 158px;
	height: 31px;
	float: right;
	color: #000000;
	background: transparent url(images/onglet.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#navig {
	width: 480px;
	position: relative;
	margin: 0 auto;
}

#navig a {
	color: #3e3e3e;
}

#navig a:hover {
	color: #113cff;
}

#navig a.current {
	color: #113cff;
}

#navig p{
	font-size: 14px;
	font-weight: normal;
	margin: 14px 0 0 44px;
}

#navigauche {
	width: 160px;
	height: 53px;
	float: left;
	background: transparent url(images/navig_stand.jpg) no-repeat;
	background-position: top;
}

#navigauchevide {
	width: 160px;
	height: 53px;
	float: left;
	background: transparent url(images/navig_standvide.jpg) no-repeat;
	background-position: top;
}

#navigauche:hover {
	width: 160px;
	height: 53px;
	float: left;
	color: #000000;
	background: transparent url(images/navig_stand.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#navigauche.current {
	width: 160px;
	height: 53px;
	float: left;
	color: #000000;
	background: transparent url(images/navig_stand.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#navigmilieu {
	width: 160px;
	height: 53px;
	float: left;	
	color: #828287;
	background: transparent url(images/navig_declen.jpg) no-repeat;
	background-position: top;
}

#navigmilieuvide {
	width: 160px;
	height: 53px;
	float: left;	
	color: #828287;
	background: transparent url(images/navig_declenvide.jpg) no-repeat;
	background-position: top;
}

#navigmilieu:hover {
	width: 160px;
	height: 53px;
	float: left;
	color: #000000;
	background: transparent url(images/navig_declen.jpg) no-repeat;
	background-position: bottom;
}

#navigmilieu.current {
	width: 160px;
	height: 53px;
	float: left;
	color: #000000;
	background: transparent url(images/navig_declen.jpg) no-repeat;
	background-position: bottom;
}

#navigdroite {
	width: 160px;
	height: 53px;
	float: right;	
	color: #828287;
	background: transparent url(images/navig_diato.jpg) no-repeat;
	background-position: top;
}

#navigdroitevide {
	width: 160px;
	height: 53px;
	float: right;	
	color: #828287;
	background: transparent url(images/navig_diatovide.jpg) no-repeat;
	background-position: top;
}

#navigdroite:hover {
	width: 160px;
	height: 53px;
	float: right;
	color: #000000;
	background: transparent url(images/navig_diato.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}

#navigdroite.current {
	width: 160px;
	height: 53px;
	float: right;
	color: #000000;
	background: transparent url(images/navig_diato.jpg) no-repeat;
	background-position: bottom;
	margin: 0;
}


#catal {
	width: 480px;
	height: 637px;
	background-color: #f3f2f2;
	background-image: url(images/ombre_catal.jpg);
	background-repeat: no-repeat;
	background-position: bottom;	
	float: left;
	margin-left: 28px;
}

#catal h1 {
	font-size: 22px;
	font-weight: bold;
	margin: 3px 0 0;
}

#catal p {
	color: #3e3e3e;
	font-size: 11pt;	
	font-weight: normal;
	line-height: 17px;
	margin: 0;
}

#catalmilieu {
	width: 240px;	
	float: left;
	text-align: center;	
	background-color: #f3f2f2;
	padding-left: 111px;
}

#catalgauche {
	width: 240px;
	float: left;
	text-align: center;	
	background-color: #f3f2f2;
}

#cataldroite {
	width: 240px;
	float: right;
	text-align: center;
	background-color: #f3f2f2;
}

#liencatal {
	padding-top: 17px;
	float: right;
	padding: 33px;
}

#liencatal a {
    border: none;
	color: #113cff;
	text-decoration: none;
	padding: 37px 123px 37px 0;
	background: transparent url(images/telecatalog.jpg) no-repeat;
	background-position: right;
} 

#liencatal a:link {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/telecatalog.jpg) no-repeat;
	background-position: right;
}

#liencatal a:visited {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/telecatalog.jpg) no-repeat;
	background-position: right;
}

#liencatal a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
	background: transparent url(images/telecatalog_over.jpg) no-repeat;
	background-position: right;
}

#liencatal a:active {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/telecatalog.jpg) no-repeat;
	background-position: right;
}

#nav {
width: 408px;
margin: 7px 33px;
}

#nav ul {
list-style: none;
margin: 0;
padding: 0;
}

#nav li {
height: 33px;
text-decoration: none;
background: url(images/tibouton.jpg) no-repeat;
background-position: left bottom;
} 

#nav li a:link {
color: #333;
display: block;
background: url(images/tibouton.jpg) no-repeat;
padding: 12px 0 0 33px;
background-position: left bottom;
}

#nav li a:visited {
color: #333;
display: block;
background: url(images/tibouton.jpg) no-repeat;
padding: 12px 0 0 33px;
background-position: left bottom;
}

#nav li a:hover {
color: #113CFF;
background: url(images/tibouton_over.jpg) no-repeat;
padding: 12px 0 0 33px;
background-position: left bottom;
}


/* NEWS */


#news-content {
	width: 474px;	
	margin: 0 auto;
	padding-bottom: 88px;
	padding-top: 17px;
	background-color: #f3f2f2;
	background-image: url(images/ombre_content.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#news-content h2{
	font-size: 10px;
	font-weight: normal;
	margin: 0 0 0 33px;
	color: #626161;
}

#post-17 {
	width: 474px;	
	margin: 0 auto;	
}

#comments {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #626161;	
}

#postcomment {
	font-size: 15px !important;
	font-weight: bold !important;
	color: #626161;	
}

.storytitle {
	font-size: 17px;
	font-weight: bold;
	margin-left: 33px;
	padding-top: 33px;
	padding-bottom: 7px;	
	background-image: url(images/separ_content.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.feedback {
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	margin-right: 37px;
	padding-bottom: 7px;
}

.feedback a {
    border: none;
	color: #113cff;
	text-decoration: none;
	padding: 17px;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
} 

.feedback a:link {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

.feedback a:visited {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}

.feedback a:hover {
	text-decoration: none;
	color: #000000;
	border: none;
	background: transparent url(images/fleche_over.jpg) no-repeat;
	background-position: right;
}

.feedback a:active {
	border: none;
	color: #113cff;
	text-decoration: none;
	background: transparent url(images/fleche.jpg) no-repeat;
	background-position: right;
}
 
.wp-caption {
	margin-left: 17px;
	padding: 0 7px;
}

.wp-caption-text {
	margin: 7px 0;
	padding: 0;
	font-size: 11px;
}

.avatar {
	margin-left: 33px;
	padding: 17px 0 0;
}

.post-edit-link {
	font-size: 11px !important;
	color: #113cff;
	margin: 33px;
}

.ancien {
	font-size: 14px;
	font-weight: bold;
	padding: 37px 0 0;
	text-align: center
}

.PostHeader {
    font-size: 15px;
	font-weight: bold ;
}

.PostHeaderIcon-wrapper {
	font-size: 17px;
	font-weight: bold;
	padding-top: 33px;
	padding-bottom: 7px;	
	background-image: url(images/separ_mag.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.alignleft {
    float: left;
	padding: 7px 12px 0 0;
}

.alignright {
    float: right;
	padding-right: 33px;
}


/* CONTACT */


#carte {
	width: 801px;
	height: 345px;
	background: transparent url(images/fond_map.jpg) no-repeat;
	background-position: bottom;
}

#centrecarte {
	width: 801px;
	height: 345px;
	padding: 5px 0 0 7px;
}


/* NAVIGATION */


#collonne {
	float: right;
	width: 266px;
}

#menu {
	float: right;
	width: 266px;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	background: transparent url(images/separ.jpg) no-repeat;
	background-position: bottom;
	padding: 12px 0 12px 27px;
}


#menu a {
	font-weight: bold;
	display: block;
	height: 31px;
	padding: 13px 0px 0 45px;
	background: transparent url(images/bouton.jpg) no-repeat;
	background-position: left;
	text-decoration: none;
	font-size: 95%;
	color: #000000;
}

#menu li a:hover,#menu li .current, #menu li a:focus, #menu li a:active {
	background: transparent url(images/bouton_over.jpg) no-repeat;
	background-position: left;
	text-decoration: none;
	color: #113cff;
}

#mail{
	float: right;
	width: 266px;
	background: transparent url(images/separ.jpg) no-repeat;
	background-position: bottom;
}

#mail a {
	font-weight: bold;
	display: block;
	padding: 23px 0px 23px 72px;
	background: transparent url(images/mail.jpg) no-repeat;
	background-position: left;
	text-decoration: none;
	font-size: 95%;
	color: #000000;
}

#mail a:hover {
	text-decoration: none;
	color: #113cff;
}

#flux {
	float: right;
	width: 266px;
	background: transparent url(images/separ.jpg) no-repeat;
	background-position: bottom;
}

#flux a {
	font-weight: bold;
	display: block;
	padding: 23px 0px 23px 72px;
	background: transparent url(images/rss.jpg) no-repeat;
	background-position: left;
	text-decoration: none;
	font-size: 95%;
	color: #000000;
}

#flux a:hover {
	text-decoration: none;
	color: #113cff;
}


#pubpresse {
	float: right;
	width: 266px;
	height: 144px;
	padding: 11px 0;
}

#pubconseils {
	float: right;
	width: 266px;
	height: 150px;
	padding: 11px 0;
}

/* BAS DE PAGE */

#footer {
	clear: both;
	width: 798px;
	height: 133px;
	position: relative;
	margin: 0 auto;
	padding: 12px 0;
	background: transparent url(images/ombre_footer.jpg) no-repeat;
	background-position: bottom;
}

#gauche {
	width: 266px;
	height: 135px;
	float: left;
	background: transparent url(images/bloc.jpg) no-repeat;
	background-position: bottom;
}

#droite {
	width: 266px;
	height: 135px;
	float: right;
	background: transparent url(images/bloc.jpg) no-repeat;
	background-position: bottom;
}

#milieu {
	width: 266px;
	height: 135px;	
	float: left;
	background: transparent url(images/bloc.jpg) no-repeat;
	background-position: bottom;
}

#slideshow {
    position:relative;
    height:266px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#marquee {
	padding: 7px 17px 0 0;
}

#credit {
	clear: both;
	width: 798px;
	position: relative;
	margin: 0 auto;
	text-align: center;
}

#credit p {
	font-size: 9pt;
}

.navigation {
	padding: 33px 0;

}

		#jsddm {	
		margin: 0;
		padding: 0;
		}
	
		#jsddm li {	
		float: left;
		list-style: none;
		text-align:center;
		margin-left: 1px;
		}
		
		#jsddm li h1 {	
		padding-top:7px;
	    font-size:14px;
		margin:0;
		color:#3E3E3E;
		}

		#jsddm li a {	
		display: block;
		text-align:center;
		width: 158px;
		height: 31px;
		text-decoration: none;
		background: transparent url(images/onglet.jpg) no-repeat;
		background-position: top;
		white-space: nowrap;
		font-size:14px;
		}

		#jsddm li a:hover {	
		background: #F3F2F2;
		background: transparent url(images/onglet.jpg) no-repeat;
		background-position: bottom;
		}
		
		#jsddm li ul {				
		display: block;		
		height: 31px;
		margin: 0;
		padding: 0;
		width: 158px;
		line-height: 33px;
		position: absolute;
		visibility: hidden;
		text-decoration: none;
		background-image: none;
		}
		
		#jsddm li ul li {	
		float: none;
		width: 158px;
		display: inline;
		background-image:none;
		}
		
		#jsddm li ul li a {	
		width: auto;
		background: #F3F2F2;
		background-image:none;
		}
		
		#jsddm li ul li a:hover {
		width: auto;
		background: #eeeeee;	
		background-image:none;
		}
		
#menu-mag {
	margin:0 auto;
	width:477px;
	}
	
.navigation {
	padding: 33px 0 33px 33px;
	}
	
.PostMetadataFooter {
	padding-left: 33px;
	font-size: 11px;
	}
	
.PostContent h1 {
	padding-top: 7px;
	}

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

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

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

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

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

.artmenu li li
{
  float: none;
}

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

.artmenu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.artmenu li li:hover>ul
{
  top: 0;
  left: 100%;
}

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

.artmenu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

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


/* menu structure */

.nav
{
  position: relative;
  margin: 0  auto;
  width: 474px;
  height: 31px;
  z-index: 100;
}

.artmenu
{
  padding: 8px 4px 0px 4px;
}


.nav .l, .nav .r, .nav .r div
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 38px;
}

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


.nav .r
{
  right: 0;
  width: 0px;
}


.nav .r div
{
  width: 890px;
  right: 0;
}


.nav .l, .nav .r div
{
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url('images/nav.png');
}

/* end Menu */

/* begin MenuItem */
.artmenu ul li
{
  clear: both;
}

.artmenu a , .artmenu a span
{
  height: 30px;
  display: block;
}


.artmenu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 4px;
  margin-left: 4px;

}
.artmenu a
{
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.artmenu a span
{
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.artmenu a span span
{
  font-size: 14px;
  color: #1B1D1D;
  padding: 0 12px;
  margin: 0 1px;
  line-height: 30px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;

}


.artmenu a:hover
{
  background-position: left -30px;
}

.artmenu li:hover>a
{
  background-position: left -30px;
}
.artmenu li:hover a span
{
  background-position: right -30px;
}

.artmenu a:hover span
{
  background-position: right -30px;
}


.artmenu a:hover span span
{
  color: #F6E4EA;
  background-position: left -30px;
}

.artmenu li:hover a span span
{
  color: #F6E4EA;
  background-position: left -30px;
}


.artmenu a.active
{
  background-position: left -60px;
}

.artmenu a.active span
{
  background-position: right -60px;
}

.artmenu a.active span span
{
  color: #0F2224;
  background-position: left -60px;
}

/* end MenuItem */

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


  background-image: url('images/subitem-bg.png');
  background-position: left top;
  background-repeat: repeat-x;

  border-width: 1px;
  border-style: solid;
  border-color: #68B6C0;
}

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

.artmenu ul a, .artmenu ul a:link, .artmenu ul a:visited, .artmenu ul a:hover, .artmenu ul a:active, .nav ul.artmenu ul span, .nav ul.artmenu ul span span
{
  text-align: left;
  text-indent: 12px;
  text-decoration: none;
  line-height: 28px;
  color: #333333;
  background-color: #fff;