/*

	[ screen.css ]

	1. Page Layout
		1.1. Page
		1.2. Header
		1.3. Footer
	2. Content Layout
		2.0. Links
		2.1. Forms
	3. Content Layout
		3.0. Headings
	4. Other


	* Colors
	Right Column  Arial    14px/1.2  #333
	Left Column   Verdana  11px/1.6  #961B1E / #333

	H1    Artial B   16px      #961B1E
	H2    Artial B   16px      #333
	H6    Verdana B  12px      #fff / #333

	Navigation  Verdana B  12px      #fff / #333
	Footer      Verdana    9px       #fff / underlined

*/

/* ############################################
   1. Page Layout
   ############################################ */

	html { background-color:#fff; overflow-y:scroll; }

	body {
		color:#554D3F;
		font-family:Arial, sans-serif;
	}

	address { display:inline; }


   /* 1.0. Resets ############################### */

	ul#navigation,
	ul#nav-footer,
	ul#nav-utility,
	#sidebar ul,
	#slideshow ul,
	.stripTransmitter ul {
		list-style:none;
		padding:0;
		margin:0;
		}
		ul#nav-footer li,
		ul#nav-utility li {
			display:inline;
		}


   /* 1.1. Page ############################### */

	#page {
		position:relative;
		width:1000px;
		margin:0 auto 2em;
	}

   /* 1.2. Header ############################# */

	#header {
		position:relative;
		height:130px;
		}

		#header ul#navigation {
			position:absolute; bottom:0; right:-1px;
			background:url(../images/nav-bg.jpg) no-repeat right bottom;
			height:60px;
			width:661px;
			padding-left:40px;
			}
			#header ul#navigation li {
				float:left;
				height:60px;
				margin:0 0 0 1px;
				}

				#header ul#navigation li a {
					display:block;
					height:25px;
					width:154px;
					padding:15px 0 0 10px;
					margin-top:20px;
					}
					#header ul#navigation li a.current {
						height:45px;
						margin-top:0;
					}


		ul#nav-utility {
			position:absolute; top:10px; right:0;
			height:10px;
			}
			ul#nav-utility li {
				text-transform:uppercase;
				}
				ul#nav-utility li a {}


		a#logo {
			bottom:10px;
			display:block;
			height:48px;
			margin:0 0 0 23px;
			position:absolute;
			width:262px;
		}


   /* 1.3. Footer ############################# */

	#footer {
		clear:both;
		background:#7C211C url(../images/footer.png) repeat-x left top;
		height:34px;
		color:#fff;
		text-transform:uppercase;
		}
		#footer p, #footer ul#nav-footer li {
			line-height:34px;
		}

		#footer p {
			float:left;
			background:url(../images/footer.png) no-repeat left -34px;
			padding:0 20px;
			margin:0;
		}
		#footer ul#nav-footer {
			float:right;
			background:url(../images/footer.png) no-repeat right -68px;
			padding:0 20px;
		}


   /* 1.4. Content ############################ */

	/* Two Column CSS Demo of Equal Height Columns - http://matthewjamestaylor.com/blog/equal-height-columns-2-column.htm */
	#container {
		overflow:hidden;
		position:relative;
		width:100%;
		}
		#wrapper {
			float:left;
			position:relative; right:715px; /* width of #content */
			background:#594726; /* sidebar background colour */
			width:100%;
			}
			#sidebar {
				float:left;
				overflow:hidden;
				position:relative; left:715px; /* width of #content */
				width:285px;
			}
			#content {
				float:left;
				overflow:hidden;
				position:relative; left:740px; /* width of #content + 1 side padding */
				width:665px; /* (width of #content - padding-left:25px;) - padding-right:25px; */
				padding-bottom:25px;
				font-size:1.3em;
			}


	#heading {
		clear:both;
		position:relative;
		background-color:#594726;
		height:245px;
		}
		#heading .overlay {
			background:url(../images/heading-brown.png);
			height:245px;
			width:265px;
			padding:0 0 0 20px;
		}



		#content p {
			padding:0;
			margin:0.7em 0;
			line-height:1.6;
		}

		#googleMap {
			border:1px solid #594726;
			height:250px;
			width:643px;
		}
		#googleBorder {
			background:url(../images/bg-down.jpg) no-repeat center bottom;
			padding:0 0 20px 0;
			margin:0 0 10px 0;
			}
			#googleMap2 {
				border:1px solid #594726;
				height:250px;
				width:643px;
			}

		.job-block, .block-up {
			background:url(../images/bg-up.jpg) no-repeat center bottom;
			padding:0 10px 25px;
		}

		.post, .offer, .project, .local {
			background:url(../images/bg-down.jpg) no-repeat center bottom;
			padding:0 10px 30px;
			margin:0 0 0.5em 0;
			}
			.date { font-size:0.8em; text-transform:uppercase; }
			.title {}
			.entry {}
			.projet_client {
			background:url(../images/bg-down.jpg) no-repeat center bottom;
			padding:0 10px 30px;
			margin:0 0 0.5em 0;
			
			
			}
			
			.projet_client img{
			margin:0 auto;
			
			
			}
					
			.col1{
			padding-left:25px;
			
			
			}		
						
			.col1, .col2{
				position:relative;
				float:left;
				width:300px;
				
			
			}
			
			.col1 img, .col2 img{
				padding-bottom:40px;
				text-align:center;
			
			}
	
			.offer .entry { padding:10px 0 0 0; width:645px; }

			.options {
				float:right;
				margin-left:20px;
				}
				.options a.button {
					float:left;
					margin-left:1px;
					line-height:25px;
				}

		a.button, input.button {
			display:block;
			background-repeat:no-repeat;
			background-image:url(../images/button.png);
			border:0;
			height:25px;
			width:75px;

			color:#fff;
			font-size:10px;
			line-height:25px;
			text-align:center;
			text-transform:uppercase;
			}
			a.button.large { width:100px; background-image:url(../images/button-large.png); }
			input.button { line-height:23px; background-position:center top; }
			input.button:hover { background-position:center bottom; }



		#content dl {
			overflow:hidden;
			width:100%;
			padding:0;
			margin:0;
			}
			#content dl dt {
				clear:both;
				float:left;
				width:24%;
				margin:0 0 10px 0;
				font-weight:bold;
				line-height:1.15;
			}
			#content dl dd {
				float:left;
				width:76%;
				margin:0 0 10px 0;
				}
				#content ul { margin:0; padding:0 0 0 1.2em; list-style:square; }
				#content ul li { padding:0 0 0.5em 0; line-height:1.3; }
				#content p { margin:0; padding:0 0 0.5em 0; line-height:1.3; }


		#content div.columns,
		#content div.rows {
			width:100%;
			}
			#content div.columns div.row,
			#content div.rows div.row {
				clear:both;
				overflow:hidden;
				background:url(../images/list-bg.jpg) no-repeat center bottom;
				width:100%;
				}
				#content div.columns div.row div.item,
				#content div.rows div.row div.item {
					position:relative;
					background:url(../images/list-style.png) no-repeat left top;
					width:98%;
					padding:20px 10px 20px 3%;
				}
				#content div.columns div.row div.item {
					float:left;
					width:44.5%;
					line-height:1.3;
				}



		#content form {}

			#content form h3 { margin-top:20px; }

			#content .required { color:#000; }
			#content p.required, #content input.button { margin:2em 0 0 0; }

			#content fieldset {
				padding:20px 50px 0 0;
				}
				#content fieldset.float-left { width:260px; }

			#content input.text { width:250px; }

			#content textarea { width:562px; }

			#content label { display:block; padding:10px 0 0; line-height:1.6em; }
			#content label.error { padding:0; color:#781F1C; }



		#sidebar ul {
			margin-bottom:60px;

			font-size:1.5em;
			font-weight:bold;
			}
			#sidebar ul li {}

				#sidebar ul li a {
					display:block;
					border-bottom:1px solid #675536;
					height:60px;
					padding:0 20px;
					line-height:60px;
				}
				#sidebar ul li.first a.current {
					border-top:1px solid #675536;
				}


   /* 1.4. Index ############################## */

	#page-home #container {
		position:relative;
		height:490px;
	}

	/* Slideshow */
	#slideshow {
		/*background:url(../images/slide-shadow.jpg) no-repeat left bottom;*/
		height:465px;
		padding-bottom:25px;
		}
		.fade {
			position:absolute; top:0; left:0;
			height:410px;
			width:240px;
			padding:35px 20px 20px;
		}
		
		#flash {
			width:675px;
			height:465px;
		}


	/* Right Side */
	.block {
		position:absolute; right:0;
		background:url(../images/block-shadow.jpg) no-repeat right bottom;
		height:175px;
		width:335px;
		padding-bottom:10px;
		}
		#box-1 { top:56px; }
		#box-2 { top:246px; }

		.overlay {
			position:absolute; top:0; left:0;
			display:block;
			height:175px;
			width:195px;
			padding:0;
			}
			.overlay span.bottom { position:absolute; bottom:16px; left:16px; }

			.block a {
				position:absolute; top:0; left:0;
				display:block;
				height:175px;
				width:335px;
				
			}

		.brown img { background:#564320; }
		.brown .overlay { background:url(../images/overlay-brown.png); }
		.brown .fade    { background:url(../images/fade-brown.png); }

		.red img   { background:#7C211C; }
		.red   .overlay { background:url(../images/overlay-red.png); }
		.red   .fade    { background:url(../images/fade-red.png); }



/* ############################################ */



/* ############################################
   2. Anchor Links
   ############################################ */

	a {}
		a:link,
		a:visited {
			color:inherit;
		}
		a:focus,
		a:hover,
		a:active {
			color:inherit;
		}

	/* Page Body */


	/* Sidebar */
	#sidebar ul li a {
		background-image:url(../images/sidebar.jpg);
		background-repeat:no-repeat;
		background-position:left top;
		}

		#sidebar ul li a:link,
		#sidebar ul li a:visited {
			color:#AB9F89;
		}
		#sidebar ul li a:focus,
		#sidebar ul li a:hover,
		#sidebar ul li a:active {
			background-position:left bottom;
			color:#fff;
		}

	/* .current */
	#sidebar ul li a.current {
		background-position:left bottom;
		padding-left:50px;
		}

		#sidebar ul li a.current:link,
		#sidebar ul li a.current:visited {
			color:#fff;
		}
		#sidebar ul li a.current:focus,
		#sidebar ul li a.current:hover,
		#sidebar ul li a.current:active {
			color:#AB9F89;
		}

	/* Buttons */
	a.button {}
		a.button:link,
		a.button:visited,
		a.button:focus,
		a.button:hover,
		a.button:active {
			color:#fff;
		}

		a.button:link,
		a.button:visited,
		a.button:active,
		a.button:focus {
			background-position:center top;
			}
			a.button:hover {
				background-position:center bottom;
			}

		a.button.left:link,
		a.button.left:visited,
		a.button.left:active,
		a.button.left:focus {
			background-position:left top;
			}
			a.button.left:hover {
				background-position:left bottom;
			}

		a.button.right:link,
		a.button.right:visited,
		a.button.right:active,
		a.button.right:focus {
			background-position:right top;
			}
			a.button.right:hover {
				background-position:right bottom;
			}

	/* Home Boxes */
	.block a {
		font-size:16px;
		text-transform:uppercase;
		}
		.block a:link,
		.block a:visited,
		.block a:focus,
		.block a:hover,
		.block a:active {
			color:#fff;
		}

		.brown a:link,
		.brown a:visited {
			background:url(../images/overlay-brown.png) no-repeat left top;
			}
			.brown a:link    .overlay,
			.brown a:visited .overlay,
			.red a:link      .overlay,
			.red a:visited   .overlay {
				background:transparent;
			}
	
		.brown a:focus  .overlay,
		.brown a:hover  .overlay,
		.brown a:active .overlay {
			background:#564320;
		}

		.red a:link,
		.red a:visited {
			background:url(../images/overlay-red.png) no-repeat left top;
		}
		.red a:focus  .overlay,
		.red a:hover  .overlay,
		.red a:active .overlay {
			background:#7C211C;
		}



   /* 1.0. Navigation ######################### */

	/* Header */
	ul#navigation li a {
		background-image:url(../images/nav-tabs.png);
		background-repeat:no-repeat;
		background-position:right top;
		font-size:12px;
		text-transform:uppercase;
		}
		ul#navigation li a:link,
		ul#navigation li a:visited,
		ul#navigation li a.current:focus,
		ul#navigation li a.current:hover,
		ul#navigation li a.current:active {
			color:#fff;
		}

		ul#navigation li a:link,
		ul#navigation li a:visited {
			background-position:right top;
		}
		ul#navigation li a:focus,
		ul#navigation li a:hover,
		ul#navigation li a:active {
			background-position:left top;
		}

		/* .current */
		ul#navigation li a.current:link,
		ul#navigation li a.current:visited {
			background-position:right bottom;
		}
		ul#navigation li a.current:focus,
		ul#navigation li a.current:hover,
		ul#navigation li a.current:active {
			background-position:left bottom;
		}

	/* Footer */
	ul#nav-footer li a {}

		ul#nav-footer li a:link,
		ul#nav-footer li a:visited {
			color:#fff;
		}
		ul#nav-footer li a:focus,
		ul#nav-footer li a:hover,
		ul#nav-footer li a:active {
			color:#ffcecb;
		}

		/* .current */
		ul#nav-footer li a.current:link,
		ul#nav-footer li a.current:visited {
			color:#FF8F88;
		}
		ul#nav-footer li a.current:focus,
		ul#nav-footer li a.current:hover,
		ul#nav-footer li a.current:active {
			color:#ffcecb;
		}


	/* Utility */
	ul#nav-utility li a {}

		ul#nav-utility li a:link,
		ul#nav-utility li a:visited {
			color:#645A4B;
		}
		ul#nav-utility li a:focus,
		ul#nav-utility li a:hover,
		ul#nav-utility li a:active,
		ul#nav-utility li a.current:link,
		ul#nav-utility li a.current:visited,
		ul#nav-utility li a.current:focus,
		ul#nav-utility li a.current:hover,
		ul#nav-utility li a.current:active {
			color:#B54F49;
		}


