/* Foundation v2.2 http://foundation.zurb.com */
/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
*/
body
{
	background: #fff;
	font-family: verdana;
	color: #000;
}
div.row
{
	width: 940px;
}
	div#header
	{
		background: #faf8ed url('../images/tetiere.jpg') center top no-repeat;
		height: 478px;
	}
		div#header h1
		{
			font-family: 'Alike', serif;
			font-size: 41px;
			color: #bb2610;
			padding: 245px 0 0 20px;
			margin: 0;
		}
		div#header h3
		{
			font-size: 23px;
			padding: 257px 0 20px 30px;
			margin: 0;
			font-family: 'Alike', serif;
			font-weight:  normal;
		}
		div#header h5
		{
			font-size: 15px;
			line-height: 23px;
			padding: 10px 0 0 20px;
			margin: 0;
			width:  400px;
		}
		div#header p.tel
		{
			font-size: 14px;
			line-height: 24px;
			padding: 10px 0 25px 40px;
			margin: 0;
		}
			div#header p.tel strong
			{
				font-size: 23px;
				line-height: 24px;
				font-weight: normal;
				font-family: 'Alike', serif;
			}
		div#header p.courriel
		{
			font-size: 14px;
			line-height: 18px;
			padding: 0 0 0 40px;
			margin: 0;
		}
			div#header p.courriel a
			{
				color: #000;
				text-decoration: none;
			}
	div#curve
	{
		background: url('../images/curve.jpg') center bottom no-repeat;
		height: 74px;
	}
	div#content
	{
	}
		div#content div.columns
		{
			padding: 0;
			margin: 0;
			width: 313px;
		}
			div#content h2
			{
				width: 313px;
				height: 210px;
			}
				div#content h2 a
				{
					display: block;
					font-family: 'Alike', serif;
					color: #4f3529;
					font-weight: normal;
					font-size: 26px;
					line-height: 28px;
					padding: 90px 25px 0 25px;
					margin: 0;
				}
				div#content div.columns.col1 h2
				{
					background: url('../images/ill-1.jpg') no-repeat;
				}
				div#content div.columns.col2 h2
				{
					background: url('../images/ill-2.jpg') no-repeat;
				}
					div#content div.columns.col2 h2 a
					{
						padding: 105px 25px 0 25px;
					}	
				div#content div.columns.col3 h2
				{
					background: url('../images/ill-3.jpg') no-repeat;
				}	
						
			div#content p
			{
				padding: 10px 15px 5px 20px;
			}
				div#content p a
				{
					color: #000;
					font-size: 14px;
					line-height: 18px;
				}
					div#content p a span
					{
						color: #bc2811;
						font-weight: bold;
					}
	div#footer
	{
	}
		div#footer div.row
		{
			padding: 25px 0;
			border-top: 1px solid #af9b89;
		}
			div#footer div.row p
			{
				padding:  0 10px;
				text-transform: uppercase;
				font-size: 10px;
				color: #4f3529;
			}
			div#footer div.row p.legale
			{
				text-align: right;
				line-height: 14px;
			}
				div#footer div.row p a
				{
					color: #4f3529;
				}
				div#footer div.row p a.logo-cafe
				{
					display: block;
					float: right;
					margin: -6px 90px 0 0;
					text-indent: -9999px;
					width: 216px;
					height: 36px;
					background: url('../images/logo-cafe.jpg') no-repeat; 
				}


/* -----------------------------------------
   formulaire
----------------------------------------- */
@media handheld, only screen and (max-width: 980px) {


div#header
{
	background: #faf8ed;
}
	div#header > div.row
	{
		background: #faf8ed url('../images/tetiere.jpg') center top no-repeat;
	}

div#curve
{
	height: 14px;
	background:#fff;
}
	div#curve > div.row
	{
	}