/* @override http://vieilleforge.com/style.css */

@font-face { font-family: Legault Std; src: url(LegaultStd.otf); }
@font-face { font-family: Legault Std; src: url(LegaultStd.eot); }
@font-face { font-family: Legault Std; src: url(LegaultStd.ttf); }


body {
	background: url(images/bois.jpg);
	font: 25px "Legault Std", Georgia, "Times New Roman", Times, serif;
}

/* @group Header */


header {
	height: 462px;
	background: url(images/gazonheader.png) repeat-x;
	display: block;
	
}

header section {
	width:960px;
	height:462px;
	margin:auto;
	display: block;
	background: url(images/cafe.png) no-repeat right 225px;
}

header section img {
	float: left;
}


header article {
	width:540px;
	height: 160px;
	display: block;
	background: url(images/quotegauche.png) no-repeat left top;
	float: left;
	margin-left: 100px;
	margin-top: 40px;
}

header article blockquote {
	width: 540px;
	height: 160px;
	background: url(images/quotedroite.png) no-repeat right bottom;
	font-size: 42px;
	text-align: justify;
	line-height: 59px;
	padding: 10px;
}

/* @group Nav */

header nav {
	float:left;
	display: block;
	margin-top: 100px;
	font-size: 44px;
	width: 800px;
}

header nav li{
	float: left;
	width: 140px;
}

header nav li a{
	float: left;
	width: 140px;
	margin-right: 20px;
	color: #fffeff;
	text-shadow: #000 0 5px 5px;
	text-decoration: none;
	display: block;
}


header nav li a:hover {
	text-shadow: #000 0 5px 20px;
	margin-top: 3px;
}

/* @end */


/* @end */

/* @group Main */

#main {
	width: 960px;
	margin: auto;
	display: block;
}

/* @group Section page */

#main #page{
	width: 630px;
	display: block;
	background: url(images/page.png) no-repeat;
	align: center;
	height: 1000px;
	padding-top: 50px;
	float: left;
	margin-right: 20px;
}

/* @group Header */

#main  h1,#main h2, #main h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #dc2b25;
	text-shadow: #000 0 1px 2px;
	margin-left: 20px;
	font-size: 18px;
	
}

#main h1{
	font-size: 68px;
}

#main h2{
	margin-top: 15px;
}

#main #page h3{
	margin-left: 300px;
	font-size: 16px;
	text-shadow: #000 0 1px 2px;
}

/* @end */


#main #page img{
	float: left;
	margin-top: 20px;
}

#main #page p{
	
	display: block;
	text-align: justify;
	margin-right: 110px;
	margin-top: 20px;
	margin-left: 20px;
	font: italic 20px/1.5em Book;
}

#main #page ul{
	float: left;
}

#main #page li.marteau{
	background: url(images/marteau.png) no-repeat;
	
	float: none;
	margin-left: 10px;
}

#main #page li.cafe{
	background: url(images/tasse.png) no-repeat;
	float: none;
	margin-left: 10px;
}

#main #page li.vitrail{
	background: url(images/vitrail.png) no-repeat;
	float: none;
	margin-left: 10px;
}

#main #page li.vicka{
	background: url(images/speaker.png) no-repeat;
	float: none;
	margin-left: 10px;
}

#main #page li a{
	font-weight: normal;
	font-size: 40px;
	text-decoration: none;
	color: #000;
	padding-left: 90px;
	height: 70px;
	display: block;
	width: 300px;	
	padding-top: 20px;
}



/* @end */

/* @group Section adresse */

#main #adresse{
	width: 240px;
	display: block;
	background: url(images/papieradresse.png) no-repeat;
	height:372px;
	margin-top: 30px;
	float: left;
	padding: 30px;
}

#main #adresse h2{
	font-size: 24px;
	text-transform: uppercase;
	color: #212121;
	margin-left: 0px;
}

#main #adresse ul{
	margin-top: 10px;
	font-size: 24px;
}
/* @end */

/* @group Section lettre */

#main #lettre{
	width: 240px;
	display: block;
	background: url(images/lettre.png) no-repeat;
	height: 220px;
	float: left;
	padding: 30px;
	margin-top: 40px;
	padding-top: 140px;
	text-align: center;
}

#main #lettre a{
	font-weight: normal;
	font-size: 36px;
	text-decoration: none;
	color: #000;
}

/* @end */

/* @group Sous page */


#main .forge{
	width: 550px;
	display: block;
	align: center;	
	padding: 20px;
	float: left;
	color: white;
	margin: 20px;
	border: thick groove #424242;
	border-radius: 2em;
	-moz-border-radius: 2em;
}

#main .forge#forge{
	background: url(images/patternmetal.jpg) repeat;
}

#main .forge#cafe{
	background: #ffebcc url(images/cafe1.png) no-repeat right top;
	color: black;}


#main div#backgroundcafe{
	background:  url(images/cafe2.png) no-repeat left bottom;
	margin: -20px;
	padding-bottom: 100px;
	
	}
	
#main .forge#vitrail{
	background: #ffffff url(images/vitrail.jpg);
	color: black;}
	
#main .forge#vicka{
	background: #feeeb8 url(images/vicka.png) no-repeat center bottom;
	color: black;
	padding-bottom:300px;}
	
	

#main .forge h3{
	font-size: 24px;
	margin-top: 10px;	
}



#main .forge img{
	float: left;
	margin-top: 20px;
}

#main .forge p{
	text-align: justify;
	float: none;
	margin: 20px;
	display: marker;
	clear: none;
	font: italic 20px/1.4em Book Antiqua;
}

#main .forge ul{
	margin-top: 10px;
	font: bold 20px Book;
	margin-left: 20px;
}



#main .forge#cafe blockquote{
	margin-right: 20px;
	margin-top: 100px;
	font-size: 180%;
}

#main .forge li{
	display: list-item;
	list-style-type: disc;
	list-style-position: inside;
	margin-top: 15px;
	font: italic normal 20px/1.5em Book;
}

#main .forge i{
	font-size: 37px;
	float: none;
	font-weight: normal;
	font-style: normal;
}


/* @end */




/* @end */

/* @group Footer */

#main footer {
	float: left;
	font-size: 24px;
	text-align: center;
	color: #fff;
	width: 100%;
	text-shadow: #000 0 3px 2px;

	
}

#main footer a{
	color:#fff;
}
#main footer a:hover{
	text-decoration: underline;
}

/* @end */