/**
 * prototip
 */
@import url(prototip.css);

.prototip .default .title {
	color: #fff;
	background-color: #7e4f20;
}

.prototip .default .content {
	text-align: center;
}

/*******************************************************************************
 * NETTOYAGE
 ******************************************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: 'helvetica', 'arial';
	color: #000;
}

p {
	margin: 0.5em 0;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


/*******************************************************************************
 * POSITIONS
 ******************************************************************************/
#container {
	width: 980px;
	margin: 15px auto;
}

/** 
 * en-tête
 */
#header {
	width: 980px;
	height: 125px;
}

/**
 * menu
 */
#menu {
	width: 980px;
	height: 26px;
	margin-bottom: 20px;
}

#menu ul {
	margin-left: 260px;
}

#menu li {
	float: left;
	width: 180px;
}

#menu li a {
	display: block;
	height: 20px;
}

/**
 * pied de page
 */
#footer {
	clear: both;
	margin-top: 50px;
}

/**
 * contenu principal
 */
#main {
	min-height: 350px;
}
/* for Internet Explorer */
/*\*/
* html #main {
	height: 350px;
}
/**/

/**
 * edito
 */
#edito,
#lexique,
#contact {
	width: 245px;
	margin: 0 5px;
	float: left;
}

#edito h3,
#lexique h3,
#contact h3 {
	height: 60px;
}

/**
 * blog
 */
#blogs {
	margin-left: 280px;
	width: 690px;
}

.blog {
	position: relative;
	margin-bottom: 30px;
}

.blog .date {
	position: absolute;
	width: 43px;
	height: 45px;
	left: 18px;
	top: 18px;
}

.thumb {
	float: right;
	width: 204px;
	height: 204px;
	margin-left: 20px;
}

.thumb img {
	margin: 6px;
}

.blog .content,
.blog .album,
.link .content {
	margin: 0 20px;
}

.blog .content,
#dogsheet {
	min-height: 210px;
}
/* for Internet Explorer */
/*\*/
* html .blog .content,
* html #dogsheet {
	height: 210px;
}
/**/

/**
 * dates
 */
.date .year {
	display: block;
	height: 16px;
}
.date .day {
	display: block;
	height: 16px;
}
.date .month {
	display: block;
	height: 9px;
}

/**
 * Links
 */
.link {
	width: 510px;
	margin: 0 0 35px 320px;
}

.link h3 {
	height: 45px;
}

/**
 * arbre généalogique
 */
#genealog {
	margin-left: 320px;
}

.tree {
	width: 510px;
	margin-bottom: 30px;
}

.tree h3 {
	height: 45px;
}

/**
 * zone dynamique
 */
#dynarea {
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 500;
	width: 500px;
	margin-left: -250px;
}

.close {
	width: 15px;
	height: 15px;
	position: absolute;
	right: 14px;
	top: 14px;
}

/** 
 * fiches chiens
 */
#dynarea .resume {
	margin: 15px 0;
}

#dynarea .thumb {
	margin: 15px;
}

/**
 * onglets
 */
.tabs {
	width: 100%;
	height: 25px;
}

.tabs li {
	float: left;
	width: 95px;
	height: 25px;
	margin-left: 10px;
}
.tabs a {
	display: block;
	width: 95px;
	height: 25px;
}

/**
 * albums
 */
#galleries {
	margin-left: 260px;
}

#galleries dl {
	float: left;
	width: 135px;
	height: 150px;
	margin: 0 2px 35px;
}

#galleries dd.title {
	height: 25px;
}

#galleries dd {
	width: 135px;
	height: 125px;
}

#album_content {
	padding-top: 15px;
}

#thumbnails {
	height: 400px;
	width: 115px;
	overflow-y: auto;
	overflow-x: hidden;
}

#thumbnails li {
	list-style-type: none;
}

#thumbnails li img {
	border: none;
}

#watermark {
	float: right;
}

/*******************************************************************************
 * STYLES
 ******************************************************************************/
body {
	background: #ae661f url(fidji/body.png) left top repeat-x;
}

#container {
	background: transparent url(fidji/main.png) left top repeat-y;
}

/**
 * en-tête
 */
#header {
	background: transparent url(fidji/header.png) left top no-repeat;
	text-indent: -5000px;
}

/**
 * menu
 */
#menu {
	background: transparent url(fidji/menu.png) left top no-repeat;
}

#menu ul li {
	list-style-type: none;
}

#menu li a {
	background: transparent url(fidji/menu.png) left top no-repeat;
	text-indent: -5000px;
}
#menu li a#link_accueil {
	background-position: -260px 0;
}
#menu li a#link_dogs {
	background-position: -440px 0;
}
#menu li a#link_albums {
	background-position: -620px 0;
}
#menu li a#link_links {
	background-position: -800px 0;
}

#menu li a:hover {
	text-decoration: none;
}
#menu li a#link_accueil:hover {
	background-position: -260px -26px;
}
#menu li a#link_dogs:hover {
	background-position: -440px -26px;
}
#menu li a#link_albums:hover {
	background-position: -620px -26px;
}
#menu li a#link_links:hover {
	background-position: -800px -26px;
}

