/*================================================================================*/
/* Styles du site web de test */
/*================================================================================*/

/*--------------------------------------------------------------------------------*/
/* styles par défaut */
/*--------------------------------------------------------------------------------*/
*{	zzzzzbackground:transparent; border:0;margin:0;padding:0;outline:0;
 font:14px/20px Arial, Helvetica, sans-serif;}
 
html, body {margin:0;} 

body {color:#928476;}
html, body { height:100%;width:100%}
a {text-decoration:none; font-family: 'Yanone Kaffeesatz', sans-serif;}
p {margin-bottom: 20px; text-align:justify; font:14px/20px Arial, Helvetica, sans-serif;}
b{font-weight:bold;}
ul  {padding: 0; margin: 0; list-style: none;}
img{vertical-align:top;}

/*--------------------------------------------------------------------------------*/
/* titres */
/*--------------------------------------------------------------------------------*/
h1, h2, h3 {font-family: 'Oregano',cursive;font-weight:normal;text-transform: uppercase;}
h2 {font-size:48px; line-height:48px; color:#fbd8b2; background:url(images/h2_frise.png) 0 bottom repeat-x;}
h3 {font-size:26px; line-height:33px; color:#352518; background:url(images/h3_frise.png) 0 bottom repeat-x;
	padding-top:41px; margin-bottom: 7px; padding-bottom: 22px;}
h4 {font-size:20px; color:#352518;margin-bottom: 5px; }


/*--------------------------------------------------------------------------------*/
/* Menu de navigation */
/*--------------------------------------------------------------------------------*/
menu {margin-left: auto; margin-right: auto; width: 960px;}

/*--------------------------------------------------------------------------------*/
/* Liens */
/*--------------------------------------------------------------------------------*/
a 	{text-decoration: none;	color: #767676; 
		-o-transition: 0.5s ease; -webkit-transition: 0.5s ease; transition: 0.5s ease;}
a:hover {color: #A26E30;	}

/*--------------------------------------------------------------------------------*/
/* Séparateurs, fin de flottant */
/*--------------------------------------------------------------------------------*/
.clear {float: none !important;	clear: both;}

/*--------------------------------------------------------------------------------*/
/* Haut de page */
/*--------------------------------------------------------------------------------*/
header h1 	{float: left;}

/*--------------------------------------------------------------------------------*/
/* Menu */
/*--------------------------------------------------------------------------------*/
nav 	{float: right;	position: relative;	padding-top: 43px;}
nav a 	{font-size:20px;	line-height:25px;	color: #685b49;	font-weight: normal; text-transform:uppercase; transition: 0.5s ease;	-o-transition: 0.5s ease;	-webkit-transition: 0.5s ease;}
nav ul 	{display:block;	padding-right: 8px;	}
nav ul 	li 	{position:relative;	display: block;}
nav ul 	li 	{position:relative;	text-align:left;	display:block;	float: left;	margin-left: 28px;	line-height:20px;	}
nav ul 	li a:hover, .active a{color: #e5a921;}

/*--------------------------------------------------------------------------------*/
/* banner_block ; bandeau de présentation du site */
/*--------------------------------------------------------------------------------*/
.banner_block 	{background:#1f1811;}
	
	/*.banner_header 	{height: 180px;	background:#372a1e; width:100%; background-image: url(images/header.png);}*/
		.banner_header 	img {max-width:100%;}
		
	.banner_content	{margin-left: auto; margin-right: auto; width: 960px;}
		.banner_welcome, .banner_items { display: inline; float: left; margin-left: 5px; margin-right: 5px;}

		.banner_welcome		{width: 390px;padding-right: 80px;}
			.banner_welcome div 	{padding: 49px 0 40px;}
			.banner_welcome div h2 	{padding-bottom: 22px; margin-bottom: 21px;}

		.banner_items {width: 470px;}
			.banner_items p 	{text-align:center;}
			.banner_items div 	{float:left;width: 175px;color:#b08c6c; padding-top:38px; padding:40px 30px 46px 30px; text-align:center;}
			.banner_items div:nth-child(odd) 		{background: rgba(138, 86, 43, .2);	}
			.banner_items div:nth-child(even) 		{background: rgba(191,121, 61, .2);	}
			
				/* positions, couronnement supérieur et miroir (after) */
				.banner_items div h2{position: relative; margin-bottom: 52px; padding-top: 35px; padding-bottom: 12px;	
					line-height: 45px; font-size: 36px; color: #a26630;	font-family: 'Yanone Kaffeesatz', sans-serif;
					background: url(images/h2_couronne.png) center top no-repeat;}
				.banner_items div h2:after {position: absolute; content:''; 
					background: url(images/h2_couronne.png) center top no-repeat;
					margin-left: -34px; width:68px; left:50%; height:30px; top:80px;
					-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); transform:rotate(180deg);}
				
			/* boutons  dimensions, couleurs principales et inversions */
			.banner_content a 		{display: inline-block; padding: 7px 22px 8px; text-transform: uppercase; border-radius:  5px;}
			.banner_welcome a  		{color: #caad8d;background: #36291d; margin-top: 4px;}
			.banner_welcome a:hover {color: #cbcbcb;background: #a26e30;}
			.banner_items   a 		{color: #3b2a1c;background: #a26e30;}
			.banner_items   a:hover {color: #f1efe3;background: #785f47;}

/*--------------------------------------------------------------------------------*/
/* Contenu de la page */
/*--------------------------------------------------------------------------------*/
.page_content {padding: 0px 0 74px;	background: #f1efe3;}
article {margin:auto; max-width:960px;}

/*--------------------------------------------------------------------------------*/
/* Galerie */
/*--------------------------------------------------------------------------------*/
	.gallery div	{position:relative;float:left; margin-left:5px;margin-right:5px; padding:5px 0 10px 0;	}
	.gallery img {width:305px; height:180px; 
		border:1px solid transparent; box-shadow:0 0 20px transparent; border-radius:5px;
		-o-transition: 0.5s ease; -webkit-transition: 0.7s ease; transition: 0.7s ease; }
	.gallery img:hover{border:1px solid #785f47;box-shadow:0 0 20px #a26e30;}

/*--------------------------------------------------------------------------------*/
/* Table (tarifs) */
/*--------------------------------------------------------------------------------*/
	.liste	{margin-left:35px;}
	table	{border:1px solid #1f1811;border-collapse:collapse;}
	th	{font-weight:bold;}
	th, td {text-align:right;padding:0 10px;}
	col:nth-child(2) 		{background: rgba(0,0, 0, .1);	}
	tr:nth-child(odd) 		{background: rgba(138, 86, 43, .2);	}
	tr:nth-child(even) 		{background: rgba(191,121, 61, .2);	}
	tr:first-child 		{background:#1f1811;}
			

/*--------------------------------------------------------------------------------*/
/* Pied de page */
/*--------------------------------------------------------------------------------*/
footer 	{padding: 31px 0; text-transform: uppercase; color: #978371; background: url(images/footer_frise.png) 0 0 repeat-x;}
	.footer			{margin: auto; max-width: 960px;}
		.copy 	{display: inline; float:left; margin-left: 5px;}
		.links 	{display: inline; float:right;margin-right:5px; text-align:right;}
		.links a 		{color:#c78332;font-size:13px;}
		.links a:hover 	{color:#785F47;}
		
		
			nav 	{float: right;	position: relative;	padding-top: 43px;}
	nav a 	{font-size:20px;	line-height:25px;	color: #685b49;	font-weight: normal; text-transform:uppercase; transition: 0.5s ease;	-o-transition: 0.5s ease;	-webkit-transition: 0.5s ease;}
	nav ul 	{display:block;	padding-right: 8px;	}
	nav ul  li 	{position:relative;	display: block;}
	nav ul >li 	{position:relative;	text-align:left;	display:block;	float: left;	margin-left: 28px;	line-height:20px;	}
	nav ul >li>a:hover, .active a{color: #e5a921;}