/* ############################################ */


/* ############################################
   3. Typography
   ############################################ */

	h2, h3, h4, h5, h6 {
		color:#781F1C;
		font-weight:bold;
		text-transform:uppercase;
		}
		h3 { text-transform:none; }

		h1, h2, h3 { font-family:Arial, sans-serif; }
		h4, h5, h6 { font-family:Verdana, sans-serif; }

	h1 {
		margin:0;
		padding:20px 0;
		color:#fff;
		font-size:30px;
		font-weight:normal;
		}
		#heading h1 { text-transform:uppercase; }

	h2, h3 {
		margin:0;
	}

	h2 {
		background:url(../images/bg-down.jpg) no-repeat center bottom;
		font-size:26px;
		padding:20px 10px 35px;
	}

	h3 {
		padding:0;
		font-size:18px;
	}

	h4 { font-size:18px; }
	h5 { font-size:16px; }

	h2, h3, h4, h5 { margin-bottom:0.5em; }

	h6 {
		display:block;
		background:#000;
		padding:4px 15px;
		margin:0;

		color:#fff;
		font-size:12px;
	}

/* ############################################ */


/* ############################################
   4. Other
   ############################################ */

	span.spacer { padding:0 3px; }

	hr.spacer { display:block; height:1em; visibility:hidden; } /* Hidden Visibility trick to hide IE's borders */

	hr { color:#961B1E; margin:0 0 2em; }
	.hr { clear:both; display:block; background-color:#961B1E; height:1px; width:100%; margin:0 0 2em; }


   /* 1.0. Slideshow ########################## */

	.svw ul { position:relative; left:-999em; }

	.stripViewer {
		position:relative;
		overflow:hidden;
		}
		.stripViewer ul { /* this is your UL of images */
			position:relative; top:0; left:0;
			/*width:1%;*/
			}
			.stripViewer ul li {
				float:left;
			}

	.stripTransmitter {
		position:absolute; top:20px; left:20px; display:none;
		}
		.stripTransmitter ul, .stripTransmitter ul li { border:1px solid #76674B; }

		.stripTransmitter ul {
			position:relative;
			border-width:0 0 0 1px;
			height:15px;
			}
			.stripTransmitter ul li {
				float:left;
				display:block;
				border-left:0;
				height:13px;
				width:13px;
				}
				.stripTransmitter a {
					display:block;
					background:transparent;
					height:13px;
					width:13px;
				}
				.stripTransmitter a:hover, .stripTransmitter a.current {
					background:#7C211C;
				}

/* Code is poetry by */