@charset "ISO-8859-1";
/* -------------------------------------------------------------- 
  
   Artionet CSS powered by Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/navigation.css';
@import 'lib/grid.css';
@import 'lib/forms.css';
@import 'lib/classes.css';
  
h1.logo {margin:0px 0px 8px 10px;padding:0px;}
h1.logo a{
	display:block;font-size:0px;line-height:0px;text-indent:-10000px;
	background:url(../images/logo.gif) no-repeat; width:389px; height:152px;
}

h2.pageTitle {padding-left: -20px; background:url(../images/bkgTitle.gif) no-repeat 0px 0px; font-size: 24px}

.interne .pageTitle {padding-left: 30px; font-weight: bold}
.interne .content {margin-left: 20px;}

.content table {border: 1px solid #FCD5B5; border-collapse: collapse;}
.content th {background:#C3331C; border: 0px; color: #fff}
.content tr.even td{background:#FEF2E9;}
.content tr.odd td{background:#fff;}
.content td {border: 1px solid #FCD5B5;}

.content table.list {border: 0px}
.content table.list td {border: 0px}

.content ul {list-style: none; margin-left: 0px;}
.content ul li {padding:2px 5px 2px 20px; background:url('../images/cubeRed.gif') no-repeat 1px 4px;}
.content ul ul li {background:url('../images/traitRed.gif') no-repeat 6px 4px;}

.content p img {margin: 0px 10px 10px 0px}
/*.content ul li {padding:2px 5px 2px 25px; background:url('../images/cubeRed.gif') no-repeat 6px 4px;}*/
#breadcrumbs {margin-left: 20px;}
#breadcrumbs, #breadcrumbs a{color: #671104; font-style: italic;}

.slogan {display:none;}
#header img {position:absolute;left:400px;top:20px;}
.btns {margin-left: 425px;}
.btns a img{margin:0px 3px 20px 2px;}
#footer {color:#fef2e9;text-align:right;padding-right:20px;}
#footer a {color:#fef2e9;}
.breadcrumbs {background:#fff;margin:8px 0px 8px 100px;clear:both;width:730px;float:left;padding:6px 10px;
font-size:14px;font-weight:bold;}
html>body .breadcrumbs {margin-left:200px;}
.breadcrumbs a {background:url(../images/cube.gif) no-repeat 0 5px;padding:0px 15px 0px 25px;color:#f9b684;}
.breadcrumbs a.home {background:none;padding-left:10px;}
.breadcrumbs a:hover {color:#804F3A;}
.edito {border:2px solid #fcd5b5;color:#b8311d;padding:20px 8px;}
.edito p {margin:0px;padding:0px;}
.edito h1 {font-size:18px;color:#b8311d;}
.edito h2 {font-size:15px;color:#b8311d; line-height: 15px; font-weight: bold; margin-top: 15px; margin-bottom: 2px;}
.edito h3 {font-size:13px;color:#b8311d; line-height: 13px; font-weight: bold; margin-top: 13px; margin-bottom: 2px;}
.edito h4 {font-size:13px;color:#b8311d; line-height: 12px; font-weight: bold; margin-top: 12px; margin-bottom: 2px;}

#header {position: relative; z-index: 30}
/*
.navigation {position: relative; z-index: 50}
.navigation li{position:relative; z-index: 51}
.navigation li a{position:relative; z-index: 52}
.navigation ul{position:relative; z-index: 53}
.navigation ul li {position:relative; z-index: 54}
.navigation ul li a {position:relative; z-index: 55}
*/
.sample {position:relative;  z-index: 20}
.mask2 {position: relative; z-index: 21}
.box5 {position: relative; z-index: 22}
.box5 span {position: relative; z-index: 23}
.box5 img{position: relative; z-index: 24}
p#GalleryDescription {width: 534px;}