﻿body {
	background-color: #efe7c7;
padding:0;
margin:0
} 

/* -- Fond dégradé -- */

#backbottom {
	z-index: 200;
	position: fixed;
	width: 100%;
	height: 60px;
	bottom: 0px;
	background-image: url("img/background.png");
	background-repeat: repeat-x;
}

/* -- Paragraphe d'introduction -- */

#intro {
	font: italic 21px normal;
	color:black;
	text-align:justify;
	margin:40px 5% 0;
	text-indent:40px;
	line-height:27px;
}

/* -- Début de l'en-tête -- */

#entete {
position:relative;
height:100px;
width:100%;
}

	/* -- Titres -- */

	#titre {
		position:absolute;
		height:auto;
		width:60%;
		bottom:0px;
		left:15px;
		border:0 solid black;
		border-width:0 0 5px 0;
		text-align:left;
	}

		h2 {
			margin:0 10px 0 35px;
			position:absolute;
			bottom:8px;
			font:italic 30px normal;
			font-family:Quixley LET, normal;
			padding-right:10px;
		}
		
	/* -- Logo -- */

	#logo {
		border:5px solid black;
		position:absolute;
		bottom:0px;
		right:15px;
		height:80px;
		width:120px;
	}

		#logo span{
			z-index:90;
			position:absolute;
			left:5px;
			bottom:0px;
			color:white;
			font:italic 26px normal;
			font-family:Quixley LET, normal;
		}

		#logo #ombre_txt {
			z-index:80;
			position:absolute;
			bottom:-2px;
			left:7px;
			color:black;
		}
		
/* -- Fin en-tête -- */

/* -- Liens de retour -- */
#retour {  
	position:relative;
	font:italic 30px normal;
	font-family:Quixley LET, normal;
	text-decoration:none;
	color:#4b5d34;
	left:35px;
	bottom:70px;
}

#retour:active {
	color:#78885e;
}

/* -- Galerie portraits -- */

table.portrait {
	width:550px;
	text-align:center;
	border-spacing:0px 30px;
	margin:50px auto 100px auto;
}

	.portrait td {
		padding:10px;
		border:1px solid #a29d87;
		border-left-width:0;
		background-color:#d1cbae;
	}
	
	.portrait tr > td:first-child {
		border-width:1px 0 1px 5px;
	}

		.portrait td img {
			border:3px solid black;
		}

/* -- Article -- */

table.article {
	width:90%;
	border-spacing:0;
	margin:50px auto 150px auto;
}

	table.article td {
		padding:10px;
		text-align:justify;
		width:50%;
	}

		table.article td.img {
			text-align:center;
		}

table.article td img {
	border:3px solid #a29d87;
}

/* -- Lettrine -- */

table.article td:first-letter {
	font:italic 30px normal;
}

/* -- Chants -- */

.chant {
	text-align:center;
	margin:50px auto 150px auto;
}

.refrain {
	font: italic bolder 20px normal;
}

.txtrefrain {
color:blue;
}

#recette {
	width:90%;
	text-align:justify;
	margin:50px auto 150px auto;
}
#recette:first-letter {
	font:italic 30px normal;
}

/* -- Livre d'or -- */

table.or {
	width:90%;
	text-align:justify;
	margin:50px auto 150px auto;
	border-spacing:30px;
}

	table.or td {
		padding:10px;
		border:1px solid #a29d87;
		border-left-width:5px;
		background-color:#d1cbae;
	}

table.or td:first-letter {
	font:italic 30px normal;
}

h3 {
	font: italic bolder 23px normal;
}

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