/**
 * pied de page
 */
#footer {
	font-size: 9px;
	text-align: center;
	background: transparent url(fidji/footer.png) left bottom no-repeat;
	padding: 0 735px 15px 10px;
}

/**
 * contents
 */
.content_footer {
	height: 20px;
}

/**
 * edito
 */

#edito h3 {
	text-indent: -5000px;
	background: transparent url(fidji/edito.top.png) left top no-repeat;
}

#edito .content,
#lexique .content,
#contact .content {
	padding: 0 10px;
}

h3#contact,
#contact h3 {
	text-indent: -5000px;
	background-image: url(fidji/contact.png) !important;
	background-repeat: no-repeat;
	margin: 15px 0;
}

h3#contact {
	border-top: 1px solid #ae661f;
}

/**
 * blog
 */
.blog {
	background: transparent url(fidji/blog.bottom.png) left bottom no-repeat;
}

.blog .album {
	text-align: right;
	font-size: 11px;
	font-style: italic;
}

.thumb {
	background: transparent url(fidji/thumb.png) right top no-repeat;
}

.blog .content {
	text-align: justify;
}

/**
 * dates
 */
.date {
	text-align: center;
}
.year {
	font-size: 10px;
	line-height: 16px;
	color: #fff;
}
.day {
	font-size: 16px;
	font-weight: bold;
}
.month {
	font-size: 9px;
}

/**
 * links
 */
.link {
	background: transparent url(fidji/tree.bottom.png) left bottom no-repeat;
}

.link img {
	border: none;
}

.link h3 {
	text-indent: -5000px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: transparent;
}

#instit h3 {
	background-image: url(fidji/link.instit.png);
}
#annu h3 {
	background-image: url(fidji/link.annu.png);
}
#elev h3 {
	background-image: url(fidji/link.elev.png);
}

/**
 * arbre généalogique
 */
#lexique h3 {
	text-indent: -5000px;
	background: transparent url(fidji/lexique.png) left top no-repeat;
}

#lexique .content {
	font-size: 11px;
}

#genealog li {
	padding-top: 4px;
	padding-left: 45px;
	list-style-type: none;
	background: transparent url(fidji/genealog.dt.png) left top no-repeat;
}
#genealog li.last {
	background: transparent url(fidji/genealog.dt.last.png) left top no-repeat;
}

.start_tree {
	padding: 15px 15px 15px 25px;
	background: transparent url(fidji/tree.bottom.png) left bottom no-repeat;
}

.tree h3 {
	text-indent: -5000px;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}

#finne h3 {
	background-image: url(fidji/tree.finne.png);
}
#jade h3 {
	background-image: url(fidji/tree.jade.png);
}
#odin h3 {
	background-image: url(fidji/tree.odin.png);
}
#gaiane h3 {
	background-image: url(fidji/tree.gaiane.png);
}

.tree h4 {
	font-weight: normal;
	font-size: 12px;
}

/**
 * zone dynamique
 */
#dynarea .content {
	background: transparent url(fidji/sheet.bottom.png) left bottom no-repeat;
	padding: 0 15px 25px;
}

/**
 * fiches chiens
 */
.resume {
	font-size: 11px;
}

.resume .type {
	font-style: italic;
}

.resume li {
	list-style-type: none;
}

/**
 * onglets
 */
.tabs {
	background: transparent url(fidji/tabs.back.png) left bottom repeat-x;
}

.tabs li {
	list-style-type: none;
}

.tabs a {
	text-align: center;
	line-height: 28px;
	background: transparent url(fidji/tabs.png) left bottom no-repeat;
}
.tabs a:hover {
	background-position: -95px 0;
	text-decoration: none;
}

/**
 * galleries
 */
#galleries dd {
	background: transparent url(fidji/galleries.dd.png) left top no-repeat;
}

#galleries dd.title {
	text-align: center;
	background: none;
}

#galleries dd.title a {
	font-size: 11px;
}

#galleries dd img {
	margin: 10px 0 0 17px;
	width: 96px;
	height: 96px;
	border: none;
}

/**
 * Palmarès
 */
#honours dt {
	font-weight: bold;
	border-bottom: 1px solid #666;
	margin: 1.5em 0 2px;
	padding-bottom: 2px;
}

#honours .date,
#honours .judge {
	font-style: italic;
	color: #666;
}

#honours .comment {
	margin: 1em 0 1em 2em;
}

/*******************************************************************************
 * COULEURS
 ******************************************************************************/
/**
 * liens
 */
a {
	color: #000;
}

.blog .album a,
.resume {
	color: #505050;
}

/**
 * menu
 */
#menu li a {
	color: #3c3c3c;
}

/**
 * colonne
 */
#edito,
#contact,
#footer,
#footer a,
#lexique,
#galleries dd.title a,
#contact a,
#edito a {
	color: #fff;
}